.cn-panel{margin-block:1rem;min-width:0}.cn-toolbar,.cn-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.cn-toolbar{justify-content:space-between;margin-block:.7rem}.cn-toolbar h3,.cn-toolbar p{margin:0}.cn-actions .btn{min-height:42px}.cn-toolbar>input,.cn-toolbar>label{flex:1 1 180px;min-width:0}.cn-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.cn-table-scroll:focus-visible{outline:2px solid var(--accent,#2b7550);outline-offset:2px}.cn-table-scroll table{min-width:640px;width:100%}.cn-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-block:.85rem}.cn-stat-grid .stat-card{min-width:0}.cn-stat-grid .value{font-size:clamp(1rem,2.1vw,1.6rem);overflow-wrap:anywhere}.cn-bundle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.cn-bundle-grid article{min-width:0;display:flex;flex-direction:column;margin:0}.cn-bundle-grid .cn-actions{margin-top:auto}.cn-calculator{max-width:460px}.cn-calculator>input{width:100%;margin-block:.75rem}.cn-calc-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.cn-calc-keys .btn{min-height:48px}.cn-calculator output{display:block;font-size:1.8rem;overflow-wrap:anywhere;margin-top:1rem}.cn-cart-extras{padding-block:.6rem}.cn-cart-extras input{width:100%}.cn-cart-extras output{display:block;font-size:.85rem;margin-bottom:.5rem}.cn-cart-extras .cn-actions .btn{flex:1}.cn-table-scroll input{max-width:150px}.modal-actions{position:relative;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.modal-backdrop{z-index:1000}.modal{max-height:calc(100dvh - 2rem);overflow-y:auto}.cn-actions button{overflow-wrap:anywhere;white-space:normal}.cn-panel label input[type=month]{max-width:100%;min-width:0}.cn-toolbar input[type=month]{width:100%}
.cn-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cn-form-grid input,.cn-form-grid select{width:100%;min-width:0}.cn-form-grid .field{min-width:0}
.table-export-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 1rem}.table-export-toolbar .btn{min-height:42px}
.modal-actions{position:sticky;bottom:0;background:var(--paper-raised);z-index:1}
#app-screen[data-theme=night]~#modal-backdrop{--ink:#e4ece7;--paper:#111815;--paper-raised:#1b2520;--line:#35433c;--muted:#a9b5ad;color:var(--ink);color-scheme:dark}
.cn-panel input:not([type=checkbox]),.cn-panel select,.cn-cart-extras input,.cn-calculator input,.cn-form-grid input,.cn-form-grid select{box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;min-height:42px;background:var(--paper-raised,#fff);color:var(--ink);font:inherit}.cn-panel input:focus-visible,.cn-form-grid input:focus-visible,.cn-cart-extras input:focus-visible{outline:2px solid var(--sage,#2b7550);outline-offset:2px}
@media(max-width:760px){.cn-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-panel .cn-toolbar{align-items:stretch}.cn-panel .cn-toolbar>h3{flex-basis:100%}.cn-actions{gap:.5rem}.cn-panel .cn-toolbar>.btn{flex:1 1 130px}.cn-stat-grid .value{font-size:clamp(1rem,4.3vw,1.5rem)}}
@media(max-width:480px){.cn-form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.cn-panel *{scroll-behavior:auto;transition:none;animation:none}}
#cn-salary-totals{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
.supplier-row-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;width:max-content}.supplier-row-actions .btn{flex:0 0 auto;white-space:nowrap;margin:0;min-height:42px}
#cn-salary-totals .value{white-space:nowrap;overflow-wrap:normal;font-size:clamp(.8rem,1.3vw,1.1rem);letter-spacing:-.025em}
@media(max-width:760px){#cn-salary-totals .value{font-size:clamp(.72rem,3.4vw,.95rem)}}