.playview-button{background:#08a8c4!important;color:#fff!important}
.playview-dialog{width:min(94vw,1050px);max-height:94vh;border:0;border-radius:20px;padding:24px;color:#2b1e30;box-shadow:0 25px 100px #10111a99}
.playview-dialog::backdrop{background:#0b1020c9}
.playview-dialog .preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.playview-dialog h2{margin:4px 0 0}
.playview-status{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 10px;color:#738890;font-size:12px}
.playview-viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#07080b;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff18}
.playview-viewport>img,.playview-viewport>video{display:block;width:100%;height:100%;object-fit:contain;background:#050509}
.playview-progress{height:6px;margin-top:9px;border-radius:999px;overflow:hidden;background:#e8e2eb}
.playview-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#9545ad,#18abc4);transition:width .35s linear}
.playview-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:16px}
.playview-details>div{min-width:0;padding:12px;border-radius:11px;background:#f7f2f8}
.playview-details small{display:block;font-size:10px;font-weight:900;color:#947a9b;letter-spacing:.09em}
.playview-details strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.playview-waiting,.playview-weather,.playview-clock,.playview-news{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 40%,#512261,#160a1c 62%,#050509);gap:10px}
.playview-waiting strong,.playview-news strong{font-size:clamp(22px,3vw,42px)}
.playview-waiting span,.playview-news small{color:#d7bddf}
.playview-brand{font-size:clamp(20px,3vw,42px);margin-bottom:12px;color:#d26af1}
.playview-weather{background:radial-gradient(circle at 78% 16%,#fff8b4 0 5%,transparent 18%),linear-gradient(145deg,#0879bb,#4ab6df 60%,#bdeaf4)}
.playview-weather>strong{font-size:clamp(58px,9vw,120px);font-weight:300}
.playview-weather>span{font-size:clamp(18px,2vw,30px);font-weight:800}
.playview-weather>div{margin-top:15px;padding:10px 14px;border-radius:12px;background:#135a9488}
.playview-clock strong{font-size:clamp(64px,12vw,150px);font-weight:300}
.playview-news span{font-size:70px}
.playview-news{background:linear-gradient(135deg,#8d42aa 0 42%,#f6f1f8 42%);color:#2c2130}
.playview-news small{color:#75677a}
.screen-search{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:4px 0 16px;padding:14px 16px;border:1px solid #e5dce9;border-radius:15px;background:#fff}
.screen-search label{display:grid;gap:6px;width:min(100%,520px);font-size:12px;font-weight:800;color:#6c5b76}
.screen-search input{width:100%;padding:12px 14px;border:1px solid #d8cbdc;border-radius:10px;font:inherit;color:#2b1e30;background:#fbf9fc}
.screen-search strong{color:#8f46aa;font-size:13px;white-space:nowrap}
.screen-client-badge{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:3px 0 11px;padding:7px 10px;border-radius:10px;background:linear-gradient(135deg,#8f46aa,#6c2f7d);color:#fff;box-shadow:0 5px 14px #7b38812b}
.screen-client-badge small{font-size:9px;font-weight:900;letter-spacing:.1em;opacity:.78}
.screen-client-badge strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.screen-controls-title{margin-top:4px;padding-top:10px;border-top:1px solid #eee6f0;color:#6c5b76;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.download-apk{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:10px;background:#8f46aa;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 5px 14px #7b38812b}
.download-apk:hover{background:#78368e}
.notice-app-preview{min-height:250px;margin:18px 0;padding:40px;border-radius:18px;background:linear-gradient(135deg,var(--notice-color,#8f46aa),#1b0c22);color:var(--notice-text,#fff);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;overflow:hidden}.notice-app-preview span{padding:6px 10px;border:1px solid currentColor;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em}.notice-app-preview h2{margin:0;font-size:clamp(32px,5vw,64px);line-height:1}.notice-app-preview p{margin:0;font-size:clamp(18px,2vw,28px);white-space:pre-line}.notice-app-preview[data-template="urgent"]{--notice-color:#8f111d}.notice-app-preview[data-template="safety"]{--notice-color:#d97706}.notice-app-preview[data-template="hours"]{--notice-color:#125d67}.notice-app-preview[data-template="hours"] p{width:min(100%,680px);padding:18px 22px;border:1px solid #ffffff38;border-radius:15px;background:#ffffff18;line-height:1.65}.notice-app-preview[data-template="event"]{--notice-color:#303a8f}
@media(max-width:700px){.playview-dialog{padding:16px}.playview-details{grid-template-columns:1fr}.playview-details strong{white-space:normal}.playview-status{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.screen-search{align-items:stretch;flex-direction:column}.screen-search strong{white-space:normal}}
.screen-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:4px 0 16px}.screen-dashboard button{min-height:126px;padding:18px;border:1px solid #e4d7e8;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f1f9);color:#38253e;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:12px;box-shadow:0 8px 25px #4d29500d}.screen-dashboard button:hover,.screen-dashboard button.active{border-color:#9545ad;box-shadow:0 10px 30px #9545ad20}.screen-dashboard button>span{grid-row:1/4;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#8f46aa1b;color:#8f46aa;font-size:22px;font-weight:900}.screen-dashboard small{font-size:10px;font-weight:900;letter-spacing:.06em;color:#84708a}.screen-dashboard b{font-size:28px;line-height:1;color:#8f46aa}.screen-dashboard b i{font-size:11px;color:#289c66}.screen-dashboard em{font-size:11px;font-style:normal;color:#76637b}.screen-dashboard button[data-screen-filter="online"]>span{background:#2bb87319;color:#22a565}.screen-dashboard button[data-screen-filter="offline"]>span,.screen-dashboard button[data-screen-filter="critical"]>span{background:#d84e5b18;color:#d33d4c}.screen-dashboard button[data-screen-filter="critical"]{border-color:#e78690}.screen-search{align-items:center}.screen-filter-tabs{display:flex;border:1px solid #e0d5e3;border-radius:999px;background:#f2edf4;padding:3px}.screen-filter-tabs button{padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#6f5e75;font-weight:800}.screen-filter-tabs button.active{background:#8f46aa;color:#fff}.screen-search label{margin-left:auto}.screen-view-toggle{width:42px;height:42px;border:1px solid #d8cbdc;border-radius:10px;background:#fff;color:#8f46aa;font-size:20px}.screen-list-view{grid-template-columns:1fr!important}.screen-list-view .screen-card{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(210px,1fr) minmax(250px,1.2fr);column-gap:22px;align-items:start}.screen-list-view .screen-card .cardfooter,.screen-list-view .screen-card .screen-command-controls{grid-column:1/-1}.screen-list-view .screen-client-badge{grid-column:1}.screen-list-view .muted{grid-column:2;grid-row:1/5}.screen-list-view .screen-health{grid-column:3;grid-row:1/5}@media(max-width:1100px){.screen-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-dashboard button:last-child{grid-column:1/-1}.screen-search{flex-wrap:wrap}.screen-search label{order:2;margin-left:0;width:100%}}@media(max-width:700px){.screen-dashboard{grid-template-columns:1fr}.screen-dashboard button:last-child{grid-column:auto}.screen-filter-tabs{width:100%;justify-content:center}.screen-list-view .screen-card{display:block}}
.playlist-audio{display:flex!important;align-items:center;gap:9px;min-height:34px;padding:8px 10px;border:1px solid #e7d9ea;border-radius:9px;background:#fbf7fc}.playlist-audio input{width:auto!important;height:auto!important;margin:0!important}.notice-preview-logo{display:block;max-width:210px;max-height:78px;object-fit:contain;margin-bottom:4px;padding:8px 12px;border-radius:12px;background:#ffffffea}.notice-logo-source{grid-column:1/-1;margin:-4px 0 2px;color:#7e6d84;font-size:12px}.hours-app-featured{background:linear-gradient(145deg,#fff,#f3fbfc);border-color:#cbe5e8}
.notice-app-preview[data-template="hours"]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:center;align-items:center;gap:14px 24px;min-height:340px;aspect-ratio:16/9;padding:28px 36px}
.notice-app-preview[data-template="hours"] .notice-preview-logo{grid-column:1;grid-row:1;justify-self:start;max-width:min(40%,260px);max-height:74px;margin:0;padding:0;background:transparent;border-radius:0}
.notice-app-preview .notice-preview-logo[hidden]{display:none}
.notice-app-preview[data-template="hours"]>span{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}
.notice-app-preview[data-template="hours"] h2{grid-column:1/-1;grid-row:2;font-size:clamp(26px,3.5vw,50px);line-height:1.1}
.notice-app-preview[data-template="hours"] p{grid-column:1/-1;grid-row:3;display:grid;gap:0;width:100%;max-width:none;margin:0;padding:10px 20px;white-space:normal;line-height:1.2}
.notice-app-preview[data-template="hours"] .hours-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:50px;padding:0;border:0;border-bottom:1px solid #ffffff35;border-radius:0;font-size:clamp(17px,2vw,26px);font-weight:400;letter-spacing:normal}.notice-app-preview[data-template="hours"] .hours-preview-row:last-child{border-bottom:0}.hours-preview-row em{font-style:normal;font-weight:800;white-space:nowrap}
@media(max-width:700px){.notice-app-preview[data-template="hours"]{min-height:300px;aspect-ratio:auto;padding:20px;gap:10px}.notice-app-preview[data-template="hours"] .notice-preview-logo{max-width:140px}.notice-app-preview[data-template="hours"]>span{font-size:9px}.hours-preview-row{min-height:42px;font-size:16px}}
.preview-notice.preview-hours{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:20% auto 1fr;align-items:center;align-content:start;gap:2% 3%;padding:5%;background:linear-gradient(135deg,#125d67,#071e24);color:#fff}
.preview-hours .preview-app-logo{position:static;grid-column:1;grid-row:1;max-width:50%;max-height:100%;padding:0;background:transparent;object-fit:contain}
.preview-hours>small{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}.preview-hours>h2{grid-column:1/-1;grid-row:2;margin:0;font-size:clamp(24px,3.5vw,52px);line-height:1.1}
.preview-hours-board{grid-column:1/-1;grid-row:3;align-self:start;display:grid;gap:0;width:100%;padding:1% 3%;border:1px solid #ffffff55;border-radius:14px;background:#ffffff18}
.preview-hours-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3%;min-height:clamp(38px,5.5vw,72px);border-bottom:1px solid #ffffff35;font-size:clamp(16px,2vw,29px)}.preview-hours-row:last-child{border-bottom:0}.preview-hours-row span{font-weight:800;white-space:nowrap}