/* Responsive extension: retain the graphite / yellow DiZeLiST desktop identity. */
.app-shell{min-width:0;height:100dvh}.title-space{height:38px;padding:13px 24px 0;-webkit-app-region:no-drag}.network-pill{font-size:8px;letter-spacing:1.6px;color:#bcc4b7}.drag-titlebar{-webkit-app-region:no-drag}.brand{padding-top:16px;padding-bottom:22px}.sidebar-bottom{padding-top:5px;padding-bottom:12px}.account-row{display:flex;align-items:center;padding:10px 8px 1px;gap:10px}.account-row button{background:none;color:#e3e8dd;text-align:left}.account-row button:first-child{flex:1;min-width:0}.account-row strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-row span{display:block;font-size:10px;color:#9fac95;margin-top:4px}.account-row button:last-child{font-size:21px;padding:8px}.storage-note{padding-top:10px}.sidebar-shade,.mobile-menu{display:none}.link-button{text-decoration:none;display:inline-block;text-align:center}.camera-button{display:none}.remote-banner{background:#fff0ae;padding:11px 28px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}.remote-banner button{background:#242a1e;color:#fff;border-radius:4px;padding:8px 12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.metrics div{background:#f3f5ec;padding:17px;border:1px solid #e0e4d5;border-radius:6px}.metrics small{display:block;color:#66715b;font-size:11px}.metrics strong{display:block;margin-top:8px;font-size:25px}.checkbox-label{display:flex;align-items:center;gap:10px}.checkbox-label input{width:20px;height:20px}.conflict-row{padding:12px 0 20px;border-bottom:1px solid #dde2d6}.conflict-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}.conflict-values div{min-width:0}.conflict-values small{color:#727c64}.conflict-values pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4ec;padding:12px;font:12px/1.6 inherit;max-height:200px;overflow:auto}.conflict-row select{margin-top:9px}.busy-panel{max-width:90vw;text-align:center}.busy-panel strong{line-height:1.5}.stage-scroll{overscroll-behavior:contain}.modal-actions{flex-wrap:wrap}.settings-tabs{overflow:auto}.settings-tabs button{white-space:nowrap}.settingsPanel .primary{margin-top:15px}.login-view{min-height:100dvh;display:grid;grid-template-columns:1.2fr 1fr;background:#f4f4ef}.login-brand{background:#1b1e1d;padding:clamp(40px,7vw,120px);display:flex;justify-content:center;flex-direction:column;color:#fff}.login-brand .eyebrow{color:#9ba48f;line-height:1.8}.login-brand h1{font-size:clamp(50px,6vw,90px);letter-spacing:-3px;margin:24px 0 26px}.login-brand h1 span{font-size:12px;letter-spacing:2px;color:#f0d443;display:block;margin:12px 0 0 4px}.login-brand p{font-size:clamp(22px,2.5vw,38px);letter-spacing:-.6px;line-height:1.5;color:#edf0e7}.login-lines{border-top:1px solid #3b4234;border-bottom:1px solid #3b4234;padding:20px 0;margin-top:30px;display:flex;gap:25px;flex-wrap:wrap;font-size:10px;color:#b9c4ab;letter-spacing:1px}.login-brand small{margin-top:30px;font-size:11px;color:#8a9780}.login-card{max-width:500px;width:100%;padding:50px;margin:auto}.login-card h2{font-size:30px;letter-spacing:-1px;margin:0 0 14px}.login-card>p{color:#758069;font-size:14px;line-height:1.7;margin-bottom:32px}.login-card .primary{width:100%;margin-top:12px;font-size:14px;padding:15px}.login-card>small{display:block;margin-top:24px;font-size:11px;color:#7c8773}.login-card input{height:49px;font-size:16px}.login-card .error-inline:empty{display:none}.login-card .error-inline{color:#9d3b30}.login-view .eyebrow{letter-spacing:1.8px}.toast{max-width:calc(100vw - 40px)}
@media(max-width:1200px){.sidebar{width:248px}.header-title h1{max-width:280px;font-size:26px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.order-header{gap:14px}.workflow{overflow-x:auto;padding:0 22px}.workflow .step{flex:none;padding:15px 13px;font-size:11px}.workflow .step:first-child{flex:none;padding-left:0}.workflow .step:last-child{flex:none}.header-actions .primary{padding:10px 12px;font-size:12px}.attachment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dropzone{flex-wrap:wrap}.drop-text{flex:1}.dropzone .secondary{font-size:12px}.login-brand{padding:50px}.login-card{padding:35px}}
@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:80;width:292px;max-width:86vw;transform:translateX(-100%);transition:transform .18s;height:100dvh}.sidebar-open .sidebar{transform:none}.sidebar-open .sidebar-shade{display:block;position:fixed;inset:0;z-index:75;background:#11191070;width:100%;height:100%}.mobile-menu{display:block;background:transparent;color:#293121;font-size:13px;padding:8px 0}.drag-titlebar{padding:0 20px;height:52px}.desktop-eyebrow{display:none}.toast{left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:max-content}.header-title h1{max-width:65vw}.order-header{padding:20px 22px}.workflow{padding:0 22px}.stage-scroll{padding:22px}.order-header .subheading{overflow-wrap:anywhere}.login-view{grid-template-columns:1fr 1fr}.login-brand{padding:35px}.login-brand h1{font-size:53px}.login-brand p{font-size:26px}.login-lines{gap:15px}.login-card{padding:28px}.welcome{padding:32px}.camera-button{display:inline-block}.welcome h1{font-size:45px}.welcome .actions{flex-wrap:wrap}}
@media(max-width:600px){.login-view{display:flex;flex-direction:column;min-height:100dvh}.login-brand{padding:32px 27px 25px;min-height:0}.login-brand .eyebrow{font-size:8px;margin:0}.login-brand h1{font-size:50px;letter-spacing:-2px;margin:16px 0 0}.login-brand h1 span{display:inline-block;font-size:9px;margin:0 0 0 12px}.login-brand p{font-size:21px;line-height:1.5;margin:17px 0 0}.login-lines,.login-brand small{display:none}.login-card{padding:32px 27px;margin:0 auto}.login-card h2{font-size:27px}.login-card>p{font-size:13px;margin-bottom:25px}.order-header{display:block;padding:17px 16px 16px}.header-title h1{font-size:26px;max-width:77vw}.header-actions{display:flex;justify-content:flex-start;margin-top:14px;padding-top:0;gap:8px}.status-select{flex:1;width:auto;min-width:120px;height:40px;font-size:12px}.header-actions .primary{height:40px;font-size:12px}.header-actions .secondary{height:40px}.workflow{padding:0 16px}.step{min-height:53px}.stage-scroll{padding:19px 12px 35px}.stage-heading{padding:0 4px;margin-bottom:16px}.stage-heading h2{font-size:22px}.stage-heading p{font-size:11px}.stage-count{font-size:9px;padding:7px}.card{padding:18px 16px;margin-bottom:14px;border-radius:8px}.card-head{align-items:flex-start;flex-wrap:wrap;gap:6px;margin-bottom:15px}.card-head h3{font-size:14px}.card-head .hint{font-size:10px}.form-grid,.form-grid.triple{grid-template-columns:1fr;gap:14px}.form-grid .field{margin:0}.field{margin-bottom:18px}.label-row{align-items:flex-start;gap:10px}.label-row label{font-size:12px;line-height:1.5;flex:1}.quick-manage{font-size:10px;white-space:nowrap;padding-top:3px}.quick-chips{gap:6px}.chip{font-size:11px;padding:8px 9px}.date-readonly{font-size:13px}input,select,textarea{font-size:16px}textarea{min-height:104px}.dropzone{padding:17px 12px;gap:11px;justify-content:flex-start}.upload-icon{width:36px;height:36px;font-size:22px}.drop-text strong{font-size:12px}.drop-text span{font-size:10px}.dropzone .secondary{flex:1;padding:11px 12px;min-width:120px;font-size:12px}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-preview{height:145px}.attachment-actions button{font-size:10px;padding:8px 6px}.file-title{font-size:11px}.file-details{font-size:9px}.caption-note{font-size:10px}.file-title{word-break:break-word}.stage-navigation{gap:12px;align-items:flex-start}.stage-navigation button{white-space:normal;font-size:11px}.approval-banner{flex-wrap:wrap}.approval-banner .secondary{margin-left:0}.lock-panel{padding:25px 18px}.lock-panel h2{font-size:24px}.lock-panel .primary{white-space:normal;line-height:1.4}.welcome{padding:28px 22px}.welcome h1{font-size:39px}.welcome p{font-size:13px}.welcome .actions{flex-direction:column;align-items:stretch}.welcome .eyebrow{font-size:8px;line-height:1.8}.save-indicator{font-size:10px}.drag-titlebar{padding:0 16px}.remote-banner{padding:10px 14px;font-size:11px}.toast{font-size:12px;max-width:calc(100vw - 24px);padding:12px 15px}dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:92dvh}.modal-head{padding:18px}.modal-head h2{font-size:19px;line-height:1.3}.modal-content{padding:19px 18px;max-height:65dvh}.modal-actions{padding:14px 18px;gap:8px}.modal-actions .primary,.modal-actions .secondary{font-size:12px}.quick-edit-row textarea,.quick-add textarea{font-size:16px}.quick-add{flex-direction:column}.quick-add .secondary{align-self:flex-end}.storage-buttons{grid-template-columns:1fr}.metrics{gap:9px}.metrics div{padding:13px}.metrics strong{font-size:22px}.conflict-values{grid-template-columns:1fr}.history-row{gap:10px}.history-row .secondary{padding:8px}.busy-panel{padding:26px 24px}.busy-panel strong{font-size:14px}.busy-panel span{font-size:11px;line-height:1.6}.viewer-image{max-height:55dvh}}
@media(max-width:600px){.dropzone{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center}.drop-text{grid-column:2;min-width:0}.dropzone .secondary{grid-column:1/-1;width:100%;min-width:0}.drop-text strong{line-height:1.4}.drop-text span{line-height:1.6}}