:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182c30;background:#f4f7f6;font-size:15px;line-height:1.5;--green:#087c69;--muted:#6b7c7d;--border:#dfe8e5}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#102c2b;color:#adc5c1;padding:32px 24px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:20px;font-weight:650;line-height:1.2}.brand:hover{text-decoration:none}.brand-icon{background:#bdf2d6;color:#163c32;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:21px;font-weight:800}.brand-sub{display:block;font-size:10px;letter-spacing:3px;margin-top:4px;font-weight:500}.workspace{border-top:1px solid #30504c;margin-top:36px;padding-top:25px;font-size:9px;letter-spacing:1.3px}.workspace strong{display:block;color:#e9f4f1;font-size:14px;letter-spacing:0;margin-top:9px}nav{margin-top:35px;display:grid;gap:6px}nav a{padding:12px 13px;color:#b8ceca;font-size:14px;border-radius:8px}nav a.active,nav a:hover{background:#244541;color:white;text-decoration:none}.logout{background:none;border:0;color:#adc5c1;padding:20px 13px}footer{margin-top:auto;font-size:11px}footer strong{display:block;color:white;font-size:14px;margin-top:4px}footer small{display:block;margin-top:18px;color:#7faaa0}main{margin-left:242px;padding:0 44px 50px;max-width:1700px}.topbar{height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:38px}.environment{font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:750}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.18;margin:10px 0 12px;font-weight:650}h2{font-size:18px;letter-spacing:-.4px;margin:0 0 15px}h3{font-size:16px;margin:14px 0 6px}p{color:var(--muted);margin:0 0 20px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.button{border:0;border-radius:8px;background:var(--green);color:white;padding:13px 20px;font-weight:600;font-size:13px;display:inline-block;white-space:nowrap}.button:hover{background:#066452;text-decoration:none}.secondary{font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin-bottom:24px}.metrics article{background:white;border:1px solid var(--border);border-radius:12px;padding:22px 24px}.metrics span{color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:36px;font-weight:600;letter-spacing:-1px;margin:8px 0 2px}.metrics strong.date-metric{font-size:22px;letter-spacing:-.5px;margin:16px 0 12px}.metrics small{font-size:11px;color:var(--muted)}.panel{background:white;border:1px solid var(--border);border-radius:12px;padding:25px;margin-bottom:24px;min-width:0}.feature-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.section-heading h2{margin:0}.badge{display:inline-block;font-size:10px;font-weight:600;border-radius:5px;padding:5px 8px;background:#e8f5ed;color:#39705b;white-space:nowrap}.wallpaper-preview{width:100%;aspect-ratio:16/9;object-fit:contain;background:#e8eeec;border-radius:8px;display:block}.wallpaper-preview[hidden]{display:none}.image-details p{font-size:12px;margin:4px 0 0}.empty-preview{min-height:280px;border-radius:8px;background:linear-gradient(135deg,#eaf4ee,#f4f6eb);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px}.empty-preview>span{font-size:40px;color:#559279}.empty-preview p{max-width:300px;font-size:13px}.empty-preview a{font-size:13px;font-weight:600}.next-panel{background:#edf4ee}.next-panel h2{font-size:25px;line-height:1.25;margin-top:15px}.next-panel p{font-size:13px}.next-panel a{font-size:13px;font-weight:650}.schedule-icon{font-size:50px;color:#89b79b;margin:18px 0}.muted,.hint{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:500;color:var(--muted);font-size:11px;padding:12px;border-bottom:1px solid var(--border);background:#fafcfb}td{padding:16px 12px;border-bottom:1px solid #edf1ef}tr:last-child td{border-bottom:0}.text-button{background:none;border:0;color:#9b4640;font-size:12px}.empty{text-align:center;padding:30px;color:var(--muted)}.notice,.error{padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:13px}.notice{background:#e0f2e7;color:#215540;border:1px solid #c2e4d0}.error{background:#fff0ec;color:#9b3b2d;border:1px solid #efcfc6}.notice p{margin:8px 0;color:inherit}.publish-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.publish-grid .panel{padding:30px}label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input:not([type=checkbox]),select{width:100%;padding:12px;border:1px solid #ccdad5;border-radius:7px;background:white;color:#223b34}input:focus,select:focus{outline-color:var(--green)}.upload-zone{border:1px dashed #9bbbaf;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:28px;background:#f7faf8;text-align:center;gap:8px;margin-bottom:20px}.upload-zone>span:last-of-type{font-size:11px;color:var(--muted);font-weight:400}.upload-zone input{font-size:11px;max-width:320px;border:0!important;padding:8px!important}.upload-symbol{font-size:32px;color:var(--green)}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{accent-color:var(--green);width:18px;height:18px}.hint{margin-top:10px}.callout{padding:18px;background:#f0f6f2;border-radius:8px;margin:28px 0}.callout strong{font-size:12px}.callout p{font-size:12px;margin:8px 0 0}.full{width:100%}.schedule-panel>p{font-size:13px}.login-card{max-width:550px;margin:65px auto;background:white;padding:40px;border:1px solid var(--border);border-radius:16px}.login-card h1{font-size:30px}.login-card .button{width:100%;margin-top:25px}.enrollment-code{display:block;word-break:break-all;padding:14px;background:#fff;border-radius:6px;user-select:all}.device-error{display:block;max-width:300px;color:#9b4640;overflow-wrap:anywhere}form{margin:0}@media(max-width:1050px){main{padding:0 24px 30px}.sidebar{width:200px;padding:28px 18px}main{margin-left:200px}.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:1/-1}.feature-grid,.publish-grid{grid-template-columns:1fr}.page-header{align-items:flex-start}.page-header h1{font-size:29px}.button{white-space:normal}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:18px 22px}.workspace,footer{display:none}.sidebar .logout{padding:8px;font-size:11px}.brand{font-size:16px}.brand-icon{width:36px;height:36px}nav{display:flex;flex-wrap:wrap;gap:2px;margin-top:16px}nav a{font-size:11px;padding:8px}main{margin-left:0;padding:0 18px 24px}.topbar{height:56px;margin-bottom:24px}.environment{display:none}.page-header{flex-direction:column;gap:10px}.metrics{gap:10px}.metrics article{padding:18px}.metrics strong{font-size:28px}.panel{padding:18px}.section-heading{align-items:flex-start}.login-card{padding:24px;margin:30px 0}.publish-grid .panel{padding:20px}}

/* Product identity remains L7; customer identity belongs to each deployment. */
.brand-official{flex-direction:column;align-items:flex-start;gap:14px;font-size:14px;line-height:1.3}
.l7-logo{display:block;width:146px;height:110px;object-fit:contain;background:#fff;border-radius:10px;padding:8px}
.client-identity{display:flex;flex-direction:column;align-items:flex-end;min-width:0;max-width:60%;text-align:right}
.client-identity small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.client-identity strong{font-size:15px;color:#182c30;overflow-wrap:anywhere}
.login-client{font-size:16px;font-weight:650;color:var(--green);margin:15px 0 24px;padding:12px 15px;background:#edf4ee;border-radius:7px;overflow-wrap:anywhere}
.installer-card h2{font-size:26px;margin-top:20px;line-height:1.25}
.installer-card .badge{margin:8px 0}.installer-card .button{margin:10px 0}
.button:disabled{background:#dce5e1;color:#637970;cursor:not-allowed}
.install-steps{padding-left:22px}.install-steps li{padding:8px 0 8px 8px}.install-steps p{font-size:13px;margin:5px 0 12px}
@media(max-width:650px){.brand-official{flex-direction:row;align-items:center;font-size:14px;gap:15px}.l7-logo{width:90px;height:68px;padding:5px}.topbar{min-height:78px;height:auto;gap:12px;padding:12px 0}.topbar>span:first-child{font-size:10px;max-width:38%}.client-identity{max-width:62%}.client-identity strong{font-size:14px}.installer-card h2{font-size:23px}}
.support-link{display:block;color:#bdf2d6;font-size:12px;margin-top:14px}.support-link:hover{color:white}.login-support{display:block;text-align:center;font-size:12px;margin-top:18px;color:var(--green)}
@media(max-width:650px){.sidebar footer{display:block;margin-top:16px}.sidebar footer small{display:none}}
.simple-publish{display:grid;grid-template-columns:1fr 1fr;gap:24px}.simple-publish .panel{padding:30px}.upload-selected-preview{margin-top:18px}.period-panel>h2{margin-bottom:22px}.period-choice{display:flex;align-items:flex-start;gap:12px;margin:12px 0;padding:15px;border:1px solid var(--border);border-radius:9px;background:#fafcfb;cursor:pointer}.period-choice input{margin-top:4px;accent-color:var(--green)}.period-choice span{display:block}.period-choice strong,.period-choice small{display:block}.period-choice small{color:var(--muted);font-weight:400;margin-top:3px}.period-fields,.custom-period{margin:0 0 20px 31px}.custom-period{grid-template-columns:1fr 1fr;gap:12px}.custom-period:not([hidden]){display:grid}.period-panel .button{margin-top:24px}.month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.month-card{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}.month-card.current-month{border-color:#69aa93;box-shadow:0 0 0 2px rgba(8,124,105,.08)}.month-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 18px}.month-card-heading h2{font-size:15px;margin:0}.month-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8eeec}.month-card-content{padding:15px 18px 18px}.month-card-content p{font-size:11px;margin:6px 0 12px}.month-card-content a{font-size:12px;font-weight:650}.status-ready{font-size:11px;color:var(--green);font-weight:650}.month-empty{aspect-ratio:16/9;background:#f1f5f3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.month-empty>span{font-size:30px;color:#8aa59e}.month-empty strong{font-size:13px;margin-top:5px}.month-empty p{font-size:11px;margin:5px 0}.secondary-button{display:block;text-align:center;border:1px solid #aac9bf;border-radius:7px;padding:9px}.unavailable-badge{background:#f4efe0;color:#79631b}
@media(max-width:1050px){.simple-publish{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.simple-publish .panel{padding:20px}.month-grid{grid-template-columns:1fr}.custom-period{grid-template-columns:1fr}.period-fields,.custom-period{margin-left:0}}
.public-installer{max-width:680px;margin:55px auto;background:white;border:1px solid var(--border);border-radius:16px;padding:40px}.public-installer h1{font-size:32px}.public-download-ready,.public-download-waiting{margin:28px 0;padding:25px;background:#f4f8f6;border-radius:11px}.public-download-ready h2,.public-download-waiting h2{margin:14px 0 8px}.public-download-ready details{margin-top:20px;font-size:12px;color:var(--muted)}.public-download-ready code{display:block;margin-top:10px;overflow-wrap:anywhere}.public-installer-help{text-align:center;font-size:12px;margin:25px 0 0}
@media(max-width:650px){.public-installer{margin:25px 0;padding:24px}.public-installer h1{font-size:27px}}
.access-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:24px}.access-title{margin-top:18px}.access-list{display:grid;gap:12px}.access-user{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;align-items:center;gap:15px;padding:15px;border:1px solid var(--border);border-radius:9px}.access-user>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px}.access-user small{grid-column:1/-1;color:var(--muted)}.access-user form{display:flex;gap:8px}.access-user input[type=password]{min-width:0}.disabled-badge{background:#f2e8e5;color:#8a4e43}
@media(max-width:1050px){.access-grid{grid-template-columns:1fr}.access-user{grid-template-columns:1fr}.access-user form{width:100%}.access-user input[type=password]{flex:1}}
.secret-field{display:flex;gap:8px;align-items:center}.secret-field input{flex:1}.secret-toggle{border:1px solid #aac9bf;border-radius:7px;background:white;padding:9px 12px;cursor:pointer}
.device-actions{display:flex;align-items:center;gap:12px}.device-actions form{margin:0}.danger{color:#a83232}

.switch-client{margin-top:8px}
.switch-client select{width:100%}

.metrics-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric-warn strong{color:#b45309}
.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.client-card{border:1px solid var(--border);border-radius:10px;padding:18px;background:#fff;display:flex;flex-direction:column;gap:14px}
.client-card.client-disabled{opacity:.6}
.client-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.client-card-head h3{margin:0;font-size:17px;overflow-wrap:anywhere}
.client-stats{display:grid;gap:8px;margin:0}.client-stats div{display:flex;justify-content:space-between;gap:10px}
.client-stats dt{color:var(--muted)}.client-stats dd{margin:0;font-weight:600}
.badge-warn{background:#fdecc8;color:#8a4b00}
@media(max-width:1050px){.metrics-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.metrics-4{grid-template-columns:1fr}}