:root{--bg:#f7f7f4;--surface:#fff;--soft:#f1f2ee;--ink:#222b29;--muted:#626c67;--line:#ddE1da;--accent:#244b40;--accentText:#fff;--green:#286346;--greenbg:#e8f2e9;--orange:#8c4e14;--orangebg:#fff0dc;--blue:#325c87;--bluebg:#eaf1f9;--red:#a43d3d;--redbg:#fbeaea;--purple:#73518c;--purplebg:#f2ebf7;--shadow:0 16px 60px #15271c1a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}a{color:var(--accent)}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;position:fixed;height:100dvh;z-index:10}.brand{display:flex;gap:10px;align-items:center;padding:0 8px 32px}.mark{height:38px;width:38px;display:grid;place-items:center;background:var(--accent);color:var(--accentText);font-size:14px;font-weight:750;border-radius:8px;letter-spacing:-1px}.brand strong{font-size:16px;line-height:1.2}.eyebrow{font-size:14px;letter-spacing:1.7px;font-weight:650;text-transform:uppercase;color:var(--muted)}.brand small{display:block;color:var(--muted);font-size:14px;letter-spacing:2px;margin-top:4px}.navlabel{font-size:14px;color:var(--muted);padding:0 12px 10px;letter-spacing:1px;text-transform:uppercase}nav button{width:100%;background:none;border:0;text-align:left;display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;margin:3px 0;font-size:15px;min-height:46px;color:var(--muted)}nav button.active{background:var(--soft);color:var(--accent);font-weight:650}nav button:hover{background:var(--soft)}svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.navcount{margin-left:auto;font-size:14px;background:var(--orangebg);color:var(--orange);border-radius:4px;padding:0 6px}.sidebottom{margin-top:auto;padding:24px 8px 0}.sideinfo{border:1px solid var(--line);padding:14px;border-radius:8px;margin-bottom:20px;font-size:14px;color:var(--muted)}.sideinfo strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--soft);border:1px solid var(--line);border-radius:50%;font-size:14px;font-weight:650;flex-shrink:0}.user{display:flex;align-items:center;gap:10px}.user strong{font-size:14px;display:block}.user small{font-size:14px;color:var(--muted)}.main{margin-left:230px;flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);gap:16px}.crumb{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:500}.dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:var(--green);margin-right:6px}.local{font-size:14px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:5px;white-space:nowrap}.content{max-width:1440px;margin:auto;padding:30px 36px 40px}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.pagehead h1{font-size:32px;line-height:1.2;letter-spacing:-1.2px;margin:8px 0}.sub{color:var(--muted);font-size:14px;margin:6px 0 0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:550;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--soft)}.primary{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.primary:hover{filter:brightness(1.16);background:var(--accent)}.iconbtn{height:44px;min-width:44px;border:1px solid var(--line);border-radius:7px;background:var(--surface);display:inline-grid;place-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px;text-align:left}.stat:hover{border-color:var(--muted)}.statline{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.statline svg{width:17px}.stat strong{display:block;font-size:32px;font-weight:600;letter-spacing:-1.2px;margin:8px 0 1px}.stat small{color:var(--muted);font-size:14px}.upper{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:20px;margin-bottom:26px}.spotlight{position:relative;min-height:232px;border-radius:10px;overflow:hidden;background:#1e3429;color:white}.spotlight img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 57%}.spotlight:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10221ae8,#10221a38)}.spotcontent{position:relative;z-index:1;padding:24px;max-width:80%}.imagebadge{font-size:14px;letter-spacing:1px;text-transform:uppercase;border:1px solid #ffffff80;border-radius:4px;padding:4px 7px;display:inline-block}.spotcontent h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:14px 0 6px}.spotcontent p{font-size:14px;color:#fff;margin:0 0 17px}.spotcontent .btn{background:#fff;color:#23362c;border-color:#fff}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}h2{font-size:17px;letter-spacing:-.3px;margin:0}.quietbtn{background:none;border:0;color:var(--accent);font-size:14px;font-weight:600;min-height:44px;padding:0 4px;white-space:nowrap}.attention{padding:4px 20px}.attention button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none}.attention button:last-child{border-bottom:0}.attention strong{font-size:14px;display:block;font-weight:550}.attention small{font-size:14px;color:var(--muted)}.attention .time{margin-left:auto;white-space:nowrap;font-size:14px;color:var(--orange)}.miniicon{height:32px;width:32px;display:grid;place-items:center;background:var(--orangebg);color:var(--orange);border-radius:7px;flex-shrink:0}.miniicon svg{width:16px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{border:0;background:none;color:var(--muted);border-radius:5px;padding:8px 10px;min-height:40px;font-size:14px}.tabs button.active{color:var(--ink);background:var(--soft);font-weight:650}.searchwrap{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 10px}.searchwrap svg{width:16px;color:var(--muted)}.searchwrap input{width:170px;border:0;background:none;color:var(--ink);height:40px;font-size:14px;outline:none}.filterrow{display:flex;gap:8px;flex-wrap:wrap}.filterrow select{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px;border-radius:6px;font-size:14px;max-width:180px;min-height:42px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:var(--bg);padding:12px 20px;white-space:nowrap}td{padding:14px 20px;border-top:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:var(--bg)}.projectlink{border:0;background:none;text-align:left;padding:0;color:var(--ink);font-weight:600;font-size:14px;min-height:44px}.projectlink small{display:block;color:var(--muted);font-weight:400;font-size:14px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:14px;font-weight:600;background:var(--soft);color:var(--muted)}.status:before{content:"";width:5px;height:5px;display:block;border-radius:50%;background:currentColor}.status.editing{background:var(--bluebg);color:var(--blue)}.status.review{background:var(--orangebg);color:var(--orange)}.status.delivered{background:var(--greenbg);color:var(--green)}.status.scheduled{background:var(--purplebg);color:var(--purple)}.editorcell{display:flex;gap:8px;align-items:center;white-space:nowrap;font-size:14px}.editorcell .avatar{width:26px;height:26px;font-size:14px}.due{white-space:nowrap;color:var(--muted);font-size:14px}.due.late{color:var(--red)}.tablefoot{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.sectionnote{font-size:14px;color:var(--muted);margin-top:18px}.board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.lane{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:14px;min-height:300px}.lane h2{font-size:14px;display:flex;justify-content:space-between;margin-bottom:16px}.lane h2 span{color:var(--muted);font-weight:400}.projectcard{display:block;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:14px;margin:0 0 10px;text-align:left}.projectcard:hover{border-color:var(--accent)}.projectcard h3{font-size:15px;margin:8px 0 5px;line-height:1.3}.projectcard p{font-size:14px;color:var(--muted);margin:4px 0}.cardbottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.empty{padding:38px 24px;text-align:center;color:var(--muted);font-size:14px}.empty h3{color:var(--ink);font-size:18px;margin:8px 0}.viewtoggle{display:flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:6px}.viewtoggle button{display:grid;place-items:center;height:36px;width:38px;border:0;border-radius:4px;background:none;color:var(--muted)}.viewtoggle button.active{background:var(--soft);color:var(--ink)}.teamgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.teamcard{padding:24px}.teamcard .avatar{height:44px;width:44px;font-size:14px}.teamcard h2{margin-top:16px}.teamcard p{font-size:14px;color:var(--muted)}.teamnumbers{display:flex;gap:24px;padding:18px 0;border-top:1px solid var(--line);margin-top:20px}.teamnumbers b{display:block;font-size:25px;font-weight:550}.teamnumbers span{font-size:14px;color:var(--muted)}.teamprojects{border-top:1px solid var(--line);padding-top:10px}.teamprojects button{width:100%;border:0;background:none;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:10px 0;font-size:14px;min-height:44px}.settingsgrid{max-width:800px;display:grid;gap:20px}.settingsbody{padding:22px}.settingsbody p{color:var(--muted);font-size:14px;line-height:1.7}.fileinput{display:none}.danger{color:var(--red)}.mobilemenu{display:none}.storagealert{background:var(--orangebg);color:var(--orange);padding:10px 20px;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);border-radius:8px;padding:13px 20px;z-index:99;box-shadow:var(--shadow);font-size:14px;max-width:90vw}.toast[hidden]{display:none}
dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);padding:0;width:min(980px,calc(100% - 40px));max-height:90dvh;box-shadow:var(--shadow)}dialog::backdrop{background:#13221b66;backdrop-filter:blur(3px)}.dialoghead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}.dialoghead h2{font-size:22px;margin-top:4px}.dialogbody{padding:24px 26px}.dialogcols{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:14px;font-weight:600}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);width:100%;font-size:14px;min-height:44px}.field textarea{min-height:90px;resize:vertical}.field small{font-size:14px;color:var(--muted)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dialogfoot{border-top:1px solid var(--line);padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);position:sticky;bottom:0}.reviewmedia{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--soft);margin-bottom:16px}.reviewmedia img,.reviewmedia video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.mediacaption{padding:10px 12px;font-size:14px;color:var(--muted)}.notes{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.notes h3{font-size:15px;margin:0 0 14px}.note{display:flex;gap:10px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.notetext{flex:1;min-width:0;overflow-wrap:anywhere}.notetext p{margin:5px 0}.notetext small{color:var(--muted);font-size:14px}.noteTime{font-size:14px;color:var(--blue);font-variant-numeric:tabular-nums}.noteresolve{border:1px solid var(--line);background:none;border-radius:5px;padding:8px;height:38px;font-size:14px}.resolved .notetext p{text-decoration:line-through;color:var(--muted)}.notebox{display:grid;grid-template-columns:80px 1fr;gap:8px;margin-top:16px}.notebox input,.notebox textarea{width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:10px;font-size:14px}.notebox textarea{min-height:70px;resize:vertical}.notebox .btn{grid-column:2;justify-self:end}.hint{font-size:14px;color:var(--muted);line-height:1.6}.clientbanner{font-size:14px;padding:12px 16px;border:1px solid var(--line);border-radius:6px;background:var(--soft);margin-bottom:20px}.clienttitle{text-align:center;margin-bottom:20px}.clienttitle h2{font-size:28px;margin:8px}.clienttitle p{color:var(--muted);font-size:14px}.clientreview{max-width:720px;margin:auto}.confirmtext{font-size:14px;color:var(--muted)}.hidden{display:none!important}
@media(prefers-color-scheme:dark){:root{--bg:#191d1b;--surface:#222724;--soft:#2b332e;--ink:#f2f5ef;--muted:#b1bcb4;--line:#465149;--accent:#b6d8c4;--accentText:#183126;--green:#a1d5ad;--greenbg:#2b4031;--orange:#f3c18a;--orangebg:#433425;--blue:#aecff0;--bluebg:#283a4e;--red:#f2aaaa;--redbg:#472f30;--purple:#d7b5ef;--purplebg:#3e3048}}
@media(min-width:1500px){.content{padding-top:40px}.upper{min-height:260px}.spotcontent{padding:30px}}
@media(max-width:1150px){.sidebar{width:200px}.main{margin-left:200px}.content{padding:24px}.topbar{padding:0 24px}.upper{grid-template-columns:1.2fr 1fr}.spotcontent{max-width:100%}th,td{padding:12px}.teamgrid{grid-template-columns:repeat(2,1fr)}.stat{padding:15px}.stats{gap:10px}.statline{font-size:14px}.optionalcol{display:none}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .15s;width:240px;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mobilemenu{display:inline-grid}.topbar{height:64px}.crumb{font-size:14px}.local{font-size:14px}.upper{grid-template-columns:1.2fr 1fr}.dialogcols{grid-template-columns:1fr}.teamgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.content{padding:24px 18px}.topbar{padding:0 18px;gap:8px}.crumb>span{display:none}.pagehead{align-items:flex-start;flex-wrap:wrap;gap:16px}.pagehead h1{font-size:29px}.pagehead>.actions{width:100%}.pagehead>.actions .primary{flex:1}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat strong{font-size:29px}.stat small{font-size:14px}.upper{grid-template-columns:1fr;gap:16px}.spotlight{min-height:230px}.spotcontent{max-width:90%;padding:24px}.attention{padding:4px 18px}.panelhead{padding:14px 18px}.toolbar{padding:12px;gap:10px}.searchwrap{flex:1}.searchwrap input{width:100%;min-width:0}.filterrow{width:100%}.filterrow select{flex:1;max-width:none;min-width:0}.tabs button{font-size:14px;padding:8px}.tablewrap{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:14px 18px;border-top:1px solid var(--line);gap:10px}tbody tr:first-child{border-top:0}td{border:0;padding:0}td:first-child{grid-column:1/-1}.projectlink{width:100%;font-size:15px}.optionalcol{display:none}td:last-child{display:none}.due{padding-top:5px}.teamgrid{grid-template-columns:1fr}.formrow{grid-template-columns:1fr;gap:0}.dialoghead{padding:18px}.dialoghead h2{font-size:20px}.dialogbody{padding:18px}.dialogfoot{padding:14px 18px;flex-wrap:wrap}.dialogfoot>.actions{flex:1;justify-content:flex-end}dialog{width:calc(100% - 20px);max-height:95dvh}.notebox{grid-template-columns:65px 1fr}.teamcard{padding:20px}.sectionnote{line-height:1.6}.local .dot{display:none}.board{grid-template-columns:repeat(5,250px)}.empty{grid-column:1/-1}.toast{bottom:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
dialog[open]{display:flex;flex-direction:column}dialog>form{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}.dialoghead,.dialogfoot{position:static;flex-shrink:0}.dialogbody{min-height:0;overflow-y:auto;flex:1}.clientreview .reviewmedia img,.clientreview .reviewmedia video{max-height:300px;object-fit:contain;background:#1b231e}
@media(max-width:600px){.dialogfoot{display:flex;flex-wrap:wrap}.dialogfoot>.actions{flex:1 1 100%;justify-content:flex-end;flex-wrap:nowrap}.dialogfoot>.actions .btn{flex:1}.clientreview .reviewmedia img,.clientreview .reviewmedia video{max-height:220px}}

:root{--control:#859088}@media(prefers-color-scheme:dark){:root{--control:#829185}}.field input,.field select,.field textarea,.searchwrap,.filterrow select,.notebox input,.notebox textarea{border-color:var(--control)}

/* Overview refresh: the featured edit and pipeline lead; no summary metrics. */
.overview-feature{grid-template-columns:minmax(0,2.1fr) minmax(270px,1fr);gap:20px;margin-bottom:28px;min-height:296px}
.overview-feature .spotlight{min-height:296px}
.overview-feature .spotlight:after{background:linear-gradient(90deg,rgba(12,29,21,.88),rgba(12,29,21,.35) 70%,rgba(12,29,21,.16))}
.overview-feature .spotcontent{height:100%;max-width:85%;padding:28px 30px;display:flex;flex-direction:column;align-items:flex-start}
.overview-feature .imagebadge{font-size:14px;letter-spacing:1.3px;padding:5px 8px;background:rgba(12,29,21,.2)}
.feature-copy{margin-top:auto;padding-top:24px}
.overview-feature .spotcontent h2{font-size:30px;letter-spacing:-.8px;line-height:1.12;margin:0 0 10px}
.overview-feature .spotcontent p{font-size:14px;margin:0 0 20px;line-height:1.6}
.overview-feature .spotcontent .btn{min-width:160px;justify-content:space-between}
.quickstart{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.quickstart .eyebrow{font-size:14px;letter-spacing:1.5px}
.quickstart h2{font-size:27px;letter-spacing:-.8px;line-height:1.12;margin:18px 0 12px;font-weight:600}
.quickstart p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 20px}
.quickstart-actions{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}
.quickstart-actions .primary{width:100%;justify-content:space-between;flex-direction:row-reverse}
.quickstart-actions .quietbtn{display:flex;align-items:center;gap:8px;font-size:14px}
.quickstart-actions .quietbtn svg{width:17px}
@media(max-width:1150px){.overview-feature{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr)}.overview-feature .spotcontent{padding:26px;max-width:100%}.overview-feature .spotcontent h2{font-size:28px}.quickstart{padding:24px}.quickstart h2{font-size:25px}}
@media(max-width:600px){.overview-feature{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.overview-feature .spotlight{min-height:284px}.overview-feature .spotcontent{padding:24px;min-height:284px;max-width:100%}.overview-feature .spotcontent h2{font-size:28px}.quickstart{padding:22px}.quickstart h2{font-size:26px;margin-top:14px}.quickstart h2 br{display:none}.quickstart p br{display:none}.quickstart p{max-width:290px;margin-bottom:18px}.quickstart-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 16px}.quickstart-actions .primary{width:auto;gap:16px}.overview-pipeline .panelhead{align-items:flex-start;flex-direction:column;gap:4px}}


/* Atlanta Media Co. brand: sampled from atlantamediaco.com. */
:root{--bg:#f7f3ea;--surface:#fffcf5;--soft:#efe7d6;--ink:#2b2317;--muted:#706149;--line:#d9ccaf;--accent:#765313;--accentText:#fff9ec;--control:#958365;--green:#286346;--greenbg:#e8f2e9;--orange:#8c4e14;--orangebg:#fff0dc;--blue:#325c87;--bluebg:#eaf1f9;--red:#a43d3d;--redbg:#fbeaea;--purple:#73518c;--purplebg:#f2ebf7;--brass:#e7c568;--ivory:#f5ead0;--shadow:0 16px 60px #241b101a;color-scheme:light;}
:root[data-theme="dark"]{--bg:#100d08;--surface:#1a1409;--soft:#2b2212;--ink:#f5ead0;--muted:#b6a67f;--line:#51432a;--accent:#e7c568;--accentText:#1a1409;--control:#958365;--green:#a1d5ad;--greenbg:#243828;--orange:#f3c18a;--orangebg:#433425;--blue:#aecff0;--bluebg:#283a4e;--red:#f2aaaa;--redbg:#472f30;--purple:#d7b5ef;--purplebg:#3e3048;--brass:#e7c568;--ivory:#f5ead0;--shadow:0 16px 60px #00000040;color-scheme:dark;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#100d08;--surface:#1a1409;--soft:#2b2212;--ink:#f5ead0;--muted:#b6a67f;--line:#51432a;--accent:#e7c568;--accentText:#1a1409;--control:#958365;--green:#a1d5ad;--greenbg:#243828;--orange:#f3c18a;--orangebg:#433425;--blue:#aecff0;--bluebg:#283a4e;--red:#f2aaaa;--redbg:#472f30;--purple:#d7b5ef;--purplebg:#3e3048;--brass:#e7c568;--ivory:#f5ead0;--shadow:0 16px 60px #00000040;color-scheme:dark;}}
body{background:var(--bg)}.app{position:relative;z-index:1}.main{background:transparent}.sidebar,.topbar{background:var(--surface)}
.primary{background:var(--brass);border-color:var(--brass);color:#241b10}.primary:hover{background:#ddba5c;filter:none;border-color:#ddba5c}
.mark{background:var(--brass);color:#241b10}.brand strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:18px;letter-spacing:-.3px}
.pagehead h1{font-family:Georgia,"Times New Roman",serif;font-size:35px;font-weight:400;letter-spacing:-1.1px;line-height:1.17}
.quickstart h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.5px;font-size:29px}
.overview-feature .spotlight{background:#241b10}.overview-feature .spotlight:after{background:linear-gradient(90deg,rgba(16,13,8,.88),rgba(16,13,8,.35) 70%,rgba(16,13,8,.12))}
.overview-feature .imagebadge{color:#f5ead0;background:rgba(16,13,8,.3);border-color:rgba(245,234,208,.6)}
.overview-feature .spotcontent h2{font-family:Georgia,"Times New Roman",serif;color:#fff7e6;font-weight:400;font-size:33px;letter-spacing:-.6px}
.overview-feature .spotcontent .btn{background:#f5ead0;border-color:#f5ead0;color:#241b10}.overview-feature .spotcontent p{color:#fff7e6}
.sidebar nav button.active{box-shadow:inset 2px 0 0 var(--brass)}.navcount{background:var(--soft);color:var(--accent)}
.local .dot{background:var(--accent)}.topbar-tools{display:flex;gap:8px;align-items:center;flex-shrink:0}.local-short{display:none}.topbar-tools .iconbtn{color:var(--muted);background:var(--surface)}.topbar-tools .iconbtn:hover{background:var(--soft)}
.field input,.field select,.field textarea,.searchwrap,.filterrow select,.notebox input,.notebox textarea{border-color:var(--control)}
.ambient-field{position:fixed;inset:0;left:230px;z-index:0;pointer-events:none;overflow:hidden;contain:strict}
.ambient-orb{display:block;position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(231,197,104,.3) 0%,rgba(221,186,92,.14) 34%,rgba(182,166,127,.05) 54%,transparent 72%);filter:blur(24px);will-change:transform;opacity:.8}
.orb-one{width:620px;height:620px;left:15%;top:-280px;animation:ambient-drift-one 29s ease-in-out infinite alternate;animation-delay:-9s}
.orb-two{width:480px;height:480px;right:-180px;top:25%;animation:ambient-drift-two 37s ease-in-out infinite alternate;animation-delay:-19s;opacity:.64}
.orb-three{width:520px;height:520px;left:-200px;bottom:-190px;animation:ambient-drift-three 33s ease-in-out infinite alternate;animation-delay:-15s;opacity:.62}
.orb-four{width:200px;height:200px;left:60%;top:52%;animation:ambient-drift-two 24s ease-in-out infinite alternate;animation-delay:-3s;opacity:.55}
@keyframes ambient-drift-one{0%{transform:translate3d(-80px,20px,0) scale(.92)}100%{transform:translate3d(180px,150px,0) scale(1.12)}}
@keyframes ambient-drift-two{0%{transform:translate3d(20px,-100px,0) scale(.92)}100%{transform:translate3d(-160px,180px,0) scale(1.08)}}
@keyframes ambient-drift-three{0%{transform:translate3d(0,70px,0) scale(1.12)}100%{transform:translate3d(190px,-140px,0) scale(.94)}}
.ambient-paused .ambient-orb{animation-play-state:paused}.ambient-paused .ambient-orb{will-change:auto}
.quickstart{background:color-mix(in srgb,var(--surface) 94%,transparent)}
@media(max-width:1150px){.ambient-field{left:200px}}
@media(max-width:850px){.ambient-field{left:0}}
@media(max-width:600px){.topbar-tools{gap:6px}.local-full{display:none}.local-short{display:inline}.local{padding:6px 8px}.topbar{gap:8px}.crumb{gap:8px}.topbar-tools .iconbtn{height:44px;min-width:44px}.pagehead h1{font-size:32px}.quickstart h2{font-size:28px}.overview-feature .spotcontent h2{font-size:29px}.ambient-orb{filter:blur(20px)}.orb-one{width:460px;height:460px;left:-110px;top:-160px}.orb-two{width:380px;height:380px;right:-210px}.orb-three{width:400px;height:400px;left:-180px}.orb-four{width:180px;height:180px;left:45%}}
@media(prefers-reduced-motion:reduce){.ambient-orb{animation:none!important;will-change:auto}}

dialog::backdrop{background:rgba(16,13,8,.65)}.clientreview .reviewmedia img,.clientreview .reviewmedia video{background:#100d08}

/* Focused overview: one full-width feature, with creation below the address. */
.overview-feature{grid-template-columns:minmax(0,1fr);min-height:308px}
.overview-feature .spotlight{min-height:308px}
.overview-feature .spotcontent{min-height:308px;max-width:85%;padding:28px 30px}
.overview-feature .spotlight img{object-position:center 56%}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.overview-feature .hero-actions .btn{justify-content:center;gap:10px;min-width:154px}
.overview-feature .hero-actions .primary{background:var(--brass);border-color:var(--brass);color:#241b10}
.overview-feature .hero-actions .primary:hover{background:#ddba5c;border-color:#ddba5c}
.overview-feature .hero-actions .hero-review{color:#fff7e6;background:rgba(16,13,8,.5);border-color:rgba(245,234,208,.7)}
.overview-feature .hero-actions .hero-review:hover{background:rgba(16,13,8,.72)}
.pagehead:has(+.overview-feature)>.actions{display:none}
@media(max-width:600px){.overview-feature{min-height:326px}.overview-feature .spotlight,.overview-feature .spotcontent{min-height:326px}.overview-feature .spotcontent{max-width:100%;padding:24px}.overview-feature .hero-actions{gap:10px;width:100%}.overview-feature .hero-actions .btn{min-width:0;flex:1;padding:10px 12px}.overview-feature .hero-actions .hero-review{gap:6px}.overview-feature .hero-actions svg{width:17px}.overview-feature .feature-copy{padding-top:24px}.overview-feature .spotcontent h2{font-size:29px}}


/* Small, defined brass orbs: no oversized blurred pools of light. */
.ambient-field .ambient-orb{left:var(--x);top:var(--y);right:auto;bottom:auto;width:var(--size);height:var(--size);filter:none;opacity:var(--alpha);border:1px solid rgba(221,186,92,.7);background:radial-gradient(circle at 32% 27%,#fff7dd 0%,#efd78c 38%,#ddba5c 76%,#bd963b 100%);box-shadow:0 0 2px rgba(231,197,104,.15);animation:ambient-small-drift var(--duration) ease-in-out var(--delay) infinite alternate;will-change:transform}
@keyframes ambient-small-drift{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(calc(var(--dx) * .45),calc(var(--dy) * -.3),0)}100%{transform:translate3d(var(--dx),var(--dy),0)}}
.ambient-paused .ambient-field .ambient-orb{animation-play-state:paused;will-change:auto}
@media(prefers-reduced-motion:reduce){.ambient-field .ambient-orb{animation:none!important;will-change:auto}}


/* Smaller luminous centers, with a soft layered brass aura. */
.ambient-field .ambient-orb{width:calc(var(--size) * .75);height:calc(var(--size) * .75);border:0;filter:none;opacity:calc(var(--alpha) + .12);background:radial-gradient(circle at 40% 35%,#fffef1 0%,#fff1b5 38%,#efd080 68%,#e7c568 100%);box-shadow:0 0 4px 1px rgba(255,232,164,.85),0 0 10px 3px rgba(231,197,104,.52),0 0 22px 7px rgba(221,186,92,.23)}


/* Richer true-gold cores with a more luminous, fuller aura. */
.ambient-field .ambient-orb{opacity:calc(var(--alpha) + .22);background:radial-gradient(circle at 40% 35%,#fffde8 0%,#fff3a1 32%,#ffe16b 65%,#f2ca3b 100%);box-shadow:0 0 5px 1.5px rgba(255,233,133,.95),0 0 14px 4px rgba(246,209,66,.68),0 0 30px 10px rgba(231,197,104,.32)}


/* Slightly smaller gold centers; the existing glow and drift are unchanged. */
.ambient-field .ambient-orb{width:calc(var(--size) * .6);height:calc(var(--size) * .6)}


/* Responsive photographer portal */
.sidebar{display:none!important}.main{margin-left:0!important;width:100%}.mobilemenu{display:none!important}.content{max-width:1200px;padding-bottom:128px}.topbar{padding-inline:max(24px,calc((100vw - 1128px)/2))}.bottomnav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 40px));display:grid;grid-template-columns:repeat(5,1fr);padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #0002;z-index:20}.bottomnav button{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;margin:0;padding:8px 3px;min-height:60px;font-size:14px;text-align:center}.bottomnav .navcount{position:absolute;right:12px;top:3px;font-size:12px;padding:0 4px}.toast{bottom:118px}.portal-brand{font-weight:650;letter-spacing:-.3px}.home-intro{margin-top:28px;max-width:660px}.home-intro h2{font-size:23px;margin-bottom:8px}.home-intro p{color:var(--muted);margin-top:0}.overview-feature .spotlight{min-height:360px}.overview-feature .spotcontent{min-height:360px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.overview-feature .spotcontent h2{font-size:44px;max-width:540px}.overview-feature .spotcontent p{font-size:16px;max-width:450px}.portal-login{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;position:relative;z-index:1}.login-image{position:relative;margin:24px;border-radius:12px;overflow:hidden;min-height:560px;color:#fff;background:#251d10}.login-image img{position:absolute;width:100%;height:100%;object-fit:cover}.login-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#100d0820,#100d08bb)}.login-image-copy{position:absolute;bottom:48px;left:40px;right:40px;z-index:1}.login-image-copy h2{font-size:44px;line-height:1.1;letter-spacing:-1.4px;max-width:430px;margin:18px 0}.login-image-copy p{max-width:360px;font-size:16px}.login-side{display:flex;align-items:center;justify-content:center;padding:48px 40px}.login-card{width:100%;max-width:390px}.login-card .brand{padding:0;margin-bottom:56px}.login-card .brand small{letter-spacing:1.4px}.login-card h1{font-size:36px;letter-spacing:-1px;line-height:1.15;margin:12px 0}.login-card>p{color:var(--muted);margin-bottom:28px}.login-card .field input{font-size:16px;min-height:48px}.login-card .btn{width:100%;font-size:16px;min-height:48px}.login-options{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:4px 0 20px;min-height:44px}.login-options input{width:18px;height:18px;accent-color:var(--accent)}.login-note{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.6}.login-demo{margin-top:14px}.login-error{color:var(--orange);font-size:14px;margin-top:14px}.accountlinks{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.accountcard{padding:24px;max-width:800px}.accountcard h2{font-size:24px;margin:12px 0}.accountcard p{color:var(--muted)}
@media(max-width:760px){.portal-login{grid-template-columns:1fr}.login-image{display:none}.login-side{padding:36px 24px}.login-card .brand{margin-bottom:40px}.content{padding:24px 20px 120px}.topbar{padding:0 20px}.crumb>span{display:none}.crumb{gap:0}.portal-brand{font-size:14px}.bottomnav{bottom:0;width:100%;border-radius:12px 12px 0 0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-bottom:0}.bottomnav button{font-size:14px}.bottomnav .navcount{right:7px}.overview-feature .spotlight,.overview-feature .spotcontent{min-height:340px}.overview-feature .spotcontent h2{font-size:34px}.overview-feature .spotcontent{padding:24px}.toast{bottom:100px}.hero-actions{flex-wrap:wrap}.topbar-tools{gap:6px}.local{display:none}.home-intro h2{font-size:22px}}

/* Painted brand backdrop; foreground sparkles are separate from the form. */
.portal-login{isolation:isolate;position:relative;display:flex;justify-content:center;align-items:center;min-height:100dvh;max-width:none;padding:48px 24px;background:transparent;overflow:hidden}
.login-image{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:720px;max-width:none;height:1000px;min-height:0;border:0;border-radius:0;background:transparent;overflow:visible;z-index:0;mask-image:none;-webkit-mask-image:none;pointer-events:none}
.login-image img{width:100%;height:100%;object-fit:contain;filter:none;opacity:.28}.login-image:after{display:none}.login-image-copy{display:none}
.login-side{position:relative;z-index:2;display:flex;padding:0;justify-content:center;width:100%}.login-card{width:100%;max-width:420px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:28px}
.login-card .brand{padding:0;margin-bottom:32px;min-height:56px}.login-card h1{font-size:30px;line-height:1.16;letter-spacing:-.7px;margin:12px 0 16px}.login-card>p{margin-bottom:22px}.login-card .login-note{margin-top:20px;padding-top:20px}.login-card .brand strong,.login-card .brand small,.login-card .eyebrow,.login-card>p{color:var(--ink)}.login-card input::placeholder{color:var(--muted);opacity:.85}.login-card .field input{background:var(--surface)}
body:has(#login:not(.hidden)) > .ambient-field{visibility:hidden}.portal-login>.portal-sparks{visibility:visible;position:absolute;inset:0;left:0;z-index:1;pointer-events:none}.portal-sparks .ambient-orb{pointer-events:none}

@media(max-width:760px){.portal-login{padding:36px 20px;min-height:100dvh}.login-image{display:block;top:50%;width:560px;height:920px;opacity:.85}.login-side{padding:0;grid-column:auto}.login-card{max-width:390px;padding:16px 4px}.login-card .brand{margin-bottom:28px;gap:10px}.login-card .brand strong{font-size:16px}.login-card .brand small{font-size:12px;letter-spacing:1px}.login-card h1{font-size:28px}.login-card .field input,.login-card .btn{min-height:44px}}

/* Foreground orbs roam through the painting, not just its perimeter. */
.portal-login>.portal-sparks .ambient-orb{animation:portal-free-roam var(--roam-time,28s) ease-in-out var(--roam-delay,0s) infinite;will-change:transform}
@keyframes portal-free-roam{0%,100%{transform:translate3d(calc(var(--fly-x) * -1),calc(var(--fly-y) * -.2),0)}22%{transform:translate3d(calc(var(--fly-x) * .2),calc(var(--fly-y) * -1),0)}48%{transform:translate3d(var(--fly-x),calc(var(--fly-y) * .25),0)}74%{transform:translate3d(calc(var(--fly-x) * -.3),var(--fly-y),0)}}
.ambient-paused .portal-login>.portal-sparks .ambient-orb{animation-play-state:paused;will-change:auto}
@media(prefers-reduced-motion:reduce){.portal-login>.portal-sparks .ambient-orb{animation:none!important;will-change:auto}}

/* Subtle cosmic atmosphere and a second, much finer particle layer. */
.portal-login:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 38% 46% at 28% 54%,rgba(137,91,39,.12),transparent 80%),radial-gradient(ellipse 32% 40% at 73% 38%,rgba(185,143,65,.09),transparent 82%)}
.portal-login>.portal-sparks .ambient-orb:nth-child(even){width:calc(var(--size) * .34);height:calc(var(--size) * .34);box-shadow:0 0 3px 1px rgba(255,233,133,.7),0 0 9px 3px rgba(246,209,66,.35),0 0 18px 6px rgba(231,197,104,.16)}
.portal-login>.portal-sparks .star-dust{display:block;position:absolute;left:var(--x);top:var(--y);width:var(--dust-size);height:var(--dust-size);border-radius:50%;background:#f5deb0;opacity:var(--dust-alpha);box-shadow:0 0 3px #e7c56870;animation:portal-free-roam var(--roam-time) ease-in-out var(--roam-delay) infinite;pointer-events:none}
.ambient-paused .portal-login>.portal-sparks .star-dust{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.portal-login>.portal-sparks .star-dust{animation:none!important}}

/* Practical home: welcome, clear destinations, and scheduled work. */
.overview-feature .spotcontent h2{font-size:40px;max-width:620px;line-height:1.12}.overview-feature .spotcontent{min-height:320px;max-width:78%}.overview-feature .spotlight{min-height:320px}.overview-feature .spotcontent p{max-width:490px}.home-sectionhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.home-sectionhead h2{font-size:22px}.home-workspace{margin-top:32px}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-shortcut{display:flex;flex-direction:column;align-items:flex-start;position:relative;text-align:left;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);min-width:0;transition:border-color .2s,transform .2s}.home-shortcut:hover{border-color:var(--accent);transform:translateY(-2px)}.home-shortcut-icon{width:44px;height:44px;border-radius:8px;background:var(--soft);display:inline-grid;place-items:center;color:var(--accent);flex-shrink:0}.home-shortcut h3{font-size:20px;line-height:1.3;margin:16px 0 8px}.home-shortcut p{font-size:16px;line-height:1.5;color:var(--muted);margin:0 0 24px;max-width:290px}.home-shortcut-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-weight:600;font-size:14px;color:var(--accent)}.home-upcoming{margin-top:24px}.home-upcoming .panelhead p{margin:4px 0 0}.home-upcoming .quietbtn{display:flex;align-items:center;gap:8px}.home-next{width:100%;background:var(--surface);border:0;color:var(--ink);display:flex;align-items:center;gap:20px;text-align:left;padding:20px 24px;min-height:94px}.home-next+.home-next{border-top:1px solid var(--line)}.home-next:hover{background:var(--soft)}.home-next-date{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:64px;padding-right:20px;border-right:1px solid var(--line);font-size:14px;color:var(--accent);font-weight:600}.home-next-info{flex:1;min-width:0}.home-next-info strong{display:block;font-size:16px}.home-next-info small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.home-next-arrow{color:var(--accent);display:flex}.home-schedule-empty{padding:24px;display:flex;align-items:center;gap:16px}.home-schedule-empty h3{font-size:18px;margin:0 0 4px}.home-schedule-empty p{font-size:14px;color:var(--muted);margin:0}.home-schedule-empty .btn{margin-left:auto}
@media(max-width:760px){.overview-feature .spotcontent{max-width:100%;min-height:340px}.overview-feature .spotlight{min-height:340px}.overview-feature .spotcontent h2{font-size:32px}.home-shortcuts{grid-template-columns:1fr;gap:12px}.home-shortcut{padding:20px;display:grid;grid-template-columns:44px 1fr;gap:0 16px}.home-shortcut-icon{grid-row:1/3}.home-shortcut h3{margin:0 0 6px}.home-shortcut p{font-size:16px;margin:0 0 16px;max-width:none;grid-column:2}.home-shortcut-action{grid-column:2}.home-sectionhead{align-items:flex-start;flex-direction:column;gap:4px}.home-next{gap:12px;padding:18px 16px;flex-wrap:wrap}.home-next-date{padding-right:12px;min-width:56px}.home-next .status{margin-left:68px}.home-next-arrow{margin-left:auto}.home-next-info{flex-basis:calc(100% - 80px)}.home-upcoming .panelhead{padding:18px 16px;gap:8px}.home-upcoming .quietbtn{font-size:14px}.home-schedule-empty{flex-wrap:wrap}.home-schedule-empty .btn{margin-left:60px}.home-schedule-empty>div{flex:1;min-width:180px}}
@media(prefers-reduced-motion:reduce){.home-shortcut{transition:none}.home-shortcut:hover{transform:none}}

.bottomnav{max-width:480px}.expensepanel{max-width:850px}.expense-total{display:flex;flex-direction:column;gap:4px;margin:24px 0}.expense-total span{font-size:14px;color:var(--muted)}.expense-total strong{font-size:38px;letter-spacing:-1px}.order-summary{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
@media(max-width:760px){.dialogfoot{flex-wrap:wrap}.dialogfoot .actions{width:100%}.dialogfoot .actions .btn{flex:1}.bottomnav{max-width:none}}
.order-summary a.btn{margin:4px 4px 4px 0}

.editor-order-status{margin-bottom:8px}.folder-access{padding:20px 0;border-bottom:1px solid var(--line)}.folder-access h3{font-size:16px;font-weight:650;line-height:1.4;margin:0 0 12px}.folder-action{min-height:46px;gap:10px;max-width:100%;white-space:normal;text-align:left}.folder-action svg{width:18px;height:18px}.folder-access .hint{margin:10px 0 0}.editor-status-field{margin:22px 0 0}#projectform:has(.folder-access){max-width:100%}dialog:has(.folder-access){width:min(620px,calc(100% - 40px))}
@media(max-width:600px){.folder-action{width:100%;justify-content:flex-start}.folder-action svg:last-child{margin-left:auto}.folder-access{padding:18px 0}}
.readonly-label{font-size:14px;font-weight:600}.readonly-due{margin:0;min-height:44px;display:flex;align-items:center;font-size:16px;color:var(--ink)}
.mobile-edittype{display:none!important}@media(max-width:1150px){.projectlink .mobile-edittype{display:block!important;color:var(--ink);margin-top:5px}}

/* Status filters use dense, whole-row actions rather than tall project cards. */
.compact-projects{list-style:none;padding:0;margin:0}.compact-projects li+li{border-top:1px solid var(--line)}.compact-project-row{display:grid;grid-template-columns:minmax(200px,1fr) 110px 135px 160px 20px;gap:16px;align-items:center;width:100%;min-height:60px;padding:10px 20px;background:var(--surface);border:0;text-align:left;color:var(--ink);font-size:14px}.compact-project-row:hover{background:var(--soft)}.compact-address{font-weight:650;line-height:1.4;overflow-wrap:anywhere}.compact-status{display:flex}.compact-edittype{color:var(--muted);font-size:14px}.compact-deadline{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:14px;white-space:nowrap}.compact-deadline svg{width:16px;height:16px}.compact-deadline.late{color:var(--red)}.compact-open{display:flex;color:var(--accent)}.compact-open svg{width:18px;height:18px}.compact-status .status{padding:3px 7px;font-size:14px}.compact-footnote{font-size:14px}
@media(max-width:1000px) and (min-width:761px){.compact-project-row{grid-template-columns:minmax(170px,1fr) 100px 110px 130px 18px;gap:10px;padding:10px 14px}}
@media(max-width:760px){.compact-project-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"address status" "edittype deadline";gap:7px 10px;padding:12px 14px;min-height:80px}.compact-address{grid-area:address;font-size:14px}.compact-status{grid-area:status;justify-content:flex-end}.compact-edittype{grid-area:edittype}.compact-deadline{grid-area:deadline;justify-content:flex-end;font-size:14px;white-space:normal;text-align:right;gap:4px}.compact-deadline svg{display:none}.compact-open,.compact-footnote{display:none}.compact-projects .empty{display:block}.compact-status .status{font-size:14px;padding:2px 6px}}

/* Reference-inspired depth: charcoal glass, diffused light, and soft gold actions. */
body:has(#portalapp:not(.hidden)){--glow-edge:rgba(132,101,64,.28);--glow-halo:rgba(156,121,61,.1);--raised-surface:var(--surface);--focus-halo:rgba(125,91,25,.13)}
:root[data-theme="dark"] body:has(#portalapp:not(.hidden)){--bg:#100d08;--surface:#1a1409;--soft:#2b2212;--ink:#f5ead0;--muted:#b6a67f;--line:#51432a;--control:#958365;--accent:#e7c568;--accentText:#1a1409;--glow-edge:rgba(231,197,104,.3);--glow-halo:rgba(190,143,38,.14);--raised-surface:#241c0f;--focus-halo:rgba(231,197,104,.18);--green:#a1d5ad;--greenbg:#243828;--blue:#aecff0;--bluebg:#283a4e;--orange:#f3c18a;--orangebg:#433425;--red:#f2aaaa;--redbg:#472f30;--purple:#d7b5ef;--purplebg:#3e3048;}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) body:has(#portalapp:not(.hidden)){--bg:#100d08;--surface:#1a1409;--soft:#2b2212;--ink:#f5ead0;--muted:#b6a67f;--line:#51432a;--control:#958365;--accent:#e7c568;--accentText:#1a1409;--glow-edge:rgba(231,197,104,.3);--glow-halo:rgba(190,143,38,.14);--raised-surface:#241c0f;--focus-halo:rgba(231,197,104,.18);--green:#a1d5ad;--greenbg:#243828;--blue:#aecff0;--bluebg:#283a4e;--orange:#f3c18a;--orangebg:#433425;--red:#f2aaaa;--redbg:#472f30;--purple:#d7b5ef;--purplebg:#3e3048;}}
body:has(#portalapp:not(.hidden)):before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 58% 55% at 88% 9%,rgba(190,143,38,.10),transparent 76%),radial-gradient(ellipse 42% 45% at 14% 74%,rgba(190,143,38,.08),transparent 80%),radial-gradient(ellipse 30% 30% at 59% 92%,rgba(205,161,65,.045),transparent 80%)}
.app .pagehead h1{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.2}.app .eyebrow{font-weight:550;letter-spacing:1.3px}.app .sub{font-size:16px;line-height:1.55}.app .pagehead{margin-bottom:28px}.app .topbar{background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.app .panel,.app .lane,.app .projectcard{border-radius:12px;border-color:var(--glow-edge);background:linear-gradient(145deg,rgba(231,197,104,.025),transparent 48%),var(--surface);box-shadow:0 0 0 1px rgba(231,197,104,.035),0 0 32px var(--glow-halo),0 12px 40px rgba(0,0,0,.07)}
.app .toolbar{padding:16px 20px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:linear-gradient(100deg,rgba(231,197,104,.04),transparent 75%)}
.app .tabs{gap:6px}.app .tabs button{border-radius:8px;transition:background .2s,box-shadow .2s;color:var(--muted);min-height:44px}.app .tabs button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 0 16px rgba(231,197,104,.07)}
.app th{background:color-mix(in srgb,var(--bg) 55%,var(--surface));font-weight:550;font-size:14px;letter-spacing:.8px}.app td{border-color:color-mix(in srgb,var(--line) 60%,transparent)}.app tbody tr:hover{background:var(--soft)}.app .projectlink{font-size:15px;font-weight:600}.app .tablefoot{border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.app .compact-projects li+li{border-color:color-mix(in srgb,var(--line) 65%,transparent)}.app .compact-project-row{background:linear-gradient(90deg,rgba(231,197,104,.018),transparent),var(--surface);transition:background .2s}.app .compact-project-row:hover{background:var(--soft)}.app .compact-address{font-weight:600}.app .status{border-radius:7px;font-weight:550;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}.app .status.editing{box-shadow:inset 0 0 0 1px rgba(157,184,255,.15),0 0 12px rgba(104,139,232,.07)}.app .status.delivered{box-shadow:inset 0 0 0 1px rgba(138,226,161,.14),0 0 12px rgba(91,194,127,.06)}
.app .btn,.app .iconbtn,.app .viewtoggle{border-radius:9px}.app .btn.primary{box-shadow:0 0 19px rgba(231,197,104,.15),inset 0 1px 0 rgba(255,255,255,.3)}.app .btn.primary:hover{box-shadow:0 0 25px rgba(231,197,104,.23),0 4px 16px rgba(0,0,0,.12)}.app .viewtoggle{background:var(--surface)}.app .viewtoggle button{border-radius:6px}.app .searchwrap{border-radius:9px;background:var(--raised-surface);border-color:var(--control)}.app .searchwrap input::placeholder{color:var(--muted);opacity:.8}.app .avatar{background:var(--soft);border-color:var(--line);color:var(--muted)}
.app .bottomnav{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(22px);border-color:var(--glow-edge);box-shadow:0 0 26px var(--glow-halo),0 8px 32px rgba(0,0,0,.18)}.app .bottomnav button{border-radius:9px}.app .bottomnav button.active{background:color-mix(in srgb,var(--accent) 11%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 0 18px rgba(231,197,104,.06);color:var(--accent)}
body:has(#portalapp:not(.hidden)) dialog{border-radius:12px;border-color:var(--glow-edge);background:var(--surface);box-shadow:0 0 0 1px rgba(231,197,104,.07),0 0 48px var(--glow-halo),0 24px 80px rgba(0,0,0,.35)}
body:has(#portalapp:not(.hidden)) dialog::backdrop{background:rgba(5,6,12,.65);backdrop-filter:blur(8px)}
body:has(#portalapp:not(.hidden)) .dialoghead,body:has(#portalapp:not(.hidden)) .dialogfoot{background:color-mix(in srgb,var(--surface) 94%,var(--soft))}
body:has(#portalapp:not(.hidden)) .field input,body:has(#portalapp:not(.hidden)) .field select,body:has(#portalapp:not(.hidden)) .field textarea{border-radius:9px;background:var(--raised-surface);border-color:var(--control);font-size:16px;transition:border-color .2s,box-shadow .2s}
body:has(#portalapp:not(.hidden)) input:focus-visible,body:has(#portalapp:not(.hidden)) select:focus-visible,body:has(#portalapp:not(.hidden)) textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-halo)}
body:has(#portalapp:not(.hidden)) dialog .folder-action{border-radius:9px;background:var(--raised-surface)}body:has(#portalapp:not(.hidden)) dialog .folder-action.primary{background:var(--accent);box-shadow:0 0 20px rgba(231,197,104,.14)}
body:has(#portalapp:not(.hidden)) dialog .btn,body:has(#portalapp:not(.hidden)) dialog .iconbtn{border-radius:9px}.app .home-next{background:transparent}.app .home-next:hover{background:var(--soft)}
@media(max-width:760px){.app .pagehead h1{font-size:30px;letter-spacing:-.7px}.app .toolbar{padding:12px}.app .tabs{gap:3px}.app .tabs button{padding:8px}.app .bottomnav{border-radius:12px 12px 0 0}}
@media(prefers-reduced-motion:reduce){.app .tabs button,.app .compact-project-row,body:has(#portalapp:not(.hidden)) .field input,body:has(#portalapp:not(.hidden)) .field select{transition:none}}
.app .btn.primary,body:has(#portalapp:not(.hidden)) dialog .btn.primary{background:var(--brass);border-color:var(--brass);color:#241b10}
/* Video workspace: isolated from the photo-order workflow. */
.workspacebar{max-width:1200px;margin:22px auto 0;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.workspace-tabs{display:flex;padding:4px;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.workspace-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px}.workspace-tabs button.active{background:var(--soft);color:var(--accent);box-shadow:inset 0 0 0 1px #e7c56830}.workspace-tabs button svg{width:18px}.workspacebar>.hint{margin:0;text-align:right}.vpagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.vpagehead h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:6px 0 8px;font-weight:600}.vpagehead p{margin:0;color:var(--muted);font-size:16px;max-width:650px}.vpagehead .actions{flex-shrink:0}.vlocal-note{font-size:14px;color:var(--muted);line-height:1.6;margin:20px 0 0}.vquicklinks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.vquick{padding:22px;display:flex;gap:16px;align-items:center;text-align:left;color:var(--ink);cursor:pointer;min-height:100px}.vquick strong{font-size:18px;display:block;font-weight:600}.vquick small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.vquick .vquick-arrow{margin-left:auto;color:var(--accent)}.vfilterbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.vfilterbar .tabs{display:flex;flex-wrap:wrap}.vfilterbar input{min-height:44px}.vprojectlist{list-style:none;margin:0;padding:0}.vprojectlist li+li{border-top:1px solid var(--line)}.vproject-row{display:grid;grid-template-columns:44px minmax(0,1fr) 150px 115px 24px;align-items:center;gap:16px;width:100%;padding:16px 20px;min-height:88px;border:0;background:transparent;text-align:left;color:var(--ink)}.vproject-row:hover{background:var(--soft)}.vrow-icon{height:42px;width:42px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--accent)}.vrow-title{font-size:16px;font-weight:600;display:block;line-height:1.4}.vrow-sub{font-size:14px;color:var(--muted);display:block;margin-top:4px}.vrow-due{color:var(--muted);font-size:14px}.vstatus{display:inline-flex;align-items:center;gap:6px;font-size:14px;border-radius:7px;padding:5px 9px;font-weight:550;white-space:nowrap;background:var(--soft);color:var(--ink)}.vstatus:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.vstatus.review{background:var(--orangebg);color:var(--orange)}.vstatus.editing{background:var(--bluebg);color:var(--blue)}.vstatus.revisions{background:var(--purplebg);color:var(--purple)}.vstatus.delivered{background:var(--greenbg);color:var(--green)}.vcount{padding:12px 20px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}.vcompleted-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vdelivery-card{border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink);overflow:hidden}.vcard-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--soft);display:grid;place-items:center}.vcard-image img{width:100%;height:100%;object-fit:cover;opacity:.75}.vcard-image>.vplay{position:absolute;width:44px;height:44px;display:grid;place-items:center;border:1px solid #fff8;border-radius:50%;background:#100d0870;color:white;backdrop-filter:blur(4px)}.vcard-image .vsample{position:absolute;top:10px;left:10px;padding:3px 7px;font-size:14px;background:#100d08cc;border:1px solid #e7c56840;border-radius:5px;color:#f5ead0}.vcard-body{padding:18px}.vcard-body h2{font-size:17px;line-height:1.4;margin:12px 0 6px}.vcard-body p{font-size:14px;color:var(--muted);margin:6px 0 0}.vcompleted-search{margin-bottom:20px;display:flex;gap:12px}.vcompleted-search .searchwrap{max-width:340px;width:100%}.vcompleted-search input{width:100%}.vform{max-width:920px}.vform-panel{margin-bottom:20px}.vform-panel .panelhead{padding:20px 24px}.vsection-number{font-size:14px;color:var(--accent);margin-right:12px}.vform-fields{padding:24px}.vform-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.vform-full{grid-column:1/-1}.vform-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.vsubmitbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:12px}.vsubmitbar .hint{margin:0;max-width:500px}.vreview-back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;min-height:44px;font-size:14px;color:var(--muted);margin-bottom:10px}.vreview-back svg{transform:rotate(180deg);width:16px}.vreview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.vreview-title h1{font-size:26px;line-height:1.25;margin:8px 0;letter-spacing:-.6px;overflow-wrap:anywhere}.vreview-title p{font-size:14px;color:var(--muted);margin:5px 0}.vreview-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vreview-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;height:min(650px,calc(100dvh - 310px));min-height:470px}.content:has(.vreview){max-width:1480px}.vviewer{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.vviewer-toolbar{padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);flex-wrap:wrap}.vviewer-toolbar label{font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px}.vversion-select{border:1px solid var(--control);background:var(--soft);color:var(--ink);border-radius:7px;padding:7px;min-height:44px;max-width:190px;font:inherit;font-size:14px}.vmedia-stage{position:relative;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;background:#090806;overflow:hidden}.vmedia-stage video{width:100%;height:100%;object-fit:contain;display:block}.vmedia-stage .vmedia-empty{padding:32px;text-align:center;color:#d9cba5;max-width:480px}.vmedia-empty svg{height:40px;width:40px;color:#e7c568;margin-bottom:12px}.vmedia-empty h2{font-size:20px;margin:6px 0 10px}.vmedia-empty p{font-size:14px;line-height:1.6}.vviewer-caption{padding:10px 14px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);line-height:1.5}.vmedia-error{padding:10px 14px;font-size:14px;color:var(--orange);background:var(--orangebg);margin:0}.vchat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;min-height:0}.vchat-head{padding:14px 16px;border-bottom:1px solid var(--line)}.vchat-head h2{font-size:17px;margin:0 0 10px}.vchat-tabs{display:flex;gap:6px}.vchat-tabs button{font-size:14px;background:transparent;border:0;min-height:36px;padding:6px 9px;color:var(--muted);border-radius:6px}.vchat-tabs button.active{color:var(--accent);background:var(--soft)}.vcomment-list{overflow:auto;padding:4px 16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.vcomment{padding:16px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.vcomment-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.vcomment-meta strong{font-weight:600}.vcomment-meta small{font-size:14px;color:var(--muted)}.vcomment p{font-size:15px;line-height:1.55;margin:10px 0}.vtime{border:1px solid #e7c56840;background:var(--soft);color:var(--accent);font-size:14px;border-radius:5px;min-height:36px;padding:5px 8px;margin-top:9px;font-variant-numeric:tabular-nums}.vcomment-actions{display:flex;align-items:center;gap:14px;margin-top:4px}.vcomment-actions button{font-size:14px;min-height:36px;padding:2px 0;border:0;background:none;color:var(--accent)}.vcomment.vresolved>p{text-decoration:line-through;color:var(--muted)}.vresolved-label{font-size:14px;color:var(--green);display:inline-flex;align-items:center;gap:4px}.vreply{border-left:2px solid var(--line);padding:6px 0 6px 12px;margin:8px 0}.vreply strong{font-size:14px}.vreply p{margin:5px 0;font-size:14px}.vreplyform{display:grid;gap:8px;margin-top:10px}.vreplyform textarea{min-height:70px}.vchat textarea,.vreplyform textarea{font:inherit;font-size:15px;line-height:1.5;width:100%;padding:10px 12px;border:1px solid var(--control);background:var(--soft);color:var(--ink);border-radius:8px;resize:vertical}.vcomment-composer{padding:14px 16px;border-top:1px solid var(--line);background:var(--surface)}.vcomment-composer textarea{min-height:76px;max-height:160px}.vtimestamp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}.vtimestamp-row label{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted)}.vtimestamp-input{font:inherit;font-size:14px;width:92px;min-height:40px;padding:6px;border:1px solid var(--control);background:var(--soft);color:var(--ink);border-radius:6px}.vtimestamp-row .quietbtn{font-size:14px;white-space:normal;line-height:1.3}.vcomment-send{display:flex;align-items:center;justify-content:space-between;gap:8px}.vcomment-send small{font-size:14px;color:var(--muted)}.vdetail-panel{margin-top:20px}.vdetail-panel summary{cursor:pointer;min-height:56px;padding:16px 20px;font-size:16px;font-weight:600;color:var(--ink)}.vbrief-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:6px 20px 20px}.vbrief-grid dt{font-size:14px;color:var(--muted);margin-bottom:6px}.vbrief-grid dd{margin:0;white-space:pre-wrap;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.vbrief-grid a{color:var(--accent)}.vrole-card{padding:28px;max-width:800px}.vrole-card h2{font-size:24px;margin:16px 0}.vrole-card p{font-size:16px;color:var(--muted);line-height:1.6}.vversion-form .hint{line-height:1.6}.vversion-choice{border:1px solid var(--line);padding:16px;border-radius:9px;margin:16px 0}.vversion-choice legend{font-size:16px;font-weight:600;padding:0 8px}.vversion-choice input[type=file]{width:100%;font-size:14px}.vdelivery-note{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font-size:14px;color:var(--muted);margin-top:16px}.vempty-comments{font-size:14px;color:var(--muted);padding:28px 0;line-height:1.6}.vstatus-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.vstatus-actions .btn{font-size:14px}.vfile-busy{margin:10px 0;color:var(--muted);font-size:14px}.vreview .btn{white-space:normal}.vchat .btn.primary{padding:8px 12px}.vsubmitted{font-size:14px;color:var(--muted);margin:0 0 18px}
@media(max-width:1100px){.vreview-grid{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.vcompleted-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vreview-top{flex-wrap:wrap}.vproject-row{grid-template-columns:40px minmax(0,1fr) 140px 100px 20px;gap:12px}}
@media(max-width:800px){.workspacebar{padding:0 20px;margin-top:16px}.workspacebar>.hint{display:none}.vpagehead{align-items:flex-start;flex-wrap:wrap}.vpagehead h1{font-size:29px}.vpagehead .actions{width:100%}.vpagehead .actions .btn{flex:1}.vquicklinks{grid-template-columns:1fr;gap:12px}.vquick{padding:18px;min-height:88px}.vproject-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:16px;grid-template-areas:"icon name name" "icon status due"}.vproject-row>.vrow-icon{grid-area:icon;width:36px;height:36px}.vproject-row>.vrow-info{grid-area:name}.vproject-row>.vrow-status{grid-area:status}.vproject-row>.vrow-due{grid-area:due;text-align:right}.vproject-row>.vrow-arrow{display:none}.vfilterbar{padding:12px}.vfilterbar .searchwrap{width:100%;flex:1}.vfilterbar .searchwrap input{width:100%}.vcompleted-grid{grid-template-columns:1fr}.vform-grid,.vform-triple{grid-template-columns:1fr}.vform-panel .panelhead{padding:18px}.vform-fields{padding:18px}.vsubmitbar{flex-wrap:wrap}.vsubmitbar .btn{width:100%}.vreview-grid{grid-template-columns:1fr;height:auto;min-height:0}.vmedia-stage{aspect-ratio:16/9;min-height:210px;flex:auto}.vchat{height:620px}.vviewer{min-height:0}.vreview-top{gap:14px}.vreview-title h1{font-size:23px}.vreview .vstatus-actions{width:100%}.vreview .vstatus-actions .btn{flex:1}.vbrief-grid{grid-template-columns:1fr}.content:has(.vreview){padding-inline:16px}.vlocal-note{margin-top:16px}.vcomment-list{min-height:0}.workspace-tabs{width:100%}.workspace-tabs button{flex:1}.vversion-select{max-width:175px}.vviewer-toolbar{padding:10px 12px}.vchat-head{padding:14px 16px}.vrole-card{padding:22px}.vstatus{font-size:14px}.vreview-back{margin-bottom:6px}}

/* In review, keep navigation in flow so it cannot cover playback controls. */
.app.video-review-open .bottomnav{position:static;transform:none;margin:0 auto 24px;width:min(480px,calc(100% - 32px));border-radius:12px;border:1px solid var(--line)}
.app.video-review-open .content{padding-bottom:24px}

.vplayback-tools{padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.vplayback-tools label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.vplayback-tools select{padding:8px;border-radius:8px;max-width:210px}.vplayback-tools #vplaybackstatus{flex:1;min-width:160px}.vplayback-tools .quietbtn{min-height:44px}#vdownload{display:flex;gap:12px;flex-wrap:wrap}
.app.video-review-open{display:block}

/* The linked Nashville dashboard is the visual reference for the video section. */
.video-reference-active{background:var(--bg);color:var(--ink);color-scheme:inherit}
.video-reference-active .ambient-field{display:none!important}
.app.video-reference{display:block;background:radial-gradient(ellipse at 75% 5%,color-mix(in srgb,var(--brass) 20%,transparent),transparent 48%),var(--bg);min-height:100vh;color:var(--ink)}
#portalapp:not(.video-reference) #vreference-shell{display:none}
.app.video-reference>.main{margin-left:356px!important;width:calc(100% - 356px)!important;padding-top:36px}
.app.video-reference .topbar,.app.video-reference .workspacebar,.app.video-reference .bottomnav{display:none!important}
.app.video-reference .content{max-width:none;margin:0;padding:30px 38px 64px}
.app.video-reference .content:has(.vreview){padding:0!important}
.v-demo-banner{position:fixed;top:0;left:0;right:0;height:36px;z-index:70;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}
.v-demo-banner strong{color:var(--ink);font-weight:500}.v-demo-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:6px}.v-demo-banner button{min-height:28px;padding:1px 12px;font-size:14px;background:transparent;border:0;color:var(--ink)}.v-demo-banner button:last-child{border:1px solid var(--line);border-radius:20px;margin-left:8px}
.v-brand-strip{position:fixed;top:36px;bottom:0;left:0;width:36px;border-right:1px solid var(--line);background:var(--surface);z-index:40;display:flex;align-items:center;justify-content:center}.v-brand-strip span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:4px;color:var(--muted)}
.v-icon-rail{position:fixed;top:36px;bottom:0;left:36px;width:64px;border-right:1px solid var(--line);background:var(--bg);z-index:45;display:flex;align-items:center;flex-direction:column;padding:48px 8px 22px;gap:24px}.v-icon-rail button{width:44px;min-height:44px;padding:10px;background:none;color:var(--muted);border:0;border-radius:8px;display:grid;place-items:center}.v-icon-rail svg{width:20px;height:20px}.v-icon-rail button:hover,.v-icon-rail .selected{background:var(--soft);color:var(--accent)}.v-icon-rail .active{color:var(--accent)}.v-icon-rail .vbrand-monogram{font-size:24px;font-weight:650;background:linear-gradient(135deg,var(--accent),var(--brass));color:var(--accentText);min-height:36px;height:36px;width:36px;padding:0}.vrail-primary{display:flex;flex-direction:column;gap:4px}.vrail-bottom{margin-top:auto}.v-icon-rail .vrail-avatar{background:var(--accent);color:var(--accentText);width:36px;min-height:36px;font-size:14px}
.v-activity-panel{position:fixed;top:36px;bottom:0;left:100px;width:256px;border-right:1px solid var(--line);background:var(--bg);z-index:40;display:flex;flex-direction:column;padding-top:32px}.vactivity-scroll{overflow-y:auto;padding:16px;flex:1;min-height:150px}.v-activity-panel h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:600;margin:0 0 12px}.vactivity-tabs{display:flex;margin-bottom:12px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.vactivity-tabs button{flex:1;min-height:32px;padding:4px 5px;border:0;background:transparent;color:var(--muted);font-size:14px}.vactivity-tabs .active{background:var(--accent);color:var(--accentText)}.vactivity-card{padding:12px;margin-bottom:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.vactivity-card small{display:block;font-size:14px;color:var(--muted)}.vactivity-card strong{display:block;font-size:14px;line-height:1.45;font-weight:400;color:var(--accent);margin-top:5px}.vactivity-card p{font-size:15px;line-height:1.5;color:var(--ink);margin:4px 0 8px}.vactivity-card button{background:transparent;border:0;color:var(--accent);padding:3px 0;min-height:28px;font-size:14px}.vactivity-disclosure{font-size:14px;color:var(--muted);line-height:1.5}.veditor-panel{padding:20px 16px;border-top:1px solid var(--line)}.veditor-panel h2{display:flex;justify-content:space-between}.veditor-panel h2 span{text-transform:none;letter-spacing:0;font-weight:400}.veditor-person{display:flex;gap:8px;margin-bottom:16px;align-items:flex-start}.veditor-person i{width:8px;height:8px;background:var(--muted);border-radius:50%;margin-top:8px}.veditor-person strong{font-size:15px;font-weight:500}.veditor-person small{display:block;color:var(--muted);font-size:14px;margin-top:3px}.veditor-panel .hint{font-size:14px;margin:0;color:var(--muted)}.v-mobile-bar{display:none}
.app.video-reference .vpagehead{margin-bottom:24px;align-items:end}.app.video-reference .vpagehead .eyebrow{display:none}.vbacklink{display:block;background:none;border:0;color:var(--muted);padding:0;min-height:24px;font-size:14px;margin:0 0 12px}.app.video-reference .vpagehead h1{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin:0 0 5px;color:var(--ink)}.app.video-reference .vpagehead p{font-size:16px;color:var(--muted);max-width:none}.app.video-reference .btn{border:1px solid var(--line);border-radius:22px;background:var(--raised-surface,var(--surface));color:var(--ink);box-shadow:none;min-height:40px;font-weight:500}.app.video-reference .btn.primary{background:var(--accent);color:var(--accentText);border-color:var(--accent);box-shadow:none}.app.video-reference .btn:hover{filter:brightness(1.12)}
.app.video-reference .panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 0 26px var(--glow-halo);backdrop-filter:none}.app.video-reference .panelhead{background:transparent;border-color:var(--line)}.app.video-reference .panelhead h2{color:var(--ink)}.app.video-reference .field{margin-bottom:22px}.app.video-reference .field label{display:block;font-size:14px;letter-spacing:.9px;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:5px}.app.video-reference .field input,.app.video-reference .field select,.app.video-reference .field textarea,.app.video-reference .vplayback-tools select{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--raised-surface,var(--surface));color:var(--ink);padding:10px 12px;font-size:16px;min-height:42px;box-shadow:none}.app.video-reference .field textarea{min-height:108px}.app.video-reference .field small{display:block;font-size:14px;color:var(--muted);margin-top:8px;line-height:1.55}.app.video-reference input:focus,.app.video-reference select:focus,.app.video-reference textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.app.video-reference input::placeholder,.app.video-reference textarea::placeholder{color:var(--muted)}.app.video-reference .vform{max-width:none}.app.video-reference .vform-fields{padding:20px}.app.video-reference .vproject-details .field:last-child{margin-bottom:0}.app.video-reference .vproject-details{margin-bottom:24px}.app.video-reference .vbrief-panel{padding:24px}.vbrief-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:32px;border-bottom:1px solid var(--line)}.vbrief-heading h2{font-size:21px;font-weight:550;margin:0 0 4px}.vbrief-heading p{font-size:16px;color:var(--muted);margin:0}.vbrief-heading>span{white-space:nowrap;font-size:14px;color:var(--muted)}.vbrief-section{padding-top:26px;border-bottom:1px solid var(--line)}.vbrief-section:last-child{border:0}.vbrief-section h3{font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--muted);margin:0 0 14px}.vbrief-section h3 b{color:var(--accent);font-weight:600;margin-right:8px}.app.video-reference .vform-grid{gap:16px}.app.video-reference .vform-triple{gap:16px}.app.video-reference .vsubmitbar{padding:0;margin-top:24px}.app.video-reference .vsubmitbar .primary{border-radius:8px;min-width:180px}.app.video-reference .vlocal-note{font-size:14px;color:var(--muted);margin-top:24px}.vtitle-check{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--green);color:var(--accentText);border-radius:3px;font-size:26px;vertical-align:middle}
.vcompleted-toolbar{display:flex;align-items:center;gap:12px}.app.video-reference .vcompleted-toolbar .searchwrap{display:flex;align-items:center;width:320px;max-width:100%;border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:0 14px}.app.video-reference .vcompleted-toolbar .searchwrap input{width:100%;min-height:44px;background:transparent;border:0;color:var(--ink);padding:8px;font-size:15px;outline-offset:0}.vcompleted-toolbar select{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:24px;padding:10px 14px;min-height:44px;font-size:14px;max-width:180px}.vview-row{display:flex;justify-content:flex-end;margin:24px 0 16px}.vview-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;gap:3px;background:var(--surface)}.vview-toggle button{padding:4px 12px;font-size:14px;min-height:28px;border:0;background:transparent;color:var(--muted);border-radius:5px}.vview-toggle .active{background:var(--soft);color:var(--ink)}.app.video-reference .vcompleted-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 12px}.app.video-reference .vdelivery-card{padding:0;text-align:left;overflow:hidden;color:var(--ink);transition:border-color .15s}.app.video-reference .vdelivery-card:hover{border-color:var(--accent)}.app.video-reference .vcard-image{position:relative;aspect-ratio:4/3;height:auto;background:var(--raised-surface,var(--surface));overflow:hidden}.app.video-reference .vcard-image img{width:100%;height:100%;object-fit:cover;filter:none}.vcard-date{position:absolute;bottom:8px;right:8px;font-size:14px;border-radius:12px;background:#0009;color:var(--ink);padding:0 8px}.vsource-placeholder{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:var(--muted);font-size:14px}.vsource-placeholder svg{width:30px;height:30px}.app.video-reference .vcard-body{padding:12px 16px}.app.video-reference .vcard-body h2{font-size:16px;line-height:1.4;font-weight:500;margin:0 0 10px;color:var(--ink);min-height:44px}.vcard-people{display:flex;gap:8px;margin-bottom:8px}.vcard-people>span{display:flex;align-items:center;gap:5px;background:var(--raised-surface,var(--surface));color:var(--ink);font-size:14px;padding:4px 8px;border-radius:18px;flex:1;min-width:0;line-height:1.35;overflow-wrap:anywhere}.vcard-people svg{width:13px;height:13px;flex-shrink:0}.vcard-bottom{display:flex;align-items:center;gap:8px;min-height:32px}.app.video-reference .vstatus{font-size:12px;letter-spacing:.8px;text-transform:uppercase;padding:5px 8px;border-radius:18px}.app.video-reference .vstatus:before{display:none}.vapproved-check{margin-left:auto;border:1px solid var(--green);color:var(--green);border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:12px}.vcard-version{font-size:12px;color:var(--muted)}.app.video-reference .vcompleted-grid.vlist-layout{grid-template-columns:1fr}.vlist-layout .vdelivery-card{display:grid;grid-template-columns:180px 1fr}.vlist-layout .vcard-body h2{min-height:0}.vlist-layout .vcard-people{max-width:360px}.vlist-layout .vcard-image{height:100%}
.app.video-reference .vfilterbar{background:transparent;border-color:var(--line)}.app.video-reference .vfilters button,.app.video-reference .tabs button{color:var(--muted)}.app.video-reference .vproject-row{border-color:var(--line)}.app.video-reference .vquick{color:var(--ink)}.app.video-reference .vrow-icon{background:var(--soft);color:var(--accent)}.app.video-reference .vrow-info strong{color:var(--ink)}.app.video-reference .vquicklinks{gap:16px}.app.video-reference .vrole-card{max-width:760px}.app.video-reference .vreview{margin:0}.app.video-reference.video-review-open>.main{margin-left:100px!important;width:calc(100% - 100px)!important}.video-review-open .v-activity-panel{display:none}.app.video-reference .vreview-back{position:absolute;left:12px;top:13px;max-width:28px;overflow:hidden;white-space:nowrap;font-size:0}.vreview-back svg{width:18px}.app.video-reference .vreview-top{position:relative;padding:16px 20px 16px 50px;margin:0;min-height:94px;border-bottom:1px solid var(--line);gap:16px;background:var(--surface)}.app.video-reference .vreview-title h1{font-size:18px;font-weight:500;letter-spacing:0;margin:2px 0 6px}.app.video-reference .vreview-title p{font-size:14px;margin:0;color:var(--muted)}.app.video-reference .vreview-meta{gap:8px}.app.video-reference .vreview-meta .vstatus{font-size:12px;padding:1px 7px}.app.video-reference .vstatus-actions{gap:8px;align-items:center;flex-wrap:wrap}.app.video-reference .vstatus-actions .btn{font-size:14px;min-height:38px;padding:8px 16px}.app.video-reference [data-v-action="approve"]{background:var(--green);color:var(--accentText);border-color:var(--green)}.app.video-reference .vreview-grid{gap:0;margin:0;height:calc(100vh - 165px);min-height:560px;grid-template-columns:minmax(0,1fr) 360px}.app.video-reference .vviewer,.app.video-reference .vchat{border-radius:0;border:0;box-shadow:none;background:var(--bg)}.app.video-reference .vchat{border-left:1px solid var(--line)}.app.video-reference .vmedia-stage{background:#000;min-height:0}.app.video-reference #vplayer{max-height:100%;width:100%;height:100%;object-fit:contain}.app.video-reference .vviewer-toolbar,.app.video-reference .vplayback-tools{padding:8px 12px;background:var(--bg);border-bottom:1px solid var(--line)}.app.video-reference .vversion-select{background:var(--raised-surface,var(--surface));color:var(--ink);border-color:var(--line)}.app.video-reference .vplayback-tools select{width:auto;max-width:200px;font-size:14px;min-height:34px;padding:5px 8px}.app.video-reference .vplayback-tools{gap:8px}.app.video-reference .vplayback-tools #vplaybackstatus{font-size:12px}.app.video-reference .vviewer-toolbar .quietbtn,.app.video-reference .vplayback-tools .quietbtn{font-size:14px;color:var(--accent)}.app.video-reference .vchat-head{background:var(--surface);border-color:var(--line);padding:14px 16px}.app.video-reference .vchat-head h2{font-size:16px;font-weight:500}.app.video-reference .vcomment-list{padding:0 16px}.app.video-reference .vcomment{border-color:var(--line)}.app.video-reference .vcomment-time{background:var(--soft);color:var(--accent)}.app.video-reference .vcomment-composer{background:var(--bg);border-color:var(--line);padding:12px}.app.video-reference #vcommenttext{background:var(--raised-surface,var(--surface));color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:15px;min-height:86px}.app.video-reference .vtimestamp-input{background:var(--raised-surface,var(--surface));color:var(--accent);border-color:var(--line)}.app.video-reference .vbrief{margin:16px 20px}.app.video-reference .vreview>.vlocal-note{margin:16px 20px}.app.video-reference .vmedia-caption{font-size:12px;padding:8px 12px}.video-reference-active dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 100px #0009}.video-reference-active dialog .dialoghead,.video-reference-active dialog .dialogfoot{background:var(--surface);border-color:var(--line)}.video-reference-active dialog input,.video-reference-active dialog textarea{background:var(--raised-surface,var(--surface));color:var(--ink);border:1px solid var(--line)}.video-reference-active dialog .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accentText)}.video-reference-active .toast{background:var(--soft);color:var(--ink);border:1px solid var(--line);box-shadow:none}
@media(min-width:1600px){.app.video-reference .content{max-width:1200px;margin:auto}.app.video-reference .vcompleted-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app.video-reference .content:has(.vreview){max-width:none}}
@media(max-width:1100px){.app.video-reference .vcompleted-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app.video-reference .content{padding:28px}.app.video-reference .vreview-grid{grid-template-columns:minmax(0,1fr) 320px}.app.video-reference .vreview-top{flex-wrap:wrap}.app.video-reference .vstatus-actions{width:auto}}
@media(max-width:950px){.v-activity-panel{display:none}.app.video-reference>.main{margin-left:100px!important;width:calc(100% - 100px)!important}.vactivity-expanded .v-activity-panel{display:flex;box-shadow:12px 0 40px #0009}.app.video-reference .vreview-grid{grid-template-columns:1fr;height:auto}.app.video-reference .vchat{height:640px}.app.video-reference .vmedia-stage{min-height:360px}.app.video-reference .vreview-title h1{font-size:20px}}
@media(max-width:600px){.v-demo-banner{justify-content:flex-start;padding:0 12px;gap:4px}.v-demo-banner>span:not(.v-demo-dot){display:none}.v-demo-banner strong{font-size:14px}.v-demo-banner button{margin-left:auto}.v-demo-banner button:last-child{margin-left:0}.v-brand-strip,.v-icon-rail,.v-activity-panel{display:none!important}.v-mobile-bar{display:flex;position:fixed;z-index:60;top:36px;left:0;right:0;height:52px;background:var(--bg);border-bottom:1px solid var(--line);padding:4px 8px;gap:2px;align-items:center;justify-content:space-between}.v-mobile-bar button{font-size:14px;padding:8px;border:0;background:transparent;color:var(--accent);min-height:44px}.app.video-reference>.main,.app.video-reference.video-review-open>.main{width:100%!important;margin-left:0!important;padding-top:88px}.app.video-reference .content{padding:24px 20px 40px}.app.video-reference .vpagehead{flex-wrap:wrap;gap:14px;margin-bottom:24px}.app.video-reference .vpagehead h1{font-size:30px}.app.video-reference .vpagehead .actions{width:100%}.app.video-reference .vpagehead .actions .btn{width:100%}.app.video-reference .vcompleted-grid{grid-template-columns:1fr;padding:0;gap:20px}.app.video-reference .vcard-image{aspect-ratio:16/10}.app.video-reference .vcard-body h2{min-height:0;font-size:17px}.app.video-reference .vcard-people>span{font-size:14px}.vcompleted-toolbar{flex-wrap:wrap;gap:12px}.app.video-reference .vcompleted-toolbar .searchwrap{width:100%}.vcompleted-toolbar select{max-width:none;width:100%}.app.video-reference .vbrief-panel{padding:18px}.vbrief-heading{align-items:start;flex-direction:column;gap:12px;padding-bottom:22px}.app.video-reference .vform-fields{padding:18px}.app.video-reference .vform-triple,.app.video-reference .vform-grid{grid-template-columns:1fr;gap:0}.app.video-reference .vsubmitbar .btn{width:100%}.app.video-reference .vreview-top{padding:18px 16px 18px 40px;gap:16px}.app.video-reference .vreview-title h1{font-size:19px}.app.video-reference .vstatus-actions{width:100%;gap:8px;margin-left:-24px}.app.video-reference .vstatus-actions .btn{font-size:14px;flex:1;padding:8px 10px;border-radius:8px}.app.video-reference .vmedia-stage{min-height:220px;aspect-ratio:16/9}.app.video-reference .vchat{height:660px}.app.video-reference .vreview-grid{min-height:0}.app.video-reference .vviewer-toolbar{flex-wrap:wrap}.app.video-reference .vplayback-tools #vplaybackstatus{min-width:100%;font-size:14px;order:3}.app.video-reference .vmedia-caption{font-size:14px}.app.video-reference .vlist-layout .vdelivery-card{grid-template-columns:110px 1fr}.app.video-reference .vlist-layout .vcard-body h2{font-size:14px}.vlist-layout .vcard-people{display:none}}
@media(prefers-reduced-motion:reduce){.app.video-reference *{transition:none!important}}
.video-reference-active,.app.video-reference{}
.app.video-reference:before{content:"";position:fixed;inset:36px 0 0 100px;pointer-events:none;background:radial-gradient(circle at 9% 6%,color-mix(in srgb,var(--brass) 53%,transparent) 0 1px,transparent 3px),radial-gradient(circle at 31% 18%,color-mix(in srgb,var(--brass) 40%,transparent) 0 1px,transparent 3px),radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--brass) 47%,transparent) 0 1px,transparent 4px),radial-gradient(circle at 88% 49%,color-mix(in srgb,var(--brass) 40%,transparent) 0 1px,transparent 3px),radial-gradient(circle at 21% 61%,color-mix(in srgb,var(--brass) 40%,transparent) 0 1px,transparent 3px),radial-gradient(circle at 65% 72%,color-mix(in srgb,var(--brass) 40%,transparent) 0 1px,transparent 3px),radial-gradient(circle at 41% 44%,color-mix(in srgb,var(--brass) 40%,transparent) 0 1px,transparent 3px);z-index:0}
.app.video-reference>.main{position:relative;z-index:1}.app.video-reference .vpagehead{margin-bottom:18px}.vview-row{margin-top:18px}
.app.video-reference .vstatus.review{background:var(--orangebg);color:var(--orange)}.app.video-reference .vstatus.delivered{background:var(--greenbg);color:var(--green)}

@font-face{font-family:AMCInter;src:url(/assets/f-c940764593.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.app.video-reference,.app.video-reference button,.app.video-reference input,.app.video-reference select,.app.video-reference textarea,.video-reference-active dialog{font-family:AMCInter,Inter,system-ui,sans-serif}
.app.video-reference .vstatus-actions .btn[data-v-action="approve"]{background:var(--green);border-color:var(--green);color:var(--accentText)}
.app.video-reference .vtime{background:var(--soft);color:var(--accent);border:0;border-radius:3px;font-family:AMCInter,system-ui,sans-serif}
.v-demo-banner strong,.v-demo-banner button{white-space:nowrap}
.app.video-reference .vreview-back{width:28px;min-height:44px;display:grid;place-items:center;color:var(--muted)}
.app.video-reference .vreview-back svg{display:block;min-width:18px;height:18px}
@media(max-width:600px){.v-demo-banner button:last-child{margin-left:auto;padding-inline:14px}}
@media(max-width:600px){.app.video-reference .vstatus-actions{display:grid;grid-template-columns:1fr 1fr;width:calc(100% + 24px)}.app.video-reference .vstatus-actions .btn{min-height:44px}.app.video-reference .vstatus-actions .btn[data-v-action="approve"]{grid-column:1/-1}}

/* Original dashboard palette; layout, spacing, typography and behavior unchanged. */
.app.video-reference .vstatus-actions .btn[data-v-action="approve"]{background:var(--accent);border-color:var(--accent);color:var(--accentText)}
.app.video-reference .vtitle-check{background:var(--green);color:var(--accentText)}
.app.video-reference .vcard-date{color:var(--ivory)}
/* Reuse the Photo dashboard's original ambience, rather than a second design. */
.app.video-reference{background:transparent}
.app.video-reference:before{display:none}
.video-reference-active > .ambient-field{display:block!important;left:356px;top:36px}
.video-reference-active:has(.video-review-open) > .ambient-field{left:100px}
@media(max-width:950px){.video-reference-active > .ambient-field{left:100px}}
@media(max-width:600px){.video-reference-active > .ambient-field,.video-reference-active:has(.video-review-open) > .ambient-field{left:0;top:88px}}

/* Screenshot-inspired asset library and focused review. Original palette/effects inherit. */
.v-library-sidebar{display:none}.video-library-open .v-activity-panel{display:none}.video-library-open .v-library-sidebar{display:block;position:fixed;top:36px;bottom:0;left:100px;width:256px;padding:24px 16px;background:var(--surface);border-right:1px solid var(--line);overflow:auto;z-index:40}.vlibrary-sidebar-title{display:flex;gap:12px;align-items:center;margin-bottom:28px}.vlibrary-sidebar-title>svg{width:34px;height:34px;color:var(--accent)}.vlibrary-sidebar-title h2{font-size:17px;font-weight:550;margin:0;line-height:1.4}.v-library-sidebar h3{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:20px 0 12px}.v-library-sidebar button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:8px;text-align:left;padding:9px 12px;color:var(--muted);font-size:14px}.v-library-sidebar button.active{background:var(--soft);color:var(--ink)}.v-library-sidebar button:hover{background:var(--soft)}.v-library-sidebar summary{cursor:pointer;color:var(--ink);font-size:14px;min-height:44px;line-height:44px}.v-library-sidebar details>button{padding-left:24px}.v-library-sidebar button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlibrary-shortcuts{margin-top:28px;border-top:1px solid var(--line);padding-top:8px}
.app.video-reference .content:has(.vasset-library){padding:0 0 48px}.vlibrary-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.vlibrary-crumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;color:var(--muted);flex-wrap:wrap}.vlibrary-crumb button{border:0;background:transparent;padding:4px 0;min-height:32px;color:var(--muted);font-size:14px}.vlibrary-crumb strong{color:var(--ink);font-weight:500}.vlibrary-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:24px;background:var(--raised-surface,var(--soft));padding:0 12px;min-width:200px;max-width:300px}.vlibrary-search input{width:100%;border:0;background:transparent;color:var(--ink);min-height:36px;padding:6px;font-size:14px;outline-offset:0}.vlibrary-search svg{width:18px}.vlibrary-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:32px 24px}.vlibrary-title h1{font-size:28px;line-height:1.25;letter-spacing:-.6px;font-weight:550;margin:0}.vlibrary-toolbar{display:flex;align-items:center;gap:20px;padding:16px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.vlibrary-toolbar>span{margin-left:auto}.vlibrary-toolbar label{display:flex;gap:8px;align-items:center}.vlibrary-toolbar select{border:0;background:transparent;color:var(--ink);min-height:36px;font-size:14px}.vlibrary-toolbar .vview-toggle button{min-height:36px;padding:5px 10px}.vlibrary-toolbar .vview-toggle svg{width:18px;height:18px}.vasset-library>#vlibraryresults{padding:32px 24px}.vasset-library>.vlocal-note{margin:0 24px!important}.vasset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;align-items:start}.vyear-card,.vfolder-card,.vasset-new{color:var(--ink);border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:8px;text-align:left;min-width:0;box-shadow:0 0 22px var(--glow-halo);transition:border-color .15s}.vyear-card:hover,.vfolder-card:hover,.vasset-new:hover{border-color:var(--accent)}.vyear-card>div{min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 14px;border-radius:8px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--brass) 70%,transparent),transparent 68%),linear-gradient(135deg,var(--soft),var(--surface));position:relative;overflow:hidden}.vyear-card>div>span{position:absolute;top:24px;left:20px;color:var(--accent)}.vyear-card>div>span svg{width:44px;height:44px}.vyear-card h2{font-size:20px;line-height:1.25;font-weight:550;letter-spacing:-.4px;margin:0 0 3px}.vyear-card p{margin:0;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.vyear-card footer{padding:12px 6px 6px;font-size:14px;color:var(--muted)}.vasset-new{display:flex;min-height:310px;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted);font-size:16px}.vasset-new span{display:grid;place-items:center;width:56px;height:56px;background:var(--soft);border-radius:50%;font-size:30px;color:var(--accent)}.vfolder-card{position:relative;margin-top:12px;padding:10px 8px 14px}.vfolder-card:before{content:'';position:absolute;left:0;top:-13px;width:42%;height:20px;background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:10px 24px 0 0;z-index:-1}.vfolder-preview{display:grid;grid-template-columns:2fr 1fr;gap:5px;aspect-ratio:1.45;background:var(--soft);border-radius:7px;overflow:hidden}.vfolder-preview>img,.vasset-preview>img{width:100%;height:100%;object-fit:cover}.vfolder-preview>span{display:grid;place-items:center;color:var(--accent)}.vfolder-preview>span svg{width:48px;height:48px}.vfolder-mini{display:flex;flex-direction:column;gap:5px}.vfolder-mini svg{width:100%;height:50%;padding:15px;color:var(--muted);background:var(--raised-surface,var(--surface));border-radius:5px}.vfolder-card h2{font-size:16px;font-weight:500;line-height:1.4;margin:14px 6px 8px;overflow-wrap:anywhere}.vfolder-card p{font-size:14px;color:var(--muted);margin:0 6px}.vasset-preview{position:relative;aspect-ratio:1.6;display:grid;place-items:center;background:var(--soft);border-radius:7px;overflow:hidden}.vasset-preview>svg{width:36px;height:36px;color:var(--muted)}.vasset-preview>span{position:absolute;bottom:8px;right:8px;padding:2px 6px;border-radius:4px;background:#0009;color:var(--ivory);font-size:12px}.vasset-card .vstatus{margin:10px 6px 0}.vas-list{grid-template-columns:1fr}.vas-list .vyear-card,.vas-list .vfolder-card{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:8px 20px}.vas-list .vyear-card>div{min-height:120px;grid-row:1/3;padding:14px}.vas-list .vyear-card>div>span{display:none}.vas-list .vyear-card h2{font-size:16px}.vas-list .vyear-card p{font-size:12px}.vas-list .vfolder-preview,.vas-list .vasset-preview{grid-row:1/4;height:100px;aspect-ratio:auto}.vas-list .vfolder-card h2{margin:0}.vas-list .vfolder-card p{margin:0}.vas-list .vfolder-card .vstatus{justify-self:start;margin:0}.vas-list .vasset-new{min-height:100px}
/* Review uses available viewport height, with no card-style container around playback. */
.app.video-reference .vframe-review{height:calc(100dvh - 36px);min-height:600px;display:flex;flex-direction:column;overflow:hidden}.app.video-reference .vframe-review .vframe-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;flex-shrink:0;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--surface);position:relative;z-index:5}.vframe-crumb{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--muted);font-size:14px}.vframe-crumb button{border:0;background:none;color:var(--muted);font-size:14px;white-space:nowrap;padding:0;min-height:36px}.vframe-crumb .vframe-back{font-size:30px;min-width:24px;color:var(--ink)}.vframe-crumb h1{font-size:15px;font-weight:500;letter-spacing:0;color:var(--ink);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:40px}.vframe-agent{display:none}.app.video-reference .vframe-crumb .vversion-select{width:62px;max-width:62px;min-height:34px;padding:4px 6px;border:1px solid var(--accent);background:var(--soft);color:var(--ink);border-radius:8px;flex-shrink:0}.vframe-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.app.video-reference .vframe-actions .btn,.app.video-reference .vframe-actions .quietbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;font-size:14px;font-weight:500;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);text-decoration:none}.app.video-reference .vframe-actions .btn.primary,.app.video-reference .vframe-actions .vapprove{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.vframe-actions svg{width:16px;height:16px}.vframe-actions #vdownload{gap:5px}.vasset-menu{position:relative}.vasset-menu summary{list-style:none;display:grid;place-items:center;min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:8px;background:var(--soft);cursor:pointer;color:var(--ink)}.vasset-menu summary::-webkit-details-marker{display:none}.vasset-menu>div{position:absolute;top:44px;right:0;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 12px 40px #0005;z-index:30}.vasset-menu button{display:block;width:100%;text-align:left;padding:10px 12px;min-height:40px;border:0;background:transparent;color:var(--ink);border-radius:6px;font-size:14px}.vasset-menu button:hover{background:var(--soft)}.app.video-reference .vframe-review .vreview-grid{height:auto;min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;overflow:hidden}.app.video-reference .vframe-review .vviewer{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#000;border:0;border-radius:0}.app.video-reference .vframe-review .vviewer-toolbar{display:none}.app.video-reference .vframe-review .vmedia-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:auto;overflow:hidden;background:#000}.app.video-reference .vframe-review #vplayer{width:100%;height:100%;max-height:100%;object-fit:contain;display:block;background:#000}.vplay-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border:1px solid #ffffff55;border-radius:50%;background:#0008;color:var(--ivory);font-size:26px;display:grid;place-items:center;padding-left:7px;backdrop-filter:blur(5px)}.vplay-center[hidden]{display:none}.vframe-transport{padding:0 14px;background:#000;flex-shrink:0;color:var(--ivory)}.vseek-wrap{position:relative;padding:4px 0 30px;min-height:44px}.vseek-wrap>input{display:block;width:100%;height:18px;margin:0;accent-color:var(--brass);cursor:pointer;background:transparent}.vtimeline-markers{position:absolute;left:0;right:0;top:25px;height:24px;pointer-events:none}.vtimeline-marker{pointer-events:auto;position:absolute;transform:translateX(-50%);width:22px;height:22px;padding:0;display:grid;place-items:center;border:1px solid var(--control);border-radius:50%;background:var(--brass);color:#1a1409;font-size:10px;font-weight:650}.vtimeline-marker.resolved{opacity:.5}.vtransport-row{display:flex;align-items:center;gap:8px;padding:6px 0 8px;min-height:54px}.vcontrol{display:grid;place-items:center;width:36px;height:36px;padding:4px;border:0;background:transparent;color:var(--ivory);font-size:20px;border-radius:6px}.vcontrol:hover,.vcontrol[aria-pressed="true"]{background:#ffffff22}.vcontrol.muted{opacity:.5}.vtransport-row select{border:0;background:#17130c;color:var(--ivory);font-size:14px;min-height:36px;max-width:72px}.vtransport-row #vvolume{width:58px;accent-color:var(--brass)}.vtransport-row output{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.4px;margin-left:auto;padding:6px 10px;border-radius:7px;background:#17130c;color:var(--ivory);white-space:nowrap}.vtransport-row #vtransportduration{font-size:12px;color:#c2b48c;white-space:nowrap}.vquality-badge{font-size:12px;border:1px solid #81704b;width:32px;height:28px}.vquality-panel{padding:10px 0;border-top:1px solid #53472e}.vquality-panel[hidden]{display:none}.app.video-reference .vframe-review .vplayback-tools{border:0;padding:0;background:#000;color:var(--ivory)}.app.video-reference .vframe-review .vplayback-tools label,.app.video-reference .vframe-review .vplayback-tools .hint{color:#d1c59f}.app.video-reference .vframe-review .vplayback-tools select{background:#17130c;color:var(--ivory);border-color:#53472e}.app.video-reference .vframe-review .vplayback-tools .quietbtn{color:var(--brass)}.vframe-source-note{font-size:11px;text-align:center;padding:3px 10px 5px;color:#a3946f;background:#000;flex-shrink:0}.app.video-reference .vframe-review .vmedia-error{flex-shrink:0;font-size:14px}
.app.video-reference .vframe-review .vchat{height:100%;min-height:0;display:flex;flex-direction:column;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface);overflow:hidden}.vreview-tabs{display:flex;gap:4px;padding:14px 14px 0;flex-shrink:0}.vreview-tabs button{flex:1;border:0;min-height:38px;background:var(--soft);color:var(--muted);border-radius:7px;font-size:15px}.vreview-tabs button[aria-selected="true"]{background:var(--raised-surface,var(--soft));color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.vcommentarea{display:flex;flex-direction:column;flex:1;min-height:0}.vcommentarea[hidden],.vfieldarea[hidden]{display:none!important}.vfieldarea{flex:1;min-height:0;overflow:auto;padding:18px 14px}.vfieldarea .vdetail-panel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.vfieldarea summary{display:none}.vfieldarea .vbrief-grid{grid-template-columns:1fr;padding:0;gap:18px}.vfieldarea dt{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.vfieldarea dd{font-size:14px;overflow-wrap:anywhere}.app.video-reference .vframe-review .vchat-head{padding:16px 16px 12px;background:transparent;border-bottom:0;flex-shrink:0}.app.video-reference .vframe-review .vchat-head h2{font-size:14px;line-height:1.5;font-weight:500;margin:0 0 10px}.app.video-reference .vframe-review .vchat-tabs{display:flex;gap:8px}.app.video-reference .vframe-review .vchat-tabs button{min-height:28px;padding:3px 8px;font-size:12px;border:0;background:none;color:var(--muted);border-radius:4px}.app.video-reference .vframe-review .vchat-tabs button.active{background:var(--soft);color:var(--ink)}.app.video-reference .vframe-review .vcomment-list{padding:0 14px 14px;flex:1;min-height:0;overflow:auto}.app.video-reference .vframe-review .vcomment{display:flex;gap:10px;padding:16px 12px;background:var(--raised-surface,var(--soft));border:1px solid var(--line);border-radius:10px;margin:0 0 12px}.vcomment-avatar{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--brass);color:#1a1409;font-size:12px;font-weight:600}.vcomment-content{min-width:0;flex:1}.app.video-reference .vframe-review .vcomment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:13px;line-height:1.4;margin-bottom:10px}.app.video-reference .vframe-review .vcomment-meta strong{font-size:13px;font-weight:550}.app.video-reference .vframe-review .vcomment-meta small{font-size:11px;color:var(--muted)}.vnote-index{margin-left:auto;color:var(--muted);font-size:11px}.vcomment-text{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.app.video-reference .vframe-review .vtime{font-size:13px;min-height:0;padding:1px 6px;margin:0 4px 2px 0;vertical-align:baseline;background:var(--soft);color:var(--accent);display:inline-block}.vresolved .vcomment-text{opacity:.6}.app.video-reference .vframe-review .vcomment-actions{display:flex;gap:14px;margin-top:12px}.app.video-reference .vframe-review .vcomment-actions button{color:var(--muted);min-height:28px;font-size:13px;padding:0;background:none;border:0}.app.video-reference .vframe-review .vcomment-actions button:hover{color:var(--ink)}.app.video-reference .vframe-review .vcomment-composer{padding:12px 14px;background:var(--surface);border-top:1px solid var(--line);flex-shrink:0}.app.video-reference .vframe-review .vcomment-composer>label{font-size:11px;display:block;margin-bottom:5px}.app.video-reference .vframe-review #vcommenttext{min-height:65px;max-height:120px;border:0;background:transparent;padding:4px 0;font-size:14px;resize:vertical;line-height:1.5}.app.video-reference .vframe-review .vtimestamp-row{gap:8px;margin-top:6px;flex-wrap:wrap}.app.video-reference .vframe-review .vtimestamp-row>label{font-size:12px}.app.video-reference .vframe-review .vtimestamp-input{font-size:13px;max-width:95px;padding:5px;min-height:30px}.app.video-reference .vframe-review .vtimestamp-row>.quietbtn{font-size:12px;margin-left:auto;min-height:30px}.app.video-reference .vframe-review .vcomment-send{margin-top:8px;gap:8px}.app.video-reference .vframe-review .vcomment-send small{font-size:11px}.app.video-reference .vframe-review .vcomment-send .btn{border-radius:7px;font-size:13px;min-height:36px;padding:6px 10px}.vempty-comments{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 14px;min-height:100%;color:var(--muted)}.vempty-comments h3{font-size:16px;font-weight:500;color:var(--ink);margin:14px 0 6px}.vempty-comments p{font-size:14px;margin:0 0 16px}.vempty-bubble{width:72px;height:58px;border-radius:12px;background:var(--soft);display:grid;place-items:center;margin-bottom:10px;color:var(--muted)}.vempty-bubble svg{width:30px;height:30px}.vhistory-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:66px;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:left;color:var(--ink);margin-bottom:8px}.vhistory-row.active{background:var(--soft)}.vhistory-row strong{display:block;font-size:15px}.vhistory-row small{display:block;font-size:13px;color:var(--muted);margin-top:4px}.vhistory-row>span:last-child{font-size:13px;color:var(--accent)}
@media(min-width:1600px){.vframe-agent{display:inline;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.video-reference .vframe-review .vreview-grid{grid-template-columns:minmax(0,1fr) 400px}.app.video-reference .vframe-review .vcomment-text{font-size:16px}.app.video-reference .vframe-review .vcomment-meta strong{font-size:15px}}
@media(max-width:1150px){.vframe-actions .vapprove{display:none!important}.app.video-reference .vframe-crumb>button[data-nav="vlibrary"]:not(.vframe-back){display:none}.vframe-actions .btn[data-v-action="version"]{font-size:0!important;min-width:36px}.vframe-actions .btn[data-v-action="version"] svg{width:18px;height:18px}.vframe-actions #vdownload .quietbtn{font-size:12px!important;padding:6px 8px!important}.vtransport-row #vvolume{display:none}.vtransport-row #vtransportduration{display:none}}
@media(max-width:950px){.video-library-open .v-library-sidebar{display:none}.app.video-reference .vframe-review .vreview-grid{grid-template-columns:minmax(0,1fr) 320px}.app.video-reference .vframe-review{min-height:540px}.vframe-actions #vdownload{display:none}.vframe-actions .vasset-menu button{font-size:14px}.vtransport-row{gap:3px}.vtransport-row output{font-size:15px;padding:6px}.vcontrol{width:30px}.vtransport-row #vspeed{max-width:65px}.app.video-reference .vframe-review .vcomment-meta small{display:none}}
@media(max-width:600px){.app.video-reference .vframe-review{height:auto;min-height:0;overflow:visible}.app.video-reference .vframe-review .vframe-top{padding:10px 12px;min-height:0;flex-wrap:wrap;gap:8px}.vframe-crumb{flex-basis:100%;width:100%}.vframe-crumb h1{font-size:14px;min-width:0}.vframe-actions{width:100%;justify-content:flex-end;gap:8px}.app.video-reference .vframe-actions .btn,.app.video-reference .vframe-actions .quietbtn{font-size:13px!important;min-height:36px}.vframe-actions .btn[data-v-action="version"]{font-size:13px!important}.vframe-actions #vdownload{display:flex}.app.video-reference .vframe-actions .vapprove{display:none!important}.app.video-reference .vframe-review .vreview-grid{display:flex;flex-direction:column;flex:none;overflow:visible}.app.video-reference .vframe-review .vviewer{height:auto;overflow:visible}.app.video-reference .vframe-review .vmedia-stage{aspect-ratio:16/10;min-height:240px;max-height:65dvh;flex:auto}.app.video-reference .vframe-review #vplayer{position:absolute;inset:0;width:100%;height:100%}.vplay-center{width:56px;height:56px;font-size:22px}.vtransport-row output{font-size:14px;letter-spacing:0;margin-left:auto;padding:6px}.vtransport-row{gap:4px}.vtransport-row #vmute{display:none}.vframe-transport{padding:0 12px}.app.video-reference .vframe-review .vchat{height:650px;min-height:0;border-left:0;border-top:1px solid var(--line);overflow:hidden}.app.video-reference .vframe-review .vcomment-meta small{display:inline}.app.video-reference .vframe-review .vcomment-composer .btn{min-height:40px}.vlibrary-heading{padding:14px 18px;flex-wrap:wrap;gap:12px}.vlibrary-search{max-width:none;width:100%}.vlibrary-title{padding:24px 18px;align-items:flex-start;flex-direction:column;gap:16px}.vlibrary-title h1{font-size:26px}.vlibrary-toolbar{padding:12px 18px;gap:12px;flex-wrap:wrap}.vlibrary-toolbar>span{font-size:13px;margin-left:0}.vasset-library>#vlibraryresults{padding:24px 18px}.vasset-grid{grid-template-columns:1fr;gap:20px}.vyear-card>div{min-height:260px}.vasset-new{min-height:120px}.vasset-library>.vlocal-note{margin:0 18px!important}.vas-list .vyear-card,.vas-list .vfolder-card{grid-template-columns:100px 1fr;gap:8px 14px}.vas-list .vyear-card>div{min-height:100px}.vas-list .vfolder-preview,.vas-list .vasset-preview{height:85px}.vasset-menu>div{right:0}}
.vfolder-card{isolation:isolate}.vcontrol svg{width:20px;height:20px}.vframe-review .vasset-menu .vmenu-approve{color:var(--accent)}
.app.video-reference .vframe-review .vcomment-meta strong{font-size:14px}.app.video-reference .vframe-review .vcomment-meta small{font-size:12px}

@media(max-width:600px){.app.video-reference .vframe-review .vtransport-row #vmute{display:grid}.app.video-reference .vframe-review .vtransport-row #vloop{display:none}}
.vbuffering{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:3;padding:8px 16px;border:1px solid #81704b;border-radius:8px;background:#000b;color:var(--ivory);font-size:14px;pointer-events:none}.vbuffering.hidden{display:none}
.app.video-reference .vframe-review .vasset-menu button[data-v-action="approve"]{background:transparent;border:0;color:var(--accent)}.app.video-reference .vframe-review .vasset-menu button[data-v-action="approve"]:hover{background:var(--soft)}.app.video-reference .vframe-review .vasset-menu button[data-v-action="approve"]:disabled{opacity:.5}

/* Restored ambience: visible warm-gold light slurries and light-bulb orbs on every page, tuned separately for light and dark. */
:root{--slurry-1:rgba(222,170,66,.36);--slurry-2:rgba(198,136,60,.25);--slurry-3:rgba(238,200,112,.34);--slurry-4:rgba(212,158,98,.22);--orb-hi:#fff2c6;--orb-mid:#f0b93c;--orb-lo:#c4891b;--orb-glow-1:rgba(212,146,26,.78);--orb-glow-2:rgba(224,164,48,.46);--orb-glow-3:rgba(232,184,86,.28);--dust:#c38d2a;--dust-glow:rgba(201,141,36,.45)}
:root[data-theme="dark"]{--slurry-1:rgba(206,150,48,.25);--slurry-2:rgba(156,100,38,.30);--slurry-3:rgba(231,197,104,.13);--slurry-4:rgba(128,84,32,.28);--orb-hi:#fffde8;--orb-mid:#ffe16b;--orb-lo:#f2ca3b;--orb-glow-1:rgba(255,233,133,.95);--orb-glow-2:rgba(246,209,66,.68);--orb-glow-3:rgba(231,197,104,.34);--dust:#f5deb0;--dust-glow:rgba(231,197,104,.44)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--slurry-1:rgba(206,150,48,.25);--slurry-2:rgba(156,100,38,.30);--slurry-3:rgba(231,197,104,.13);--slurry-4:rgba(128,84,32,.28);--orb-hi:#fffde8;--orb-mid:#ffe16b;--orb-lo:#f2ca3b;--orb-glow-1:rgba(255,233,133,.95);--orb-glow-2:rgba(246,209,66,.68);--orb-glow-3:rgba(231,197,104,.34);--dust:#f5deb0;--dust-glow:rgba(231,197,104,.44)}}

/* Light bulbs: luminous cores with a layered glow that reads on cream as well as on dark brown. */
body>.ambient-field{z-index:1}
.ambient-field .ambient-orb{background:radial-gradient(circle at 40% 35%,var(--orb-hi) 0%,var(--orb-mid) 58%,var(--orb-lo) 100%);box-shadow:0 0 5px 1.5px var(--orb-glow-1),0 0 14px 4px var(--orb-glow-2),0 0 30px 10px var(--orb-glow-3)}
.portal-login>.portal-sparks .ambient-orb:nth-child(even){box-shadow:0 0 3px 1px var(--orb-glow-1),0 0 9px 3px var(--orb-glow-2),0 0 18px 6px var(--orb-glow-3)}
.portal-login>.portal-sparks .star-dust{background:var(--dust);box-shadow:0 0 3px var(--dust-glow)}

/* Light slurries: two oversized washes drifting slowly in opposite directions behind every dashboard page. */
body:has(#portalapp:not(.hidden)):before,body:has(#portalapp:not(.hidden)):after{content:'';position:fixed;inset:-20%;pointer-events:none;z-index:0;will-change:transform}
body:has(#portalapp:not(.hidden)):before{background:radial-gradient(ellipse 36% 30% at 80% 16%,var(--slurry-1),transparent 70%),radial-gradient(ellipse 30% 34% at 20% 74%,var(--slurry-2),transparent 72%);animation:amc-slurry-one 44s ease-in-out infinite alternate}
body:has(#portalapp:not(.hidden)):after{background:radial-gradient(ellipse 26% 22% at 54% 48%,var(--slurry-3),transparent 72%),radial-gradient(ellipse 22% 28% at 33% 24%,var(--slurry-4),transparent 70%),radial-gradient(ellipse 27% 22% at 72% 86%,var(--slurry-3),transparent 72%);animation:amc-slurry-two 57s ease-in-out infinite alternate}

/* The start screen gets the same moving light behind the painted house. */
.portal-login:before,.portal-login:after{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;will-change:transform}
.portal-login:before{background:radial-gradient(ellipse 34% 40% at 30% 56%,var(--slurry-2),transparent 76%),radial-gradient(ellipse 30% 36% at 72% 36%,var(--slurry-1),transparent 78%);animation:amc-slurry-one 44s ease-in-out infinite alternate}
.portal-login:after{background:radial-gradient(ellipse 24% 22% at 60% 76%,var(--slurry-3),transparent 74%),radial-gradient(ellipse 22% 26% at 24% 22%,var(--slurry-4),transparent 72%);animation:amc-slurry-two 57s ease-in-out infinite alternate}

@keyframes amc-slurry-one{0%{transform:translate3d(-3%,-2%,0) rotate(-4deg) scale(1)}50%{transform:translate3d(3%,2%,0) rotate(5deg) scale(1.07)}100%{transform:translate3d(-1%,4%,0) rotate(-2deg) scale(1.02)}}
@keyframes amc-slurry-two{0%{transform:translate3d(4%,3%,0) rotate(6deg) scale(1.04)}50%{transform:translate3d(-4%,-3%,0) rotate(-6deg) scale(.96)}100%{transform:translate3d(2%,-4%,0) rotate(3deg) scale(1.06)}}
.ambient-paused body:before,.ambient-paused body:after,.ambient-paused .portal-login:before,.ambient-paused .portal-login:after{animation-play-state:paused;will-change:auto}
@media(prefers-reduced-motion:reduce){body:before,body:after,.portal-login:before,.portal-login:after{animation:none!important;will-change:auto}}
/* The photo portal has no sidebar, so its lights span the full width. */
body:not(.video-reference-active)>.ambient-field{left:0}


:root{--logo-full:url(/assets/logo-full-798bb63af3.png);--logo-mark:url(/assets/logo-mark-c1ef7729d9.png)}
/* ---- Live (hosted) dashboard additions ---- */
.live-card{text-align:left}
.live-card .live-logo{display:block;width:min(208px,62%);aspect-ratio:560/493;margin:0 auto 22px;background:var(--ink);-webkit-mask:var(--logo-full) center/contain no-repeat;mask:var(--logo-full) center/contain no-repeat;filter:drop-shadow(0 0 18px rgba(231,197,104,.18))}
.live-card .eyebrow{text-align:center}
.live-card h1#livetitle{text-align:center;font-size:28px;margin:8px 0 6px}
.live-card>p#livesub{text-align:center;margin:0 auto 20px;max-width:340px}
.live-auth{min-height:120px;display:flex;justify-content:center}
.live-auth .cl-rootBox{width:100%}
.live-loading{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px;padding:30px 0}
.live-loading:before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--accent) 30%,transparent);border-top-color:var(--accent);animation:live-spin .9s linear infinite}
@keyframes live-spin{to{transform:rotate(360deg)}}
.live-panel{width:100%;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.live-panel h2{font-size:20px;margin:0 0 8px}
.live-panel p{color:var(--muted);margin:0 0 14px}
.live-panel .btn{width:100%;margin-top:8px}
.live-testform .field{margin-bottom:12px}
.mark.live-monogram,.vbrand-monogram.live-monogram{font-size:0!important;letter-spacing:0;display:grid;place-items:center}
.mark.live-monogram:before,.vbrand-monogram.live-monogram:before{content:"";display:block;width:74%;height:74%;background:currentColor;-webkit-mask:var(--logo-mark) center/contain no-repeat;mask:var(--logo-mark) center/contain no-repeat}
.local[data-state]{display:inline-flex;align-items:center;gap:6px}
.local[data-state] .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green)}
.local[data-state="saving"] .dot{background:var(--accent);animation:live-pulse 1s ease-in-out infinite}
.local[data-state="offline"] .dot,.local[data-state="error"] .dot{background:var(--red)}
@keyframes live-pulse{50%{opacity:.35}}
.live-media-empty{display:grid;place-items:center;gap:8px;aspect-ratio:16/9;background:var(--soft);color:var(--muted);border-radius:10px}
.live-media-empty svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6}
.live-copy{display:flex;gap:8px;margin:12px 0}
.live-copy input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:14px}
.live-account{display:grid;gap:18px;max-width:860px}
.live-account .panel{padding:22px}
.live-account h2{margin:0 0 6px;font-size:20px}
.live-account .sub,.live-account p.hint{color:var(--muted)}
.live-account .accountlinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.live-who{display:flex;align-items:center;gap:16px}
.live-who .avatar{width:52px;height:52px;font-size:18px;flex:none}
.live-who h2{margin:0}
.live-who p{margin:2px 0 0;color:var(--muted)}
.live-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.live-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
.live-row .who{flex:1;min-width:180px}
.live-row .who strong{display:block}
.live-row .who small{color:var(--muted);word-break:break-all}
.live-row select,.live-add select,.live-add input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);min-height:40px}
.live-row .btn,.live-add .btn{min-height:40px}
.live-tag{font-size:13px;padding:3px 9px;border-radius:999px;background:var(--soft);color:var(--muted)}
.live-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.live-add input{flex:1;min-width:200px}
.live-empty{color:var(--muted);font-size:14px;padding:6px 2px}
.live-steps{margin:8px 0 0;padding-left:20px;color:var(--muted)}
.live-steps li{margin:4px 0}
.live-upload-bar{height:6px;border-radius:6px;background:var(--soft);overflow:hidden;margin-top:8px}
.live-upload-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--brass));transition:width .3s}
.v-live-banner .live-sync-text{opacity:.85}
@media(max-width:760px){.live-card .live-logo{width:min(172px,56%);margin-bottom:16px}.live-card h1#livetitle{font-size:24px}.live-row{padding:12px}.live-row .who{min-width:100%}}