.count-group{margin-bottom:var(--space-6)}.count-group h3{top:var(--header-height);z-index:2;margin:0 calc(-1 * var(--space-2));padding:var(--space-2) var(--space-2) var(--space-3);background:var(--color-background);position:sticky}.count-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.count-row{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);grid-template-columns:minmax(0,1fr);display:grid}.count-row:focus-within{box-shadow:var(--shadow-md)}.count-row.is-counted{border-left-color:var(--color-success)}.count-row.is-below-par{border-left-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning-soft) 55%, var(--color-surface))}.count-row-label{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.count-row-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.005em}.count-row-par{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.count-badge{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning-ink);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;white-space:nowrap;animation:badge-in var(--duration-base) var(--ease-spring);align-self:center;line-height:1.5}@keyframes badge-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.count-stepper{align-items:center;gap:var(--space-2);display:flex}.count-step{width:calc(var(--tap-target) + var(--space-2));height:calc(var(--tap-target) + var(--space-2));border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-xl);cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:none;place-items:center;line-height:1;display:grid}.count-step:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.count-step:active{transform:scale(.92)}.count-input{min-width:0;height:calc(var(--tap-target) + var(--space-3));padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-numeral);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-align:center;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex:auto}.count-input:hover{border-color:var(--color-text-faint)}.count-input:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.count-input[aria-invalid=true]{border-color:var(--color-danger);color:var(--color-danger-ink)}.count-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px var(--color-danger-soft)}.count-row-error{grid-column:1/-1;margin:0}.count-footer{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-2));z-index:5;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;position:sticky}.count-progress{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;margin:0}.count-progress-bar{border-radius:var(--radius-pill);background:var(--color-surface-sunken);height:4px;overflow:hidden}.count-progress-bar>span{border-radius:inherit;background:var(--color-accent);height:100%;transition:width var(--duration-slow) var(--ease-out);display:block}.count-footer-actions{gap:var(--space-2);display:flex}.count-footer-actions .btn{flex:1}@media (width>=640px){.count-row{grid-template-columns:minmax(0,1fr) auto}.count-input{flex:none;width:6ch}.count-footer{align-items:center;column-gap:var(--space-5);row-gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"progress actions""bar actions"}.count-progress{grid-area:progress}.count-progress-bar{grid-area:bar}.count-footer-actions{grid-area:actions}.count-footer-actions .btn{flex:none}}@media (width>=768px){.count-group h3{padding-top:var(--space-3);top:0}.count-footer{bottom:var(--space-4)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-background:#f4ecdf;--color-surface:#fdf8f0;--color-surface-raised:#fffdf9;--color-surface-sunken:#ede3d3;--color-text:#2a1c13;--color-text-muted:#6d5c50;--color-text-faint:#9b8a7d;--color-border:#e2d5c3;--color-border-strong:#c9b8a2;--color-accent:#b4471c;--color-accent-hover:#9c3b15;--color-accent-text:#fff6ee;--color-accent-soft:#f6dfd0;--color-success:#2f7a4b;--color-success-soft:#dcefe1;--color-success-ink:#1f5c37;--color-warning:#b7791f;--color-warning-soft:#f8e9cc;--color-warning-ink:#7a4f0c;--color-danger:#b3261e;--color-danger-soft:#f9dedb;--color-danger-ink:#8f1c15;--color-danger-text:#fff5f3;--color-focus:#b4471c;--color-backdrop:#2a1c1380;--font-sans:"Inter", "SF Pro Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-display:clamp(1.75rem, 1.25rem + 2vw, 2.5rem);--text-numeral:1.75rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-.02em;--tracking-wide:.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px #2a1c130f, 0 1px 1px #2a1c130a;--shadow-md:0 2px 4px #2a1c130f, 0 8px 20px #2a1c1314;--shadow-lg:0 4px 10px #2a1c1314, 0 24px 48px #2a1c1329;--shadow-focus:0 0 0 4px #b4471c33;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.3, .64, 1);--tap-target:44px;--control-height:48px;--header-height:3.5rem;--rail-header-height:5.5rem;--rail-width:15rem;--tab-bar-height:4rem;--content-max:58rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-background:#171110;--color-surface:#211915;--color-surface-raised:#2b211c;--color-surface-sunken:#110d0b;--color-text:#f3eadf;--color-text-muted:#b3a394;--color-text-faint:#7f7066;--color-border:#39302a;--color-border-strong:#54463d;--color-accent:#ea7d4e;--color-accent-hover:#f28f63;--color-accent-text:#1b120e;--color-accent-soft:#3d241a;--color-success:#6fc08d;--color-success-soft:#1d3326;--color-success-ink:#9fdcb5;--color-warning:#e0aa4c;--color-warning-soft:#3a2b12;--color-warning-ink:#f1c982;--color-danger:#f0776c;--color-danger-soft:#42201c;--color-danger-ink:#f6a39b;--color-danger-text:#1b120e;--color-focus:#ea7d4e;--color-backdrop:#0009;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d, 0 8px 20px #00000073;--shadow-lg:0 4px 10px #0006, 0 24px 48px #0009;--shadow-focus:0 0 0 4px #ea7d4e4d}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-base:0s;--duration-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:100%;line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{background:var(--color-background);min-height:100dvh;color:var(--color-text);margin:0;overflow-x:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:-.01em;text-wrap:balance}button{font:inherit;color:inherit}a{color:var(--color-accent);-webkit-text-decoration-color:color-mix(in srgb, var(--color-accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--color-accent) 40%, transparent);text-underline-offset:.2em;border-radius:var(--radius-sm);transition:text-decoration-color var(--duration-fast) var(--ease-standard)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-accent-soft);color:var(--color-text)}.numeral{font-variant-numeric:tabular-nums lining-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:0 var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:1px solid #0000;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-accent-text);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface)}.btn-danger{background:var(--color-danger);color:var(--color-danger-text);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 88%, var(--color-text))}.btn-quiet{color:var(--color-accent);padding:0 var(--space-3);background:0 0}.btn-quiet:hover:not(:disabled){background:var(--color-accent-soft)}.app{min-height:100dvh;padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));grid-template-rows:auto 1fr;grid-template-areas:"header""screen";display:grid}.app-header{z-index:20;height:var(--header-height);padding:0 var(--space-4);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-area:header;align-items:center;display:flex;position:sticky;top:0}.app-title{align-items:center;gap:var(--space-3);font-size:var(--text-lg);letter-spacing:0;display:inline-flex}.app-title:before{content:"";background:var(--color-accent);width:.6em;height:.6em;box-shadow:0 0 0 3px var(--color-accent-soft);border-radius:50%;flex:none}.main-nav{z-index:20;height:calc(var(--tab-bar-height) + env(safe-area-inset-bottom));padding:var(--space-1) var(--space-2) env(safe-area-inset-bottom);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}.main-nav-button{min-height:var(--tap-target);padding:var(--space-1);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.main-nav-button:hover{color:var(--color-text)}.main-nav-button:active{background:var(--color-surface-sunken)}.main-nav-button svg{border-radius:var(--radius-pill);box-sizing:content-box;transition:background-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-spring);padding:2px 10px}.main-nav-button[aria-current=page]{color:var(--color-accent)}.main-nav-button[aria-current=page] svg{background:var(--color-accent-soft);transform:translateY(-1px)}.screen{width:100%;min-width:0;max-width:var(--content-max);padding:var(--space-5) var(--space-4) var(--space-7);animation:screen-in var(--duration-slow) var(--ease-out);grid-area:screen;margin:0 auto}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen-header{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.screen-header h2{font-size:var(--text-display);letter-spacing:var(--tracking-tight)}.screen h3{font-size:var(--text-lg)}@media (width>=768px){.app{grid-template-columns:var(--rail-width) minmax(0, 1fr);grid-template-rows:auto 1fr;grid-template-areas:"header screen""nav screen";padding-bottom:0}.app-header{height:var(--rail-header-height);padding:0 var(--space-4);border-bottom:0;border-right:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.app-title{padding-left:var(--space-2);white-space:nowrap}.main-nav{inset:auto;top:var(--rail-header-height);height:calc(100dvh - var(--rail-header-height));padding:var(--space-2) var(--space-3) var(--space-5);gap:var(--space-1);border-top:0;border-right:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;grid-area:nav;display:flex;position:sticky}.main-nav-button{justify-content:flex-start;gap:var(--space-3);min-height:var(--tap-target);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);flex-direction:row}.main-nav-button:hover{background:var(--color-surface-raised)}.main-nav-button svg{border-radius:0;padding:0}.main-nav-button[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-semibold)}.main-nav-button[aria-current=page] svg{background:0 0;transform:none}.screen{padding:var(--space-7) var(--space-7) var(--space-8);margin:0}.screen-header{margin-bottom:var(--space-6)}.screen h3{font-size:var(--text-xl)}}.setup-nav{gap:var(--space-1);width:fit-content;max-width:100%;padding:var(--space-1);margin-bottom:var(--space-5);border-radius:var(--radius-pill);background:var(--color-surface-sunken);display:flex}.setup-nav-button{min-height:var(--tap-target);padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:1}.setup-nav-button:hover{color:var(--color-text)}.setup-nav-button[aria-current=true]{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-sm)}.empty-state{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--color-accent-soft) 60%, transparent), transparent 60%);flex-direction:column;display:flex}.empty-state-icon{width:4.5rem;height:4.5rem;margin-bottom:var(--space-2);background:var(--color-accent-soft);color:var(--color-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 15%, transparent);border-radius:50%;place-items:center;display:grid}.empty-state-heading{font-size:var(--text-xl)}.empty-state-message{max-width:28rem;color:var(--color-text-muted);font-size:var(--text-md);line-height:var(--leading-relaxed);text-wrap:pretty}.empty-state-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.dialog-backdrop{z-index:100;padding:var(--space-4);background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in var(--duration-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(100%,26rem);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-lg);animation:dialog-in var(--duration-base) var(--ease-spring)}.dialog-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.dialog-message{color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-5)}.dialog-actions{justify-content:flex-end;gap:var(--space-3);display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.form-card{gap:var(--space-4);max-width:30rem;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.field{gap:var(--space-2);display:grid}.field label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.field input,.field select{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard)}.field input:hover,.field select:hover{border-color:var(--color-text-faint)}.field input:focus-visible,.field select:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--color-danger)}.field input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 4px var(--color-danger-soft)}.select-wrap{display:grid;position:relative}.select-wrap select{appearance:none;padding-right:calc(var(--space-3) + 1.5rem);cursor:pointer}.select-wrap svg{top:50%;right:var(--space-3);width:1.125rem;height:1.125rem;color:var(--color-text-muted);pointer-events:none;position:absolute;transform:translateY(-50%)}.field-error{align-items:baseline;gap:var(--space-1);color:var(--color-danger-ink);font-size:var(--text-sm);animation:fade-in var(--duration-base) var(--ease-out);display:flex}.field-error:before{content:"";background:var(--color-danger);border-radius:50%;flex:none;width:.4em;height:.4em}.form-actions,.row-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.form-actions{padding-top:var(--space-2);justify-content:flex-end}@media (width<=479px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.screen>section+section,.screen>.screen-header~section+section{margin-top:var(--space-6)}.screen>section>h3{margin-bottom:var(--space-3)}.row-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.row-card{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);flex-wrap:wrap;display:flex}.row-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.row-main{align-items:baseline;column-gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.row-title{margin-bottom:var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.005em;flex-basis:100%}h3.row-title{font-size:var(--text-xl)}.row-detail{color:var(--color-text-muted);font-size:var(--text-sm)}.row-main .row-detail:not(:last-child):after{content:"·";margin-left:var(--space-2);color:var(--color-text-faint)}.row-card .row-actions{margin-left:auto}.data-cards{gap:var(--space-3);max-width:36rem;display:grid}.data-cards>.row-detail{max-width:32ch;padding:0 var(--space-1);line-height:var(--leading-relaxed)}@media (width<=479px){.data-cards .row-card .btn{width:100%}}.order-sheet{gap:var(--space-4);display:grid}.order-sheet-top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.order-sheet-date{color:var(--color-text-muted);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;margin:0}.copied-note{min-height:1.5em;color:var(--color-success-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);margin:0}.copied-note:not(:empty):before{content:"✓ "}.order-sheet-par{justify-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);text-align:center;border:1px solid color-mix(in srgb, var(--color-success) 25%, transparent);border-radius:var(--radius-lg);background:var(--color-success-soft);color:var(--color-success-ink);display:grid}.order-sheet-par-icon{width:3.5rem;height:3.5rem;margin-bottom:var(--space-2);background:var(--color-success);color:var(--color-success-soft);border-radius:50%;place-items:center;display:grid}.order-sheet-par h3{font-size:var(--text-xl)}.order-sheet-par p{color:color-mix(in srgb, var(--color-success-ink) 80%, var(--color-text))}.order-group{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);display:grid}.order-group-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.order-group-head h3{font-size:var(--text-xl);margin:0}.order-contact{gap:var(--space-1) var(--space-4);margin:var(--space-1) 0 0;font-size:var(--text-sm);flex-wrap:wrap;display:flex}.order-contact a{font-weight:var(--weight-medium)}.order-table{border-collapse:collapse;width:100%}.order-table th,.order-table td{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border);text-align:left;vertical-align:top}.order-table th:first-child,.order-table td:first-child{padding-left:0}.order-table th:last-child,.order-table td:last-child{padding-right:0}.order-table thead th{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-top:0;padding-top:0}.order-table tbody th{font-weight:var(--weight-semibold)}.order-table td{color:var(--color-text-muted)}.order-table .order-qty{color:var(--color-accent);font-weight:var(--weight-semibold)}.order-table .is-uncounted{color:var(--color-text-faint);font-style:italic}@media (width<=639px){.order-table{font-size:var(--text-sm)}.order-table th,.order-table td{padding-inline:var(--space-1)}.table-stack thead{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.table-stack,.table-stack tbody{display:block}.table-stack tbody tr{gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.table-stack tbody th,.table-stack tbody td{border:0;padding:0;display:block}.table-stack tbody th{margin-bottom:var(--space-1);grid-column:1/-1}.table-stack td:before{content:attr(data-label);color:var(--color-text-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:block}}@media print{.app-header,.main-nav,.screen-header,.order-actions,.order-copy,.copied-note,.history-lines{display:none!important}.app{display:block}body,.app,.screen{max-width:none;margin:0;padding:0;animation:none;color:#000!important;background:#fff!important}.order-sheet,.order-sheet *{color:#000!important;box-shadow:none!important;background:0 0!important}.order-group{break-inside:avoid;border-color:#000}.order-table th,.order-table td{border-color:#000}}.history-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.history-row{align-items:center;column-gap:var(--space-3);text-align:left;width:100%;padding:var(--space-4) var(--space-5);min-height:var(--tap-target);font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date chevron""meta chevron";display:grid}.history-row:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.history-row:active{transform:scale(.99)}.history-when{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;grid-area:date;display:flex}.history-date{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:-.01em}.history-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.history-meta{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;grid-area:meta;display:flex}.history-chevron{color:var(--color-text-faint);transition:transform var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);grid-area:chevron}.history-row:hover .history-chevron{color:var(--color-accent);transform:translate(2px)}.history-lines{margin-top:var(--space-7)}.history-lines h3{margin-bottom:var(--space-3)}.pill{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;white-space:nowrap;line-height:1.5;display:inline-flex}.pill-warning{background:var(--color-warning-soft);color:var(--color-warning-ink)}.pill-success{background:var(--color-success-soft);color:var(--color-success-ink)}
