/* Shared presentation layer. Workflow-specific colors and behaviors remain in index.html. */
:root{--bg:#fff;--bg2:#f6f6f3;--bg3:#eeefeb;--text:#202321;--text2:#60665f;--text3:#71776f;--border:#e3e6df;--border2:#ccd2c8;--p50:#eeebfa;--p200:#cfc5ed;--p600:#6b50b8;--p800:#513690;--sidebar:232px;--header:76px;--surface-shadow:0 2px 3px #20232103,0 8px 24px #20232104;--focus:#8c73cf;--border3:var(--border2)}
.dm{--bg:#202321;--bg2:#171a18;--bg3:#2b302c;--text:#f1f3ed;--text2:#b9c0b6;--text3:#9ba697;--border:#343c34;--border2:#505a4d;--p50:#302a40;--p200:#63547f;--p600:#8064c7;--p800:#d4c4fc;--surface-shadow:0 2px 12px #00000012;color-scheme:dark}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{touch-action:manipulation}button:disabled{cursor:wait;opacity:.6}input,textarea,select{accent-color:var(--p600);min-width:0}button,a,input,select,textarea,[tabindex]{scroll-margin:100px 0 24px}
:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px;box-shadow:none!important}
button:focus:not(:focus-visible){outline:none}img,video{max-width:100%}a{color:var(--p600)}[hidden]{display:none!important}
.skip-link{position:fixed;top:8px;left:8px;z-index:12000;background:var(--bg);color:var(--text);padding:12px 18px;border-radius:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Sign in */
#home-page{background:radial-gradient(ellipse at 20% 10%,#bdb1ef25,transparent 50%),radial-gradient(ellipse at 85% 85%,#9dc8e51c,transparent 50%);gap:36px;padding:56px 24px;min-height:100dvh}
.home-logo-icon{background:var(--p600);width:54px;height:54px;border-radius:17px;font-size:28px;box-shadow:0 8px 22px #6953cc25}.home-logo-title{font-size:27px;font-weight:750;letter-spacing:-1px}.home-logo-sub{font-size:14px;color:var(--text2)}
#role-section{max-width:420px;background:var(--bg);border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:0 18px 70px #38305808;align-items:stretch;gap:24px}
.login-heading h1{font-size:25px;letter-spacing:-.7px;line-height:1.3}.login-heading p{font-size:14px;color:var(--text2);margin-top:7px}.login-form{display:flex;flex-direction:column;gap:8px}.login-form label{font-size:13px;font-weight:600}.login-form input{margin:0 0 12px!important;min-height:46px}.login-form .btn-pri{margin-top:8px;min-height:46px;justify-content:space-between}.login-note{font-size:12px;text-align:center;color:var(--text3)}#home-pw-error{color:var(--r600);font-size:13px;background:var(--r50);border-radius:8px;padding:10px 12px}
/* App shell and navigation */
#app-shell{min-height:100dvh}.shell-topbar{height:var(--header);min-height:var(--header);flex-wrap:nowrap;margin-left:var(--sidebar);padding:0 32px;border-bottom:1px solid var(--border);background:var(--bg);gap:16px;z-index:120}.shell-left{min-width:0;gap:12px}.shell-workspace-badge{background:none!important;border:0!important;padding:0;color:var(--text2)!important;font-size:13px;font-weight:500;white-space:nowrap}.shell-workspace-badge>i{display:none}.shell-divider{color:var(--border2)}#studio-location{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-right{gap:20px;flex-wrap:nowrap}.sync-indicator{font-size:12px;white-space:nowrap}.sync-dot{width:6px;height:6px}.shell-search{background:var(--bg2)!important;border-color:transparent!important;font-weight:500!important}.shell-search i{font-size:17px}
.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary>i{font-size:14px;color:var(--text3)}.user-avatar{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:var(--p50);color:var(--p800);font-weight:700;font-size:13px}.user-details{display:flex;flex-direction:column;line-height:1.5}.user-details strong{font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{background:none;border:none;border-radius:0;padding:0;color:var(--text3);font-weight:400;font-size:11px}.account-popover{position:absolute;top:calc(100% + 14px);right:0;width:240px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #1414261c;display:flex;flex-direction:column;gap:4px;z-index:140}.account-popover .ibtn{border:none;justify-content:flex-start;gap:10px;background:none;min-height:42px}
#app-navigation{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--bg);border-right:1px solid var(--border);z-index:150;display:flex;flex-direction:column;padding:0 18px;overflow-y:auto;overscroll-behavior:contain}.studio-brand{height:var(--header);min-height:var(--header);display:flex;gap:10px;align-items:center;margin-bottom:24px}.studio-mark{width:35px;height:35px;border-radius:11px;background:var(--p600);display:grid;place-items:center;color:#fff;font-size:21px;box-shadow:0 4px 10px #6953cc20}.studio-brand strong{font-size:19px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.studio-brand strong span{font-weight:500}.studio-brand small{display:block;font-size:8px;letter-spacing:1.1px;color:var(--text3);margin-top:1px}.workspace-picker{margin-bottom:26px}.workspace-picker label{display:block;color:var(--text3);font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:9px;padding-left:10px}.workspace-picker select{width:100%;min-height:42px;background:var(--bg2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:13px;padding:8px 10px;font-weight:600;cursor:pointer}
#app-navigation .tabs{flex-direction:column;gap:5px;border:0;padding:0;overflow:visible;background:none;width:100%;flex-shrink:0}#app-navigation .tab{flex:none;width:100%;min-width:0;min-height:42px;margin:0;padding:10px 12px;justify-content:flex-start;gap:11px;border:1px solid transparent;border-radius:9px;font-size:12.5px;font-weight:500;color:var(--text2);white-space:normal;text-align:left;line-height:1.3;box-shadow:none}#app-navigation .tab>i{font-size:18px!important;opacity:.8}#app-navigation .tab:hover{background:var(--bg2);color:var(--text)}#app-navigation .tab.active{background:var(--p50);color:var(--p800);font-weight:650;border-color:transparent;box-shadow:none}#app-navigation .tab.active>i{opacity:1}#app-navigation .tab>span{margin-left:auto!important;font-size:10px!important;min-width:20px;text-align:center}#app-navigation .tab[data-tid="activity"],#app-navigation .tab[data-tid="ai-studio"]{margin-top:12px}
.studio-nav-footer{margin-top:auto;padding:28px 10px 24px;display:flex;flex-direction:column;gap:5px;color:var(--text3);font-size:11px}.studio-nav-footer strong{font-size:11px;font-weight:600;color:var(--text2)}.studio-footer-icon{color:var(--p600);font-size:21px;margin-bottom:3px}.nav-toggle,.nav-close,.nav-backdrop{display:none}
.content{padding:32px 36px 56px;margin-left:var(--sidebar);max-width:none;min-width:0;outline:none!important}.content>[id^="tab-"]{max-width:1600px;margin-left:auto;margin-right:auto}.content>[id^="tab-"]>*{min-width:0}
/* Reusable controls */
:is(.ibtn,.btn-pri,.btn-sec,.dash-add-btn,.mw-btn,.ag-btn,.aut-btn,.add-acc-btn,.drill-back,.approve-btn,.decline-btn,.post-btn,.cc-today-btn,.car-sb-new,.car-pill,.mw-chip,.fmt-tab,.pc-delete-btn,.cr-subtab-btn){min-height:36px;font-size:13px;font-weight:600;border-radius:9px;padding:8px 13px;gap:7px;line-height:1.3;transition:background .15s,border-color .15s,box-shadow .15s}
.btn-pri,.btn-sec{display:inline-flex;align-items:center;justify-content:center;min-height:42px}.btn-pri,.dash-add-btn{background:var(--p600);border:1px solid transparent;color:#fff;box-shadow:0 2px 3px #6953cc12}.btn-pri:hover,.dash-add-btn:hover{background:var(--p800);filter:none}.btn-sec{border:1px solid var(--border2);background:var(--bg);color:var(--text2)}.ibtn:hover,.btn-sec:hover{background:var(--bg2);border-color:var(--border2)}.btn-pri:disabled:hover{background:var(--p600)}
.modal-input,.modal-select,.crc-input,.crc-notes,.md-textarea{border:1px solid var(--border2);border-radius:9px;background:var(--bg);color:var(--text);padding:10px 12px;font-size:14px;min-height:42px;line-height:1.5}.modal-input::placeholder,textarea::placeholder{color:var(--text3);opacity:.9}select{cursor:pointer}.icon-action-btn,.priority-btn,.crc-prio,.posting-account-del,.cc-nav-btn{min-width:36px;min-height:36px;width:auto;height:auto;border-radius:8px}.color-swatch{width:30px;height:30px}.platform-swatch{width:38px;height:38px}
:is(.content,.modal-bg) :is(button,input,select,textarea)[style*="font-size:"]{font-size:13px!important}
:is(.content,.modal-bg) :is(div,span,p,label,a)[style*="font-size:9px"],:is(.content,.modal-bg) :is(div,span,p,label,a)[style*="font-size:10px"],:is(.content,.modal-bg) :is(div,span,p,label,a)[style*="font-size:11px"]{font-size:12px!important}
.studio-page-title{font-size:27px!important;font-weight:700!important;line-height:1.25!important;letter-spacing:-.8px;margin-bottom:7px}.studio-page-subtitle{font-size:14px!important;color:var(--text2);line-height:1.6}.studio-page-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:26px}.studio-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--p600);margin-bottom:7px}.studio-page-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.studio-page-actions .cc-nav{min-height:40px}.cc-period-label{font-size:12px!important;white-space:nowrap}.cc-nav{border:1px solid var(--border);background:var(--bg);border-radius:9px;max-width:100%}.cc-nav-btn{background:transparent}.studio-section-caption{font-size:13px;color:var(--text2);margin:4px 0 18px}
/* Dashboard */
.dash-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 28px}.dash-stat{padding:18px;border-radius:13px;position:relative;box-shadow:var(--surface-shadow);min-width:0}.dash-stat .ds-val{font-size:29px;letter-spacing:-1px;font-weight:700;color:var(--text)!important;margin:18px 0 7px}.dash-stat .ds-label{font-size:11.5px;font-weight:500;line-height:1.4}.ds-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--p50);color:var(--p600);font-size:17px}.dash-stat:nth-child(2) .ds-icon{background:var(--b50);color:var(--b600)}.dash-stat:nth-child(3) .ds-icon{background:var(--a50);color:var(--a600)}.dash-stat:nth-child(4) .ds-icon{background:var(--bg3);color:var(--text2)}.dash-stat:nth-child(5) .ds-icon,.dash-stat:nth-child(6) .ds-icon{background:var(--t50);color:var(--t600)}
.dash-review-banner{background:var(--p50);border:1px solid var(--p200);padding:18px 22px;border-radius:13px;margin:0 0 24px}.dash-review-banner .btn-pri{min-height:38px}.dash-section-title{font-size:16px;font-weight:650;margin:30px 0 16px;gap:10px}.dash-team-head{flex-wrap:wrap;gap:12px}.dash-team-head>span:last-child{flex-wrap:wrap}.dash-section-title i{font-size:18px!important;color:var(--text2)}
.model-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:18px}.model-card{border-radius:15px;box-shadow:var(--surface-shadow)}.model-card .mc-photo{aspect-ratio:16/8;max-height:180px;background:linear-gradient(120deg,var(--p50),var(--bg3));color:var(--p600)}.model-card .mc-photo>span{font-size:32px!important;font-weight:600!important;letter-spacing:1px;opacity:.65}.model-card .mc-photo img{object-position:center 30%}.model-card .mc-name{text-align:left;font-size:18px;letter-spacing:-.3px;padding:16px 18px 3px}.model-card .mc-niches{justify-content:flex-start;padding:3px 18px 8px}.model-card .mc-niche-chip{font-size:11px}.model-card .mc-stats{padding:8px 18px 18px;gap:12px}.model-card .gauge-grid{justify-content:space-between;padding-top:6px}.mc-remove{width:30px;height:30px}.mc-photo-edit{min-width:30px;min-height:30px}.model-card:focus-within .mc-photo-edit,.model-card:focus-within .mc-remove{opacity:1}
.dash-emp-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:18px}.dash-emp-card{padding:20px;border-radius:14px}.dash-emp-head{gap:10px;flex-wrap:wrap;margin-bottom:20px}.dash-emp-head>div{flex-wrap:wrap}.dash-emp-card .gauge-grid{justify-content:space-between;gap:8px}.gauge-cap{font-size:11px}.gauge-inp,.quota-inp{min-height:30px;min-width:44px;border-radius:7px;font-size:12px}.gauge-label{font-size:12px}.gauge-bg{stroke:var(--bg3)}.dash-emp-card .asgn-badge{padding:5px 10px}.dash-emp-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}
/* Content cards, filters and messages */
.mw-header{margin-bottom:24px}.mw-week{font-size:12px;min-height:36px;border-radius:8px}.mw-gauges{gap:16px;margin-bottom:24px}.mw-gauge{padding:16px 20px 10px;box-shadow:var(--surface-shadow)}.mw-section-title{font-size:16px;margin:26px 0 14px}.mw-count{font-size:12px!important;min-width:24px;text-align:center}.mw-chip,.fmt-tab{border-radius:8px;font-size:12px;border-width:1px;background:var(--bg)}.mw-chip.active,.fmt-tab.active{background:var(--p50);border-color:var(--p200);color:var(--p800)}.mw-grid,.cc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:16px}.mw-card,.cc-card{padding:18px;border-radius:14px;box-shadow:var(--surface-shadow);min-width:0}.mw-card:hover{box-shadow:0 6px 22px #25263d08}.mw-card.rework{background:var(--bg);border-color:var(--a200);border-top:3px solid var(--a200)}.cx-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;cursor:pointer}.cx-card .mw-thumb{width:64px;align-self:start;aspect-ratio:3/4;grid-column:1;grid-row:1}.cx-card .cx-info{grid-column:2;min-width:0;gap:9px}.cx-card .cx-expand{grid-column:1/-1}.cx-card:has(.mw-thumb img){grid-template-columns:80px minmax(0,1fr)}.cx-card:has(.mw-thumb img) .mw-thumb{width:80px}.cx-card .mw-actions{gap:6px}.mw-body{gap:9px}.mw-vn{color:var(--text);font-size:13px;font-weight:700}.mw-fmt{font-size:10px;padding:3px 7px}.mw-tag{font-size:11px;font-weight:500}.mw-meta{font-size:13px;flex-wrap:wrap;overflow-wrap:anywhere}.mw-notes{font-size:13px;line-height:1.6}.mw-decline{font-size:12px;padding:9px 11px}.mw-btn{font-size:12px}.mw-btn.drop,.pc-delete-btn{color:var(--r600);background:var(--r50)}.mw-thumb{border-radius:10px;background:var(--bg2)}.mw-thumb .mw-add-img{font-size:11px;gap:7px}.mw-thumb .mw-thumb-edit{width:30px;height:30px}.mw-thumb:focus-within .mw-thumb-edit{opacity:1}.cc-edit-sel{min-height:34px;border-radius:7px;padding:5px 7px;font-size:12px;font-weight:500;max-width:100%}.cc-edit-row{gap:7px}.cc-card .mw-body>div:last-child{flex-wrap:wrap}.cc-card .mw-body input{max-width:100%}.rq-item{background:var(--bg);padding:20px;border-radius:14px;margin-bottom:14px}.rq-thumb{align-self:flex-start}.rq-item .approve-btn{background:var(--t600);color:#fff}.rq-item .decline-btn{background:var(--bg2);color:var(--r600)}
.cr-filter-bar{background:var(--bg);border:1px solid var(--border);padding:14px 16px;border-radius:12px;gap:10px;margin:20px 0}.cr-filter-bar select{min-height:36px;border-color:var(--border);font-size:12px;background:var(--bg2)}.cr-filter-bar .cf-label{font-size:12px;margin-right:3px}.cr-subtab-btn{background:transparent;border-color:transparent;color:var(--text2)}.cr-subtab-btn.active{background:var(--p50);border-color:var(--p200);color:var(--p800)}
.cx-chat-msg{font-size:13px;line-height:1.6;padding:9px 12px}.cx-chat-msg-meta{font-size:11px}.cx-chat-title{font-size:11px}.cx-chat-input-row input{min-height:42px;font-size:14px;width:0}.cx-chat-msgs{max-height:260px}.cx-chat-empty{font-size:13px;padding:18px}.cx-chat-input-row button{flex-shrink:0}#messages-inbox>div>div{background:var(--bg)!important;padding:18px!important;border-color:var(--border)!important}#messages-inbox>div>div:hover{border-color:var(--p200)!important}#messages-inbox>div>div:has(.cx-unread){border-left:3px solid var(--p600)!important}
/* Modals and states */
.modal-bg{padding:24px 12px;background:#16172866;backdrop-filter:blur(4px);z-index:600;overscroll-behavior:contain}.modal-box{padding:26px;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 90px #11122225;max-width:min(94vw,800px)!important;max-height:calc(100dvh - 48px)!important;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;position:relative}.modal-title{font-size:19px;letter-spacing:-.4px;font-weight:650;line-height:1.3;padding-right:28px;margin-bottom:8px}.modal-sub{font-size:13px;line-height:1.6;margin-bottom:22px;color:var(--text2)}.modal-btns{gap:10px;margin-top:20px;flex-wrap:wrap}.modal-dismiss{position:absolute;right:14px;top:14px;width:32px;height:32px;display:grid;place-items:center;border:0;background:var(--bg2);color:var(--text2);border-radius:8px;cursor:pointer}.modal-dismiss:hover{background:var(--bg3)}.nr-label,.md-section-title{color:var(--text2);font-size:11px;letter-spacing:.7px;line-height:1.6}.md-section-title{margin-bottom:12px}.md-section{margin-top:24px}.paste-zone{background:var(--bg2);font-size:12px;border-width:1.5px}.field-error{color:var(--r600);font-size:13px;background:var(--r50);padding:10px 12px;border-radius:8px;margin:10px 0}.field-error:empty{display:none}[aria-invalid="true"]{border-color:var(--r600)!important}.studio-form-label{display:block;font-size:12px;color:var(--text2);font-weight:600;margin-bottom:5px}
.empty-state,.studio-state{text-align:center;border:1px dashed var(--border2);background:var(--bg);border-radius:14px;padding:40px 24px;color:var(--text2);font-size:14px;line-height:1.65}.empty-state i,.studio-state>i{display:block;width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:var(--p50);color:var(--p600);font-size:24px;line-height:48px;opacity:1}.studio-state strong{display:block;color:var(--text);font-size:16px;margin-bottom:5px}.studio-state p{margin-bottom:16px}.studio-state.error>i{background:var(--r50);color:var(--r600)}.studio-toast{position:fixed;bottom:24px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);z-index:11000;max-width:calc(100vw - 32px);background:var(--text);color:var(--bg);border-radius:12px;padding:12px 20px;box-shadow:0 8px 28px #11122222;font-size:13px}
/* Creative tools */
#tab-ai-studio{max-width:1080px}.studio-ai-intro{margin-bottom:24px}#ai-image-mode{display:flex;flex-direction:column}#ai-image-mode>div:first-child{order:0}#ai-output{order:2;min-height:240px!important;margin:20px 0 0;background:var(--bg)!important;border:1px dashed var(--border2)!important}#ai-output:has(img){min-height:380px!important;border-style:solid!important}#ai-output+div{order:1;margin-top:0!important}#ai-output~div{order:3}#ai-output+div{order:1!important}#ai-output+div>div:first-child{box-shadow:var(--surface-shadow)!important;border-color:var(--border)!important;padding:16px!important;border-radius:14px!important}#ai-prompt{min-width:min(100%,200px)!important;width:100%;flex-basis:100%!important;min-height:72px!important;font-size:15px!important;background:var(--bg2)!important;border-radius:9px!important}#ai-model-switch,#ai-mode-switch,#ai-video-model-switch{max-width:100%;box-shadow:none!important;flex-wrap:wrap;border-radius:11px!important;background:var(--bg3)!important}#ai-video-model-switch{width:100%}#ai-video-model-switch button{flex:1 1 100px;padding:10px 12px!important;min-width:0;border-radius:8px!important;font-size:13px!important;min-height:44px}#ai-model-switch button{padding:10px 24px!important;border-radius:8px!important}#ai-mode-switch button{border-radius:8px!important}
.ai-pop-wrap{position:static!important}#ai-lora-pop,#ai-aspect-pop{position:fixed!important;inset:auto!important;max-width:calc(100vw - 24px);max-height:60dvh;overflow:auto;z-index:400!important}#ai-lora-pop button,#ai-aspect-pop button{min-height:42px;font-size:13px!important}
#tab-carousels{margin:0 auto!important;padding:0;min-height:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg)}.car-layout{min-height:650px}.car-sidebar{width:220px}.car-main{min-width:0;padding:28px;overflow:visible}.car-pipeline{max-width:760px}.car-card{padding:24px;background:var(--bg);border-color:var(--border);border-radius:13px}.car-card-title{font-size:15px}.car-card-title::before{background:var(--p600)}.car-dropzone{background:var(--bg2);border-width:1.5px;font-size:14px}.car-controls{gap:18px}.car-ctrl{min-width:0}.car-ctrl label{font-size:11px;color:var(--text2)}.car-toggle{flex-wrap:wrap;border:1px solid var(--border2)}.car-toggle-btn{min-height:38px;font-size:12px;padding:8px 12px}.car-start-btn{background:var(--p600);box-shadow:none;font-size:14px;min-height:44px}.car-sb-title{font-size:13px}.car-cs-label,.car-cs-status,.car-cs-model{font-size:12px}.car-clear-btn{font-size:12px}.car-session-card{padding:10px}
.ag-grid{gap:14px;grid-template-columns:repeat(7,minmax(0,1fr))}.ag-cell{background:var(--bg);border-radius:13px;min-width:0}.ag-toolbar{gap:16px;margin:20px 0}.ag-toolbar-actions{flex-wrap:wrap;gap:8px}.ag-model-strip{gap:9px}.ag-model-btn{min-height:40px}.ag-rhythm-row{flex-wrap:wrap;gap:8px}.ag-rhythm-row input{min-width:0}.aut-header{gap:16px;flex-wrap:wrap;margin-bottom:24px}.aut-header>div{display:flex;gap:8px;flex-wrap:wrap}.aut-btn{margin:0}.aut-table-wrap{border-radius:13px}.aut-table th{font-size:11px}.aut-table td{font-size:13px}
.two-col{gap:24px}.stats-grid{gap:12px;margin-bottom:20px}.stat-card{padding:18px;border-radius:12px}.day-nav{gap:8px;margin-bottom:18px}.day-btn,.biz-btn{min-height:36px;padding:7px 12px;font-size:13px}.tbl-wrap,.acc-tbl-wrap{border:1px solid var(--border);border-radius:13px;box-shadow:var(--surface-shadow)}.acc-input{font-size:13px;min-height:36px}.pill-btn{min-height:34px;font-size:12px}.pill-menu{max-width:calc(100vw - 24px);max-height:50dvh;overflow-y:auto}.section-head{font-size:16px;margin-bottom:14px}.add-row input{min-height:42px}.add-row button{min-width:42px}.post-chip{font-size:13px}.stat-label{font-size:11px}.info-note{font-size:13px}
#fc-bulk-bar{background:var(--bg)!important;border-color:var(--border)!important;color:var(--text)!important;max-width:calc(100vw - var(--sidebar) - 40px);left:calc(50% + var(--sidebar)/2)!important;white-space:normal!important;flex-wrap:wrap;justify-content:center;border-radius:14px!important;padding:12px 18px!important}#fc-bulk-count{color:var(--text)!important}#fc-bulk-download-btn{background:var(--p600)!important;box-shadow:none!important;border-radius:9px!important}#save-error-banner{z-index:12000!important}
@media(min-width:1700px){.content{padding-left:48px;padding-right:48px}}
@media(max-width:1250px){:root{--sidebar:212px}.shell-topbar{padding:0 24px}.content{padding:28px 24px 48px}.shell-right{gap:12px}.user-details{display:none}.dash-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-stat{display:grid;grid-template-columns:1fr 30px;gap:4px 10px;padding:16px 18px}.ds-icon{grid-column:2;grid-row:1/3}.dash-stat .ds-val{grid-column:1;grid-row:1;margin:0;font-size:26px}.dash-stat .ds-label{grid-column:1;grid-row:2}.ag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.car-sidebar{width:190px}.car-main{padding:18px}}
@media(max-width:960px){:root{--sidebar:224px;--header:64px}.shell-topbar{margin-left:0;padding:0 22px}.content{margin-left:0;padding:26px 22px 40px}.nav-toggle{display:inline-flex;min-width:38px;min-height:38px;justify-content:center;padding:8px}.nav-toggle i{font-size:20px}.nav-close{display:inline-flex;margin-left:auto;padding:6px;min-width:32px;justify-content:center}.studio-brand{gap:8px}.studio-brand strong{font-size:18px}.studio-brand small{font-size:7px}.studio-brand .studio-mark{width:30px;height:30px;flex-shrink:0}#app-navigation{transform:translateX(-100%);visibility:hidden;transition:transform .18s,visibility .18s;z-index:500}.nav-open #app-navigation{transform:none;visibility:visible}.nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#16172866;backdrop-filter:blur(2px);border:0;width:100%;height:100%;z-index:490}.studio-nav-footer{padding-top:24px}.studio-toast{left:50%}#fc-bulk-bar{left:50%!important;max-width:calc(100vw - 24px)}.model-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.user-details{display:flex}.ag-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-page-title{font-size:25px!important}}
@media(max-width:768px){.tbl-wrap,.acc-tbl-wrap{border:0;box-shadow:none}.content table:not(.aut-table) tr{border-color:var(--border);border-radius:12px;box-shadow:var(--surface-shadow);padding:16px}.content table:not(.aut-table) td{padding:10px 0}.content table:not(.aut-table) td::before{font-size:12px}.aut-table{display:table;min-width:680px}.aut-table thead{display:table-header-group}.aut-table tbody{display:table-row-group}.aut-table tr{display:table-row;background:none;margin:0;padding:0;box-shadow:none;border:0}.aut-table td,.aut-table th{display:table-cell;width:auto;padding:14px 16px;border-right:0;text-align:left}.aut-table td::before{display:none}.aut-table td>*{max-width:none}.aut-table-wrap{overflow:auto}.car-layout{flex-direction:column;min-height:0}.car-sidebar{width:100%;border-right:0;border-bottom:1px solid var(--border);max-height:220px}.car-sb-hdr{padding:12px 16px}.car-sb-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:10px 16px}.car-session-card{min-width:180px;max-width:240px}.car-sb-empty{padding:6px 0;text-align:left;font-size:12px}.car-sb-footer{padding:6px 16px}.car-clear-btn{padding:5px;min-height:32px}.car-main{padding:20px}.ag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-right{gap:12px}.sync-indicator{font-size:11px}.shell-search span{display:none}.shell-search{width:36px;justify-content:center;padding:8px}.user-details{display:none}.studio-page-actions{gap:8px}.studio-page-actions .btn-pri{min-height:40px}.mw-thumb .mw-thumb-edit,.model-card .mc-photo-edit,.model-card .mc-remove{opacity:1}.model-card .mc-remove{background:#26263f99}.model-card .mc-photo-edit{background:#26263f99}
 #ai-video-minimax-panel>div[style*="grid-template-columns:1fr 1fr"],#ai-video-wan-panel>div[style*="grid-template-columns:1fr 1fr"],#ai-video-matrixlab-panel>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.md-link-row{flex-wrap:wrap}.md-link-row input{flex-basis:40%}}
@media(max-width:560px){.shell-topbar{padding:0 16px;gap:10px}.shell-left{gap:9px}.shell-workspace-badge{display:none}.shell-divider{display:none}#studio-location{font-size:14px}.shell-right{gap:10px}.sync-indicator{font-size:0;gap:0}.sync-dot{width:7px;height:7px}.sync-indicator:has(.err),.sync-indicator:has(.syncing){font-size:10px;max-width:70px;white-space:normal;gap:5px}.shell-search{display:none}.account-menu summary>i{display:none}.user-avatar{width:32px;height:32px}.account-popover{right:0;max-width:calc(100vw - 32px)}.content{padding:24px 16px 40px}.studio-page-head{gap:18px;margin-bottom:22px}.studio-page-title{font-size:25px!important;letter-spacing:-.7px}.studio-page-subtitle{font-size:13px!important}.studio-page-actions{width:100%;justify-content:space-between}.studio-page-actions .cc-period-label{font-size:11px!important;padding:0 5px}.studio-eyebrow{font-size:9px}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.dash-stat{padding:14px 12px;gap:5px}.dash-stat .ds-val{font-size:25px}.dash-stat .ds-label{font-size:11px}.ds-icon{height:26px;width:26px;font-size:15px}.dash-review-banner{padding:16px;gap:14px}.dash-review-banner>div{align-items:flex-start!important}.dash-review-banner .btn-pri{width:100%;padding:10px!important}.dash-section-title{font-size:16px;align-items:flex-start;margin-top:28px}.dash-section-title>span:last-child{gap:6px!important}.dash-add-btn{font-size:12px;padding:8px 11px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.model-card .mc-photo{aspect-ratio:4/3;max-height:140px}.model-card .mc-name{padding:12px 12px 3px;font-size:16px}.model-card .mc-niches{padding:3px 12px}.model-card .mc-stats{padding:8px 12px 14px}.model-card .gauge-grid{gap:9px;justify-content:center}.model-card .gauge-wrap{min-width:42px}.model-card .gauge{width:42px!important;height:42px!important}.model-card .gauge svg{width:42px;height:42px}.gauge-label{font-size:11px}.gauge-cap{font-size:10px}.model-card .gauge-inp{min-width:38px;width:38px;min-height:30px}.model-card .mc-stats>div:last-child{font-size:11px!important}.dash-emp-card{padding:18px}.dash-emp-grid{grid-template-columns:1fr}.mw-card,.cc-card{padding:16px}.mw-grid,.cc-grid{grid-template-columns:minmax(0,1fr);gap:12px}.cx-card{grid-template-columns:56px minmax(0,1fr);gap:12px}.cx-card .mw-thumb{width:56px}.cx-card:has(.mw-thumb img){grid-template-columns:64px minmax(0,1fr)}.cx-card:has(.mw-thumb img) .mw-thumb{width:64px}.mw-actions button{min-height:40px}.mw-fmt{font-size:10px}.mw-meta{font-size:12px}.cc-card .mw-thumb{width:52px;flex-basis:52px}.cc-card .mw-body>div:last-child input{flex:1 1 65px;width:65px!important}.cc-card .mw-body>div:last-child button{min-width:36px}.cc-card .mw-body>div:last-child .pc-delete-btn{margin-left:0!important}.cr-filter-bar{padding:12px;gap:8px}.cr-filter-bar select{flex:1 1 120px;min-width:0;max-width:100%;min-height:40px}.cr-filter-bar .cf-label{width:100%}.cr-subtab-btn{min-height:40px}.mw-gauges{gap:10px}.mw-gauge{padding:12px}.mw-chip,.fmt-tab{min-height:40px;padding:8px 13px}.rq-item{padding:16px;gap:12px}.rq-thumb{flex-basis:44px;width:44px}.rq-item input{width:100%;min-width:0!important;flex-basis:100%!important}.rq-item .approve-btn,.rq-item .decline-btn{min-height:40px}.empty-state,.studio-state{padding:30px 18px;font-size:13px}.modal-bg{padding:12px 8px}.modal-box{padding:22px 18px;border-radius:16px;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;width:min(100%,560px)}.modal-title{font-size:18px}.modal-input,.modal-box input:not([type="checkbox"]):not([type="range"]):not([type="file"]),.modal-box select,.modal-box textarea{font-size:16px!important;min-height:44px}.modal-btns{position:sticky;bottom:-22px;background:var(--bg);padding:12px 0 4px;z-index:2}.modal-btns button{min-height:44px}.modal-box input[type="checkbox"]{width:18px;height:18px}.nr-label{font-size:11px}.paste-zone{min-height:100px}#nr-paste-zone{width:100%!important;aspect-ratio:auto;min-height:100px;max-height:160px}#nr-paste-zone img{object-fit:contain}#newreq-modal .modal-box>div[style*="gap:16px"]{gap:12px!important}.ag-toolbar-actions{width:100%;gap:8px}.ag-btn,.cc-today-btn{min-height:40px}.ag-toolbar-actions .primary{flex-grow:1}.ag-model-strip{flex-wrap:wrap}.ag-model-btn{font-size:12px!important}.car-main{padding:16px}.car-card{padding:18px}.car-controls{gap:12px}.car-ctrl{width:100%}.car-toggle{width:100%}.car-toggle-btn{flex:1;min-width:0}.car-dropzone{padding:24px 16px}.car-pack-grid{gap:10px}.car-pipeline{gap:14px}.aut-btn{min-height:40px}.aut-title{font-size:22px}#ai-output{min-height:180px!important}#ai-output+div>div:first-child{padding:12px!important}#ai-prompt{font-size:16px!important}#ai-video-model-switch button{font-size:12px!important;flex-basis:75px;padding:10px 6px!important}#ai-model-switch button{font-size:13px!important;padding:10px 22px!important}.ai-pop-wrap>button{min-height:42px}#ai-image-mode>div:first-child{margin-bottom:16px!important}.stats-grid{gap:10px}.two-col{grid-template-columns:1fr}.day-nav{gap:6px}.day-btn,.biz-btn{min-height:40px}.model-card .mc-photo-edit{width:30px;height:30px}.model-card .mc-remove{width:28px;height:28px}.content .acc-input{font-size:16px}.content td .pill-btn{min-height:40px}.content td>*{max-width:100%}.dash-team-head>span:last-child{max-width:100%}#home-page{padding:60px 20px 32px;gap:28px}#role-section{padding:26px 24px}.studio-toast{bottom:16px;width:max-content;text-align:center}}
@media(max-width:360px){.content{padding:22px 12px 36px}.studio-page-actions{flex-wrap:wrap}.model-grid{grid-template-columns:1fr}.model-card .mc-photo{aspect-ratio:16/7}.model-card .gauge-grid{justify-content:space-around}.model-card .gauge{width:52px!important;height:52px!important}.model-card .gauge svg{width:52px;height:52px}.cx-card{grid-template-columns:1fr}.cx-card .mw-thumb{display:none}.cx-card:has(.mw-thumb img){grid-template-columns:56px minmax(0,1fr)}.cx-card:has(.mw-thumb img) .mw-thumb{display:flex;width:56px}.cx-card .cx-info{grid-column:auto}.cc-card{gap:10px;padding:12px}.cc-card .mw-thumb{flex-basis:40px;width:40px}.ag-grid{grid-template-columns:1fr}.dash-stat{padding:12px 10px}.ds-icon{width:24px;height:24px}.dash-stat .ds-label{font-size:10.5px}.dash-emp-card{padding:14px}.modal-box{padding:22px 14px}.cc-period-label{padding:0 5px!important}.cc-nav-btn{min-width:30px}.shell-topbar{padding:0 12px}}
.studio-mark::before,.home-logo-icon::before{content:'N';font-size:23px;font-weight:800;letter-spacing:-2px;margin-left:-2px}.studio-mark>i,.home-logo-icon>i{display:none}.home-logo-icon::before{font-size:32px}
.cr-toolbar,.fc-toolbar{margin-bottom:24px;gap:16px;align-items:center;flex-wrap:wrap}.cr-add-btn{min-height:40px;padding:9px 16px;border-radius:9px;font-size:13px;background:var(--p600);color:#fff}.cr-add-btn:hover{background:var(--p800)}.task-summary{font-size:13px;line-height:1.6;color:var(--text2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.task-open-hint{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--p600);font-weight:600;margin-top:4px}.dash-section-title button i{color:inherit}
#ai-image-mode>div:has(#ai-history-grid)>div:first-child{gap:12px;flex-wrap:wrap}#ai-image-mode>div:has(#ai-history-grid)>div:first-child>div{flex-wrap:wrap;gap:8px!important}#ai-history-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))!important}#ai-history-grid .studio-state{margin-top:10px}
#cr-subtab-research>.md-section{background:var(--bg);border:1px solid var(--border);padding:22px;border-radius:14px;margin-top:18px}.cr-subtabs{margin-bottom:24px!important}#cr-research-sliders>div{background:var(--bg2);border-radius:10px;padding:14px}#cr-research-sliders input[type=range]{min-height:30px;accent-color:var(--p600)!important}#tab-activity>div:first-child{gap:14px;flex-wrap:wrap}.rename-overlay{position:fixed;inset:0;padding:16px;z-index:600;background:#16172866}.rename-overlay .modal-box{width:340px}.ag-title-intro{margin-bottom:22px}.car-title-intro{padding:24px 28px 0}.dm .studio-eyebrow,.dm .task-open-hint{color:var(--p800)}
@media(max-width:560px){#cr-subtab-research>.md-section{padding:16px}#cr-research-sliders{grid-template-columns:1fr!important}#cr-subtab-research .md-section>div:has(#cr-research-extra-input){flex-wrap:wrap}#cr-research-extra-input{flex-basis:100%!important}#tab-ai-studio>div:first-child>div:last-child{flex-wrap:wrap}.studio-page-title{line-height:1.3!important}.cr-toolbar>div:last-child{flex-wrap:wrap}.mw-gauges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.mw-gauge{padding:10px 4px 4px;min-width:0}.mw-gauge svg{max-width:100%;height:auto}.car-title-intro{padding:20px 16px 0}}
/* Final control polish: a consistent finish without changing layout or actions. */
:root {
  --control-radius: 10px;
  --control-shadow: 0 1px 2px #25263d08, inset 0 1px 0 #ffffffb3;
  --action-shadow: 0 3px 7px #5139a91a, inset 0 1px 0 #ffffff26;
}
.dm {
  --control-shadow: 0 1px 2px #0000001a, inset 0 1px 0 #ffffff06;
  --action-shadow: 0 3px 9px #00000026, inset 0 1px 0 #ffffff1a;
}
:is(.btn-pri,.btn-sec,.ibtn,.dash-add-btn,.cr-add-btn,.mw-btn,.ag-btn,.aut-btn,.car-start-btn,.car-sb-new,.drill-back,.approve-btn,.decline-btn,.post-btn) {
  border-radius: var(--control-radius);
  font-weight: 600;
  letter-spacing: -.1px;
  transition: background-color .16s, border-color .16s, box-shadow .16s, transform .16s;
}
:is(.btn-pri,.dash-add-btn,.cr-add-btn,.mw-btn.submit,.mw-btn.claim,.ag-btn.primary,.aut-btn,.car-start-btn,.car-sb-new,.approve-btn,.post-btn) {
  background-image: linear-gradient(180deg,#ffffff0f,#00000005) !important;
  border: 1px solid #00000008;
  border-top-color: #ffffff1f;
  box-shadow: var(--action-shadow);
}
:is(.btn-sec,.ibtn,.ag-btn.ghost,.drill-back,.add-acc-btn,.cc-today-btn) {
  border: 1px solid var(--border2);
  background: var(--bg);
  color: var(--text2);
  box-shadow: var(--control-shadow);
}
:is(.btn-pri,.btn-sec,.ibtn,.dash-add-btn,.cr-add-btn,.mw-btn,.ag-btn,.aut-btn,.car-start-btn,.car-sb-new,.drill-back) > .ti {
  font-size: 15px !important;
  flex-shrink: 0;
  line-height: 1;
}
:is(.icon-action-btn,.crc-prio,.priority-btn,.pc-delete-btn,.modal-dismiss) {
  border-radius: 9px;
  transition: background-color .16s, color .16s, box-shadow .16s;
}
.icon-action-btn { background: var(--bg2); color: var(--text2); border: 1px solid var(--border); }
.icon-action-btn:has(.ti-trash) { color: var(--r600); }
.crc-prio { color: var(--text3); background: var(--bg2); border-color: var(--border); }
.crc-prio.on { color: var(--a600); background: var(--a50); border-color: var(--a200); }
.mw-btn.ghost { background: var(--bg2); border: 1px solid var(--border); color: var(--text2); }
.mw-btn.drop,.pc-delete-btn { border: 1px solid transparent; }
.account-popover { padding: 7px; box-shadow: 0 12px 38px #25263d14,0 2px 6px #25263d08; }
.account-popover .ibtn { box-shadow: none; border-color: transparent; }
.cr-subtabs,.mw-chips,.fmt-tabs {
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  gap: 4px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg3);
}
.cr-subtabs { flex-wrap: wrap; }
.cr-subtab-btn,.mw-chip,.fmt-tab {
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  font-weight: 500;
  box-shadow: none;
}
.cr-subtab-btn.active,.mw-chip.active,.fmt-tab.active {
  background: var(--bg);
  color: var(--p800);
  border-color: var(--border);
  font-weight: 650;
  box-shadow: 0 1px 4px #25263d0b;
}
.car-pill { border-radius: 9px; border-width: 1px; }
.car-pill.active { background: var(--p50); color: var(--p800); border-color: var(--p200); }
.cr-status-badge,.mw-tag,.asgn-badge { border-radius: 6px; letter-spacing: .05px; }
.mw-tag { padding: 3px 8px; }
:is(.modal-input,.modal-select,.md-textarea,.crc-input,.crc-notes) {
  border-color: var(--border2);
  box-shadow: inset 0 1px 2px #25263d03;
  transition: border-color .16s, box-shadow .16s, background-color .16s;
}
:is(.modal-input,.modal-select,.md-textarea,.crc-input,.crc-notes):focus {
  border-color: var(--p600);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--p600) 10%,transparent);
}
.cr-filter-bar select,.cc-edit-sel { border-color: var(--border); border-radius: 8px; }
.dash-stat,.dash-emp-card,.mw-card,.cc-card { box-shadow: 0 2px 9px #25263d03; }
.dm .dash-stat,.dm .dash-emp-card,.dm .mw-card,.dm .cc-card { box-shadow: 0 2px 9px #0000000d; }
button:disabled { cursor: not-allowed; box-shadow: none; transform: none; }
@media(hover:hover) {
  :is(.btn-pri,.dash-add-btn,.cr-add-btn,.mw-btn.submit,.mw-btn.claim,.ag-btn.primary,.aut-btn,.car-start-btn,.car-sb-new,.approve-btn,.post-btn):hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 5px 12px #5139a926,inset 0 1px 0 #ffffff26;
    filter: none;
  }
  :is(.btn-sec,.ibtn,.ag-btn.ghost,.drill-back,.add-acc-btn,.cc-today-btn):hover:not(:disabled) {
    border-color: var(--p200);
    background: var(--bg);
    color: var(--p800);
    box-shadow: 0 2px 7px #5139a909;
  }
  .icon-action-btn:hover,.modal-dismiss:hover { background: var(--p50); color: var(--p800); }
  .icon-action-btn:has(.ti-trash):hover,.mw-btn.drop:hover,.pc-delete-btn:hover { background: var(--r50); border-color: var(--r200); color: var(--r600); }
  .mw-chip:not(.active):hover,.fmt-tab:not(.active):hover,.cr-subtab-btn:not(.active):hover { background: color-mix(in srgb,var(--bg) 65%,transparent); color: var(--text); }
}
:is(.btn-pri,.btn-sec,.ibtn,.dash-add-btn,.cr-add-btn,.mw-btn,.ag-btn,.aut-btn,.car-start-btn,.car-sb-new):active:not(:disabled) {
  transform: translateY(0);
  box-shadow: inset 0 2px 3px #25263d12;
}
@media(max-width:560px) {
  .cr-subtabs,.mw-chips,.fmt-tabs { gap: 2px; padding: 3px; }
  .mw-chip,.fmt-tab,.cr-subtab-btn { padding-left: 11px; padding-right: 11px; }
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:reduce){button:hover,button:active{transform:none!important}}

/* Studio identity: quiet surfaces, a dark navigation rail and a clear action hierarchy. */
:root {
  --action-bg: #252d26;
  --action-fg: #fff;
  --control-shadow: 0 1px 2px #20232108, inset 0 1px 0 #ffffff80;
  --action-shadow: 0 2px 3px #17201814, inset 0 1px 0 #ffffff18;
}
.dm { --action-bg: #e1edcb; --action-fg: #20291a; --control-shadow: 0 1px 2px #00000014; }
body { background: var(--bg2); }
::selection { background: #d6e9b7; color: #20291a; }
.shell-topbar { background: var(--bg2); border-bottom-color: var(--border); }
.shell-search { border: 1px solid var(--border)!important; background: var(--bg)!important; border-radius: 100px; padding-inline: 16px; }
.user-avatar { background: var(--bg3); color: var(--text); border: 1px solid var(--border); }
#app-navigation { background: #1d231f; border-color: #303831; color: #f1f4ed; padding-inline: 16px; }
.studio-brand { margin-bottom: 18px; gap: 11px; }
.studio-brand strong { font-size: 20px; letter-spacing: -.8px; }
.studio-brand small { color: #a3afa0; letter-spacing: 1.2px; font-size: 8px; }
.studio-mark,.home-logo-icon { background: #d9ebba; color: #25351b; box-shadow: inset 0 1px 0 #ffffff80; border-radius: 11px; }
.workspace-picker { padding-bottom: 22px; margin-bottom: 18px; border-bottom: 1px solid #ffffff12; }
.workspace-picker label { color: #a9b3a5; font-size: 10px; }
.workspace-picker select { background: #2a322c; color: #f0f3eb; border-color: #414b3e; border-radius: 10px; color-scheme: dark; min-height: 44px; }
#app-navigation .tab { color: #bfc8bb; min-height: 43px; padding: 11px 12px; border-radius: 9px; font-size: 13px; }
#app-navigation .tab>i { color: #a2afa0; }
#app-navigation .tab:hover { background: #ffffff0a; color: #fff; }
#app-navigation .tab.active { background: #d9ebba; color: #26371c; box-shadow: 0 2px 3px #0000000d; }
#app-navigation .tab.active>i { color: #3f572d; }
#app-navigation .nav-close { background: #303a31; border-color: #465142; color: #e3ecdc; }
.studio-nav-footer { border-top: 1px solid #ffffff12; padding: 20px 10px; margin-top: auto; color: #9fac99; }
.studio-nav-footer strong { color: #cfdac8; font-weight: 500; }
.studio-footer-icon { color: #d9ebba; }
.studio-page-title { font-size: clamp(26px,2.4vw,34px)!important; font-weight: 650!important; letter-spacing: -1.1px; }
.studio-page-subtitle { max-width: 580px; }
.studio-eyebrow { font-size: 10px; letter-spacing: 1.6px; }
.studio-overview {
  position: relative;
  isolation: isolate;
  padding: 32px;
  min-height: 198px;
  gap: 24px;
  border: 1px solid #3c4937;
  border-radius: 20px;
  background: linear-gradient(115deg,#252e27 45%,#354630);
  color: #f4f7ed;
  box-shadow: 0 8px 22px #1b28100a;
}
.studio-overview::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: repeating-linear-gradient(125deg,transparent 0 64px,#e0f3bf07 65px 66px,transparent 67px 130px);
  pointer-events: none;
}
.studio-overview>div:first-child { flex: 1 1 410px; }
.studio-overview .studio-page-title { font-size: clamp(28px,2.6vw,38px)!important; letter-spacing: -1.25px; color: #f4f7ed; margin-bottom: 10px; }
.studio-overview .studio-eyebrow { color: #d9ebba; margin-bottom: 12px; }
.studio-overview .studio-page-subtitle { color: #c0ccb9; }
.studio-overview .studio-page-actions { gap: 10px; }
.studio-overview .cc-nav { background: #ffffff0a; border-color: #75836b; }
.studio-overview .cc-period-label,.studio-overview .cc-nav-btn { color: #f0f5e7; }
.studio-overview .cc-nav-btn { border-color: #75836b; min-height: 42px; }
.studio-overview .cc-nav-btn:hover { background: #ffffff16; }
.studio-overview .cc-today-btn { background: #ffffff0a; color: #f0f5e7; border-color: #75836b; }
:is(.btn-pri,.cr-add-btn,.car-start-btn,.car-sb-new) {
  background: var(--action-bg);
  color: var(--action-fg);
  border-color: transparent;
  font-weight: 600;
  padding-inline: 18px;
}
:is(.btn-pri,.cr-add-btn,.car-start-btn,.car-sb-new):hover:not(:disabled) { background: var(--action-bg); color: var(--action-fg); }
.studio-overview .btn-pri { background: #d9ebba; color: #26371c; min-height: 44px; }
.studio-overview .btn-pri:hover { background: #e7f5d0; color: #26371c; }
.dash-section-title { font-size: 17px; letter-spacing: -.35px; margin-top: 32px; }
.dash-section-title .dash-add-btn { background: var(--bg); color: var(--text); border: 1px solid var(--border2); box-shadow: var(--control-shadow); }
.dash-review-banner { background: var(--bg); border-color: var(--border); border-left: 3px solid var(--p600); border-radius: 12px; padding: 17px 20px; box-shadow: var(--surface-shadow); }
.dash-review-banner .btn-pri { background: var(--p50); color: var(--p800); box-shadow: none; border-color: var(--p200); }
.dash-stats { gap: 0; border: 1px solid var(--border); background: var(--bg); border-radius: 16px; overflow: hidden; box-shadow: var(--surface-shadow); }
.dash-stat,.dm .dash-stat { padding: 20px; border: 0; border-right: 1px solid var(--border); border-radius: 0; background: transparent; box-shadow: none; }
.dash-stat:last-child { border-right: 0; }
.dash-stat .ds-val { font-size: 32px; letter-spacing: -1.2px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dash-stat .ds-label { color: var(--text2); font-size: 12px; }
.ds-icon { border-radius: 8px; }
.model-card,.dash-emp-card,.mw-card,.cc-card,.rq-item,.stat-card { border: 1px solid var(--border); box-shadow: var(--surface-shadow); border-radius: 16px; }
.model-card { transition: border-color .18s,box-shadow .18s; }
.model-card .mc-photo {
  aspect-ratio: 2.4;
  max-height: 152px;
  background: repeating-linear-gradient(130deg,transparent 0 30px,#ffffff30 31px 32px,transparent 33px 64px),#e6ebdf;
  color: #60714e;
  border-bottom: 1px solid var(--border);
}
.model-card:nth-child(3n+2) .mc-photo { background-color: #e8e5ef; color: #796e91; }
.model-card:nth-child(3n+3) .mc-photo { background-color: #e9e5dc; color: #827557; }
.dm .model-card .mc-photo { background-color: #303c2c; background-image: repeating-linear-gradient(130deg,transparent 0 30px,#ffffff06 31px 32px,transparent 33px 64px); color: #bdcda7; }
.dm .model-card:nth-child(3n+2) .mc-photo { background-color: #38323f; color: #c8b8da; }
.dm .model-card:nth-child(3n+3) .mc-photo { background-color: #3b382c; color: #d0c4a0; }
.model-card .mc-photo>span { opacity: 1!important; font-size: 30px!important; font-weight: 500!important; letter-spacing: -1px; }
.model-card .mc-name { font-size: 19px; font-weight: 650; padding-top: 18px; }
.model-card .mc-stats { padding-top: 10px; }
.model-card .gauge-inp { background: var(--bg2); border-color: var(--border); }
.mw-card .mw-actions { padding-top: 10px; border-top: 1px solid var(--border); }
.task-open-hint { margin-top: 7px; font-size: 12px; }
.mw-thumb { border: 1px solid var(--border); }
.cr-filter-bar { padding: 14px 16px; background: transparent; border-color: var(--border); }
.cr-subtabs,.mw-chips,.fmt-tabs { border-color: transparent; background: var(--bg3); border-radius: 12px; }
.cr-subtab-btn.active,.mw-chip.active,.fmt-tab.active { color: var(--text); box-shadow: 0 1px 4px #20232110; }
:is(.modal-input,.modal-select,.md-textarea,.crc-input,.crc-notes) { background: var(--bg2); border-color: var(--border); border-radius: 10px; }
.modal-box { border-radius: 20px; box-shadow: 0 30px 90px #101b1733; }
.modal-title { font-size: 22px; letter-spacing: -.6px; }
.modal-sub { max-width: 58ch; }
.modal-dismiss { border-radius: 50%; }
.empty-state,.studio-state { background: var(--bg); border-style: solid; border-color: var(--border); border-radius: 16px; }
.empty-state i,.studio-state>i { background: var(--bg2); color: var(--text2); border: 1px solid var(--border); border-radius: 50%; }
.studio-state.error>i { background: var(--r50); color: var(--r600); }
.studio-ai-intro { padding-block: 8px 20px; gap: 18px!important; }
#ai-standard-composer { display: flex; flex-direction: column; }
#ai-generate-btn { background: var(--action-bg)!important; color: var(--action-fg)!important; box-shadow: var(--action-shadow)!important; border-radius: 10px!important; min-height: 44px; }
#qwen3-edit-panel { background: var(--bg); padding: 22px; border: 1px solid var(--border); border-radius: 18px; }
#qw3-prompt { background: var(--bg2)!important; padding: 14px!important; line-height: 1.6; }
#ai-output { border-radius: 18px!important; background: var(--bg)!important; }
#ai-output+div>div:first-child { border-radius: 18px!important; box-shadow: 0 4px 20px #20232108!important; padding: 20px!important; }
#ai-prompt { border: 1px solid var(--border)!important; padding: 16px!important; min-height: 104px!important; border-radius: 12px!important; line-height: 1.6; }
.car-dropzone { border-radius: 14px; border-color: var(--border2); }
.ag-cell { border-radius: 14px; }
.ag-cell.today { border-color: var(--p200); }
.aut-table th { padding-block: 16px; background: var(--bg2); letter-spacing: .6px; }
#home-page { background: radial-gradient(ellipse at 50% 10%,#dae7c650,transparent 65%),var(--bg2); }
.home-logo-title { letter-spacing: -1px; }
#role-section { border-radius: 24px; box-shadow: 0 20px 70px #2637190a; }
.login-heading h1 { font-size: 28px; font-weight: 650; }
.login-form .btn-pri { margin-top: 12px; }
@media(hover:hover) {
  .model-card:hover,.mw-card:hover { border-color: var(--border2); box-shadow: 0 6px 20px #2023210b; }
  :is(.btn-pri,.cr-add-btn,.car-start-btn,.car-sb-new):hover:not(:disabled) { box-shadow: 0 4px 10px #1b281027,inset 0 1px 0 #ffffff26; }
}
@media(max-width:1250px) {
  .studio-overview { padding: 28px; }
  .dash-stat:nth-child(3n) { border-right: 0; }
  .dash-stat:nth-child(-n+3) { border-bottom: 1px solid var(--border); }
  .dash-stat .ds-val { font-size: 28px; }
}
@media(max-width:960px) {
  #app-navigation .studio-brand { gap: 8px; }
  #app-navigation .studio-brand strong { font-size: 18px; }
}
@media(max-width:560px) {
  .studio-overview { padding: 22px 18px; border-radius: 16px; gap: 22px; min-height: 0; }
  .studio-overview>div:first-child { flex-basis: 100%; }
  .studio-overview .studio-page-title { font-size: 29px!important; line-height: 1.15!important; max-width: 290px; }
  .studio-overview .studio-page-subtitle { font-size: 13px!important; }
  .studio-overview .studio-page-actions { width: 100%; flex-wrap: wrap; }
  .studio-overview .cc-nav { width: 100%; justify-content: space-between; }
  .studio-overview .cc-nav-btn { min-width: 44px; }
  .studio-overview .btn-pri { width: 100%; }
  .dash-stat { padding: 16px; }
  .dash-stat:nth-child(3n) { border-right: 1px solid var(--border); }
  .dash-stat:nth-child(2n) { border-right: 0; }
  .dash-stat:nth-child(-n+4) { border-bottom: 1px solid var(--border); }
  .dash-stat .ds-label { font-size: 12px; }
  .dash-review-banner { padding: 16px; }
  .dash-section-title { font-size: 16px; }
  .studio-ai-intro { padding-block: 0 12px; }
  #ai-output+div>div:first-child { padding: 12px!important; }
  #qwen3-edit-panel { padding: 16px; }
  #ai-prompt { min-height: 96px!important; padding: 12px!important; }
  .model-card .mc-name { padding-inline: 14px; }
  .model-card .mc-stats { padding-inline: 14px; }
  .modal-title { font-size: 20px; }
}

/* Editing: a task owns one full-width sequential checklist. */
#ed-root { min-width:0; }
.ed-task { min-width:0; background:var(--bg); border:1px solid var(--border2); border-radius:16px; overflow:hidden; box-shadow:var(--surface-shadow); }
.ed-task-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 24px 18px; }
.ed-task-heading { min-width:0; }
.ed-eyebrow { color:var(--text3); font-size:10px; font-weight:700; letter-spacing:.9px; text-transform:uppercase; margin-bottom:6px; }
.ed-task h3 { color:var(--text); font-size:18px; line-height:1.4; margin:0 0 6px; overflow-wrap:anywhere; }
.ed-recipe { color:var(--text2); font-size:12px; display:flex; gap:6px; align-items:center; }
.ed-task-tools { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.ed-source,.ed-variant-link { color:var(--b600); text-decoration:none; font-weight:600; display:inline-flex; gap:6px; align-items:center; font-size:12px; }
.ed-disclosure { border:1px solid var(--border); border-radius:8px; background:var(--bg2); color:var(--text2); min-width:36px; min-height:36px; cursor:pointer; }
.ed-progress { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:0 24px 18px; border-bottom:1px solid var(--border); }
.ed-progress-track { margin-left:auto; width:150px; height:5px; border-radius:6px; background:var(--border); overflow:hidden; }
.ed-progress-track>span { display:block; background:var(--g600); height:100%; }
.ed-task-body { padding:20px 24px; }
.ed-caption { margin:0 0 18px; color:var(--text2); font-size:13px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.ed-checklist { display:flex; flex-direction:column; gap:10px; }
.ed-step { min-width:0; padding:16px; border:1px solid var(--border); border-left:3px solid var(--border2); border-radius:10px; background:var(--bg); }
.ed-step.pending { border-left-color:var(--b600); }
.ed-step.approved { border-left-color:var(--g600); }
.ed-step.rejected { border-left-color:var(--r600); background:var(--r50); }
.ed-step-heading { display:flex; align-items:flex-start; gap:12px; }
.ed-step-number { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border-radius:50%; background:var(--bg2); border:1px solid var(--border); color:var(--text2); font-size:12px; font-weight:700; }
.approved .ed-step-number { color:var(--g600); background:var(--g50); border-color:var(--g600); }
.ed-step-title { flex:1; min-width:0; color:var(--text); font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.ed-major,.ed-extra { display:inline-block; font-size:9px; line-height:1.6; padding:2px 6px; border-radius:4px; font-weight:700; vertical-align:middle; margin-left:5px; }
.ed-major { background:var(--a50); color:var(--a600); border:1px solid var(--a200); letter-spacing:.4px; }
.is-major .ed-step-title { font-weight:600; }
.ed-extra { background:var(--bg2); color:var(--text3); }
.ed-status { font-size:11px; font-weight:600; display:inline-flex; align-items:center; gap:5px; border-radius:6px; padding:4px 8px; white-space:nowrap; }
.ed-status.idle { background:var(--bg2); color:var(--text3); }
.ed-status.pending { background:var(--b50); color:var(--b600); }
.ed-status.approved { background:var(--g50); color:var(--g600); }
.ed-status.rejected { background:var(--r50); color:var(--r600); }
.ed-submit-form { display:grid; grid-template-columns:minmax(0,1fr) 150px auto; align-items:end; gap:10px; margin:14px 0 0 40px; }
.ed-submit-form label { display:flex; flex-direction:column; gap:6px; color:var(--text2); font-size:11px; font-weight:600; min-width:0; }
.ed-submit-form .modal-input,.ed-submit-form .cc-edit-sel { width:100%; min-width:0; min-height:40px; margin:0; box-sizing:border-box; }
.ed-task .mw-btn { min-height:40px; white-space:nowrap; justify-content:center; }
.ed-variant-detail { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:10px 0 0 40px; }
.ed-intent { font-size:11px; color:var(--text2); background:var(--bg2); padding:4px 8px; border-radius:5px; }
.ed-posted { margin-left:auto; display:inline-flex; align-items:center; gap:6px; color:var(--text2); font-size:12px; cursor:pointer; min-height:32px; }
.ed-posted input { width:16px; height:16px; accent-color:var(--g600); }
.ed-review-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0 40px; }
.ed-review-note { margin:12px 0 0 40px; color:var(--r600); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.ed-queue { margin:10px 0 0 40px; color:var(--g600); font-size:11px; }
.ed-add-step { display:flex; align-items:center; gap:7px; border:1px dashed var(--border2); border-radius:8px; background:var(--bg2); color:var(--text2); padding:12px 16px; margin-top:14px; cursor:pointer; font:inherit; font-size:12px; width:100%; }
.ed-hint { color:var(--text3); font-size:12px; margin-top:16px; }
.ed-task :is(button,a,input,select):focus-visible { outline:2px solid var(--b600); outline-offset:3px; }
@media(max-width:900px) {
  .ed-task-header { align-items:flex-start; gap:16px; flex-wrap:wrap; }
  .ed-task-tools { justify-content:flex-start; }
  .ed-submit-form { grid-template-columns:minmax(0,1fr) 140px; }
  .ed-submit-form>.mw-btn { grid-column:1/-1; justify-self:end; }
}
@media(max-width:560px) {
  .ed-task-header { padding:18px 16px 14px; }
  .ed-task-heading,.ed-task-tools { width:100%; }
  .ed-disclosure { margin-left:auto; }
  .ed-task h3 { font-size:16px; }
  .ed-progress { padding:0 16px 14px; gap:6px; }
  .ed-progress-track { width:100%; margin:6px 0 0; }
  .ed-task-body { padding:14px 12px; }
  .ed-step { padding:12px; }
  .ed-step-heading { flex-wrap:wrap; gap:8px; }
  .ed-step-title { flex-basis:calc(100% - 36px); }
  .ed-step-heading>.ed-status { margin-left:36px; }
  .ed-submit-form { display:flex; flex-direction:column; align-items:stretch; margin-left:0; }
  .ed-task .mw-btn,.ed-disclosure { min-height:44px; }
  .ed-variant-detail,.ed-review-actions,.ed-review-note,.ed-queue { margin-left:0; }
  .ed-review-actions>.mw-btn { flex:1; }
}