/* 芸茶 / YUNTEA — lime green, sun yellow, generous white space. */
:root{--brand-lime:#8fc31f;--brand-yellow:#ffdc00;--brand-ink:#293b16;--brand-tint:#f1f7e4;--green:#4c7018;--muted:#748166;--border:#e5eadb;color:var(--brand-ink);background:#f8faf4}
.logo-art{display:block;position:relative;overflow:hidden;aspect-ratio:1140/420;background:transparent;mix-blend-mode:multiply;flex-shrink:0}
.logo-art img{display:block;position:absolute;width:112.2807%;max-width:none;height:auto;left:-6.14035%;top:-100%}
.brand{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:0 8px}
.brand .logo-art{width:158px}
.brand>small{font-size:10px;font-weight:400;letter-spacing:2px;color:#819064;margin-left:4px}
.nav-caption{margin-top:40px;color:#8b987a}
.nav{color:#82906e}.nav.active{background:var(--brand-tint);color:#496b17;box-shadow:inset 3px 0 0 var(--brand-lime)}.nav:hover{background:#f6f9ef}
.sidebar-note{color:#63764c}.sidebar-note i{background:var(--brand-lime)}.sidebar-note p,.logout{color:#899579}
header{background:#fff}.account{color:#6b795b}.account b{background:#fff7be;color:#6b651f}
.eyebrow{color:#72894e;display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";display:block;width:6px;height:6px;background:var(--brand-yellow);border-radius:50%}
.breadcrumb{color:#8a967d}.slash{color:#d1dac2}
.primary{background:var(--brand-lime);color:#21370d;font-weight:650;box-shadow:0 2px 0 #7aa91a}.primary:hover:not(:disabled){background:#9bd129;color:#21370d}.primary:active:not(:disabled){box-shadow:none;transform:translateY(1px)}
.primary:disabled{background:#e4edcf;color:#8e9f73;opacity:1;box-shadow:none}
.secondary{color:#607444;border-color:#dce5cf}.secondary:hover{background:var(--brand-tint)}
button:focus-visible,a:focus-visible,.dropzone:focus-within{outline-color:#b5d86d}input:focus,select:focus{outline-color:#a8cc5c}
.stats strong{color:#344b1d}.stats span{color:#788769}.stats p,.stats small{color:#93a082}
.stats>div:first-child{position:relative}.stats>div:first-child:before{content:"";position:absolute;left:-1px;top:4px;bottom:4px;width:4px;background:var(--brand-yellow);border-radius:0 3px 3px 0}
.panel{box-shadow:0 2px 5px #344b1d03}.badge{background:var(--brand-tint);color:#557d20}.version{color:#7b9063}
.empty{background:repeating-linear-gradient(45deg,#f6f8f0,#f6f8f0 10px,#fafbf6 10px,#fafbf6 20px);color:#85976d}.empty-icon{color:#bfd58d}.empty p{color:#94a47e}
.dropzone{background:#fcfdf8;border-color:#c9dba8}.dropzone.drag{background:#f0f8dc;border-color:var(--brand-lime)}.upload-symbol,.dropzone .upload-symbol{background:#fff7c5;color:#867400}.dropzone strong{color:#4a5e33}.dropzone span{color:#8b9a78}.dropzone .subtle{color:#9ba88b}
.delivery-note>span{color:#81ab2b}.delivery-note b{color:#526f2b}.delivery-note p{color:#859373}
.store-icon{background:var(--brand-tint);color:#7ca32e}.store-status .ok{color:#5b8622}.text-button{color:#608b20}.danger{color:#aa5a45}
.dot.online{background:var(--brand-lime)}.footnote{color:#8b9a79}input,select{border-color:#dfe7d3;color:#344924}label{color:#6d7f57}
.login{background:#f8faef;position:relative;overflow:hidden}.login:before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:linear-gradient(90deg,var(--brand-yellow) 0 26%,var(--brand-lime) 26%)}
.login-brand{margin:0 0 28px;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;font-weight:400;letter-spacing:3px;color:#758c4e}.login-brand .logo-art{width:236px;border-radius:4px}
.login-brand .brand-subtitle{font-size:11px;letter-spacing:3px;color:#829767}
.login-card{border-color:#e3e9d6;box-shadow:0 16px 60px #718c2910;padding:34px 36px;width:min(440px,100%);border-radius:14px;border-top:4px solid var(--brand-lime)}.login-card h1{color:#344b1d}.login>.muted{font-size:10px;letter-spacing:1px;color:#8b9b76}
.toast{background:#354f1c}.toast.bad{background:#8b443c}
@media(max-width:1100px){.brand .logo-art{width:138px}.brand>small{font-size:9px;letter-spacing:1px}}
@media(max-width:650px){.brand{display:none}.nav.active{box-shadow:inset 0 3px 0 var(--brand-lime)}.stats>div:first-child:before{top:15px;bottom:15px}.login-card{padding:28px 25px}.login-brand .logo-art{width:210px}}
.screen-tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.screen-tabs [aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand-lime);color:#344924;font-weight:700}.upload-actions,.library-tools,.library-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.upload-actions>*{flex:1}.library-panel{margin-bottom:22px}.library-panel .panel-heading{flex-wrap:wrap}.library-tools input[type=search]{width:min(220px,100%);margin:0}.archive-filter{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:12px}.archive-filter input{width:auto;margin:0;accent-color:#608b20}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px;padding:0 24px 24px}.library-grid>.empty-list{grid-column:1/-1}.library-card{overflow:hidden;border:1px solid var(--border);border-radius:9px;min-width:0}.library-thumb{display:block;width:100%;aspect-ratio:16/9;padding:0;background:#f1f4eb}.library-thumb img{display:block;width:100%;height:100%;object-fit:contain}.library-details{padding:12px 12px 0;display:grid;gap:5px;overflow-wrap:anywhere}.library-details .badge{justify-self:start}.library-actions{padding:12px;justify-content:flex-end}.library-actions .secondary,.device-actions .secondary{padding:7px 10px}.device-actions{flex-wrap:wrap}.bind-panel form{grid-template-columns:1fr 1fr 1.25fr 1fr auto}.image-dialog{width:min(850px,94vw);max-width:none;padding:20px}.image-dialog img{display:block;max-height:65vh;width:100%;object-fit:contain;background:#f1f4eb}.image-dialog h2{overflow-wrap:anywhere}
@media(max-width:1150px){.bind-panel form{grid-template-columns:1fr 1fr}}@media(max-width:650px){.bind-panel form{grid-template-columns:1fr}.library-grid{padding:0 18px 18px}.library-tools{width:100%}.library-tools input[type=search]{flex:1;min-width:120px}}
.screen-toolbar,.screen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.screen-toolbar{justify-content:space-between;margin-bottom:18px}.screen-toolbar .screen-tabs{margin:0;min-width:0}.screen-tabs button{max-width:100%;overflow-wrap:anywhere}#screen-dialog,#device-group-dialog{width:min(430px,90vw)}#delete-screen{margin-right:auto}
#playlist-dialog{width:min(500px,92vw);max-height:88vh;overflow:auto}
.playlist-picker-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.playlist-picker-row select{flex:1;min-width:150px;margin:0}
#playlist-list{padding-left:24px;margin:12px 0}#playlist-list li{padding:6px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.playlist-item-actions{display:flex;flex-wrap:wrap;gap:8px}.playlist-item-actions button{padding:4px}

/* Headquarters workspace */
.app{--nav-width:204px;--bar-height:68px;--shell:#262f25;--shell-deep:#20281f;display:block;background:#f3f5ee;min-width:0}
.icon-library{position:absolute;width:0;height:0;pointer-events:none}
.ui-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.topbar{position:sticky;top:0;z-index:25;display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr) auto;gap:24px;height:var(--bar-height);padding:0 24px 0 0;background:var(--shell-deep);color:#f6f8f0;border:0;font-size:13px}
.top-brand{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;font-size:12px;white-space:nowrap;border-right:1px solid #ffffff16}
.top-logo{display:grid;place-items:center;padding:4px 5px;border-radius:5px;background:#f8fbf0}.top-logo .logo-art{width:70px}
.top-workspace,.top-actions{display:flex;align-items:center;gap:16px;min-width:0}.top-company{font-size:15px;font-weight:650;white-space:nowrap}.top-separator{width:1px;height:18px;background:#ffffff33}.top-workspace #page-name{color:#d0dac7;white-space:nowrap}
.topbar .account{color:#e6eddf;white-space:nowrap}.topbar .account b{background:#e2edc6;color:#425929}
.top-button{padding:9px 12px;border-radius:6px;background:#3b4835;color:#f1f6ec;white-space:nowrap}.top-button:hover{background:#4a5b42}.top-logout{background:transparent;color:#cbd6c6}
.app .sidebar{inset:var(--bar-height) auto 0 0;width:var(--nav-width);padding:20px 12px;background:var(--shell);border:0;z-index:20}.sidebar .nav-caption{margin:0 10px 16px;color:#b5c3ad}.sidebar .nav{color:#d8e1d1;padding:13px 12px}.sidebar .nav:hover{background:#384532}.sidebar .nav.active{background:#c9e48f;color:#24361b;box-shadow:none}.sidebar .sidebar-note,.sidebar .sidebar-note p{color:#b9c6b1}
.app main{margin-left:var(--nav-width);width:calc(100% - var(--nav-width))}.app .content{max-width:1760px;padding:28px 24px 20px}.app .page-heading{margin-bottom:22px}.app .page-heading h1{margin-bottom:6px}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,27%);gap:22px}.home-main,.home-side{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;min-height:29px;margin-bottom:10px}.section-heading h2{font-size:16px}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{display:flex;gap:12px;align-items:center;min-width:0;min-height:96px;padding:14px;text-align:left;background:#fff;border:1px solid #e1e8d7;border-radius:9px;color:var(--brand-ink)}.quick-card:hover{background:#faffef;border-color:#adc773}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:14px}.quick-card small{font-size:11px;line-height:1.55;color:#69785e;margin-top:4px}.quick-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#e3f1cb;color:#526d28}.quick-card:nth-child(3n + 1) .quick-icon{background:#fff3b3;color:#6d5a11}.quick-card:nth-child(3n + 2) .quick-icon{background:#dfede5;color:#386044}
.recent-section,.guide-section{margin-top:24px}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.recent-card{text-align:left;padding:0;color:var(--brand-ink)}.recent-card:hover{border-color:#adc773}.recent-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#e7ecdf}.recent-card>span{display:grid;gap:4px;padding:10px 11px}.recent-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.recent-card small{font-size:10px;color:#69785e}.recent-empty{grid-column:1/-1;padding:24px;color:#526344;font-size:14px}
.status-banner{padding:19px;background:linear-gradient(120deg,#e1efc2,#edf3d7);color:#385121}.status-banner b{font-size:15px}.status-banner p{font-size:12px;margin:5px 0 0}.status-card .stats{display:block;margin:0;padding:7px 16px;border:0;border-radius:0}.status-card .stats>div{display:flex;align-items:center;justify-content:space-between;gap:6px;border:0;border-bottom:1px solid var(--border);padding:10px 0}.status-card .stats>div:last-child{border:0}.status-card .stats>div:before{display:none}.status-card .stats span{font-size:12px;color:#57664c}.status-card .stats strong{margin:0;font-size:18px;white-space:nowrap}.status-card .stats small{margin-left:4px;color:#63735a}
.guide-list{margin:0;padding:0;list-style:none}.guide-list li{display:flex;gap:9px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border);font-size:12px;color:#57664c}.guide-list li:last-child{border:0}.guide-list li span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand-tint);color:#567335}
.library-panel{scroll-margin-top:calc(var(--bar-height) + 12px)}
.sidebar .nav{transition:none}
@media(max-width:1180px){.app{--nav-width:178px}.quick-grid,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.home-grid{grid-template-columns:1fr}.home-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-section{margin-top:0}.top-separator,.top-workspace #page-name{display:none}.top-actions{gap:6px}}
@media(max-width:650px){.app{--bar-height:56px}.topbar{grid-template-columns:auto 1fr;gap:8px;padding:0 12px}.top-brand{border:0}.top-workspace,.topbar .account{display:none}.top-actions{justify-self:end}.top-brand b{font-size:11px}.top-logo .logo-art{width:54px}.top-button{padding:7px;font-size:11px}.app .sidebar{inset:auto 0 0;width:100%;height:60px;padding:0 5px}.sidebar .nav{display:grid;justify-items:center;align-content:center;gap:4px;padding:5px 8px;border-radius:0}.sidebar .nav .ui-icon{width:16px;height:16px}.sidebar .nav span{white-space:nowrap}.app main{margin:0;width:100%;padding-bottom:60px}.app .content{padding:20px 14px}.quick-card{min-height:85px;padding:9px;gap:7px}.quick-icon{width:32px;height:32px}.quick-icon .ui-icon{width:16px;height:16px}.quick-card b{font-size:13px}.quick-card small{font-size:10px}.home-side{grid-template-columns:1fr}.home-grid{gap:18px}}
@media(max-width:650px){.toast{bottom:74px}}