/* TSCO App — role dashboard, catalog detail and order workspace */
.dash-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:210px;padding:28px 34px;border-radius:17px;background:#172d46;color:#eff6fa;box-shadow:0 12px 34px rgba(20,42,67,.14)}
.dash-hero:before{content:"";position:absolute;z-index:-1;inset:auto -70px -125px auto;width:300px;height:300px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 52px rgba(255,255,255,.027),0 0 0 105px rgba(255,255,255,.018)}
.dash-hero-copy{max-width:640px;position:relative;z-index:1}.dash-overline{color:#bacddb;font-size:11px;font-weight:700}.dash-overline span{color:#f59cba;margin-inline:4px}.dash-hero h2{color:#fff;font-size:clamp(23px,2.4vw,32px);line-height:1.35;margin:12px 0 8px}.dash-hero p{color:#c8d8e3;font-size:12px;margin:0 0 20px;line-height:1.9}.dash-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.dash-hero .dash-primary{background:#d73970;border-color:#d73970;color:white;min-height:41px;padding-inline:17px;font-size:12px}.dash-hero .dash-primary:hover{background:#bc2459;border-color:#bc2459}.dash-primary span{font-size:17px;line-height:1}.dash-hero-link{color:#edf4f8!important;font-size:12px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}.dash-hero-motif{align-self:stretch;display:grid;place-content:center;text-align:center;min-width:250px;transform:rotate(-9deg);color:rgba(255,255,255,.15);font:900 clamp(44px,6vw,85px)/.85 Arial,sans-serif;letter-spacing:-.08em;user-select:none}.dash-hero-motif small{font-size:11px;line-height:3;letter-spacing:.28em;color:rgba(255,255,255,.43)}
.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.dash-metric{display:grid;align-content:space-between;min-height:116px;padding:16px 18px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-surface);box-shadow:0 3px 16px rgba(20,42,67,.035)}.dash-metric-attention{border-inline-start:3px solid var(--ui-accent)}.dash-metric-label{color:var(--ui-muted);font-size:11px;font-weight:750}.dash-metric-number{color:var(--ui-ink);font-size:clamp(22px,2vw,29px);font-weight:850;line-height:1.3;letter-spacing:-.03em}.dash-metric-note{color:var(--ui-muted);font-size:10px}.dash-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.78fr);gap:15px;align-items:start}.dash-side-stack{display:grid;gap:15px;min-width:0}.dash-primary-card,.dash-work-card,.dash-categories{padding:19px 21px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:16px}.section-heading h3{font-size:16px;line-height:1.5;margin:0}.section-heading a{font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap}.section-heading .eyebrow{font-size:10px;margin-bottom:3px}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;min-width:510px;text-align:right}.dash-table th{font-size:10px;color:var(--ui-muted);background:var(--surface-alt);font-weight:750;padding:9px 10px;white-space:nowrap}.dash-table th:first-child{border-radius:0 8px 8px 0}.dash-table th:last-child{border-radius:8px 0 0 8px}.dash-table td{padding:13px 10px;border-bottom:1px solid var(--ui-line);font-size:11px;white-space:nowrap}.dash-table tr:last-child td{border-bottom:0}.dash-table td a{font-weight:800;text-decoration:none}.dash-table .dash-money{font-weight:800}.dash-table .dash-money small{color:var(--ui-muted);font-size:9px;font-weight:500}.dash-table td:last-child{color:var(--ui-muted);font-size:10px}.dash-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ui-muted);font-size:12px}.dash-empty>span{display:block;font-size:35px;color:var(--ui-accent);opacity:.6}.dash-shortcut{display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 7px;border-bottom:1px solid var(--ui-line);color:var(--ui-ink)!important;text-decoration:none;transition:background .16s}.dash-shortcut:last-child{border:0}.dash-shortcut:not(.is-upcoming):hover{background:var(--surface-alt);border-radius:8px}.dash-shortcut>span:first-child{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:var(--ui-soft);color:var(--ui-accent);font-size:19px}.dash-shortcut>span:nth-child(2){display:grid;gap:1px;flex:1;min-width:0}.dash-shortcut strong{font-size:12px}.dash-shortcut small{font-size:10px;color:var(--ui-muted)}.dash-shortcut i{font-size:18px;font-style:normal;color:var(--ui-muted)}.dash-shortcut.is-upcoming{opacity:.64;cursor:default}.category-list{display:grid;gap:2px}.category-list a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:36px;text-decoration:none;color:var(--ui-ink);font-size:11px;padding:4px 6px;border-radius:7px}.category-list a:hover{background:var(--surface-alt)}.category-list bdi{color:var(--ui-muted);font-size:10px}
/* Product detail: separation by information task, not arbitrary cards. */
.detail-breadcrumb{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ui-muted);margin:1px 0 16px}.detail-breadcrumb a{text-decoration:none;font-weight:750;color:var(--ui-muted)}.detail-breadcrumb a:hover{color:var(--ui-accent)}.detail-breadcrumb .crumb-separator{color:var(--ui-accent)}.detail-grid{display:grid;grid-template-columns:minmax(285px,.8fr) minmax(0,1.2fr);gap:15px;align-items:start}.detail-column{display:grid;gap:15px;min-width:0}.detail-gallery{padding:14px}.detail-visual{min-height:340px;display:grid;place-items:center;background:var(--surface-alt);border-radius:11px;overflow:hidden}.detail-visual img{display:block;max-width:100%;max-height:330px;object-fit:contain}.detail-visual .placeholder{font-size:65px;color:var(--ui-accent);opacity:.65}.detail-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:14px 5px 2px;font-size:11px;color:var(--ui-muted)}.detail-caption bdi{font-size:12px;color:var(--ui-ink);font-weight:800}.detail-overview{padding:24px 26px}.detail-overview .eyebrow{margin:0 0 8px}.detail-overview h2{margin:0 0 15px;font-size:clamp(21px,2.15vw,29px);line-height:1.5;font-weight:850;letter-spacing:-.025em}.detail-facts{display:flex;flex-wrap:wrap;gap:7px}.detail-fact{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ui-line);border-radius:8px;padding:7px 11px;font-size:11px}.detail-fact span{color:var(--ui-muted)}.detail-fact strong{font-weight:750}.detail-fact bdi{font-family:Vazir,Tahoma,sans-serif}.detail-pricing{padding:22px 26px;border-inline-start:3px solid var(--ui-accent)}.detail-pricing .eyebrow{margin:0 0 7px}.detail-main-price{display:flex;align-items:baseline;gap:8px;margin:2px 0 15px;color:var(--ui-ink)}.detail-main-price strong{font-size:clamp(26px,3vw,38px);line-height:1.2;letter-spacing:-.04em}.detail-main-price span{color:var(--ui-muted);font-size:12px}.detail-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ui-line);padding-top:16px}.detail-price-row form{margin:0}.detail-price-row .btn{min-height:42px;padding-inline:18px;background:var(--ui-accent);border-color:var(--ui-accent)}.detail-price-row .btn:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover)}.detail-help{color:var(--ui-muted);font-size:10px;margin:14px 0 0}.detail-description{margin-top:15px;padding:23px 26px}.detail-description h3{margin:0 0 4px;font-size:16px}.detail-description .section-subtitle{font-size:11px;color:var(--ui-muted);margin:0 0 17px}.detail-description p.description-text{white-space:pre-line;line-height:2.05;color:var(--ui-ink);font-size:12px;margin:0;overflow-wrap:anywhere;max-width:95ch}.detail-specs{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--ui-line);margin-top:22px;padding-top:12px}.detail-specs div{display:grid;gap:4px;min-width:180px;padding:8px 16px;border-inline-start:1px solid var(--ui-line)}.detail-specs div:first-child{padding-inline-start:0;border:0}.detail-specs dt{color:var(--ui-muted);font-size:10px}.detail-specs dd{margin:0;font-size:11px;font-weight:750}
/* Stage two: order and cart stay compact in the same system. */
.cart-list{display:grid;gap:0}.cart-row{padding:15px 2px}.cart-row h2{font-size:13px}.cart-total{margin-top:11px}.order-list .order-card{min-height:56px}.order-summary{border-bottom:1px solid var(--ui-line);padding-bottom:16px}.plain-list li{line-height:1.9}.order-timeline{margin:26px 0}.order-timeline li{padding-top:12px}.order-timeline li.done{color:var(--ui-success)}
@media(max-width:1150px){.dash-columns{grid-template-columns:1fr}.dash-side-stack{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}}
@media(max-width:800px){.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero-motif{display:none}.dash-hero{min-height:190px}.detail-grid{grid-template-columns:1fr}.detail-gallery{max-width:none}.detail-visual{min-height:230px}.dash-side-stack{grid-template-columns:1fr}}
@media(max-width:600px){.dash-hero{padding:24px 21px;min-height:0}.dash-hero h2{font-size:24px}.dash-metrics{gap:8px}.dash-metric{padding:12px;min-height:96px}.dash-metric-number{font-size:24px}.dash-primary-card,.dash-work-card,.dash-categories{padding:15px}.dash-table{display:block;min-width:0}.dash-table thead{display:none}.dash-table tbody{display:grid;gap:9px}.dash-table tr{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--surface-alt);border:1px solid var(--ui-line);border-radius:9px;padding:9px}.dash-table td{border:0;padding:1px 0;white-space:normal;display:flex;gap:5px;align-items:center;min-width:0}.dash-table td:first-child{grid-column:1/-1}.dash-table td[data-label]:not(:first-child):before{content:attr(data-label);color:var(--ui-muted);font-size:9px;white-space:nowrap}.dash-table td:nth-last-child(2){grid-column:1/-1}.detail-overview,.detail-pricing,.detail-description{padding:19px}.detail-visual{min-height:210px}.detail-facts{gap:6px}.detail-fact{flex:1 1 135px}.detail-price-row{align-items:stretch}.detail-price-row form,.detail-price-row .btn{width:100%}.detail-specs div{width:50%;min-width:0}.detail-specs div:nth-child(odd){border-inline-start:0;padding-inline-start:0}}
@media(max-width:380px){.dash-metric{padding:10px}.dash-metric-number{font-size:20px}.dash-metric-note{font-size:9px}.detail-fact{flex-basis:100%}}
/* Finance review: local feedback and bulk cheque action. */
.finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.finance-metrics>div{display:grid;gap:6px;min-height:74px;padding:12px 14px;border:1px solid var(--ui-line);border-radius:10px;background:var(--surface-alt)}.finance-metrics span{color:var(--ui-muted);font-size:10px}.finance-metrics strong{font-size:13px;color:var(--ui-ink)}
.finance-review-feedback{max-width:960px;margin:0 auto 14px;padding:12px 16px;border:1px solid var(--ui-line);border-inline-start:3px solid var(--ui-success);border-radius:9px;background:var(--ui-surface);color:var(--ui-ink);font-size:12px;line-height:1.8}
.finance-review-feedback[hidden]{display:none}.finance-review-feedback.is-error{border-inline-start-color:var(--ui-accent)}.finance-review-feedback a{margin-inline-start:6px}
.finance-review .payment-review-form label,.finance-review .finance-cheque-form label{display:inline-flex;flex-direction:column;gap:5px;min-width:0;font-size:11px;color:var(--ui-muted)}
.finance-review .finance-bulk-form{margin:12px 0 25px;padding:14px;border:1px solid var(--ui-line);border-radius:9px;background:var(--surface-alt)}
.finance-review form[aria-busy="true"]{opacity:.7}
.finance-payment-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center;padding:16px;border-inline-start:3px solid var(--ui-accent);border-radius:10px;background:var(--surface-alt)}
.finance-payment-info{display:grid;gap:8px;min-width:0}.finance-payment-facts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--ui-muted);font-size:11px}.finance-payment-amount{color:var(--ui-ink);font-weight:800}.finance-payment-item .status-chip{display:inline-flex;margin-inline-end:5px}.finance-payment-item form{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--ui-line)}
@media(max-width:600px){.finance-payment-item{grid-template-columns:1fr}.finance-payment-item form{display:grid;grid-template-columns:1fr 1fr}.finance-payment-item form label:first-of-type{grid-column:1/-1}}
@media(max-width:700px){.finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.finance-review .payment-review-form label,.finance-review .finance-cheque-form label,.finance-review .payment-review-form input,.finance-review .finance-cheque-form input{width:100%}}
@media(prefers-reduced-motion:reduce){.dash-shortcut{transition:none}}