/* Mobile: a vertical task surface. Desktop: persistent navigation and wider work areas. */
.topbar .brand .brand-home .brand-logo { width:148px; height:auto; max-width:none; }
.ops-sheet-head { gap:12px; }
.ops-dialog {background:#fff;}
.ux-modal-content {position:relative;}
.ux-modal-close {float:right;position:relative;z-index:2;margin:0 0 8px 12px!important;}
.ops-sheet-head h2 { min-width:0; flex:1; }
.ops-sheet-close { width:auto!important; min-width:72px; min-height:44px; gap:6px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px!important; font-size:14px; flex-shrink:0; }
.ops-sheet-close svg { width:18px; height:18px; }
.ux-app-toolbar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px;}
.ux-app-toolbar p {margin:0;max-width:65%;line-height:1.5;}
@media(min-width:768px){
 .operations-ui .mine-track {display:block;margin:0;padding:0;overflow:visible;}
 .operations-ui .mine-track>.mine-grid {display:grid;grid-template-columns:1fr;gap:18px;grid-auto-rows:auto;}
 .operations-ui .mine-track .mine-card {width:100%;max-width:none;}
}
.operations-ui .mine-track .mine-card {min-height:340px;border:1px solid #e1e7ef;border-radius:18px;padding:20px;gap:16px;background:#fff;box-shadow:0 3px 12px #142b4810;}
.operations-ui .mine-card .mine-head {padding-bottom:14px;border-bottom:1px solid #edf0f5;gap:12px;}
.operations-ui .mine-card .mine-head h3 {font-size:17px;line-height:1.4;white-space:normal;}
.operations-ui .mine-card .mine-icon {width:36px;height:36px;border-radius:10px;}
.operations-ui .mine-card .mine-body {flex:1;gap:18px;}
.operations-ui .mine-card .mine-preview {min-height:190px;}
.operations-ui .mine-card .mine-stats {padding:14px 0;}
.operations-ui .mine-card button {min-height:44px;}
.ux-order-controls {display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0f5;padding-top:12px;}
.ux-current {padding:20px;background:#f6f9ff;border:1px solid #e0e9f8;border-radius:16px;margin:0 0 16px;}
.ux-current h3 {margin:0 0 12px;font-size:16px;}
.ux-current-items {padding:0;list-style:none;margin:16px 0;display:grid;gap:8px;}
.ux-current-items li {display:flex;align-items:center;gap:10px;min-height:48px;background:white;padding:8px;border-radius:10px;}
.ux-current-items img,.ux-media-symbol {width:64px;height:38px;object-fit:cover;border-radius:6px;flex:none;background:#edf2fa;text-align:center;}
.ux-current-items li>span:not(.ux-media-symbol) {flex:1;min-width:0;overflow-wrap:anywhere;}
.ux-current-items small {white-space:nowrap;color:#526079;}
.ux-device-settings {border-top:1px solid #e1e7ef;padding:10px 0;margin-top:10px;}
.ux-device-settings summary {padding:14px 0;cursor:pointer;font-weight:600;min-height:44px;box-sizing:border-box;}
.ux-device-settings .hs-fields {margin-top:8px;}
.ux-content-tabs {display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0;}
.ux-content-tabs button {min-height:44px;padding:8px 4px;font-size:14px;background:#f4f6fa;border:1px solid transparent;border-radius:10px;}
.ux-content-tabs button[aria-selected=true] {background:#eaf2ff;color:#145dc8;border-color:#aac8f5;font-weight:600;}
.ux-content-search {width:100%;box-sizing:border-box;min-height:44px;margin-bottom:12px;}
.ux-content-list {display:grid;gap:8px;max-height:45vh;overflow-y:auto;}
.ux-content-item {display:flex;align-items:center;gap:12px;text-align:left;min-height:68px;margin:0;padding:10px;border:1px solid #e1e7ef;border-radius:12px;background:white;}
.ux-content-item img {width:84px;height:48px;object-fit:cover;border-radius:6px;}
.ux-content-item span {min-width:0;overflow-wrap:anywhere;}
.ux-calendar-help {font-size:13px;line-height:1.55;color:#53647e;background:#f1f5fb;padding:12px;border-radius:10px;margin:12px 0;}
.tt-block .tt-resize {height:22px;bottom:0;touch-action:none;}
.tt-block .tt-resize::after {width:34px;height:5px;bottom:7px;opacity:.8;}
.tt-block {cursor:grab;padding-bottom:24px;scroll-margin-top:96px;scroll-margin-bottom:80px;}
.tt-block:focus-visible {outline:3px solid #145dc8;outline-offset:2px;}
.tt-block:active {cursor:grabbing;}
.tt-move-grip {display:none;touch-action:none;}
.tt-block-head {touch-action:none;}
.ux-time-edit {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;}
.ux-time-edit label {display:grid;gap:6px;font-size:14px;}
.ux-time-edit input {min-height:44px;min-width:0;width:100%;box-sizing:border-box;}
.ux-time-edit button {grid-column:1/-1;min-height:44px;}
@media(min-width:1024px){
 body.operations-ui {--rail-w:224px;}
 body.operations-ui .tabbar {top:64px;background:#fff;padding:20px 16px;border-right:1px solid #e2e8f0;}
 body.operations-ui .topbar {min-height:64px;height:64px;background:white;}
 body.operations-ui .tabbar .nav-scroll > button[data-panel="schedules"],body.operations-ui .tabbar .nav-scroll > button[data-panel="playlists"] {display:flex!important;}
 body.operations-ui .tabbar .nav-scroll > button {min-height:48px;border-radius:10px;margin:3px 0;}
 body.operations-ui main.wrap {padding:32px 40px 56px;}
 body.operations-ui #home-playback {display:none;}
 body.operations-ui .page-heading {align-items:center;margin-bottom:24px;}
 body.operations-ui .page-heading h1 {font-size:26px;line-height:1.35;}
 .operations-ui .mine-track>.mine-grid {grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;}
 .operations-ui #panel-apps {max-width:1480px;margin:0 auto;}
 .operations-ui .mine-card {min-height:360px;}
 .ops-dialog.hs-dialog {width:min(900px,90vw);max-width:900px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;}
 .ops-dialog.hs-dialog:not([open]) {display:none;}
 .hs-dialog>.ops-sheet-head {grid-column:1/-1;grid-row:1;}
 .hs-dialog>.ops-sheet-handle {display:none;}
 .hs-dialog>.hs-preview {grid-column:1;grid-row:2/span 4;align-self:start;margin:0;}
 .hs-dialog>.ux-current {grid-row:2;margin:0;}
 .hs-dialog>.hs-rows {grid-row:3;}
 .hs-dialog>.ux-device-settings {grid-row:4;}
 .hs-dialog>.hs-delete-wrap {grid-row:5;}
 .hs-dialog>.ux-current,.hs-dialog>.hs-rows,.hs-dialog>.ux-device-settings,.hs-dialog>.hs-delete-wrap {grid-column:2;}
 .tt-sheet.tt-wide {width:min(1360px,94vw)!important;max-width:1360px!important;}
 .tt-wide .tt-body {display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px 24px;}
 .tt-wide .tt-body>* {grid-column:1;}
 .tt-wide .tt-body>.tt-mypl {grid-column:2;grid-row:1/span 12;align-self:start;position:sticky;top:0;border-left:1px solid #e1e7ef;padding-left:18px;}
 .tt-wide .tt-mypl-chips {display:flex;flex-direction:column;align-items:stretch;}
 .tt-week-body {min-height:620px;}
 .ops-tv-navigation {gap:8px;}
 .ops-tv-navigation button {min-height:44px;padding:10px 20px;}
}
@media(min-width:768px) and (max-width:1023px){.operations-ui .mine-track>.mine-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:767px){
 .tt-move-grip {display:block;position:absolute;right:4px;top:3px;min-width:48px;height:28px;line-height:28px;text-align:center;font-size:12px;font-weight:600;background:#fff;border:1px solid #d0dff3;border-radius:6px;}
 .tt-block-head {padding-right:50px;box-sizing:border-box;}
 .operations-ui .tabbar .nav-scroll > button[data-panel="schedules"],.operations-ui .tabbar .nav-scroll > button[data-panel="playlists"] {display:none!important;}
 .topbar .brand .brand-home .brand-logo {width:142px;height:auto;}
 .operations-ui .mine-track .mine-card[data-size=small] {padding:20px;gap:16px;}
 .operations-ui .mine-track .mine-card {min-height:350px;}
 .operations-ui .mine-dots {display:none!important;}
 .ux-app-toolbar {align-items:flex-start;}
 .ux-app-toolbar button {white-space:nowrap;min-height:44px;}
 .ux-content-tabs {gap:2px;}
 .ux-content-tabs button {font-size:13px;}
 .ops-dialog.hs-dialog .hs-preview {margin:0;gap:10px;}
 .hs-preview .home-tile-thumb {aspect-ratio:16/9;}
 .hs-preview .hs-change {position:static;width:100%;}
 .ux-current {padding:16px;}
 .tt-sheet .ops-sheet-head {position:sticky;top:0;background:white;z-index:5;padding-bottom:12px;}
}