/* Quote editor folds styled after the reference: dark navy header, uppercase numbered title, cyan chevron. */
#quote-form>.card.fold-card{padding:0;border:1px solid #2b3b52;border-radius:6px;background:#fff;overflow:visible}
.fold-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:5px 20px;border-radius:5px 5px 0 0;background:var(--section-head);cursor:pointer;user-select:none}
.fold-card.collapsed>.fold-head{border-radius:5px}
.fold-card.collapsed>.fold-body{display:none}
#quote-form .fold-toggle{display:inline-flex;align-items:center;gap:10px;padding:4px 0;border:0;border-radius:0;background:none;color:#f8fafc;font-family:inherit;font-size:17px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:uppercase}
#quote-form .fold-toggle:hover{background:none}
#quote-form .fold-toggle:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}
.fold-toggle .solid-icon{flex:0 0 22px;width:22px;height:22px;color:#38bdf8;transform:rotate(180deg);transition:transform .2s ease}
.fold-card.collapsed .fold-toggle .solid-icon{transform:none}
.fold-extra{display:flex;align-items:center;gap:10px;margin-left:auto;color:#a5b4c8}
.fold-extra .hint{color:#a5b4c8}
.fold-body{padding:20px}

/* Hạng mục blocks share the dark header style. */
.group-block{border-color:#2b3b52;border-radius:6px}
.group-block.collapsed .group-head{border-radius:5px}
.group-head{padding:5px 20px;border-radius:5px 5px 0 0;border-bottom-color:#2b3b52;background:color-mix(in srgb,var(--section-head) 90%,#fff);cursor:pointer}
.group-head .group-no{min-width:0;color:#38bdf8}
.group-head .group-type{color:#a5b4c8}
.group-head .group-count{background:#ffffff1f;color:#e2e8f0}
.group-head .drag-handle{color:#94a3b8}
.group-head .drag-handle:hover{background:#ffffff1f;color:#fff}
.group-head .group-toggle{color:#38bdf8}
.group-head .group-toggle:hover{background:#ffffff1f;color:#7dd3fc}
.group-head .group-toggle[aria-expanded] .solid-icon{transform:rotate(180deg)}
.group-head .group-toggle[aria-expanded=false] .solid-icon{transform:none}

/* Tax control: switch · calculation mode · value on one row. */
#fold-adjust>.grid.three{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr)}
.tax-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.tax-field .field-label{margin:0}
.tax-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:7px}
.tax-row .switch{margin:0}
.tax-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}
.tax-field .segmented span{padding:8px 12px;white-space:nowrap}
.tax-input{display:flex;align-items:center;gap:6px;width:110px}
.tax-input input,.tax-amount input{margin:0}
.tax-amount{width:170px}
@media(max-width:1000px){#fold-adjust>.grid.three{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#fold-adjust .tax-field{grid-column:1/-1}}
@media(max-width:760px){#fold-adjust>.grid.three{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.fold-head{padding:5px 14px}#quote-form .fold-toggle{font-size:15px}.fold-extra{margin-left:0}.fold-body{padding:14px}}