/* Selected 2026-10-02 twelve-page suite. Presentation only; no authority or state logic. */
body.orange-black-suite {
  --io-bg:#090f12;--io-bg-soft:#0c1418;--io-panel:#10181c;--io-panel-raised:#151e23;
  --io-line:#293338;--io-line-soft:#202b30;--io-text:#f5e8d4;--io-muted:#9ca9ad;
  --io-orange:#ff6900;--io-orange-2:#ff8b26;--io-green:#67c680;--io-blue:#29a5f2;
  --io-red:#ff655c;--io-shadow:none;
  background:#090f12;color:var(--io-text);font-family:system-ui,"Microsoft YaHei",sans-serif;
  font-size:14px;line-height:1.5;
}
.orange-black-suite::before{display:none}
.orange-black-suite *{box-sizing:border-box}
.orange-black-suite [hidden]{display:none!important}
.orange-black-suite a{text-decoration:none}
.orange-black-suite :focus-visible{outline:2px solid #ff8b26!important;outline-offset:3px}
.orange-black-suite :is(h1,h2,h3,h4){text-shadow:none!important;letter-spacing:0!important}
.orange-black-suite :is(input,select,textarea,button){font:inherit}
.orange-black-suite input:not([type=checkbox]):not([type=radio]),.orange-black-suite select,.orange-black-suite textarea{background:#0c1317!important;border-color:#344047!important;border-radius:4px!important;box-shadow:none;color:#f0e9dc!important}
.orange-black-suite :is(input,select,textarea):focus{border-color:#ff8b26!important}
.orange-black-suite input[type=checkbox],.orange-black-suite input[type=radio]{accent-color:#ff6900}
.orange-black-suite input::placeholder,.orange-black-suite textarea::placeholder{color:#87979e!important}
.orange-black-suite .studio-header{background:#080d10;box-shadow:none;border-bottom:1px solid #453021;backdrop-filter:none}
.orange-black-suite .studio-header-inner{max-width:2048px;min-height:62px;padding:0 24px;gap:20px;flex-wrap:nowrap}
.orange-black-suite .studio-brand{min-width:222px;flex:none;gap:10px}
.orange-black-suite .studio-brand strong{font-size:18px;letter-spacing:0}
.orange-black-suite .studio-brand small{font-size:8px;letter-spacing:1.2px}
.orange-black-suite .clapper-logo{height:29px;width:35px;box-shadow:none;background:transparent;color:#ff8119;border:1.5px solid #ff8119}
.orange-black-suite .clapper-logo i{width:35px;top:-7px;height:6px}
.orange-black-suite .studio-nav{order:0;flex:1;width:auto;min-height:62px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#334047 transparent}
.orange-black-suite .studio-nav a{padding:0 11px;min-height:62px;flex:0 0 auto;font-size:12px;gap:5px;white-space:nowrap}
.orange-black-suite .studio-nav a.active{background:#251d16;color:#ff841a}
.orange-black-suite .studio-nav a.active::after{left:10px;right:10px}
.orange-black-suite .studio-nav a>span{font-size:13px}
.orange-black-suite .studio-account{flex:none;gap:8px}
.orange-black-suite .studio-account>span{max-width:124px}
.orange-black-suite .studio-account small{font-size:9px;max-width:124px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orange-black-suite .studio-avatar{width:31px;height:31px;box-shadow:none;border:0;background:#ff6900;font-size:14px}
.orange-black-suite .studio-account form button{padding:7px 4px;font-size:11px}
.orange-black-suite .studio-account form{display:block}
.orange-black-suite .suite-notifications{padding:4px;color:#c9c2b7;display:flex}
.suite-notifications svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.orange-black-suite .studio-main{max-width:2048px;padding:18px 24px 36px}
.orange-black-suite .cp-workspace{font-size:13px}
.orange-black-suite :is(.cp-heading,.dispatch-heading,.ops-hero,.es-heading,.at-heading,.at-page-heading,.am-page-heading,.da-page-head,.da-detail-head){margin:0 0 16px;padding:0 0 14px;border-color:var(--io-line)}
.orange-black-suite :is(.cp-heading,.dispatch-heading,.ops-hero,.es-heading,.at-heading,.at-page-heading,.am-page-heading,.da-page-head,.da-detail-head) h1{font-size:30px;line-height:1.25;margin:0;color:var(--io-text)}
.orange-black-suite :is(.cp-heading,.dispatch-heading,.ops-hero,.es-heading,.at-heading,.at-page-heading,.am-page-heading,.da-page-head,.da-detail-head) p{font-size:12px;margin:7px 0 0;line-height:1.65;color:var(--io-muted);letter-spacing:0}
.orange-black-suite :is(.cp-eyebrow,.at-eyebrow,.am-eyebrow,.cinema-eyebrow){font-size:9px;letter-spacing:.1em!important;margin:0 0 5px}
.orange-black-suite :is(.cp-panel,.at-panel,.am-panel,.da-form-panel,.da-info-panel,.da-preview-panel,.da-section-panel){border:1px solid var(--io-line)!important;border-radius:5px!important;background:#10181c!important;box-shadow:none!important}
.orange-black-suite :is(.cp-panel,.am-panel,.at-panel)::after{display:none}
.orange-black-suite :is(.dispatch-panel-head,.es-panel-head,.am-panel-heading,.da-section-panel>header,.da-form-panel>header,.at-form-section-title){padding:12px 16px;background:transparent!important;border-color:var(--io-line)!important}
.orange-black-suite :is(.dispatch-panel-head,.es-panel-head,.am-panel-heading,.da-section-panel>header,.da-form-panel>header) h2{font-size:17px}
.orange-black-suite :is(.button,.cp-button,.at-button,.am-button,.su-button){min-height:34px;padding:7px 13px;border:1px solid #455158;border-radius:4px!important;background:#151e23;color:var(--io-text);font-size:12px;line-height:1.5;font-weight:600;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}
.orange-black-suite :is(.button,.cp-button,.at-button,.am-button,.su-button):hover{border-color:#ff8b26;background:#241b14;color:#ffe3bc;transform:none}
.orange-black-suite :is(.button.primary,.cp-button-primary,.at-button-gold,.am-button-gold,.su-button.primary){color:#fff!important;background:#f66a05!important;border-color:#ff7c1e!important;box-shadow:none!important}
.orange-black-suite :is(.button.primary,.cp-button-primary,.at-button-gold,.am-button-gold,.su-button.primary):hover{background:#ff811e!important}
.orange-black-suite :is(button:disabled,.button[aria-disabled=true]){opacity:.45;cursor:not-allowed}
.orange-black-suite table thead th{background:#121d22!important;color:#b4bfc1!important;border-color:var(--io-line)!important;font-size:11px}
.orange-black-suite table tbody td{border-color:#253036}
.orange-black-suite table tbody tr:hover td{background:#182228!important}
.orange-black-suite :is(.cp-footer,.at-footnote,.am-footnote){color:#93a1a8;font-size:11px;line-height:1.7}
.orange-black-suite .cp-footer{border-color:var(--io-line);padding-top:14px}
.orange-black-suite .duty-bar{padding:9px 14px;margin-bottom:14px;border-color:var(--io-line);background:#111a20;border-radius:4px;font-size:12px}
.orange-black-suite .duty-bar :is(button,.duty-button){min-height:30px;padding:5px 10px;font-size:11px;border-radius:3px}
.orange-black-suite .duty-primary{background:#f66a05;color:#fff;border-color:#ff7c1e}
.orange-black-suite .duty-dot{background:#ff942f}

/* Overview: compact working surface, real task imagery, no decorative example numbers. */
.suite-sprite{position:absolute;width:0;height:0;overflow:hidden}
.suite-cockpit{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}
.suite-cockpit :is(p,h1,h2,h3,ul){margin:0}
.suite-cockpit-main,.suite-cockpit-side{display:grid;gap:12px;min-width:0}
.su-panel{min-width:0;background:#10181c;border:1px solid #293338;border-radius:5px;overflow:hidden}
.su-panel-head{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #293338;min-height:43px;padding:10px 14px}
.su-panel-head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;color:#f4e8d5;font-weight:650}
.su-panel-head :is(small,a){font-size:10px;color:#a6b2b7}
.su-panel svg,.su-task-card svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}
.su-panel-head svg{color:#ff811a;width:20px;height:20px}
.su-overview-header{padding:14px}
.su-overview-title{display:flex;align-items:center;justify-content:space-between;gap:16px}
.su-overview-title h1{font-size:clamp(23px,2.2vw,36px);font-weight:750;line-height:1.2}
.su-overview-title h1 svg{width:34px;height:34px;color:#ff922e;vertical-align:middle}
.su-overview-title p{font-size:11px;color:#a4aeb1;padding-top:5px}
.su-searchbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.su-searchbar input,.su-searchbar select{margin:0;padding:8px 10px;height:34px;font-size:11px;width:auto;min-width:0}
.su-searchbar input:not([type=hidden]){flex:1;min-width:160px}
.su-searchbar select{max-width:220px}
.su-searchbar>a{color:#b6c0c2;font-size:11px}
.su-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.su-kpis>a{display:flex;align-items:center;gap:16px;border:1px solid #303a3f;border-radius:4px;padding:13px 16px;color:#f4e8d5;min-width:0;background:#10171b}
.su-kpis>a:hover{border-color:#ff6900;background:#1b1b19}
.su-kpis svg{width:36px;height:40px;color:#ff8016}
.su-kpis>a>div{border-left:1px solid #283337;padding-left:14px;min-width:0}
.su-kpis span{font-size:12px;display:block}.su-kpis strong{font-size:34px;font-weight:700;line-height:1.2;display:inline-block}
.su-kpis small{display:block;font-size:10px;color:#9ca9ad;margin-top:4px}
.su-pipeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:20px 10px 14px}
.su-pipeline>a{text-align:center;position:relative;color:#eee1cf;min-width:0;font-size:12px}
.su-pipeline>a:not(:last-child)::after{content:'→';position:absolute;left:65%;right:-35%;top:9px;color:#ff7a17;font-size:17px;background:linear-gradient(#394246,#394246) center/65% 1px no-repeat}
.su-pipeline svg{width:31px;height:31px;display:block;margin:0 auto 7px}
.su-pipeline span{display:block}.su-pipeline strong{font-size:22px;line-height:1.4}
.su-preview-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 10px 0}.su-preview-tabs a{padding:6px 12px;border:1px solid #3f4c51;border-radius:4px;font-size:12px;color:#cad4d8}.su-preview-tabs a[aria-current="true"]{border-color:#ff790c;background:#322115;color:#ffb573}.su-preview-tabs small{color:#9baab0;font-size:11px}#task-preview{scroll-margin-top:120px}
.su-filmstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px}
.su-shot{min-width:0;color:#f1e7d6;border:1px solid #2c373d;border-radius:4px;overflow:hidden;background:#0c1418}
.su-shot.is-selected,.su-shot:hover{border-color:#ff790c;box-shadow:inset 0 0 0 1px #ff790c}
.su-shot>div{aspect-ratio:1.5;position:relative;min-height:80px;background:#131e24;overflow:hidden}
.su-shot img{width:100%;height:100%;object-fit:cover}
.su-shot>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 8px 1px;font-size:12px}
.su-shot>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px 8px;font-size:9px;color:#9baab0}
.su-image-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:100%;height:100%;min-height:95px;background:#152027;color:#a4b0b6;font-size:12px;overflow-wrap:anywhere}
.su-image-empty svg{width:34px;height:34px;color:#b57a4a}
.su-image-empty small{font-size:10px}
.orange-black-suite .su-status{--su-state:#a0b0b9;display:inline-flex;align-items:center;gap:5px;color:var(--su-state)!important;background:transparent;font-size:10px;font-style:normal;white-space:nowrap}
.su-status::before{content:'';width:6px;height:6px;background:var(--su-state);border-radius:50%;flex-shrink:0}
.su-shot .su-status,.su-task-cover .su-status{position:absolute;bottom:7px;left:7px;background:#091217e8;border:1px solid #3f4c51;padding:3px 6px;border-radius:3px}
.orange-black-suite .su-status.status-production{--su-state:#29a5f2}.orange-black-suite .su-status.status-self_check{--su-state:#ab94ed}.orange-black-suite .su-status.status-group_review,.orange-black-suite .su-status.status-ai_review,.orange-black-suite .su-status.status-review{--su-state:#ffb53d}.orange-black-suite .su-status.status-rework,.orange-black-suite .su-status.status-exception,.orange-black-suite .su-status.status-rejected{--su-state:#ff655c}.orange-black-suite .su-status.status-completed,.orange-black-suite .su-status.status-approved{--su-state:#67c680}
.su-green{color:#67c680!important}.su-orange{color:#ff922e!important}.su-red{color:#ff766c!important}.su-amber{color:#ffbc57!important}
.su-bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.su-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;height:141px;padding:18px 17px 29px;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#ffffff06 29px,#ffffff06 30px)}
.su-chart>div{display:flex;position:relative;align-items:center;justify-content:flex-end;flex-direction:column;min-width:0}
.su-chart i{display:block;width:70%;max-width:33px;background:#fb7820;flex-shrink:0}
.su-chart span{font-size:10px;margin-bottom:3px}.su-chart small{position:absolute;bottom:-20px;font-size:9px;color:#a7b1b5}
.su-projects{padding:4px 12px}.su-projects>a{display:grid;grid-template-columns:1fr 1.2fr 36px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #243136;color:#eee2d0;font-size:12px}
.su-projects>a:last-child{border:0}.su-projects span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.su-projects i,.su-distribution i{height:7px;background:#243036;border-radius:3px;overflow:hidden}
.su-projects i>b,.su-distribution i>b{display:block;height:100%;background:#ff7919;border-radius:3px}
.su-projects strong{color:#ff8a25;font-size:13px;text-align:right}
.su-alerts{padding:3px 13px}.su-alerts>a{display:grid;grid-template-columns:1fr 25px auto;align-items:center;gap:15px;border-bottom:1px solid #243136;padding:10px 0;font-size:12px}
.su-alerts>a:last-child{border:0}.su-alerts em{font-style:normal;font-size:10px;border:1px solid currentColor;border-radius:3px;padding:3px 7px}.su-alerts p{padding:14px 0;font-size:12px}
.su-distribution{padding:10px 14px 12px!important;list-style:none;display:grid;gap:8px}
.orange-black-suite .su-distribution li{--su-state:#90a2ad;display:grid;grid-template-columns:82px 1fr 22px;gap:9px;align-items:center;font-size:11px;background:transparent;color:#e5dbca!important}
.orange-black-suite .su-distribution li.status-production{--su-state:#29a5f2}.orange-black-suite .su-distribution li.status-self_check{--su-state:#ab94ed}.orange-black-suite .su-distribution li.status-group_review,.orange-black-suite .su-distribution li.status-ai_review{--su-state:#ffb53d}.orange-black-suite .su-distribution li.status-completed{--su-state:#67c680}.orange-black-suite .su-distribution li.status-rework,.orange-black-suite .su-distribution li.status-exception{--su-state:#ff655c}
.su-distribution li>span{display:flex;align-items:center;gap:7px}.su-distribution li>span::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--su-state)}
.su-distribution i>b{background:var(--su-state)}.su-distribution strong{text-align:right;font-weight:500}
.su-feature{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:12px}.su-feature-image{display:block;width:86px;height:116px;overflow:hidden;border:1px solid #344047;border-radius:3px}.su-feature-image img{width:100%;height:100%;object-fit:cover}
.su-feature h3{font-size:14px;line-height:1.5;margin-bottom:7px;overflow-wrap:anywhere}.su-feature p{font-size:11px;color:#c4c9c8;line-height:1.8}
.su-feature-actions{display:flex;gap:8px;padding:0 12px 12px}.su-feature-actions a{flex:1;padding:8px 6px;font-size:11px}
.su-live-list{padding:0 12px}.su-live-list>a{display:flex;gap:9px;align-items:center;color:#eee7d9;padding:10px 0;border-bottom:1px solid #263238}.su-live-list>a:last-child{border:0}.su-live-list img,.su-live-placeholder{width:44px;height:44px;object-fit:cover;border-radius:3px;flex-shrink:0}.su-live-placeholder{display:grid;place-items:center;background:#213039;color:#cf9c65}.su-live-list a>span:not(.su-live-placeholder){flex:1;min-width:0}.su-live-list strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.su-live-list small{display:block;font-size:9px;color:#99a8b0;margin-top:3px}.su-live-list em{font-size:10px;font-style:normal}
.su-timers{padding:12px}.su-timers article{display:grid;gap:8px;border-bottom:1px solid #263238;padding-bottom:10px;margin-bottom:10px}.su-timers article>a{font-size:12px;color:#e9ddce}.su-timers time{font-size:27px;line-height:1.4;font-weight:650;color:#ff8e2d;font-variant-numeric:tabular-nums}.su-timers form{margin:0}.su-timers dl{margin:5px 0 10px}.su-timers dl>div{display:flex;gap:8px;justify-content:space-between;padding:5px 0;font-size:11px}.su-timers dt{color:#a2b0b6}.su-timers dd{margin:0;font-variant-numeric:tabular-nums}.su-timers>a{font-size:11px;color:#c9a279}
.su-empty{grid-column:1/-1;padding:25px 12px!important;text-align:center;color:#a1aeb4;font-size:12px}.su-empty a{color:#ff942f}
.su-asset-summary{display:flex;gap:10px;flex-wrap:wrap;padding:11px 12px;font-size:10px;color:#b4c0c5;border-bottom:1px solid #293338}

/* Selected original inbox: category rail, work queue, contextual detail. */
.su-inbox-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 310px;gap:14px;align-items:start}
.su-inbox-nav,.su-project-nav{padding:12px 8px;display:grid;align-content:start;gap:4px}
.su-inbox-nav>a,.su-project-nav>a{display:block;padding:10px 12px;color:#c5cecf;border:1px solid transparent;border-radius:4px;font-size:12px;overflow-wrap:anywhere}
.su-inbox-nav>a:hover,.su-project-nav>a:hover{color:#ffa149;background:#1e211f}
.su-inbox-nav>a.is-active,.su-project-nav>a.is-active{color:#ff922e;background:#2b2118;border-color:#795130;box-shadow:inset 3px 0 #ff6900}
.su-project-nav>h2{margin:0;padding:4px 12px 12px;font-size:15px}.su-inbox-main{min-width:0}
.su-inbox-main>.su-searchbar{padding:10px}.su-inbox-row{display:grid;grid-template-columns:50px minmax(0,1fr) 82px 95px;align-items:center;gap:12px;padding:15px 14px;border-bottom:1px solid #28343a;border-left:3px solid transparent}
.su-inbox-row:last-child{border-bottom:0}.su-inbox-row.is-selected{border-left-color:#ff6900;background:#1d201d}.su-inbox-row:hover{background:#192328}
.su-inbox-row .ops-severity{position:static;font-size:10px;border:1px solid #59636a;background:#1e2a30;color:#bdcbd2;padding:4px 6px;border-radius:3px;text-align:center}
.su-inbox-row.severity-critical .ops-severity{background:#301c1b;color:#ff8278;border-color:#814440}.su-inbox-row.severity-warning .ops-severity{background:#2c2417;color:#ffc161;border-color:#745d35}
.su-inbox-copy{min-width:0}.su-inbox-copy>strong{font-size:14px;color:#f0e5d4}.su-inbox-copy>small{display:block;color:#a5b0b5;font-size:10px;margin-top:4px}.su-inbox-copy>p{font-size:11px;color:#9daeb5;margin:7px 0 0;overflow-wrap:anywhere}
.su-inbox-row time{font-size:11px;font-variant-numeric:tabular-nums;color:#b7c1c5}.su-inbox-row .su-button{font-size:10px;padding:6px 8px}
.su-inbox-detail{padding:0 14px 14px}.su-inbox-detail .su-panel-head{margin:0 -14px 14px}.su-inbox-preview{width:100%;aspect-ratio:1.8;object-fit:cover;border:1px solid #354047;border-radius:4px}
.su-inbox-detail>h3{font-size:18px;line-height:1.5;margin:14px 0 8px}.su-inbox-detail>p{font-size:12px;color:#a8b6be;line-height:1.8;overflow-wrap:anywhere}.su-inbox-detail>.primary{width:100%;margin:12px 0}
.su-facts{margin:14px 0}.su-facts>div{display:grid;grid-template-columns:78px 1fr;gap:10px;border-bottom:1px solid #28343a;padding:9px 0;font-size:11px}.su-facts dt{color:#98a8af}.su-facts dd{margin:0;text-align:right;overflow-wrap:anywhere}
.su-inbox-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.su-inbox-actions button{background:#172127;border:1px solid #39474e;color:#cad1d2;border-radius:3px;padding:6px 8px;font-size:10px;cursor:pointer}.su-inbox-detail>.su-note{font-size:10px;color:#99a8ae;line-height:1.8;margin-top:15px}

/* Task directory: project navigation and cover cards, with the existing list/inspector retained. */
.orange-black-suite .suite-task-directory{grid-template-columns:175px minmax(0,1fr);gap:16px}
.orange-black-suite .suite-task-directory.view-list{grid-template-columns:175px minmax(0,1fr) 310px}
.suite-task-directory.view-cards>.at-inspector{display:none}.su-project-nav{position:sticky;top:78px}
.orange-black-suite .at-summary{gap:0;background:#10181c;border:1px solid #2f3b41;overflow:hidden;box-shadow:none}
.orange-black-suite .at-summary-item{border:0;border-right:1px solid #2c383f;border-radius:0;min-height:58px;padding:10px 5px;background:transparent;box-shadow:none}.orange-black-suite .at-summary-item.is-active{background:#272117;box-shadow:inset 0 -2px #ff6900}.orange-black-suite .at-summary-item strong{font-size:22px}
.orange-black-suite .at-filters{border-color:#29353b;background:#10181c;border-radius:4px;padding:10px;margin-bottom:10px}
.orange-black-suite .at-heading .at-button{min-height:36px;padding:8px 12px;font-size:12px}.orange-black-suite .at-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.su-view-switch{display:flex;justify-content:flex-end;gap:7px;margin:10px 0}.su-view-switch a{padding:5px 9px;border:1px solid #364249;border-radius:3px;color:#b3c0c6;font-size:11px}.su-view-switch a[aria-current=page]{color:#ff942f;background:#211e19;border-color:#ac6326}
.su-task-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.su-task-card{background:#111b20;border:1px solid #354148;border-radius:4px;overflow:hidden;min-width:0}.su-task-card:hover{border-color:#ff811e}.su-task-cover{display:block;aspect-ratio:1.7;position:relative;overflow:hidden;background:#152027}.su-task-cover img{width:100%;height:100%;object-fit:cover}.su-task-card>div{padding:11px 12px}.su-task-card h2{margin:4px 0 8px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-task-card h2 a{color:#f5eadb}.su-task-card>div>small{color:#96a6b0;font-size:9px}.su-task-card p{color:#a5b3ba;font-size:11px;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.su-task-card p:has(>span){display:flex;gap:8px;justify-content:space-between}.su-task-card footer{display:flex;gap:12px;align-items:center;border-top:1px solid #2b373d;padding-top:9px;margin-top:9px;font-size:10px}.su-task-card footer>a:first-child{margin-right:auto;color:#ff952d}.su-task-card footer>a{color:#b8c2c6}.su-mini-flow{display:flex;gap:4px;margin-top:10px}.su-mini-flow i{flex:1;height:3px;background:#364248;border-radius:2px}.su-mini-flow i.done{background:#81724e}.su-mini-flow i.current{background:#ff8624}
.orange-black-suite .at-table-panel,.orange-black-suite .at-inspector{background:#10181c;border-color:#2e3b42;border-radius:4px;box-shadow:none}.orange-black-suite .at-inspector{top:78px}.orange-black-suite .at-inspector-heading{padding:12px 14px}.orange-black-suite .at-inspector-title h3{font-size:20px}.orange-black-suite .at-inspector-body{padding:14px}.orange-black-suite .at-state{border-radius:3px;font-size:10px;padding:3px 6px}.orange-black-suite .at-task-row{background:#101a20}.orange-black-suite .at-task-row:nth-child(even){background:#121e24}

/* Other suite pages share the same density, panel geometry, and semantic colors. */
.orange-black-suite :is(.dispatch-kpis,.ops-kpis,.es-kpis){gap:10px;margin:0 0 16px}
.orange-black-suite :is(.dispatch-kpis article,.ops-kpis article,.es-kpis article,.da-metrics>a){padding:14px 18px;min-height:100px;border:1px solid #303c42;border-radius:4px;background:#10181c;box-shadow:none}
.orange-black-suite :is(.dispatch-kpis article,.ops-kpis article,.es-kpis article)::before,.orange-black-suite .da-metrics>a::before{display:none}
.orange-black-suite :is(.dispatch-kpis article,.ops-kpis article,.es-kpis article) strong{font-size:30px;line-height:1.3;color:var(--io-text)}
.orange-black-suite :is(.dispatch-kpis article,.ops-kpis article,.es-kpis article) :is(span,small){font-size:11px}
.orange-black-suite .ops-kpis article.critical strong,.orange-black-suite .dispatch-kpis article.tone-red strong{color:#ff7367}
.orange-black-suite .dispatch-tabs{box-shadow:none;background:#10181c;border-color:#293338;margin-bottom:14px}.orange-black-suite .dispatch-tabs a{padding:12px 18px;min-height:60px}.orange-black-suite .dispatch-tabs b{font-size:14px}.orange-black-suite .dispatch-tabs small{font-size:10px}.orange-black-suite .dispatch-tabs a.active{background:#262018;box-shadow:inset 0 -2px #ff6900}
.orange-black-suite .dispatch-alert-summary{background:#171d1e;padding:12px 18px}.orange-black-suite .dispatch-alert-summary strong{font-size:26px}.orange-black-suite .dispatch-toolbar,.orange-black-suite .planning-toolbar{padding:12px 16px;border-left-width:1px!important;margin-bottom:14px}
.orange-black-suite :is(.today-item,.exception-item){padding:15px 18px;min-height:80px}.orange-black-suite .today-main h3{font-size:15px;margin:5px 0}.orange-black-suite .today-main p{font-size:11px}
.orange-black-suite .member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#29353b}.orange-black-suite .member-card{padding:15px 18px;background:#101b20;border-radius:0}.orange-black-suite .member-card dl{margin-top:10px}.orange-black-suite .member-card dd{font-size:17px}.orange-black-suite .member-avatar{width:36px;height:36px;font-size:15px;border-radius:4px;background:#24313a;border-color:#42525c}
.orange-black-suite .batch-controls{background:#10191e;padding:15px 18px}.orange-black-suite .dispatch-task-row{padding:12px 18px}.orange-black-suite .exception-guide{background:#111a20;border-color:#334047;font-size:11px;padding:12px 16px}
.orange-black-suite .capacity-board>header,.orange-black-suite .recommendation-board>header{padding:13px 16px;border-color:#293338;background:transparent}.orange-black-suite :is(.capacity-board,.recommendation-board){margin-top:14px}.orange-black-suite .capacity-row{padding:12px 16px;gap:12px;font-size:12px}.orange-black-suite .capacity-table{overflow-x:auto}.orange-black-suite .capacity-row{min-width:760px}.orange-black-suite .capacity-row>span:nth-child(6){overflow:hidden}.orange-black-suite .capacity-row>span:nth-child(6) i{max-width:100%}.orange-black-suite .recommendation-list{padding:12px}.orange-black-suite .candidate-grid{gap:10px}.orange-black-suite .candidate-card{border-radius:4px;border-color:#354149;background:#111c21}.orange-black-suite .recommendation-task{margin-bottom:12px}.orange-black-suite .recommendation-task>header{padding:13px 16px}.orange-black-suite .candidate-card footer button.accept{background:#e8640b;color:#fff;border-color:#ff7e19}
.orange-black-suite .es-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.orange-black-suite .es-filter{padding:12px 16px;border-left-width:1px!important;margin-bottom:14px}.orange-black-suite .es-metric-notes{gap:10px;margin-bottom:16px}.orange-black-suite .es-metric-notes article{padding:13px 16px;background:#10181c}.orange-black-suite .es-metric-notes strong{font-size:20px;color:#ff9a40}.orange-black-suite .es-progress i{background:#ff811b}.orange-black-suite .es-bottlenecks{margin-top:14px}.orange-black-suite .es-bottlenecks article{padding:13px 16px}
.orange-black-suite .da-metrics{gap:10px;margin-bottom:16px}.orange-black-suite .da-metrics>a{min-height:105px}.orange-black-suite .da-metrics strong{font-size:31px;color:#f5e8d4!important}.orange-black-suite .da-metrics>a::after{display:none}.orange-black-suite .da-library{grid-template-columns:170px minmax(0,1fr);background:#10181c;border-color:#2d3940;border-radius:5px;box-shadow:none}.orange-black-suite .da-categories{padding:17px 10px;background:#111b20;border-color:#2d3940}.orange-black-suite .da-categories a{font-size:13px;padding:11px 13px}.orange-black-suite .da-categories a.active{background:#292217;border-color:#735032;color:#ffab53;box-shadow:inset 3px 0 #ff6900}.orange-black-suite .da-categories>p{font-size:11px;padding-left:10px}.orange-black-suite .da-rule{padding:7px 10px;font-size:10px}.orange-black-suite .da-directory{padding:14px;background:#0e171c;min-width:0}.orange-black-suite .da-filter-form{gap:8px;padding-bottom:14px;margin-bottom:14px;border-color:#29353c}.orange-black-suite .da-filter-form :is(input,select){height:36px;font-size:11px}.orange-black-suite .da-directory-title h2{font-size:17px}.orange-black-suite .da-directory-title>span{font-size:10px}.orange-black-suite .da-asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.orange-black-suite .da-asset-card{border-color:#354148;border-radius:4px;box-shadow:none;background:#111c21}.orange-black-suite .da-asset-card:hover{transform:none}.orange-black-suite .da-thumb{aspect-ratio:1.5;height:auto}.orange-black-suite .da-card-copy{padding:12px}.orange-black-suite .da-card-copy h3{font-size:15px}.orange-black-suite .da-card-copy p{font-size:11px;margin:7px 0}.orange-black-suite .da-card-copy>div{font-size:10px;margin-top:12px;padding-top:9px}.orange-black-suite .da-thumb :is(em,i){font-size:10px;padding:3px 6px;border-radius:3px}.orange-black-suite .da-preview-panel img{filter:none}
.orange-black-suite .am-page-heading h1{font-size:30px}.orange-black-suite .am-self-panel{padding:15px 18px;border-left-width:1px!important}.orange-black-suite .am-layout{gap:14px}.orange-black-suite .am-member-grid{gap:12px}.orange-black-suite .am-member-card{padding:16px}.orange-black-suite .am-member-card::before{display:none}.orange-black-suite .am-avatar{background:#233039;border-color:#475861;color:#e9bc85}.orange-black-suite .am-group-tab{padding:7px 13px;font-size:12px}.orange-black-suite .am-audit-table td{font-size:12px;padding:12px 13px}.orange-black-suite .am-audit-table tbody tr.is-selected td{background:#22231c!important;border-bottom-color:#78603e}.orange-black-suite .am-settings-layout{grid-template-columns:180px minmax(0,1fr) 280px;gap:16px}.orange-black-suite .am-settings-nav{padding:14px 10px}.orange-black-suite .am-settings-nav a{padding:10px 12px;font-size:12px}.orange-black-suite .am-entry-grid{gap:12px}.orange-black-suite .am-entry-card{padding:20px}.orange-black-suite .am-management-icon{width:40px;height:40px;background:#281f16;border-color:#825029}.orange-black-suite .am-entry-card>strong{font-size:17px}.orange-black-suite .am-recent{padding:18px}.orange-black-suite .am-resource-list>a{padding:12px 16px}.orange-black-suite .am-recent-entry{padding:12px 0 12px 18px}
.orange-black-suite .at-collaboration,.orange-black-suite .at-collaboration-notes{background:#101a1f!important;border-color:#73502e!important;border-radius:5px!important}.orange-black-suite .at-assignment-card,.orange-black-suite .at-collaboration-block{background:#111d23!important;border-color:#33434b!important}.orange-black-suite .at-flow-step.is-current,.orange-black-suite .at-stage.is-current{background:#2a2117!important;color:#ffb165!important}.orange-black-suite .at-status-production{color:#68c1ff!important;border-color:#305c7a!important;background:#132b3d!important}.orange-black-suite .at-status-pending{color:#b6c6d0!important;border-color:#40515c!important;background:#1b2932!important}.orange-black-suite .at-status-group_review,.orange-black-suite .at-status-ai_review{color:#ffbd5c!important;border-color:#775631!important;background:#2b2318!important}.orange-black-suite .at-status-completed{color:#8cdda0!important;background:#192b22!important}.orange-black-suite .at-breadcrumb{padding:0 0 10px;margin-bottom:14px;font-size:11px}

@media(min-width:1850px){.suite-cockpit{grid-template-columns:minmax(0,1fr) 380px}.su-filmstrip .su-shot>div{aspect-ratio:1.65}.su-kpis>a{min-height:107px}.su-inbox-layout{grid-template-columns:185px minmax(0,1fr) 360px}}
@media(max-width:1460px){.orange-black-suite .studio-header-inner{padding:0 18px;gap:12px}.orange-black-suite .studio-brand{min-width:190px}.orange-black-suite .studio-brand strong{font-size:16px}.orange-black-suite .studio-brand small{display:none}.orange-black-suite .studio-nav a{padding:0 9px;font-size:11px}.orange-black-suite .studio-nav a>span{display:none}.orange-black-suite .studio-account>span{display:none}.orange-black-suite .studio-main{padding:16px 18px 30px}.suite-cockpit{grid-template-columns:minmax(0,1fr) 290px}.su-kpis>a{gap:10px;padding:12px 10px}.su-kpis svg{width:28px;height:34px}.su-kpis>a>div{padding-left:10px}.su-kpis strong{font-size:30px}.su-inbox-layout{grid-template-columns:148px minmax(0,1fr) 270px;gap:12px}.su-inbox-row{grid-template-columns:45px minmax(0,1fr) 76px;gap:9px}.su-inbox-row>.su-button{grid-column:2/4;justify-self:end;min-height:28px}.orange-black-suite .suite-task-directory.view-list{grid-template-columns:150px minmax(0,1fr) 280px}.orange-black-suite .suite-task-directory{grid-template-columns:150px minmax(0,1fr)}.su-task-cards,.orange-black-suite .da-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orange-black-suite .am-settings-layout{grid-template-columns:160px minmax(0,1fr) 240px}.orange-black-suite .es-kpis article{padding:12px}}
@media(max-width:1120px){.orange-black-suite .studio-header-inner{flex-wrap:wrap;padding-top:9px;gap:7px 16px}.orange-black-suite .studio-brand{flex:1}.orange-black-suite .studio-nav{order:3;flex-basis:100%;min-height:41px}.orange-black-suite .studio-nav a{min-height:41px;padding:0 13px;font-size:12px}.orange-black-suite .studio-account>span{display:block}.orange-black-suite .studio-main{padding:15px}.suite-cockpit{grid-template-columns:minmax(0,1fr) 265px}.su-overview-title h1{font-size:24px}.su-overview-title h1 svg{display:none}.su-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.su-kpis strong{font-size:28px}.su-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.su-pipeline{padding-left:2px;padding-right:2px}.su-pipeline>a{font-size:10px}.su-pipeline svg{width:25px;height:25px}.su-bottom-panels{grid-template-columns:1fr}.su-inbox-layout{grid-template-columns:145px minmax(0,1fr)}.su-inbox-detail{grid-column:2;position:static}.su-inbox-preview{max-height:210px}.su-inbox-row{grid-template-columns:45px minmax(0,1fr) 83px 95px}.su-inbox-row>.su-button{grid-column:auto;justify-self:stretch}.su-project-nav{position:static}.orange-black-suite .suite-task-directory.view-list{grid-template-columns:145px minmax(0,1fr)}.suite-task-directory.view-list>.at-inspector{grid-column:2;position:static}.orange-black-suite .at-inspector-body{display:block}.su-task-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.orange-black-suite .da-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orange-black-suite .da-library{grid-template-columns:145px minmax(0,1fr)}.orange-black-suite .am-settings-layout{grid-template-columns:160px minmax(0,1fr)}.orange-black-suite .am-recent{grid-column:2}.orange-black-suite .es-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.suite-cockpit{grid-template-columns:1fr}.suite-cockpit-side{grid-template-columns:repeat(2,minmax(0,1fr))}.su-overview-title h1{font-size:27px}.su-filmstrip{grid-template-columns:repeat(4,minmax(0,1fr))}.su-bottom-panels{grid-template-columns:1fr 1fr}.su-inbox-layout{grid-template-columns:1fr}.su-inbox-nav{display:flex;overflow-x:auto;padding:8px;gap:5px}.su-inbox-nav>a{white-space:nowrap;padding:7px 11px;flex-shrink:0}.su-inbox-detail{grid-column:auto}.orange-black-suite .suite-task-directory,.orange-black-suite .suite-task-directory.view-list{grid-template-columns:1fr}.su-project-nav{display:flex;gap:4px;overflow-x:auto;padding:8px}.su-project-nav>h2{display:none}.su-project-nav>a{white-space:nowrap;flex-shrink:0;padding:7px 10px}.suite-task-directory.view-list>.at-inspector{grid-column:auto}.su-task-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.orange-black-suite .member-grid{grid-template-columns:1fr}.orange-black-suite .da-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.orange-black-suite .am-settings-layout{grid-template-columns:1fr}.orange-black-suite .am-settings-nav{display:flex;flex-wrap:wrap;gap:4px}.orange-black-suite .am-settings-nav>p,.orange-black-suite .am-settings-nav>.am-eyebrow{display:none}.orange-black-suite .am-recent{grid-column:auto}.orange-black-suite .am-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.orange-black-suite .studio-header-inner{padding:9px 12px 0}.orange-black-suite .studio-brand strong{font-size:16px}.orange-black-suite .studio-account>span{display:none}.orange-black-suite .studio-main{padding:12px 10px 25px}.orange-black-suite :is(.dispatch-heading,.ops-hero,.es-heading,.at-heading,.at-page-heading,.am-page-heading,.da-page-head,.da-detail-head) h1{font-size:25px}.su-overview-header{padding:11px}.su-overview-title{align-items:flex-start;flex-wrap:wrap;gap:10px}.su-overview-title h1{font-size:24px}.su-searchbar select{max-width:100%;flex:1}.su-searchbar input:not([type=hidden]){flex-basis:100%;min-width:0}.su-kpis svg{width:26px}.su-kpis span{font-size:11px}.su-kpis small{font-size:9px}.su-pipeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.su-pipeline>a:nth-child(3)::after{display:none}.su-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.su-bottom-panels{grid-template-columns:1fr}.suite-cockpit-side{grid-template-columns:1fr}.su-inbox-row{grid-template-columns:40px minmax(0,1fr);padding:12px 10px}.su-inbox-row>time{grid-column:2}.su-inbox-row>.su-button{grid-column:2;justify-self:start}.su-inbox-copy>strong{font-size:13px}.su-task-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.su-task-card h2{font-size:13px}.su-task-card>div{padding:9px}.su-task-card p:has(>span){flex-wrap:wrap;gap:2px}.su-task-card footer{gap:8px}.orange-black-suite .at-heading-actions{width:100%;margin-top:8px}.orange-black-suite .es-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.orange-black-suite :is(.dispatch-kpis article,.ops-kpis article,.es-kpis article,.da-metrics>a){padding:12px;min-height:90px}.orange-black-suite .da-library{display:block}.orange-black-suite .da-categories{display:flex;flex-wrap:wrap;gap:4px;padding:10px;border-right:0;border-bottom:1px solid #293338}.orange-black-suite .da-categories :is(p,hr,.da-rule){display:none}.orange-black-suite .da-categories a{padding:6px 9px;font-size:11px}.orange-black-suite .da-categories a span{display:none}.orange-black-suite .da-directory{padding:10px}.orange-black-suite .da-filter-form{flex-wrap:wrap}.orange-black-suite .da-search{flex-basis:100%;width:100%}.orange-black-suite .da-filter-form select{min-width:0;flex:1}.orange-black-suite .da-card-copy{padding:9px}.orange-black-suite .da-card-copy h3{font-size:13px}.orange-black-suite .da-card-copy>div{font-size:9px;gap:3px;flex-wrap:wrap}.orange-black-suite .am-entry-grid{grid-template-columns:1fr}.su-panel-head{padding:10px 12px;flex-wrap:wrap}.su-panel-head h2{font-size:15px}.su-chart{height:145px}}
@media(prefers-reduced-motion:reduce){.orange-black-suite *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.orange-black-suite .su-admin-tools{display:flex;justify-content:flex-end;gap:16px;font-size:11px;color:var(--io-muted);padding:0 4px 3px}

/* Gallery display controls and independent pagination. */
.su-preview-tabs>span{color:#9baab0;font-size:12px}.su-preview-pagination{justify-content:center;border-top:1px solid #29383e;padding-top:14px;padding-bottom:14px}