/* TCC-V2.0024 — final platform visual and typography standards */
:root{
  --tcc-text-size:1rem;--tcc-small-size:.875rem;--tcc-label-size:.92rem;
  --tcc-h1-size:clamp(1.75rem,2.6vw,2.6rem);--tcc-h2-size:clamp(1.3rem,1.8vw,1.75rem);
  --tcc-h3-size:clamp(1.08rem,1.35vw,1.3rem);--tcc-reading-width:72ch;
  --tcc-form-width:760px;--tcc-auth-width:440px;--tcc-card-radius:16px;
}
html{font-size:16px}body{font-size:var(--tcc-text-size);line-height:1.55}
h1{font-size:var(--tcc-h1-size);line-height:1.12;letter-spacing:-.025em;margin-block:0 .65em}
h2{font-size:var(--tcc-h2-size);line-height:1.2;letter-spacing:-.015em;margin-block:0 .65em}
h3{font-size:var(--tcc-h3-size);line-height:1.25;margin-block:0 .55em}
p,li,td,th,label,input,select,textarea,button{font-size:inherit}
small,.help-text,.muted,.meta{font-size:var(--tcc-small-size);line-height:1.45}
.container>p,.card>p,.prose{max-width:var(--tcc-reading-width)}
.card,.panel,.account-card,.checkout-section{border-radius:var(--tcc-card-radius)}
input,select,textarea{min-height:44px;padding:.7rem .8rem;max-width:100%}
textarea{min-height:110px}.button,button{min-height:42px}
.stack-form,.checkout-form,.account-card form{width:100%}
.auth-page .card,.login-card,.password-card{width:min(92vw,var(--tcc-auth-width));margin-inline:auto}
.account-page>.card,.account-page .account-card{max-width:900px;margin-inline:auto}
.checkout-form{max-width:var(--tcc-form-width)}
.table-wrap{overflow-x:auto;max-width:100%}table{font-size:.92rem}
.status-badge,.eyebrow{font-size:.78rem;letter-spacing:.04em}
@media(max-width:720px){
 html{font-size:15.5px}h1{font-size:clamp(1.55rem,8vw,2rem)}h2{font-size:1.3rem}h3{font-size:1.08rem}
 .container{padding-inline:1rem}.card,.panel{padding:1rem}.button,button{width:auto;max-width:100%}
 table{font-size:.86rem}
}

/* TCC-V2.0025 — Experience Sprint 1 */
.customer-order-workspace{display:grid;gap:1rem}.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:clamp(1rem,2.5vw,1.6rem)}.workspace-hero h1{margin:.1rem 0;font-size:clamp(1.55rem,3vw,2.25rem)}.workspace-state{margin:0;color:var(--muted,#6f6660);font-weight:700}.workspace-primary-actions{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}.customer-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.customer-progress li{display:grid;justify-items:center;gap:.3rem;padding:.75rem .4rem;border:1px solid #ddd3c8;border-radius:10px;background:#fff;text-align:center;color:#776d66}.customer-progress li span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#eee8e2;font-weight:800}.customer-progress li.complete{border-color:#b89555;color:#4d1521}.customer-progress li.complete span{background:#6d1728;color:#fff}.customer-progress strong{font-size:.76rem}.workspace-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.workspace-summary-grid .card{min-width:0}.workspace-summary-grid h2{font-size:1rem}.workspace-section{padding:0;overflow:hidden}.workspace-section>summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;cursor:pointer;list-style:none}.workspace-section>summary::-webkit-details-marker{display:none}.workspace-section>summary span{display:grid;gap:.15rem}.workspace-section>summary small{color:#776d66}.workspace-section[open]>summary{border-bottom:1px solid #e4dbd1}.workspace-section>form,.workspace-section>.order-timeline{padding:1rem}.workspace-totals{display:flex;justify-content:flex-end;gap:1.25rem;flex-wrap:wrap;padding:1rem;border-top:1px solid #e4dbd1}.workspace-totals span{display:grid;gap:.2rem;text-align:right;font-size:.72rem}.workspace-totals strong{font-size:.88rem}
.admin-order-workspace{display:grid;gap:.8rem}.admin-order-hero{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.15rem}.admin-order-hero h1{margin:.1rem 0;font-size:1.65rem}.admin-order-hero p{margin:0}.admin-order-health{display:grid;gap:.25rem;justify-items:end;max-width:260px;text-align:right}.admin-order-utility{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-order-utility details{position:relative}.admin-order-utility summary{cursor:pointer;font-weight:750}.admin-order-utility details[open] .button-row{margin-top:.5rem}.next-action-link{display:inline-flex;align-items:center;min-height:30px;padding:.35rem .58rem;border-radius:6px;background:#6d1728;color:#fff;text-decoration:none;font-size:.66rem;font-weight:800}.next-action-warning{background:#8a5a00}.next-action-danger{background:#9b1c1c}.next-action-secondary{background:#665e58}.customer-quick-preview{position:relative}.customer-quick-preview>summary{list-style:none;cursor:pointer}.customer-quick-preview>summary::-webkit-details-marker{display:none}.quick-preview-panel{position:absolute;right:0;z-index:20;display:grid;gap:.35rem;width:min(330px,80vw);padding:.85rem;border:1px solid #ddd3c8;border-radius:9px;background:#fff;box-shadow:0 14px 36px rgba(30,20,15,.15);text-align:left}.quick-preview-panel span,.quick-preview-panel a{font-size:.68rem;overflow-wrap:anywhere}.product-quick-form{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;max-width:none!important}.product-quick-form label{display:inline-flex;align-items:center;gap:.25rem;margin:0;font-size:.64rem}.product-quick-form input{width:auto!important}.product-quick-form select{width:auto;min-width:95px;padding:.34rem .45rem}.order-list-row:hover{background:#fcfaf7}
@media(max-width:800px){.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-primary-actions{justify-content:flex-start}.customer-progress{grid-template-columns:1fr}.customer-progress li{grid-template-columns:2rem 1fr;justify-items:start;text-align:left}.workspace-summary-grid{grid-template-columns:1fr}.admin-order-hero{grid-template-columns:1fr}.admin-order-health{justify-items:start;text-align:left}.admin-order-utility{align-items:flex-start;flex-direction:column}.quick-preview-panel{position:fixed;left:5vw;right:5vw;top:15vh;width:90vw}}

/* TCC-V2.0037 final customer focus and pre-packaged release layout */
.customer-expected-date{margin:.45rem 0 .55rem;font-size:clamp(.92rem,1.3vw,1.04rem)}
.customer-payment-progress{height:8px;max-width:360px;background:#eadfd6;border-radius:999px;overflow:hidden;margin:.55rem 0 .3rem}
.customer-payment-progress>span{display:block;height:100%;background:var(--brand-gold,#b89555);border-radius:inherit}

/* Anticipate-the-user input assistance */
.field-help{margin:.35rem 0 .15rem;color:var(--muted,#6f675f);font-size:.82rem;line-height:1.45}.field-feedback{min-height:1.2em;margin:.15rem 0 .35rem;font-size:.82rem;font-weight:600}.field-feedback.valid{color:#236b3b}.field-feedback.invalid{color:#9b2433}.password-field{display:flex;align-items:stretch;gap:.4rem}.password-field input{flex:1}.password-toggle{min-width:4.2rem;border:1px solid rgba(109,23,40,.25);border-radius:.55rem;background:#fff;color:#6d1728;font-weight:700;cursor:pointer}.password-toggle:focus-visible{outline:3px solid rgba(184,149,85,.4);outline-offset:2px}


/* TCC-V2.0054 — final whole-platform typography and proportion correction */
:root{
  --tcc-text-size:1rem;
  --tcc-small-size:.875rem;
  --tcc-h1-size:clamp(1.65rem,2.2vw,2.35rem);
  --tcc-h2-size:clamp(1.25rem,1.55vw,1.65rem);
  --tcc-h3-size:clamp(1.05rem,1.15vw,1.25rem);
}
.admin-area{font-size:.94rem;line-height:1.5}
.admin-area h1{font-size:clamp(1.55rem,2vw,2rem)}
.admin-area h2{font-size:clamp(1.18rem,1.45vw,1.45rem)}
.admin-area h3{font-size:1.05rem}
.admin-area .card,.admin-area .panel{padding:clamp(.9rem,1.35vw,1.25rem)}
.admin-area table{font-size:.86rem}
.admin-area th{font-size:.78rem;letter-spacing:.025em}
.admin-area .dashboard-card-heading p,.admin-area .help-text,.admin-area small{font-size:.82rem}
.admin-area input,.admin-area select,.admin-area textarea,.admin-area button{font-size:.92rem}
.admin-area .admin-page-header p{max-width:72ch}
.customer-area,.customer-portal,.customer-order-workspace{font-size:.98rem}
.customer-area h1,.customer-portal h1,.customer-order-workspace h1{font-size:clamp(1.55rem,2.4vw,2.1rem)}
.customer-area h2,.customer-portal h2,.customer-order-workspace h2{font-size:clamp(1.18rem,1.7vw,1.5rem)}
.customer-area h3,.customer-portal h3,.customer-order-workspace h3{font-size:1.05rem}
.storefront-area main:not(.page-home main) h1{font-size:clamp(1.65rem,3vw,2.4rem)}
.storefront-area main:not(.page-home main) h2{font-size:clamp(1.25rem,2vw,1.7rem)}
.auth-card,.login-card,.password-card{max-width:460px}
.auth-card h1,.login-card h1,.password-card h1{font-size:clamp(1.55rem,2.5vw,2rem)}
.admin-nav-submenu a{font-size:.86rem;line-height:1.3}
@media(max-width:720px){
  .admin-area{font-size:.92rem}
  .admin-area h1{font-size:1.55rem}
  .admin-area h2{font-size:1.2rem}
  .admin-area table{font-size:.82rem}
  .customer-area h1,.customer-portal h1,.customer-order-workspace h1{font-size:1.55rem}
}

/* Pilot Programme */
.pilot-programme-banner{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:.7rem 1rem;background:#fff3d6;border-top:1px solid #d8b86a;border-bottom:1px solid #d8b86a;font-size:.88rem;color:#3d3022}.pilot-programme-banner strong{color:#6d1728}.pilot-programme-banner a{font-weight:700}.danger-zone{border:2px solid #a72b3a}.narrow-page{max-width:720px;margin:2rem auto}.narrow-page label{display:block;margin-bottom:1rem}