/* Video only: a compact workspace, calendar, and shared post editor. */
main:has(#page-video.on){max-width:none;min-width:0}
body:has(#pan[open]){overflow:hidden}
#page-video,#pan{--v-surface:var(--panel);--v-soft:var(--panel-2);--v-border:var(--line);--v-muted:var(--muted);--v-blue:#92b6ec;--v-green:#8bc6a4;--v-purple:#bdabe3;--v-amber:#d8b982;--v-red:#e7a09b;--v-r-xs:6px;--v-r-sm:8px;--v-r-md:12px;--v-r-lg:16px;--v-r-pill:999px;color:var(--text);font-family:var(--font-body);font-size:14px}
#page-video{width:min(100%,1080px);margin-inline:auto;padding-bottom:56px}
:root[data-theme="light"] #page-video,:root[data-theme="light"] #pan{--v-blue:#35659b;--v-green:#347454;--v-purple:#765799;--v-amber:#8a662b;--v-red:#b44640}
#page-video [hidden],#pan [hidden]{display:none!important}
#page-video button,#pan button{font-family:inherit;cursor:pointer}
#page-video button:disabled,#pan button:disabled{opacity:.5;cursor:not-allowed}
#page-video :is(button,input,select):focus-visible,#pan :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--focus);outline-offset:3px}
#page-video .v-breadcrumb{font-size:12px;color:var(--v-muted);display:flex;gap:10px;align-items:center;margin-bottom:22px}
#page-video .v-breadcrumb span:last-child{color:var(--text)}
#page-video .v-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}
#page-video .v-heading h2{font-family:var(--font-heading);font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.7px}
#page-video .v-heading p{margin-top:7px;color:var(--v-muted);font-size:13px}
:is(#page-video,#pan) .v-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--v-border);border-radius:var(--v-r-sm);background:var(--v-surface);color:var(--text);font-size:13px;font-weight:500;padding:8px 14px;min-height:36px;white-space:nowrap;text-decoration:none;transition:background .15s,border-color .15s}
:is(#page-video,#pan) .v-button:hover{background:var(--v-soft)}
:is(#page-video,#pan) .v-button.v-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
:is(#page-video,#pan) .v-button.v-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}
:is(#page-video,#pan) .v-icon{display:inline-block;width:16px;height:16px;vertical-align:middle;flex-shrink:0}
#page-video .v-viewbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--v-border);gap:16px}
#page-video .v-tabs{display:flex;gap:22px}
#page-video .v-tabs button{display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;padding:11px 1px 12px;background:none;color:var(--v-muted);font-size:13px;white-space:nowrap;margin-bottom:-1px}
#page-video .v-tabs button[aria-pressed="true"]{color:var(--text);border-bottom-color:var(--accent);font-weight:600}
#page-video .v-count{font-size:11px;background:var(--v-soft);border:1px solid var(--v-border);padding:0 5px;border-radius:var(--v-r-xs);min-width:20px;text-align:center;color:var(--v-muted)}
#page-video .v-tools{display:flex;align-items:center;gap:10px}
#page-video .v-search{display:flex;align-items:center;gap:7px;color:var(--v-muted);padding:0 10px;border:1px solid var(--v-border);border-radius:var(--v-r-sm);background:var(--v-surface)}
#page-video .v-search input{border:0;background:transparent;color:var(--text);width:138px;min-width:0;font-size:12px;padding:7px 0;outline:none}
#page-video .v-search input:focus-visible{outline:none}
#page-video .v-search:focus-within{border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}
#page-video .v-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0 16px}
#page-video .v-month-controls{display:flex;align-items:center;gap:7px;min-width:0}
#page-video .v-month{font-family:inherit;font-size:16px;font-weight:500;text-transform:capitalize;margin-right:10px;min-width:160px;white-space:nowrap}
#page-video .v-nav{border:0;background:none;color:var(--v-muted);width:28px;height:32px;display:grid;place-items:center;border-radius:var(--v-r-xs)}
#page-video .v-nav:hover{color:var(--text);background:var(--v-soft)}
#page-video .v-status-select{border:1px solid var(--v-border);border-radius:var(--v-r-sm);background:var(--v-surface);color:var(--v-muted);font:inherit;font-size:12px;max-width:170px;padding:7px 9px;min-height:34px}
#page-video #postuKalendars{padding:4px 0 24px}
#page-video .v-calendar{border:1px solid var(--v-border);border-radius:var(--v-r-md);overflow:hidden;background:var(--v-surface)}
#page-video .v-weekdays,#page-video .v-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#page-video .v-weekdays{background:var(--v-soft);border-bottom:1px solid var(--v-border)}
#page-video .v-weekdays span{padding:10px;font-size:11px;font-weight:500;color:var(--v-muted);border-right:1px solid var(--v-border)}
#page-video .v-weekdays span:last-child{border-right:0}
#page-video .v-day{min-height:110px;padding:7px 6px 6px;border-right:1px solid var(--v-border);border-bottom:1px solid var(--v-border);min-width:0;position:relative}
#page-video .v-day:nth-child(7n){border-right:0}
#page-video .v-day:nth-last-child(-n+7){border-bottom:0}
#page-video .v-day.v-outside{background:var(--bg)}
#page-video .v-day.v-outside .v-date{color:var(--dim)}
#page-video .v-day.v-selected{background:var(--accent-soft)}
#page-video .v-day-top{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px;min-height:24px}
#page-video .v-date{display:grid;place-items:center;border:0;background:none;color:var(--v-muted);font-size:12px;width:25px;height:25px;border-radius:var(--v-r-xs);font-variant-numeric:tabular-nums}
#page-video .v-date[aria-current="date"]{background:var(--accent);color:var(--on-accent);font-weight:600}
#page-video .v-day-add{background:none;border:0;color:var(--v-muted);width:24px;height:24px;border-radius:var(--v-r-xs);opacity:0;display:grid;place-items:center}
#page-video .v-day:hover .v-day-add,#page-video .v-day:focus-within .v-day-add{opacity:1}
#page-video .v-day-add:hover{background:var(--v-border);color:var(--text)}
#page-video .v-events{display:flex;flex-direction:column;gap:5px}
#page-video .v-event{width:100%;text-align:left;background:var(--v-soft);border:1px solid var(--v-border);border-radius:var(--v-r-sm);padding:5px 6px;color:var(--text);min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 5px}
#page-video .v-event:hover{border-color:var(--accent-ink)}
#page-video .v-event-top{display:flex;align-items:center;gap:5px;color:var(--v-muted);font-size:10px;line-height:1.2;grid-column:2;grid-row:2}
#page-video .v-event-top .v-icon{display:none}
#page-video .v-event-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;font-weight:500;line-height:1.45;overflow-wrap:anywhere;grid-column:1/-1;grid-row:1}
#page-video .v-event>.v-status{grid-column:1;grid-row:2;font-size:10px;min-width:0;overflow:hidden}
:is(#page-video,#pan) .v-status{display:inline-flex;align-items:center;gap:5px;color:var(--v-muted);font-size:11px;line-height:1.45;white-space:nowrap}
:is(#page-video,#pan) .v-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
:is(#page-video,#pan) .v-status[data-tone="blue"]{color:var(--v-blue)}
:is(#page-video,#pan) .v-status[data-tone="green"]{color:var(--v-green)}
:is(#page-video,#pan) .v-status[data-tone="purple"]{color:var(--v-purple)}
:is(#page-video,#pan) .v-status[data-tone="amber"]{color:var(--v-amber)}
:is(#page-video,#pan) .v-status[data-tone="red"]{color:var(--v-red)}
#page-video .v-more{background:none;border:0;color:var(--v-muted);text-align:left;font-size:11px;padding:3px 5px}
#page-video .v-calendar-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:var(--v-muted);font-size:11px}
#page-video .v-ideas-link{background:none;border:0;color:var(--v-muted);font-size:12px;display:flex;align-items:center;gap:7px;padding:3px 0}
#page-video .v-ideas-link:hover{color:var(--text)}
#page-video .v-day-detail{margin-top:22px;border-top:1px solid var(--v-border);padding-top:16px}
#page-video .v-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#page-video .v-detail-head h3{font-family:inherit;font-size:14px;font-weight:500;text-transform:capitalize}
#page-video .v-detail-head .v-button{padding:4px 9px;min-height:29px;font-size:12px}
#page-video .v-mobile-dots{display:none}
#page-video .v-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
#page-video .v-table th{text-align:left;color:var(--v-muted);font-size:11px;font-weight:400;padding:10px 12px;border-bottom:1px solid var(--v-border);background:var(--v-soft)}
#page-video .v-table th:first-child{width:150px}
#page-video .v-table th:nth-child(3){width:155px}
#page-video .v-table th:last-child{width:80px}
#page-video .v-table td{border-bottom:1px solid var(--v-border);padding:13px 12px;vertical-align:middle}
#page-video .v-table tbody tr:hover{background:var(--v-soft)}
#page-video .v-row-title{display:flex;align-items:center;gap:9px;background:none;border:0;color:var(--text);text-align:left;max-width:100%;font-size:13px}
#page-video .v-row-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-video .v-row-title .v-icon{color:var(--v-muted)}
#page-video .v-row-date{font-size:12px;color:var(--v-muted);font-variant-numeric:tabular-nums}
#page-video .v-row-date time{display:block;color:var(--text)}
#page-video .v-format{color:var(--v-muted);font-size:12px}
#page-video .v-empty{padding:48px 20px;text-align:center;border:1px dashed var(--v-border);border-radius:var(--v-r-md);background:var(--v-surface);color:var(--v-muted);font-size:13px}
#page-video .v-empty strong{display:block;color:var(--text);font-weight:500;margin-bottom:5px}
#page-video .v-empty .v-button{margin-top:15px}
#page-video .v-empty-small{font-size:13px;color:var(--v-muted);padding:14px 0}
:is(#page-video,#pan) .v-notice{font-size:12px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--v-border);border-radius:var(--v-r-sm);background:var(--v-soft);color:var(--v-muted);line-height:1.5}
:is(#page-video,#pan) .v-notice[data-kind="error"]{color:var(--v-red);border-color:color-mix(in srgb,var(--v-red) 35%,var(--v-border))}
:is(#page-video,#pan) .v-notice[data-kind="success"]{color:var(--v-green)}
#pan{position:fixed;inset:0;width:min(980px,calc(100% - 96px));height:calc(100dvh - 112px);max-height:1100px;max-width:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:var(--v-r-lg);background:var(--panel);color:var(--text);font-family:var(--font-body);box-shadow:0 20px 72px rgba(0,0,0,.44);overflow:hidden}
:root[data-theme="light"] #pan{box-shadow:0 20px 72px rgba(20,20,24,.16)}
:root[data-theme="light"] #pan::backdrop{background:rgba(38,40,35,.28)}
:root[data-theme="light"] :is(#page-video,#pan) .v-popup{box-shadow:0 12px 32px rgba(46,42,30,.1),0 2px 6px rgba(46,42,30,.04)}
#pan::backdrop{background:rgba(0,0,0,.58)}
#pan.v-expanded{width:calc(100% - 32px);height:calc(100dvh - 32px);max-height:none}
#pan .v-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#pan .v-editor-form{display:flex;flex-direction:column;height:100%;min-height:0}
#pan .v-editor-head{display:flex;align-items:center;gap:14px;padding:12px 16px;flex-shrink:0;min-height:56px;border-bottom:1px solid var(--v-border)}
#pan .v-head-spacer{flex:1}
#pan .v-close{border:0;background:none;color:var(--v-muted);width:28px;height:28px;display:grid;place-items:center;border-radius:var(--v-r-xs);flex-shrink:0}
#pan .v-close:hover{background:var(--v-soft)}
#pan img.v-icon,#pan .v-page-icon{filter:invert(.72) grayscale(1);opacity:.62}
:root[data-theme="light"] #pan img.v-icon,:root[data-theme="light"] #pan .v-page-icon{filter:grayscale(1) brightness(.55);opacity:.62}
#pan .v-editor-head .v-button{padding:4px 10px;min-height:28px;font-size:12px;font-weight:500;border-radius:var(--v-r-sm)}
#pan .v-editor-head .v-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
#pan .v-editor-head .v-primary:hover{background:var(--accent-2);border-color:var(--accent-2);opacity:1}
#pan .v-editor-head .v-status{font-size:11px}
#pan .v-editor-body{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
#pan .v-document{max-width:708px;margin:0 auto;padding:70px 0 60px}
#pan .v-document-intro{margin-bottom:25px}
#pan .v-page-icon{display:block;width:60px;height:60px;margin-bottom:34px}
#pan .v-section-label{font-family:inherit;font-size:12px;font-weight:600;color:var(--v-muted);letter-spacing:0;margin:0 0 10px}
#pan .v-field{margin-bottom:22px;min-width:0}
#pan .v-field label{display:block;color:var(--v-muted);font-size:13px;margin-bottom:8px}
#pan .v-field label .v-optional{font-size:11px;opacity:.8;margin-left:5px}
#pan :is(input:not([type="file"]),select,textarea){width:100%;min-width:0;border:1px solid transparent;border-radius:var(--v-r-sm);background:transparent;color:var(--text);font:inherit;font-size:14px;padding:6px 8px;color-scheme:dark}
:root[data-theme="light"] #pan :is(input,select,textarea){color-scheme:light}
#pan :is(input,textarea)::placeholder{color:var(--v-muted);opacity:.72}
#pan :is(input:not([readonly]),textarea):hover{background:var(--v-soft)}
#pan :is(input,select,textarea):focus-visible{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft);background:var(--v-soft)}
#pan select option{color:var(--text);background:var(--v-surface)}
#pan textarea{resize:vertical;min-height:90px;line-height:1.65}
#pan :is(input,select,textarea):disabled{opacity:.6}
#pan #pan-nosaukums{display:block;font-size:40px;font-weight:700;letter-spacing:-1.1px;line-height:1.22;padding:0;min-height:49px;resize:none;overflow:hidden;border:0;border-radius:0;background:transparent}
#pan #pan-nosaukums::placeholder{color:var(--text);opacity:.85}
#pan #pan-nosaukums:focus-visible{outline:none;background:none}
#pan .v-properties{margin-bottom:24px}
#pan .v-property{display:grid;grid-template-columns:176px minmax(0,1fr);gap:12px;align-items:center;min-height:38px;margin:0}
#pan .v-property>label{display:flex;align-items:center;gap:10px;color:var(--v-muted);font-size:13px;margin:0;line-height:1.35}
#pan .v-property .v-icon{width:16px;height:16px}
#pan .v-property-value{min-width:0;display:flex;align-items:center;min-height:34px}
#pan .v-property-value>input{font-size:13px;min-height:31px}
#pan .v-property-value .v-select-tag{width:auto;max-width:100%;padding:2px 8px;min-height:25px;font-size:12px;line-height:1.4;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--v-r-sm);cursor:pointer;field-sizing:content}
#pan .v-property-value #pan-posms-trigger{border-radius:var(--v-r-pill);padding-left:10px}
#pan .v-property-value #pan-posms-trigger[data-tone="blue"]{background:color-mix(in srgb,var(--v-blue) 20%,var(--v-surface));color:var(--v-blue)}
#pan .v-property-value #pan-posms-trigger[data-tone="amber"]{background:color-mix(in srgb,var(--v-amber) 20%,var(--v-surface));color:var(--v-amber)}
#pan .v-property-value #pan-posms-trigger[data-tone="purple"]{background:color-mix(in srgb,var(--v-purple) 20%,var(--v-surface));color:var(--v-purple)}
#pan .v-property-value #pan-posms-trigger[data-tone="green"]{background:color-mix(in srgb,var(--v-green) 20%,var(--v-surface));color:var(--v-green)}
#pan .v-date-property{flex-wrap:wrap;gap:0 10px}
#pan .v-date-property input{width:220px;max-width:100%}
#pan .v-date-property .v-counter{font-size:10px;opacity:.75}
#pan .v-content-block{border-top:1px solid var(--v-border);padding-top:22px}
#pan .v-content-block textarea{padding:5px 0;background:transparent}
#pan .v-caption-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
#pan .v-counter{color:var(--v-muted);font-size:11px}
#pan .v-dropzone{position:relative;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--v-border);border-radius:var(--v-r-sm);background:transparent;text-align:left;cursor:pointer}
#pan .v-dropzone:hover,#pan .v-dropzone.v-dragging{border-color:var(--accent-ink);background:var(--accent-soft)}
#pan .v-dropzone:focus-within{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}
#pan .v-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#pan .v-dropzone .v-icon{width:18px;height:18px;color:var(--v-muted)}
#pan .v-dropzone strong{font-size:13px;font-weight:400;display:block}
#pan .v-dropzone small{display:block;color:var(--v-muted);font-size:11px;margin-top:4px}
#pan .v-file-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;color:var(--v-muted);font-size:12px}
#pan .v-file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pan .v-text-button{padding:2px 0;background:none;border:0;color:var(--v-muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;flex-shrink:0}
#pan .v-preview{margin-bottom:10px;background:var(--bg);border-radius:var(--v-r-sm);overflow:hidden}
#pan .v-preview :is(video,img){display:block;width:100%;max-height:210px;object-fit:contain}
#pan .v-editor-footer{padding:20px 0 0;border-top:1px solid var(--v-border);background:var(--v-surface)}
#pan .v-publish-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#pan .v-publish-choice label{font-size:12px;color:var(--v-muted)}
#pan .v-publish-choice select{width:auto;max-width:65%;padding:6px 9px;font-size:12px;background:var(--v-soft)}
#pan .v-publish-help{font-size:11px;color:var(--v-muted);line-height:1.5;margin-bottom:12px}
#pan .v-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
#pan .v-editor-actions #pan-dzest{margin-right:auto;color:var(--v-red);padding:7px 0;background:none;border:0;font-size:12px}
#pan .v-editor-actions .v-button{padding:9px 14px}
#pan .v-editor-footer .v-notice{max-height:100px;overflow:auto}
#pan .v-editor-form>.v-notice{margin:0 20px 10px;flex-shrink:0;max-height:120px;overflow:auto}
@media(max-width:1100px){#pan .v-document{max-width:none;margin:0 70px}}
@media(min-width:1500px){#page-video .v-day{min-height:118px}}
@media(max-width:1250px) and (min-width:701px){#page-video .v-event-top{grid-column:1/-1;grid-row:3}#page-video .v-event>.v-status{grid-column:1/-1;font-size:9.5px;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:1100px) and (min-width:901px){#page-video .v-tabs{gap:13px}#page-video .v-search input{width:90px}#page-video .v-event{padding:6px}#page-video .v-event-title{font-size:11px}}
@media(max-width:700px){
  #page-video{padding-bottom:36px}
  #page-video #postuKalendars{padding:2px 0 18px}
  #page-video .v-breadcrumb{margin-bottom:15px}
  #page-video .v-heading{align-items:flex-start;gap:10px;margin-bottom:22px}
  #page-video .v-heading h2{font-size:22px}
  #page-video .v-heading p{font-size:12px;max-width:220px}
  #page-video .v-heading .v-button{padding:7px 9px;font-size:12px}
  #page-video .v-viewbar{flex-wrap:wrap;gap:0}
  #page-video .v-tabs{gap:21px}
  #page-video .v-tools{width:100%;border-top:1px solid var(--v-border);padding:3px 0}
  #page-video .v-search{flex:1}#page-video .v-search input{width:100%}
  #page-video .v-toolbar{padding:13px 0;gap:7px;flex-wrap:wrap}
  #page-video .v-month{font-size:14px;min-width:0;margin-right:4px}
  #page-video .v-month-controls{gap:2px;flex:1}
  #page-video .v-month-controls .v-button{font-size:11px;padding:4px 7px;min-height:29px;margin-left:4px}
  #page-video .v-status-select{font-size:11px;padding:5px;max-width:120px;min-height:29px}
  #page-video .v-weekdays span{text-align:center;padding:8px 1px;border-right:0}
  #page-video .v-day{min-height:68px;padding:6px 2px;border-right:0}
  #page-video .v-day-top{justify-content:center;margin:0 0 8px}
  #page-video .v-day-add,#page-video .v-events{display:none}
  #page-video .v-date{width:29px;height:29px;font-size:13px}
  #page-video .v-selected .v-date:not([aria-current]){outline:1px solid var(--v-muted)}
  #page-video .v-mobile-dots{display:flex;align-items:center;justify-content:center;gap:4px;height:7px}
  #page-video .v-mobile-dots .v-status{font-size:0;gap:0}
  #page-video .v-mobile-dots small{font-size:9px;color:var(--v-muted)}
  #page-video .v-calendar-foot{align-items:flex-start;font-size:10px}
  #page-video .v-calendar-foot>span{max-width:140px;text-align:right}
  #page-video .v-table th:first-child{width:83px}
  #page-video .v-table th:nth-child(3){width:108px}
  #page-video .v-table th:last-child,#page-video .v-table td:last-child{display:none}
  #page-video .v-table :is(th,td){padding:11px 6px}
  #page-video .v-row-title{font-size:12px;gap:5px}
  #page-video .v-row-title .v-icon{display:none}
  #page-video .v-row-title span{white-space:normal;overflow-wrap:anywhere}
  #page-video .v-table .v-status{font-size:10px;white-space:normal}
  #page-video .v-row-date{font-size:10px}
  #pan,#pan.v-expanded{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}
  #pan .v-editor-head{padding:10px 14px;gap:10px}
  #pan .v-document{margin:0 24px;padding:35px 0 max(30px,env(safe-area-inset-bottom))}
  #pan .v-page-icon{width:48px;height:48px;margin-bottom:25px}
  #pan #pan-nosaukums{font-size:32px;min-height:40px;letter-spacing:-.7px}
  #pan .v-property{grid-template-columns:125px minmax(0,1fr);gap:6px;min-height:42px}
  #pan .v-property>label{font-size:12px;gap:7px}
  #pan .v-property>label .v-icon{width:14px;height:14px}
  #pan .v-property-value>input,#pan .v-property-value select,#pan textarea{font-size:16px}
  #pan .v-date-property{grid-column:1/-1;padding-left:19px;margin-top:-4px}
  #pan .v-date-property input{width:250px;font-size:16px}
  #pan .v-date-property .v-counter{padding-left:8px}
  #pan .v-publish-choice select{font-size:16px}
  #pan #pan-expand{visibility:hidden}
}
@media(prefers-reduced-motion:reduce){#page-video *,#pan *{scroll-behavior:auto!important}}

/* Shared dropdowns and date picker use the same surfaces and gold accent as the site. */
:is(#page-video,#pan) .v-control{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;max-width:100%;min-height:32px;padding:6px 9px;border:1px solid var(--line);border-radius:var(--v-r-sm);background:var(--panel-2);color:var(--text);font:inherit;font-size:12px;text-align:left}
:is(#page-video,#pan) .v-control:hover,:is(#page-video,#pan) .v-control[aria-expanded="true"]{border-color:var(--accent)}
:is(#page-video,#pan) .v-control svg{width:14px;height:14px;flex-shrink:0;color:var(--muted)}
:is(#page-video,#pan) .v-popup{position:fixed;inset:auto;margin:0;width:230px;max-width:calc(100vw - 24px);padding:5px;border:1px solid var(--line);border-radius:var(--v-r-md);background:var(--panel);color:var(--text);font-family:inherit;box-shadow:0 12px 36px #0004;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;z-index:10}
:is(#page-video,#pan) .v-popup::backdrop{background:transparent}
:is(#page-video,#pan) .v-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:var(--v-r-sm);background:transparent;color:var(--text);font-size:13px;text-align:left}
:is(#page-video,#pan) .v-options button:hover:not(:disabled),:is(#page-video,#pan) .v-options button:focus-visible{background:var(--panel-2);outline:0}
:is(#page-video,#pan) .v-options button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent-ink)}
:is(#page-video,#pan) .v-options button[aria-selected="true"]::after{content:'✓';font-size:12px}
:is(#page-video,#pan) .v-options button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-ink)}
#pan .v-date-trigger{min-width:190px;border-color:transparent;background:transparent;font-size:13px}
#pan .v-date-trigger[data-empty="true"]{color:var(--muted)}
#pan .v-datepicker{width:292px;padding:12px}
#pan .v-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
#pan .v-picker-month{font-size:13px;font-weight:500;text-transform:capitalize}
#pan .v-picker-heading button{width:30px;height:30px;border:0;border-radius:var(--v-r-xs);background:transparent;color:var(--muted);font-size:23px;line-height:1}
#pan .v-picker-week,#pan .v-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
#pan .v-picker-week span{text-align:center;padding:3px 0 9px;color:var(--muted);font-size:11px}
#pan .v-picker-days button{height:32px;padding:0;border:1px solid transparent;border-radius:var(--v-r-xs);background:transparent;color:var(--text);font-size:12px}
#pan .v-picker-days button[data-outside="true"]{color:var(--dim)}
#pan .v-picker-days button[aria-current="date"]{border-color:var(--accent-ink);color:var(--accent-ink)}
#pan .v-picker-days button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);font-weight:600}
#pan .v-picker-heading button:hover,#pan .v-picker-days button:hover:not([aria-pressed="true"]){background:var(--panel-2);color:var(--accent-ink)}
#pan .v-picker-time{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
#pan .v-picker-time>div{display:flex;align-items:center;gap:6px}
#pan .v-picker-time input{width:43px;min-height:34px;padding:5px;border:1px solid var(--line);background:var(--panel-2);text-align:center;font-size:14px;appearance:textfield;-moz-appearance:textfield}
#pan .v-picker-time input::-webkit-inner-spin-button,#pan .v-picker-time input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#pan .v-picker-footer{display:flex;align-items:center;gap:5px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
#pan .v-picker-footer button{border:0;border-radius:var(--v-r-sm);padding:6px 8px;min-height:32px;background:transparent;color:var(--muted);font-size:12px}
#pan .v-picker-footer button:hover{background:var(--panel-2);color:var(--text)}
#pan .v-picker-footer button:last-child{margin-left:auto;background:var(--accent);color:var(--on-accent);font-weight:500}
#pan .v-picker-footer button:last-child:hover{background:var(--accent-2)}
:is(#page-video,#pan) :is(.v-control,.v-datepicker button,.v-datepicker input):focus-visible{outline:none;border-color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}
@media(max-width:700px){
  #pan .v-control{min-height:34px}
  :is(#page-video,#pan) .v-options button{min-height:42px}
  #pan .v-picker-days button{height:36px}
  #pan .v-picker-time input{font-size:16px;min-height:38px}
}