/* Menu CSX uses the shared Projects typography, surfaces and controls. */
:root #main .menu-minimal{--menu-alert:#bd2638}
:root #main .menu-minimal .csx-tone-0{--csx-color:#657180;--menu-soft:#edf0f3}
:root #main .menu-minimal .csx-tone-1{--csx-color:#8c640c;--menu-soft:#fcf3d7}
:root #main .menu-minimal .csx-tone-2{--csx-color:#1765c5;--menu-soft:#e7f0fd}
:root #main .menu-minimal .csx-tone-3{--csx-color:#237a57;--menu-soft:#e6f4ec}
:root #main .menu-minimal .menu-heading{gap:24px;margin-bottom:24px!important}
:root #main .menu-minimal .project-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex-basis:100%;width:100%;padding:0;margin:0}
:root #main .menu-minimal .overview-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:14px 16px;min-height:68px;min-width:0;width:100%!important;max-width:none!important;text-align:left;border:1px solid var(--im-border)!important;border-radius:10px;background:var(--menu-soft)!important;box-shadow:none}
:root #main .menu-minimal .overview-item strong{font-size:28px;font-weight:720;line-height:1;color:var(--csx-color)}
:root #main .menu-minimal .overview-item>span{font-size:14px;font-weight:650;color:var(--im-ink);max-width:none}
:root #main .menu-minimal .csx-toolbar{grid-template-columns:minmax(220px,1fr) 200px 200px 46px;gap:10px;margin:0 0 24px}
:root #main .menu-minimal .csx-toolbar .search{background:transparent;border:0!important;box-shadow:none!important}
:root #main .menu-minimal :is(.csx-toolbar input,.select-trigger,.filter-reset){height:46px;min-height:46px;padding:10px 13px;font-size:15px;border:1px solid var(--im-border)!important;border-radius:8px;background:var(--im-surface)!important;color:var(--im-ink)!important;box-shadow:none!important}
:root #main .menu-minimal .select-trigger{width:100%;font-weight:550}
:root #main .menu-minimal .filter-reset{padding:0;font-size:20px}
:root #main .menu-minimal .select-options button{font-size:15px;padding:11px 12px}
:root #main .menu-minimal .csx-section-heading{margin:0 0 16px;gap:10px}
:root #main .menu-minimal .csx-section-heading h2{font-size:20px!important;font-weight:700!important;color:var(--im-ink);letter-spacing:-.3px!important}
:root #main .menu-minimal .csx-section-heading>span{padding:3px 8px;border-radius:5px;background:var(--im-surface-muted);font-size:14px;font-weight:650;color:var(--im-muted)}
:root #main .menu-minimal .csx-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;align-items:stretch}
:root #main .menu-minimal .csx-card{display:flex;flex-direction:column;gap:16px;align-items:stretch;min-width:0;padding:20px;border:1px solid var(--im-border)!important;border-radius:12px;background:var(--im-surface)!important;box-shadow:none!important}
:root #main .menu-minimal .csx-card::before,:root #main .menu-minimal .csx-card::after{display:none}
:root #main .menu-minimal .menu-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
:root #main .menu-minimal .csx-reference{font-size:13px;font-weight:650;color:var(--im-muted);margin:0}
:root #main .menu-minimal .menu-status{font-size:13px;font-weight:650;line-height:1.3;padding:5px 8px;border-radius:5px;background:var(--menu-soft);color:var(--csx-color)}
:root #main .menu-minimal .csx-client{font-size:22px;font-weight:720;line-height:1.25;letter-spacing:-.5px;color:var(--im-ink)!important}
:root #main .menu-minimal .csx-client:hover{color:var(--im-accent)!important}
:root #main .menu-minimal .csx-identity p{font-size:14px;line-height:1.4;margin:8px 0 0;color:var(--im-muted)!important}
:root #main .menu-minimal .csx-people{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;font-size:13px;color:var(--im-muted)!important}
:root #main .menu-minimal .csx-people>span{min-width:0}
:root #main .menu-minimal .csx-people strong{margin-top:4px;font-size:15px;font-weight:650;line-height:1.4;color:var(--im-ink)!important;overflow-wrap:anywhere}
:root #main .menu-minimal .csx-progress{border:0;padding:0;margin-top:auto}
:root #main .menu-minimal .csx-segments{margin:0 0 10px;gap:4px}
:root #main .menu-minimal .csx-segments i{height:4px;background:var(--im-border);border-radius:3px}
:root #main .menu-minimal .csx-segments .filled{background:var(--csx-color)!important}
:root #main .menu-minimal .csx-material{margin:0;font-size:13px;font-weight:550;color:#237a57}
:root #main .menu-minimal .menu-warning{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--menu-alert)!important;font-size:13px!important;line-height:1.4;font-weight:550;box-shadow:none!important}
:root #main .menu-minimal .csx-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--im-border)}
:root #main .menu-minimal .csx-date{text-align:left;font-size:12px;line-height:1.4;color:var(--im-muted)!important}
:root #main .menu-minimal .csx-date strong{font-size:14px;font-weight:650;color:var(--im-ink)!important;margin-top:3px}
:root #main .menu-minimal :is(.secondary,.primary){min-height:42px;padding:10px 12px;font-size:14px;font-weight:650;border-radius:8px;box-shadow:none!important;white-space:nowrap}
:root #main .menu-minimal .secondary{background:var(--im-surface)!important;border:1px solid var(--im-border)!important;color:var(--im-ink)!important}
:root #main .menu-minimal .secondary:hover{background:var(--im-surface-muted)!important}
:root #main .menu-minimal .primary{background:var(--im-accent)!important;border:1px solid var(--im-accent)!important;color:#fff!important}
:root #main .menu-minimal .primary:disabled{opacity:.45}
:root #main .menu-minimal .csx-edit-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch;border-top:1px solid var(--im-border);padding-top:16px}
:root #main .menu-minimal .csx-edit-form .field{width:100%}
:root #main .menu-minimal .csx-edit-form .field>span{font-size:14px;color:var(--im-muted)}
:root #main .menu-minimal .csx-edit-form>div{justify-content:flex-end;gap:8px}
:root #main .menu-minimal .csx-archive{margin-top:24px;border:1px solid var(--im-border)!important;border-radius:10px;background:var(--im-surface)!important}
:root #main .menu-minimal .csx-archive>summary{padding:20px;font-size:16px;color:var(--im-ink)!important}
:root #main .menu-minimal .csx-archive>summary strong{font-size:16px;font-weight:700;color:var(--im-ink)!important}
:root #main .menu-minimal .csx-archive .csx-list{padding:0 16px 16px}
:root #main .menu-minimal .csx-empty{grid-column:1/-1;font-size:16px;padding:32px;border-color:var(--im-border);color:var(--im-muted)}
:root[data-theme=dark] #main .menu-minimal{--menu-alert:#ff919c}
:root[data-theme=dark] #main .menu-minimal .csx-tone-0{--csx-color:#b2bccb;--menu-soft:#242b35}
:root[data-theme=dark] #main .menu-minimal .csx-tone-1{--csx-color:#f1ce77;--menu-soft:#342e1d}
:root[data-theme=dark] #main .menu-minimal .csx-tone-2{--csx-color:#8fbeff;--menu-soft:#1c2c44}
:root[data-theme=dark] #main .menu-minimal .csx-tone-3{--csx-color:#82d3ae;--menu-soft:#1c3329}
:root[data-theme=dark] #main .menu-minimal .csx-material.received{color:#82d3ae}
@media(max-width:1000px){:root #main .menu-minimal .csx-toolbar{grid-template-columns:1fr 1fr 46px}:root #main .menu-minimal .csx-toolbar .search{grid-column:1/-1}}
@media(max-width:760px){:root #main .menu-minimal .project-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}:root #main .menu-minimal .overview-item{padding:12px;min-height:62px}:root #main .menu-minimal .csx-card{padding:18px}:root #main .menu-minimal .csx-archive .csx-list{padding:0 10px 10px}}

/* Ordered, independently collapsible stages: empty queues cost only one header. */
:root #main .menu-minimal .menu-workflow{display:grid;gap:20px}
:root #main .menu-minimal .menu-group{margin:0;border:0!important;border-radius:10px;background:transparent!important;min-width:0;scroll-margin-top:20px}
:root #main .menu-minimal .menu-group>summary{display:flex;align-items:center;gap:12px;min-height:76px;padding:18px 20px;border:1px solid var(--im-border);border-radius:10px;background:var(--im-surface);list-style:none;cursor:pointer;color:var(--im-ink)!important}
:root #main .menu-minimal .menu-group>summary::-webkit-details-marker{display:none}
:root #main .menu-minimal .menu-group>summary::before,:root #main .menu-minimal .menu-group>summary::after{display:none}
:root #main .menu-minimal .menu-group>summary:hover{background:var(--im-surface-muted);border-radius:10px}
:root #main .menu-minimal .menu-group>summary strong{font-size:18px;line-height:1.3;font-weight:700;color:var(--im-ink)!important}
:root #main .menu-minimal .menu-group-chevron{flex-shrink:0;color:var(--im-muted);transition:transform .15s}
:root #main .menu-minimal .menu-group[open]>summary .menu-group-chevron{transform:rotate(90deg)}
:root #main .menu-minimal .menu-group-step{display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--csx-color)}
:root #main .menu-minimal .menu-group-count{padding:3px 8px;border-radius:5px;background:var(--menu-soft);color:var(--csx-color);font-size:14px;font-weight:650;font-variant-numeric:tabular-nums}
:root #main .menu-minimal .menu-group-hint{margin-left:auto;text-align:right;font-size:13px;line-height:1.4;color:var(--im-muted)}
:root #main .menu-minimal .menu-group .csx-list{padding:14px 0 0}
:root #main .menu-minimal .overview-item{position:relative;cursor:pointer;transition:border-color .15s}
:root #main .menu-minimal .overview-item:hover{border-color:var(--csx-color)!important}
:root #main .menu-minimal .overview-item:not(:last-child)::after{content:'›';position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:var(--im-muted);font-size:18px;font-weight:400}
:root #main .menu-minimal :is(.menu-group>summary,.overview-item):focus-visible{outline:2px solid var(--im-accent);outline-offset:3px}
@media(max-width:760px){
 :root #main .menu-minimal .menu-workflow{gap:14px}
 :root #main .menu-minimal .menu-group>summary{padding:16px 12px;gap:8px;flex-wrap:wrap;min-height:68px}
 :root #main .menu-minimal .menu-group>summary strong{font-size:16px}
 :root #main .menu-minimal .menu-group-hint{flex-basis:100%;text-align:left;margin-left:34px}
 :root #main .menu-minimal .menu-group .csx-list{padding:12px 0 0}
 :root #main .menu-minimal .overview-item::after{display:none}
}
@media(prefers-reduced-motion:reduce){:root #main .menu-minimal .menu-group-chevron{transition:none}}

/* Fiscal printers share the same cards, controls and accordion layout as Menu CSX. */
:root #main .printer-minimal .project-overview{grid-template-columns:repeat(5,minmax(0,1fr))}
:root #main .printer-minimal .printer-tone-0{--csx-color:#657180;--menu-soft:#edf0f3}
:root #main .printer-minimal .printer-tone-1{--csx-color:#1765c5;--menu-soft:#e7f0fd}
:root #main .printer-minimal .printer-tone-2{--csx-color:#8c640c;--menu-soft:#fcf3d7}
:root #main .printer-minimal .printer-tone-3{--csx-color:#7653b4;--menu-soft:#f0eafa}
:root #main .printer-minimal .printer-tone-4{--csx-color:#237a57;--menu-soft:#e6f4ec}
:root #main .printer-minimal .printer-materials{display:grid;gap:5px}
:root #main .printer-minimal .csx-material.not-received{color:var(--im-muted)}
:root #main .printer-minimal .printer-warning{margin-top:10px!important}
:root[data-theme=dark] #main .printer-minimal .printer-tone-0{--csx-color:#b2bccb;--menu-soft:#242b35}
:root[data-theme=dark] #main .printer-minimal .printer-tone-1{--csx-color:#8fbeff;--menu-soft:#1c2c44}
:root[data-theme=dark] #main .printer-minimal .printer-tone-2{--csx-color:#f1ce77;--menu-soft:#342e1d}
:root[data-theme=dark] #main .printer-minimal .printer-tone-3{--csx-color:#c7adf2;--menu-soft:#2d2540}
:root[data-theme=dark] #main .printer-minimal .printer-tone-4{--csx-color:#82d3ae;--menu-soft:#1c3329}
@media(max-width:760px){:root #main .printer-minimal .project-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Compact counters stay aligned and controls keep readable labels on phones. */
@media(max-width:760px){
 :root #main .menu-minimal .project-overview{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
 :root #main .menu-minimal .overview-item{height:auto;min-height:68px;gap:10px;padding:12px}
 :root #main .menu-minimal .overview-item>span{white-space:normal;line-height:1.35}
}
@media(max-width:480px){
 :root #main .menu-minimal .csx-toolbar{grid-template-columns:minmax(0,1fr) 46px}
 :root #main .menu-minimal .csx-toolbar>.field{grid-column:1/-1}
 :root #main .menu-minimal .csx-toolbar>.field:nth-last-child(2){grid-column:1}
 :root #main .menu-minimal .csx-toolbar .filter-reset{grid-column:2}
}