/* My Account store pages: one shared, modern design layer.
   Loaded after workspace.css on every account page. Uses the theme's colour tokens. */
.hzd-page{
	--hzd-accent:var(--color-accent,#3b2f86);
	--hzd-accent-soft:color-mix(in oklab,var(--hzd-accent) 9%,#fff);
	--hzd-accent-line:color-mix(in oklab,var(--hzd-accent) 28%,#fff);
	--hzd-ink:var(--color-fg,#0f172a);
	--hzd-muted:var(--color-fg-muted,#475569);
	--hzd-line:var(--color-border,#e2e8f0);
	--hzd-surface:#fff;
	--hzd-wash:var(--color-surface-2,#f8fafc);
	--hzd-good:#0f7a4d;--hzd-good-soft:#e7f6ef;
	--hzd-warn:#9a5b00;--hzd-warn-soft:#fff4de;
	--hzd-bad:#b42318;--hzd-bad-soft:#fdecea;
	--hzd-radius:16px;--hzd-radius-sm:10px;
	--hzd-shadow:0 1px 2px rgba(15,23,42,.05),0 4px 16px rgba(15,23,42,.05);
	color:var(--hzd-ink);margin:0 0 2.5rem;max-width:1040px;font-size:1rem;line-height:1.55;
}
.hzd-page *{box-sizing:border-box}
.hzd-page h2,.hzd-page h3,.hzd-page h4{color:var(--hzd-ink);letter-spacing:-.01em}
.hzd-page a{color:var(--hzd-accent);text-underline-offset:3px}
.hzd-page p{margin:.35rem 0}

/* Page header */
.hzd-page-header{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;margin:0 0 1.5rem;padding:0 0 1.5rem;border-bottom:1px solid var(--hzd-line)}
.hzd-page-icon{flex:none;display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:14px;background:var(--hzd-accent-soft);color:var(--hzd-accent);border:1px solid var(--hzd-accent-line)}
.hzd-page-icon svg{width:1.65rem;height:1.65rem}
.hzd-page-titles{flex:1 1 320px;min-width:0}
.hzd-page-titles .hzd-eyebrow{display:block;margin:0 0 .15rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hzd-accent)}
.hzd-page-titles h2{margin:0;font-size:1.75rem;line-height:1.2;font-weight:800}
.hzd-page-titles p.hzd-intro{margin:.4rem 0 0;color:var(--hzd-muted);font-size:1rem;max-width:62ch}
.hzd-page-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}

/* Cards, grids, sections */
.hzd-card{background:var(--hzd-surface);border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);box-shadow:var(--hzd-shadow);padding:1.4rem 1.5rem;margin:0 0 1.25rem}
.hzd-card>:first-child{margin-top:0}.hzd-card>:last-child{margin-bottom:0}
.hzd-card h3{margin:0 0 .25rem;font-size:1.15rem;font-weight:750}
.hzd-card-sub{color:var(--hzd-muted);margin:0 0 1rem!important;font-size:.95rem}
.hzd-section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2rem 0 .9rem}
.hzd-section-title h3{margin:0;font-size:1.2rem;font-weight:750}
.hzd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;margin:0 0 1.5rem}
.hzd-tile{display:flex;flex-direction:column;gap:.5rem;background:var(--hzd-surface);border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);box-shadow:var(--hzd-shadow);padding:1.25rem;transition:border-color .15s,box-shadow .15s,transform .15s}
.hzd-tile:hover{border-color:var(--hzd-accent-line);box-shadow:0 2px 4px rgba(15,23,42,.06),0 10px 28px rgba(15,23,42,.09)}
.hzd-tile h3{margin:0;font-size:1.08rem;font-weight:750;overflow-wrap:anywhere}
.hzd-tile-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;color:var(--hzd-muted);font-size:.9rem;margin:0!important}
.hzd-tile-meta span{display:inline-flex;align-items:center;gap:.35rem}
.hzd-tile-meta svg{width:1rem;height:1rem;flex:none}
.hzd-tile-actions{margin-top:auto;padding-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.hzd-tile-foot{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;border-top:1px solid var(--hzd-line);margin-top:.5rem;padding-top:.75rem;font-size:.9rem}

/* Buttons */
.hzd-page .hzd-button,.hzd-page .button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.65rem 1.15rem;border-radius:var(--hzd-radius-sm);border:1px solid var(--hzd-accent);background:var(--hzd-accent);color:#fff;font-weight:650;font-size:.95rem;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.12);transition:background .15s,box-shadow .15s,transform .05s}
.hzd-page .hzd-button:hover,.hzd-page .button:hover{background:color-mix(in oklab,var(--hzd-accent) 88%,#000);color:#fff;filter:none;box-shadow:0 3px 10px color-mix(in oklab,var(--hzd-accent) 30%,transparent)}
.hzd-page .hzd-button:active{transform:translateY(1px)}
.hzd-page .hzd-button-secondary{background:#fff;color:var(--hzd-accent);border-color:var(--hzd-accent-line);box-shadow:none}
.hzd-page .hzd-button-secondary:hover{background:var(--hzd-accent-soft);color:var(--hzd-accent);box-shadow:none}
.hzd-page .hzd-button-block{width:100%}
.hzd-page .hzd-text-button{background:none;border:0;padding:.5rem .25rem;min-height:40px;color:var(--hzd-muted);font-size:.9rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.hzd-page .hzd-text-button:hover{color:var(--hzd-bad)}
.hzd-page .hzd-link-button{color:var(--hzd-accent);font-weight:600;text-decoration:none}
.hzd-page .hzd-link-button:hover{text-decoration:underline}

/* Form fields */
.hzd-page label{font-weight:650;font-size:.92rem;color:var(--hzd-ink)}
.hzd-page input:not([type=checkbox]):not([type=radio]),.hzd-page select,.hzd-page textarea{width:100%;min-height:46px;padding:.65rem .85rem;border:1px solid #cbd5e1;border-radius:var(--hzd-radius-sm);background:#fff;color:var(--hzd-ink);font-size:1rem;box-shadow:inset 0 1px 1px rgba(15,23,42,.03);transition:border-color .15s,box-shadow .15s}
.hzd-page input:not([type=checkbox]):not([type=radio]):hover,.hzd-page select:hover,.hzd-page textarea:hover{border-color:#94a3b8}
.hzd-page input:focus-visible,.hzd-page select:focus-visible,.hzd-page textarea:focus-visible,.hzd-page .hzd-button:focus-visible,.hzd-page .button:focus-visible,.hzd-page a:focus-visible,.hzd-page summary:focus-visible{outline:3px solid color-mix(in oklab,var(--hzd-accent) 45%,#fff);outline-offset:2px;border-radius:var(--hzd-radius-sm)}
.hzd-page .hzd-quantity{width:96px;text-align:center;font-weight:650}
.hzd-field{margin:0 0 1.1rem}
.hzd-field>label{display:block;margin:0 0 .35rem}
.hzd-field .hzd-help,.hzd-page .hzd-help{display:block;margin:.35rem 0 0;font-size:.85rem;color:var(--hzd-muted);line-height:1.45}
.hzd-field-inline{display:flex;align-items:center;gap:.6rem}
.hzd-field-inline input{width:110px}
.hzd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.25rem}
.hzd-form-grid .hzd-span-2{grid-column:1/-1}
.hzd-form-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.5rem}

/* Choice cards (checkbox rows that read as buttons) */
.hzd-choice{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;border:1px solid var(--hzd-line);border-radius:var(--hzd-radius-sm);background:#fff;cursor:pointer;margin:0 0 .75rem;transition:border-color .15s,background .15s}
.hzd-choice:hover{border-color:var(--hzd-accent-line);background:var(--hzd-wash)}
.hzd-choice input[type=checkbox]{flex:none;width:1.3rem;height:1.3rem;margin:.15rem 0 0;accent-color:var(--hzd-accent)}
.hzd-choice:has(input:checked){border-color:var(--hzd-accent);background:var(--hzd-accent-soft)}
.hzd-choice-title{display:block;font-weight:650}
.hzd-choice-text{display:block;font-weight:400;font-size:.9rem;color:var(--hzd-muted);margin-top:.15rem}

/* Pills, callouts, empty states */
.hzd-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--hzd-wash);color:var(--hzd-muted);border:1px solid var(--hzd-line);white-space:nowrap}
.hzd-pill:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.hzd-pill-good{background:var(--hzd-good-soft);color:var(--hzd-good);border-color:#b8e3cf}
.hzd-pill-warn{background:var(--hzd-warn-soft);color:var(--hzd-warn);border-color:#f2d9a6}
.hzd-pill-bad{background:var(--hzd-bad-soft);color:var(--hzd-bad);border-color:#f3c3be}
.hzd-callout{display:flex;gap:.8rem;align-items:flex-start;padding:.95rem 1.1rem;border-radius:var(--hzd-radius-sm);background:var(--hzd-accent-soft);border:1px solid var(--hzd-accent-line);margin:0 0 1.25rem;color:var(--hzd-ink)}
.hzd-callout svg{flex:none;width:1.35rem;height:1.35rem;margin-top:.1rem;color:var(--hzd-accent)}
.hzd-callout p{margin:0}
.hzd-callout-warn{background:var(--hzd-warn-soft);border-color:#f2d9a6}.hzd-callout-warn svg{color:var(--hzd-warn)}
.hzd-callout-bad{background:var(--hzd-bad-soft);border-color:#f3c3be}.hzd-callout-bad svg{color:var(--hzd-bad)}
.hzd-page .hzd-review-note{background:var(--hzd-accent-soft);border:1px solid var(--hzd-accent-line);border-left:4px solid var(--hzd-accent);border-radius:var(--hzd-radius-sm);padding:.85rem 1.1rem;margin:0 0 1.25rem}
.hzd-page .hzd-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:2.5rem 1.5rem;border:2px dashed var(--hzd-line);border-radius:var(--hzd-radius);background:var(--hzd-wash);margin:0 0 1.5rem}
.hzd-empty-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--hzd-accent-soft);color:var(--hzd-accent);margin-bottom:.4rem}
.hzd-empty-icon svg{width:1.7rem;height:1.7rem}
.hzd-empty h3{margin:0;font-size:1.15rem}
.hzd-empty p{max-width:46ch;color:var(--hzd-muted)}
.hzd-empty .hzd-button{margin-top:.6rem}
.hzd-page .hzd-item-warning{color:var(--hzd-warn);font-weight:600;font-size:.88rem}

/* Tabs (ordering tools) as a segmented control */
.hzd-page .hzd-workspace-tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.3rem;margin:0 0 1.5rem;border:1px solid var(--hzd-line);border-radius:12px;background:var(--hzd-wash)}
.hzd-page .hzd-workspace-tabs a{padding:.55rem 1.1rem;border-radius:9px;color:var(--hzd-muted);font-weight:650;text-decoration:none;transition:background .15s,color .15s}
.hzd-page .hzd-workspace-tabs a:hover{color:var(--hzd-ink)}
.hzd-page .hzd-workspace-tabs a[aria-current=page]{background:#fff;color:var(--hzd-accent);box-shadow:0 1px 3px rgba(15,23,42,.12)}

/* Quick order / lists */
.hzd-page .hzd-location-form{background:#fff;border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);box-shadow:var(--hzd-shadow);padding:1rem 1.25rem;margin:0 0 1.25rem}
.hzd-page .hzd-location-form select{flex:1 1 220px}
.hzd-page .hzd-catalog-search{margin:0 0 1.25rem;padding:0}
.hzd-page .hzd-catalog-search label{display:block;margin-bottom:.4rem}
.hzd-page .hzd-catalog-search>div{display:flex;gap:.6rem}
.hzd-page .hzd-catalog-search input{flex:1}
.hzd-page .hzd-order-table-wrap{border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);box-shadow:var(--hzd-shadow);background:#fff;overflow:hidden}
.hzd-page .hzd-order-table th{background:var(--hzd-wash)!important;color:var(--hzd-muted)!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:.85rem 1.1rem;border-bottom:1px solid var(--hzd-line)}
.hzd-page .hzd-order-table td{padding:1.1rem;border-top:1px solid var(--hzd-line);background:#fff!important}
.hzd-page .hzd-order-table tbody tr:hover td{background:#fafbff!important}
.hzd-page .hzd-product-name{font-size:1.02rem;font-weight:700}
.hzd-page .hzd-product-name a{text-decoration:none;color:var(--hzd-ink)}.hzd-page .hzd-product-name a:hover{color:var(--hzd-accent);text-decoration:underline}
.hzd-page .hzd-product-codes{color:var(--hzd-muted);font-size:.85rem;margin:.25rem 0 0}
.hzd-page .hzd-order-table td strong{font-size:1.05rem}
.hzd-page details{margin-top:.5rem;font-size:.88rem}
.hzd-page summary{cursor:pointer;color:var(--hzd-accent);font-weight:600}
.hzd-page .hzd-order-actions{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1.25rem 0;padding:.85rem 1rem;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);box-shadow:0 8px 30px rgba(15,23,42,.14)}
.hzd-page .hzd-selection-summary{margin:0 0 .75rem;padding:.6rem .9rem;border-radius:var(--hzd-radius-sm);background:var(--hzd-accent-soft);font-weight:600}
.hzd-page .hzd-save-list{display:flex;flex-wrap:wrap;gap:.7rem;align-items:flex-end;padding:1.25rem;margin:1.25rem 0;border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);background:var(--hzd-wash)}
.hzd-page .hzd-save-list>label{flex:1 1 100%}
.hzd-page .hzd-save-list input{flex:1 1 220px;width:auto}
.hzd-page .hzd-more-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}
.hzd-page .hzd-more-tools .hzd-card{margin:0}
.hzd-page .hzd-paste-panel{border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);padding:1rem 1.25rem;background:#fff;box-shadow:var(--hzd-shadow);margin:0}
.hzd-page .hzd-paste-panel summary{font-size:1rem}
.hzd-page .hzd-delete-list{margin:0 0 1rem}
.hzd-page .hzd-catalog-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--hzd-muted)}

/* Plan cards (reminders, deliveries) */
.hzd-plan-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:.5rem 0 .25rem}
.hzd-fact{padding:.7rem .85rem;border-radius:var(--hzd-radius-sm);background:var(--hzd-wash);border:1px solid var(--hzd-line)}
.hzd-fact dt{margin:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--hzd-muted)}
.hzd-fact dd{margin:.15rem 0 0;font-weight:700;font-size:1rem}
.hzd-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.hzd-plan-head h3{margin:0}

/* Quick-pick chips */
.hzd-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.hzd-page .hzd-chip{min-height:36px;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--hzd-accent-line);background:#fff;color:var(--hzd-accent);font-size:.85rem;font-weight:650;cursor:pointer;transition:background .15s,color .15s}
.hzd-page .hzd-chip:hover,.hzd-page .hzd-chip:focus-visible{background:var(--hzd-accent);color:#fff}

/* Wizard-style steps */
.hzd-step-head{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem}
.hzd-step-num{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--hzd-accent);color:#fff;font-weight:800;font-size:.95rem}
.hzd-step-head h3{margin:0}
.hzd-review-lines{list-style:none;margin:0 0 1rem;padding:0;border:1px solid var(--hzd-line);border-radius:var(--hzd-radius-sm);overflow:hidden}
.hzd-review-lines li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-top:1px solid var(--hzd-line)}
.hzd-review-lines li:first-child{border-top:0}
.hzd-review-total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.1rem;border-radius:var(--hzd-radius-sm);background:var(--hzd-accent-soft);border:1px solid var(--hzd-accent-line);margin:0 0 1rem}
.hzd-review-total strong{font-size:1.4rem}

/* Organization page */
.hzd-org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0 0 1.5rem}
.hzd-org-grid .hzd-fact{background:#fff;box-shadow:var(--hzd-shadow);padding:1rem 1.1rem}
.hzd-member-list{list-style:none;margin:0;padding:0}
.hzd-member{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.25rem;padding:1rem 0;border-top:1px solid var(--hzd-line)}
.hzd-member:first-child{border-top:0}
.hzd-avatar{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--hzd-accent-soft);color:var(--hzd-accent);font-weight:800}
.hzd-member-who{flex:1 1 220px;min-width:0}
.hzd-member-who strong{display:block}
.hzd-member-who span{color:var(--hzd-muted);font-size:.9rem;overflow-wrap:anywhere}
.hzd-member-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.hzd-member-actions select{width:auto;min-width:130px}
.hzd-location-card{padding:1rem 1.1rem;border:1px solid var(--hzd-line);border-radius:var(--hzd-radius-sm);background:#fff}
.hzd-location-card address{font-style:normal;color:var(--hzd-muted);margin-top:.25rem}
.hzd-invite-result{padding:1rem 1.25rem;border-radius:var(--hzd-radius-sm);background:var(--hzd-good-soft);border:1px solid #b8e3cf;margin:0 0 1.25rem}
.hzd-inline-form{display:flex;flex-wrap:wrap;gap:.6rem;align-items:flex-end}
.hzd-inline-form .hzd-field{flex:1 1 260px;margin:0}

/* Documents */
.hzd-doc-table-wrap{border:1px solid var(--hzd-line);border-radius:var(--hzd-radius);box-shadow:var(--hzd-shadow);background:#fff;overflow:auto}
.hzd-doc-table{width:100%;border-collapse:collapse;margin:0!important;border:0!important}
.hzd-doc-table th{background:var(--hzd-wash);color:var(--hzd-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:.85rem 1.1rem;border:0!important;border-bottom:1px solid var(--hzd-line)!important}
.hzd-doc-table td{padding:1rem 1.1rem;border:0!important;border-top:1px solid var(--hzd-line)!important;vertical-align:middle}
.hzd-doc-table tr:first-child td{border-top:0!important}
.hzd-doc-num{font-weight:700;display:block}

/* Tablet / phone */
@media(max-width:760px){
	.hzd-page{margin-bottom:5rem}
	.hzd-page-header{gap:.85rem;align-items:flex-start}
	.hzd-page-titles{flex:1 1 0;min-width:calc(100% - 4.3rem)}
	.hzd-page-titles h2{font-size:1.45rem}
	.hzd-page-actions,.hzd-page-actions .hzd-button{width:100%}
	.hzd-card{padding:1.1rem}
	.hzd-form-grid{grid-template-columns:1fr}
	.hzd-grid{grid-template-columns:1fr}
	.hzd-page .hzd-workspace-tabs{display:flex;width:100%}.hzd-page .hzd-workspace-tabs a{flex:1;text-align:center;padding:.6rem .4rem}
	.hzd-page .hzd-order-table-wrap{border:0;box-shadow:none;background:transparent;overflow:visible}
	.hzd-page .hzd-order-table tr{background:#fff;border:1px solid var(--hzd-line)!important;border-radius:var(--hzd-radius);box-shadow:var(--hzd-shadow)!important;margin:0 0 .9rem}
	.hzd-page .hzd-order-table td{border:0!important;border-top:1px solid var(--hzd-line)!important}
	.hzd-page .hzd-order-table td:first-child{border-top:0!important}
	.hzd-page .hzd-order-actions{bottom:8px;padding:.6rem}.hzd-page .hzd-order-actions .hzd-button{flex:1 1 calc(50% - .4rem);min-width:0;padding:.6rem .5rem;font-size:.9rem}.hzd-page .hzd-order-actions .hzd-help{display:none}
	.hzd-page .hzd-catalog-search>div{flex-wrap:wrap}
	.hzd-member-actions{width:100%}
	.hzd-doc-table thead{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}
	.hzd-doc-table,.hzd-doc-table tbody,.hzd-doc-table tr,.hzd-doc-table td{display:block;width:100%}
	.hzd-doc-table tr{padding:.5rem 0;border-top:1px solid var(--hzd-line)}.hzd-doc-table tr:first-child{border-top:0}
	.hzd-doc-table td{border:0!important;padding:.35rem 1.1rem;display:flex;justify-content:space-between;gap:1rem}
	.hzd-doc-table td:before{content:attr(data-label);color:var(--hzd-muted);font-weight:650;font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.hzd-page *{transition:none!important}}