/* XEKTA panel v3 "Counter" (8 Oct 2026) — the signed-in shop and buyer screens as the back room of www.xekta.com.
   Warm paper, one deep leaf-green rail, leaf green as the only primary, persimmon only for what needs you now
   (new orders, waiting answers, errors). Bricolage Grotesque headings, Figtree body, DM Mono for order numbers,
   money, pickup codes and times. Orders are paper tickets with a perforated top edge on calm trays.
   Hallmark · macrostructure: Bespoke "Back room" · tone: warm-local, utilitarian · anchor hue: leaf 152 */
:root{
  /* 10 Oct 2026 "Ledger" — neutral paper, white sheets, one green. No tinted fills. */
  --paper:oklch(98.3% .002 100);--paper-2:oklch(96.6% .003 100);--paper-3:oklch(93.5% .004 100);--card:oklch(100% 0 0);
  --ink:oklch(21% .012 160);--ink-2:oklch(38% .012 160);--muted:oklch(50% .01 160);--faint:oklch(62% .008 160);
  --rule:oklch(91% .004 100);--rule-2:oklch(83% .006 100);--rule-3:oklch(70% .01 160);
  --leaf:oklch(43% .1 155);--leaf-hover:oklch(37% .095 155);--leaf-deep:oklch(31% .07 155);--leaf-deeper:oklch(26.5% .06 156);
  --leaf-soft:oklch(96.6% .003 100);--leaf-line:oklch(40% .07 155);--live:oklch(64% .16 150);
  --persimmon:oklch(62% .17 38);--persimmon-ink:oklch(52% .16 34);--persimmon-hover:oklch(46% .15 34);--persimmon-soft:oklch(100% 0 0);
  --kraft:oklch(52% .08 68);--kraft-light:oklch(82% .065 72);--kraft-mid:oklch(72% .08 68);--crust:oklch(74% .12 66);--brick:oklch(48% .16 27);--brick-soft:oklch(100% 0 0);--stone:oklch(46% .01 160);
  --on-dark:oklch(96% .02 90);--on-dark-2:oklch(84% .045 140);--on-dark-3:oklch(72% .05 145);--focus-on-dark:oklch(88% .1 120);
  --shadow:oklch(25% .01 160 / .06);--shadow-2:oklch(25% .01 160 / .12);
  /* eski adlar — sayfa sınıflarının anlamı aynı kalsın diye */
  --text:var(--ink);--text-2:var(--ink-2);--surface:var(--card);--surface-2:var(--paper-2);--cream:var(--on-dark);
  --line:var(--rule);--line-2:var(--rule-2);--tint:var(--leaf-soft);--gold:var(--leaf);--gold-ink:var(--leaf);
  --new:var(--persimmon-ink);--prep:var(--kraft);--ready:var(--leaf);--done:var(--stone);--red:var(--brick);
  --led:var(--ink);--tray:var(--paper-2);
  --r:8px;--r-sm:6px;
  --lift:none;
  --pop:0 1px 2px var(--shadow),0 8px 24px -8px var(--shadow-2);
  --side-w:232px;--top-h:60px;--gut:clamp(16px,2.6vw,36px);
  --t-xs:12px;--t-sm:13px;--t-base:14px;--t-md:15px;--t-lg:18px;--t-xl:24px;
  --font:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.22,.8,.26,1);
}
.sig-amber{--led:var(--new)}
.sig-blue{--led:var(--prep)}
.sig-green{--led:var(--ready)}
.sig-red{--led:var(--red)}
.sig-ink{--led:var(--done)}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body.panel{margin:0;min-height:100vh;overflow-x:clip;background:var(--paper);color:var(--text);font:400 var(--t-base)/1.5 var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);grid-template-rows:var(--top-h) 1fr auto;grid-template-areas:"side top" "side main" "side foot"}
@media (min-width:761px){body.panel:has(>.side){background:linear-gradient(to right,var(--leaf-deep) var(--side-w),var(--paper) var(--side-w))}}
:focus-visible{outline:2.5px solid var(--leaf);outline-offset:2px}
.tab,.num{font-variant-numeric:tabular-nums}

/* ── rail: deep green ────────────────────────────────────────────── */
.side{grid-area:side;position:sticky;top:0;height:100vh;background:var(--leaf-deep);color:var(--on-dark-2);display:flex;flex-direction:column;padding:22px 14px;gap:2px;z-index:20;overflow-y:auto}
.side :focus-visible{outline-color:var(--focus-on-dark)}
.side__brand{display:flex;align-items:center;gap:10px;color:var(--on-dark);text-decoration:none;font:800 19px/1 var(--display);letter-spacing:.01em;padding:4px 10px 20px}
.side__brand svg{width:22px;height:auto;fill:currentColor}
.side__shop{padding:12px;margin:0 0 14px;border:1.5px solid var(--leaf-line);border-radius:var(--r-sm)}
.side__shop b{display:block;color:var(--on-dark);font:700 16px/1.2 var(--display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side__shop span{display:block;font-size:var(--t-xs);color:var(--on-dark-3);margin-top:2px}
.side__nav{display:grid;gap:2px}
.side__nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:var(--r-sm);color:var(--on-dark-2);text-decoration:none;font-size:var(--t-base);font-weight:600;transition:background-color .14s var(--ease),color .14s var(--ease)}
.side__nav a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.side__nav a:hover{background:var(--leaf-deeper);color:var(--on-dark)}
.side__nav a[aria-current="page"]{background:var(--paper);color:var(--leaf-deep)}
.side__nav a[aria-current="page"] svg{color:var(--leaf)}

/* ── top bar ─────────────────────────────────────────────────────── */
.top{grid-area:top;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:16px;padding:0 var(--gut);background:var(--paper);border-bottom:1.5px solid var(--rule);min-width:0}
.top__title{font:750 24px/1.1 var(--display);letter-spacing:-.02em;color:var(--text);white-space:nowrap;margin:0}
.top__bar{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.top__brand{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font:800 18px/1 var(--display);letter-spacing:.01em;padding-right:16px;border-right:1.5px solid var(--rule)}
.top__brand svg{width:20px;height:auto;fill:currentColor}
.account{position:relative;margin-left:auto;flex:none}
.account__button{list-style:none;display:flex;align-items:center;gap:9px;height:40px;padding:0 10px 0 5px;border:1.5px solid var(--rule);border-radius:999px;background:var(--card);cursor:pointer;transition:background-color .14s var(--ease),border-color .14s var(--ease)}
.account__button::-webkit-details-marker{display:none}
.account__button::after{content:"";width:6px;height:6px;margin:0 3px 0 1px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:translateY(-2px) rotate(45deg)}
.account[open]>.account__button::after{transform:translateY(1px) rotate(-135deg)}
.account__button:hover,.account[open]>.account__button{background:var(--paper-2);border-color:var(--rule-2)}
.account__avatar{width:28px;height:28px;border-radius:50%;background:var(--leaf-deep);color:var(--on-dark);font:700 var(--t-sm)/1 var(--display);display:grid;place-items:center;flex:none}
.account__avatar--lg{width:44px;height:44px;font-size:18px}
.account__avatar svg{width:16px;height:16px;fill:none;stroke:var(--on-dark);stroke-width:1.8;stroke-linecap:round}
.who{font-weight:600;font-size:var(--t-base);line-height:1;color:var(--text);max-width:22vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:288px;max-width:calc(100vw - 24px);padding:8px;margin:0;background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r);box-shadow:var(--pop)}
.account__head{margin:0 0 6px;padding:8px 10px 10px;border-bottom:1.5px solid var(--rule);font-size:var(--t-xs);color:var(--muted);display:grid;gap:2px;max-width:none}
.account__head strong{font-size:var(--t-base);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account__profile{display:flex;align-items:center;gap:12px;padding:8px 10px 14px;margin:0 0 6px;border-bottom:1.5px solid var(--rule);border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--text);text-decoration:none}
.account__profile:hover{background:var(--paper-2);text-decoration:none}
.account__id{display:grid;gap:3px;min-width:0}
.account__id strong{font:700 var(--t-md)/1.2 var(--display);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account__id span{font-size:var(--t-sm);font-weight:600;color:var(--leaf)}
.account__items{display:grid;gap:2px;padding:0 0 6px;margin:0 0 6px;border-bottom:1.5px solid var(--rule)}
.account__items a{display:flex;align-items:center;gap:12px;height:40px;padding:0 10px;border-radius:var(--r-sm);color:var(--text);font-size:var(--t-base);font-weight:600;text-decoration:none}
.account__items a:hover{background:var(--paper-2)}
.account__items a[aria-current="page"]{background:var(--leaf-soft);color:var(--leaf-deep)}
.account__items svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.account__actions{display:grid;gap:2px;margin:0}
.account__menu button{justify-content:flex-start;width:100%;height:38px;margin:0;padding:0 10px;background:transparent;color:var(--text);border:0;box-shadow:none;font-size:var(--t-base);font-weight:600}
.account__menu button:hover{background:var(--paper-2)}
.account__menu button+button{color:var(--muted)}
body.panel--bare{grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "main" "foot"}
body.panel--bare .top{background:var(--leaf-deep);border-bottom:0;color:var(--on-dark)}
body.panel--bare .top :focus-visible{outline-color:var(--focus-on-dark)}
body.panel--bare .top__brand{color:var(--on-dark);border-right:0}
body.panel--bare .top__title{color:var(--on-dark)}
body.panel--bare .account__button{background:transparent;border-color:var(--leaf-line)}
body.panel--bare .account__button:hover,body.panel--bare .account[open]>.account__button{background:var(--leaf-deeper);border-color:var(--leaf-line)}
body.panel--bare .who{color:var(--on-dark)}
body.panel--bare .account__button::after{border-color:var(--on-dark-2)}
body.panel--bare .account__avatar{background:var(--paper);color:var(--leaf-deep)}
body.panel--bare .account__avatar svg{stroke:var(--leaf-deep)}
body.panel--bare main.board{max-width:960px;margin:0 auto}

/* ── page ────────────────────────────────────────────────────────── */
main.board{grid-area:main;width:100%;padding:28px var(--gut) 56px;min-width:0;display:flex;flex-direction:column;gap:20px}
main.board>*{margin-top:0;margin-bottom:0}
.head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.head .meta,.head>p{margin:0;flex:0 0 100%;max-width:none}
h1{font:750 var(--t-xl)/1.1 var(--display);letter-spacing:-.025em;color:var(--text);margin:0;overflow-wrap:anywhere;min-width:0}
h2{font:700 18px/1.25 var(--display);letter-spacing:-.01em;color:var(--text);margin:22px 0 8px;overflow-wrap:anywhere}
h3{font:700 var(--t-md)/1.3 var(--display);letter-spacing:-.005em;color:var(--text);margin:0 0 6px}
p{margin:8px 0;color:var(--text-2);max-width:74ch;line-height:1.6}
p.meta,.meta{color:var(--muted);font-size:var(--t-sm);margin:4px 0}
strong{color:var(--text);font-weight:600}
a{color:var(--leaf);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in oklch,var(--leaf) 35%,transparent);text-underline-offset:3px}
a:hover{color:var(--leaf-hover);text-decoration-color:currentColor}
ul,ol{margin:8px 0;padding-left:1.25rem;color:var(--text-2)}
li{margin:4px 0}
hr{border:0;border-top:1.5px solid var(--rule);margin:22px 0}
article{color:var(--text-2)}
code{font:500 .9em var(--mono);color:var(--text);background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:1px 5px}

/* ── cards (.chassis) ────────────────────────────────────────────── */
.chassis{background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r);box-shadow:0 6px 16px -12px var(--shadow-2);overflow:hidden}
.bar{display:flex;align-items:center;gap:12px;margin:0;padding:14px 20px;border-bottom:1.5px dashed var(--rule-2);font:700 var(--t-md)/1.3 var(--display);letter-spacing:-.01em;color:var(--text)}
.bar--foot{border-bottom:0;border-top:1.5px solid var(--rule);background:var(--paper-2);padding:12px 20px;font:400 var(--t-sm)/1.5 var(--font);letter-spacing:0}
.bar--foot p{margin:0}
.bar--foot .silk{font-weight:500;color:var(--muted);font-size:var(--t-sm)}
.silk{font:inherit;color:inherit}
.bar .silk--on{display:inline-flex;align-items:center;gap:9px}
.bar .silk--on::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--led)}
.bar__r{margin-left:auto;text-align:right;font:600 var(--t-sm)/1.3 var(--font);letter-spacing:0;color:var(--muted)}
.bays{display:grid;grid-template-columns:minmax(0,1fr)}
article{min-width:0;overflow-wrap:anywhere}
article table{display:block;overflow-x:auto;max-width:100%}
/* legal text straight on the page, not in a card (terms page, 11 Oct 2026) */
.legal-text{overflow-wrap:break-word}
.legal-text h1{font:700 22px/1.25 var(--display);letter-spacing:-.01em;color:var(--text);margin:0 0 6px}
.legal-text table{display:table;width:100%}
.legal-split{margin:6px 0}
@media (max-width:640px){
  .legal-text table,.legal-text tbody,.legal-text tr,.legal-text td{display:block;width:auto}
  .legal-text thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .legal-text tr{padding:14px 0;border-bottom:1.5px solid var(--rule)}
  .legal-text tr:last-child{border-bottom:0}
  .legal-text td{padding:0;border:0}
  .legal-text td:first-child{font-weight:600;color:var(--text)}
  .legal-text td+td::before{content:attr(data-label);display:block;margin-top:8px;font-size:var(--t-xs);font-weight:600;color:var(--muted)}
}
.bays--2{grid-template-columns:minmax(0,1fr) 1.5px minmax(0,1fr)}
.bays--3{grid-template-columns:minmax(0,1fr) 1.5px minmax(0,1.15fr) 1.5px minmax(0,1.1fr)}
.split{background:var(--rule)}
.bay{padding:20px 22px;display:grid;align-content:start;gap:10px;min-width:0}
.bay>h2:first-child,.bay>*:first-child>h2:first-child{margin-top:0}
.bay>p:first-child{margin-top:0}
.bay h2{font-size:var(--t-md);margin:16px 0 2px}
.bay--aside{background:var(--paper-2)}
.bay__cap{font-size:var(--t-xs);font-weight:600;color:var(--muted);margin:0}
.bay__foot{margin-top:auto}
.bay form{margin:0}

/* ── status ──────────────────────────────────────────────────────── */
.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rule-2);vertical-align:middle;flex:none}
.lamp--on{background:var(--led)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font:600 var(--t-xs)/1.5 var(--font);letter-spacing:0;color:var(--led);background:color-mix(in oklch,var(--led) 11%,var(--card));white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
h1 .badge{vertical-align:middle;margin-left:8px}

/* ── notices ─────────────────────────────────────────────────────── */
.notice{--tone:var(--leaf);display:block;padding:12px 16px;border:1.5px solid color-mix(in oklch,var(--tone) 30%,var(--card));border-radius:var(--r-sm);background:color-mix(in oklch,var(--tone) 7%,var(--card));color:var(--text-2);font-size:var(--t-base);max-width:none}
.notice.ok{--tone:var(--leaf)}
.notice.warn{--tone:var(--persimmon-ink);background:var(--persimmon-soft)}
.notice p{margin:2px 0;max-width:none}
.notice .why{color:var(--muted);font-size:var(--t-sm)}

/* ── buttons (default · hover · focus · active · disabled) ──────── */
button,.btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;height:auto;padding:9px 16px;margin:0;border:1.5px solid transparent;border-radius:var(--r-sm);background:var(--leaf);color:var(--on-dark);font:600 var(--t-base)/1.1 var(--font);text-decoration:none;cursor:pointer;white-space:nowrap;max-width:100%;transition:background-color .14s var(--ease),transform .14s var(--ease)}
button:hover,.btn:hover{background:var(--leaf-hover);color:var(--on-dark);text-decoration:none}
button:active,.btn:active{transform:translateY(1px)}
button:focus-visible,.btn:focus-visible{outline:2.5px solid var(--leaf);outline-offset:3px}
.sig-amber:is(button,.btn),.sig-blue:is(button,.btn),.sig-green:is(button,.btn),.sig-red:is(button,.btn),.sig-ink:is(button,.btn){background:var(--led)}
.sig-amber:is(button,.btn):hover{background:var(--persimmon-hover)}
.sig-green:is(button,.btn):hover{background:var(--leaf-hover)}
.sig-amber:is(button,.btn):focus-visible{outline-color:var(--persimmon-ink)}
.sig-blue:is(button,.btn):hover,.sig-red:is(button,.btn):hover,.sig-ink:is(button,.btn):hover{background:color-mix(in oklch,var(--led) 85%,black)}
button:disabled,button:disabled:hover{cursor:not-allowed;background:var(--paper-3);color:var(--faint);transform:none}
button.quiet,.btn.quiet{background:var(--card);color:var(--text);border-color:var(--rule-2)}
button.quiet:hover,.btn.quiet:hover{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf-deep)}
.btn--lg{min-height:50px;padding:12px 24px;font-size:var(--t-md)}
.btn--off{background:var(--paper-2);color:var(--faint);border-color:var(--rule);cursor:default;pointer-events:none}

/* ── forms ───────────────────────────────────────────────────────── */
label{display:block;font-size:var(--t-sm);font-weight:600;color:var(--text);margin:14px 0 6px}
label:first-child{margin-top:0}
label.check,label:has(>input[type="radio"]),label:has(>input[type="checkbox"]){display:flex;gap:10px;align-items:center;font-weight:600;color:var(--text-2);margin:10px 0}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{font:400 var(--t-base)/1.4 var(--font);color:var(--text);background-color:var(--card);border:1.5px solid var(--rule-2);border-radius:var(--r-sm);padding:10px 12px;min-height:44px;width:100%;max-width:30rem;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):hover,select:hover,textarea:hover{border-color:var(--ink-2)}
input:focus,select:focus,textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 3px color-mix(in oklch,var(--leaf) 22%,transparent);outline:none}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--leaf);outline-offset:1px}
input:disabled,select:disabled,textarea:disabled{background-color:var(--paper-2);color:var(--muted);cursor:not-allowed}
input[aria-invalid="true"],select[aria-invalid="true"]{border-color:var(--persimmon-ink);background-color:var(--persimmon-soft)}
input::placeholder,textarea::placeholder{color:var(--faint)}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23465a4c'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");background-position:calc(100% - 10px) 50%;background-size:18px 18px;background-repeat:no-repeat;padding-right:36px}
input[type="checkbox"],input[type="radio"]{width:18px;height:18px;margin:0;accent-color:var(--leaf);flex:none}
input[type="time"],input[type="number"]{max-width:9rem;font-family:var(--mono);font-variant-numeric:tabular-nums}
textarea{max-width:none;min-height:5.5em;resize:vertical}
fieldset{border:0;padding:0;margin:18px 0;min-width:0}
legend{font-size:var(--t-sm);font-weight:600;color:var(--text);padding:0;margin:0 0 8px}
.day{display:grid;grid-template-columns:7rem 9rem auto 9rem;align-items:center;gap:10px;padding:8px 0;border-bottom:1.5px solid var(--rule)}
.day label{margin:0;font-weight:600;color:var(--text-2)}
.day span{color:var(--faint);font-size:var(--t-sm);text-align:center}
form>button,form .submit{margin-top:16px}
.errors{list-style:none;margin:0;padding:12px 16px;border:1.5px solid color-mix(in oklch,var(--persimmon-ink) 35%,var(--card));border-radius:var(--r-sm);background:var(--persimmon-soft)}
.errors li{margin:2px 0;color:var(--persimmon-hover);font-size:var(--t-base);font-weight:600}

/* address fields + suggestions (4 Oct 2026) — the list hangs under Street address and never pushes the form */
.addr{max-width:30rem}
.addr__combo{position:relative}
.addr__pop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--card);border:1.5px solid var(--rule-2);border-radius:var(--r-sm);box-shadow:var(--pop);overflow:hidden}
.addr__list{list-style:none;margin:0;padding:4px;max-height:min(50vh,300px);overflow-y:auto;overscroll-behavior:contain}
.addr__list li{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 10px;border-radius:6px;color:var(--text);font-size:var(--t-base);line-height:1.35;cursor:pointer}
.addr__list li:hover{background:var(--paper-2)}
.addr__list li[aria-selected="true"]{background:var(--leaf-soft);box-shadow:inset 3px 0 0 var(--leaf)}
.addr__by{margin:0;padding:6px 12px 7px;border-top:1.5px solid var(--rule);font-size:var(--t-xs);color:var(--muted);text-align:right}
.addr__row{display:grid;grid-template-columns:minmax(0,1fr) 8.5rem 7.5rem;gap:0 12px}
.addr__row>div{min-width:0}
.addr__locate{margin:14px 0 4px}
.addr__status{margin:0 0 6px;min-height:0}
.addr__status:empty{display:none}
@media (max-width:600px){
  .addr{max-width:none}
  .addr__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .addr__city{grid-column:1/-1}
  .addr__locate{width:100%}
}

/* role choice — two large cards; the bottom strip fills leaf on hover */
.welcome{width:100%;max-width:60rem;margin:0 auto;padding:clamp(8px,4vh,40px) 0 24px;display:grid;gap:30px}
.welcome__head{display:grid;gap:10px}
.welcome__head h1{font-size:clamp(34px,4.4vw,56px);letter-spacing:-.03em;line-height:1.02}
.welcome__head p{margin:0;color:var(--ink-2);font-size:var(--t-lg);max-width:none}
.role-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.role-choice>button.role{display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:auto;width:100%;margin:0;padding:26px 26px 0;border:1.5px solid var(--rule);border-radius:var(--r);background:var(--card);color:var(--text-2);font:400 var(--t-base)/1.55 var(--font);text-align:left;white-space:normal;cursor:pointer;overflow:hidden;transition:border-color .16s var(--ease),box-shadow .24s var(--ease),transform .24s var(--ease)}
.role-choice>button.role:hover{background:var(--card);border-color:var(--leaf);box-shadow:0 12px 26px -16px var(--shadow-2);transform:translateY(-2px)}
.role-choice>button.role:focus-visible{outline:2.5px solid var(--leaf);outline-offset:3px}
.role-choice>button.role:active{transform:none}
.role__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}
.role__ico{display:block;width:96px;height:80px;margin:-6px 0 6px -4px}
.role__kind{flex:none;padding:5px 12px;border:1.5px solid var(--rule-2);border-radius:999px;background:var(--paper);color:var(--ink);font:600 var(--t-sm)/1.2 var(--font);letter-spacing:.01em}
.role-choice>button.role:hover .role__kind{border-color:var(--leaf);color:var(--leaf-deep)}
.role__ico svg{display:block;width:100%;height:100%;overflow:visible;transition:transform .25s var(--ease)}
.role-choice>button.role:hover .role__ico svg{transform:rotate(-3deg) translateY(-2px)}
.ri-o{stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ri-line{fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linecap:round}
.ri-leaf{fill:var(--leaf)}.ri-leaf-deep{fill:var(--leaf-deep)}.ri-leaf-soft{fill:var(--leaf-soft)}
.ri-kraft{fill:var(--kraft-mid)}.ri-kraft-light{fill:var(--kraft-light)}.ri-crust{fill:var(--crust)}
.ri-card{fill:var(--card)}.ri-cream{fill:var(--on-dark)}.ri-dot{fill:var(--persimmon)}
path.ri-o:not([class*="ri-leaf"]):not([class*="ri-kraft"]):not(.ri-card):not(.ri-cream):not(.ri-crust){fill:none}
.role__title{font:750 clamp(22px,2.2vw,28px)/1.1 var(--display);letter-spacing:-.02em;color:var(--text)}
.role__desc{color:var(--text-2)}
.role__facts{display:grid;gap:8px;width:100%;margin:4px 0 0;padding:14px 0 0;border-top:1.5px dashed var(--rule-2)}
.role__facts span{display:flex;gap:10px;align-items:flex-start;color:var(--text-2);font-size:var(--t-base)}
.role__facts svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:var(--leaf);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.role__go{display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;margin:12px -26px 0;padding:16px 26px;background:var(--paper-2);color:var(--leaf-deep);font-weight:600;font-size:var(--t-md);transition:background-color .16s var(--ease),color .16s var(--ease)}
.role-choice>button.role:hover .role__go{background:var(--leaf);color:var(--on-dark)}
.role__go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s var(--ease)}
.role-choice>button.role:hover .role__go svg{transform:translateX(4px)}
.welcome__note{display:flex;align-items:center;gap:10px;margin:0;padding:12px 16px;border-radius:var(--r-sm);background:var(--paper-2);color:var(--ink-2);font-size:var(--t-sm);max-width:none}
.welcome__note svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* stacked form — one column of topics divided by rules (shop details) */
.form-page{width:100%;max-width:46rem;margin:0 auto;display:grid;gap:20px}
.form-page .head h1{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em}
.form-page .head .meta{font-size:var(--t-md);color:var(--ink-2)}
.stack-form{display:grid;gap:0;margin:0}
.fcard{padding:26px 0;border-top:1.5px solid var(--rule);min-width:0}
.fcard:first-child{border-top:0;padding-top:4px}
.fcard__head{padding:0 0 16px}
.fcard__head h2{margin:0;font:700 21px/1.2 var(--display);letter-spacing:-.015em;color:var(--text)}
.fcard__head p{margin:4px 0 0;color:var(--muted);font-size:var(--t-sm);max-width:none}
.fcard__body{display:grid;gap:16px;min-width:0}
.fcard .field{display:grid;gap:6px;min-width:0}
.fcard .field>label{margin:0}
.fcard label:not(.choice):not(.check){font-size:var(--t-sm);font-weight:600;color:var(--text)}
.fcard .addr input:not([type="checkbox"]):not([type="radio"]),.fcard .addr select{max-width:none}
.fcard .field input:not([type="checkbox"]):not([type="radio"]),.fcard .field select{width:100%;max-width:none}
.fcard .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fcard .addr{max-width:none}
.fcard .addr label{margin:14px 0 6px}
.fcard .addr>label:first-child,.fcard .addr>:first-child label{margin-top:0}
.fcard fieldset{margin:0}
.fcard legend{margin-bottom:8px}
.choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fcard #prep_minutes{max-width:9rem}
.fcard .days{display:grid;background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r-sm);overflow:hidden}
.fcard .day{display:grid;grid-template-columns:7.5rem minmax(0,10rem) 1.5rem minmax(0,10rem);justify-content:start;gap:10px;padding:8px 14px;border-bottom:1.5px solid var(--rule)}
.fcard .day span{text-align:center}
.fcard .day label{font-weight:600}
.fcard .day:last-child{border-bottom:0}
.fcard .day input{max-width:none;width:100%}
select.time-select{font-family:var(--mono);font-size:var(--t-sm);font-variant-numeric:tabular-nums;cursor:pointer}
.fcard .day select{width:100%;max-width:none;min-height:40px}
button.btn--quiet{justify-self:start;min-height:38px;padding:8px 14px;background:var(--card);color:var(--text);border:1.5px solid var(--rule-2);font-size:var(--t-sm)}
button.btn--quiet:hover{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf-deep)}
.stack-form__actions{display:flex;justify-content:flex-end;padding-top:20px;border-top:1.5px solid var(--rule)}
.stack-form__actions button{margin:0;min-height:50px;padding:12px 28px;font-size:var(--t-md)}
/* "Continue" bir ilerleme düğmesi, "şimdi sana bakıyor" değil: hurma değil yaprak */
.stack-form__actions button.sig-amber{background:var(--leaf)}
.stack-form__actions button.sig-amber:hover{background:var(--leaf-hover)}
@media (max-width:640px){
  .fcard .field-row,.choice-row{grid-template-columns:minmax(0,1fr)}
  .fcard .day{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"l l l" "o t c";row-gap:6px;padding:10px 12px}
  .fcard .day label{grid-area:l}
  .fcard .day span{display:block;grid-area:t}
  .stack-form__actions button{width:100%}
}

/* setup checklist — numbered steps, a leaf tick when done */
.check{list-style:none;margin:0;padding:0;counter-reset:step}
.check li{counter-increment:step;position:relative;display:block;min-height:58px;padding:16px 0 14px 46px;margin:0;line-height:1.6;border-bottom:1.5px solid var(--rule);font-size:var(--t-md);font-weight:600;color:var(--text)}
.check li:last-child{border-bottom:0}
.check li::before{content:counter(step);position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px dashed var(--rule-2);background:var(--card);font:500 var(--t-sm)/1 var(--mono);color:var(--ink-2)}
.check li.done{color:var(--muted);font-weight:500}
.check li.done::before{content:"";border:0;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23f7f3ea' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10.5l3 3 7-7'/%3E%3C/svg%3E") center/16px no-repeat}

/* tables */
.tablewrap{overflow-x:auto;max-width:100%}
table{width:100%;border-collapse:collapse;font-size:var(--t-base);margin:0}
th{font-size:var(--t-xs);font-weight:600;color:var(--muted);text-align:left;padding:9px 12px;background:var(--paper-2);border-bottom:1.5px solid var(--rule)}
td{padding:11px 12px;border-bottom:1.5px solid var(--rule);vertical-align:top;color:var(--text-2)}
tr:last-child td{border-bottom:0}
.amt{text-align:right;font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text)}
.lines td:first-child{white-space:nowrap;width:1%;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}
.lines td:nth-child(2){width:100%}
.lines td .note{display:block;color:var(--muted);font-size:var(--t-sm);margin:2px 0}
.lines td .note+br{display:none}
.lines td.meta,.lines th{white-space:nowrap}
.lines input[type="number"]{width:5rem;min-width:5rem;text-align:center}
table.money td:last-child{font-family:var(--mono)}

/* codes */
pre{margin:8px 0;padding:12px 14px;background:var(--paper-2);border:1.5px solid var(--rule);border-radius:var(--r-sm);overflow-x:auto;font:500 var(--t-sm)/1.6 var(--mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
pre code{background:none;border:0;padding:0;font-size:inherit}
.code{--led:var(--text);margin:10px 0 4px;line-height:0}
.seg{height:58px;width:auto;max-width:100%;display:block}
.seg polygon{fill:var(--paper-3)}
.seg polygon.on{fill:var(--leaf-deep)}
.code-input{font:500 24px/1 var(--mono) !important;letter-spacing:.32em !important;max-width:11rem !important;text-align:center;font-variant-numeric:tabular-nums}
.vh{position:absolute !important;width:1px !important;height:1px !important;min-height:0 !important;max-width:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0 !important}

/* event trail */
.trail{list-style:none;padding:0;margin:0}
.trail li{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;padding:10px 0;margin:0;border-bottom:1.5px solid var(--rule);font-size:var(--t-base);color:var(--text-2)}
.trail li:last-child{border-bottom:0}
.trail .when{color:var(--muted);font:400 var(--t-xs)/1.4 var(--mono);margin-left:auto;font-variant-numeric:tabular-nums}
.trail a{font-size:var(--t-sm)}
.trail li.meta{color:var(--muted)}

/* ── the order board: calm trays, paper tickets ──────────────────── */
#live-status{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:var(--t-sm);font-weight:600;color:var(--muted);white-space:nowrap}
#live-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--faint)}
#live-status.live{color:var(--leaf)}
#live-status.live::before{background:var(--live);box-shadow:0 0 0 3px color-mix(in oklch,var(--live) 25%,transparent)}
#live-status.notice{display:block;white-space:normal;border-radius:var(--r-sm);padding:12px 16px;background:var(--persimmon-soft);border-color:color-mix(in oklch,var(--persimmon-ink) 30%,var(--card));color:var(--text-2);font-weight:500;position:fixed;left:calc(var(--side-w) + var(--gut));right:var(--gut);top:calc(var(--top-h) + 12px);z-index:40;box-shadow:var(--pop)}
#live-status.notice::before{display:none}
.top__facts{display:flex;align-items:center;min-width:0;font-size:var(--t-sm);color:var(--muted);white-space:nowrap;overflow:hidden}
.top__facts>span{padding:0 14px;border-left:1.5px solid var(--rule)}
.top__facts>span:first-child{border-left:0;padding-left:0}
.top__facts b{color:var(--text);font-weight:600}
.top__end{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}

.orders-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;min-height:calc(100vh - var(--top-h) - 150px)}
.lane{--tray:var(--paper-2);background:var(--tray);border-radius:var(--r);display:flex;flex-direction:column;min-width:0;padding:0 10px 10px}
.lane__head{display:flex;align-items:center;gap:9px;margin:0;padding:14px 6px 12px;color:var(--text);font:700 17px/1.2 var(--display);letter-spacing:-.01em}
.lane__head::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--led);flex:none}
.lane__count{margin-left:auto;min-width:28px;padding:2px 9px;border-radius:999px;background:var(--card);border:1.5px solid var(--rule);font:500 var(--t-xs)/1.4 var(--mono);text-align:center;color:var(--ink-2)}
.lane--new{--led:var(--new);--tray:var(--persimmon-soft);box-shadow:inset 0 3px 0 var(--persimmon)}
.lane--new .lane__count{background:var(--persimmon-ink);border-color:var(--persimmon-ink);color:var(--on-dark)}
.lane--prep{--led:var(--prep)}.lane--ready{--led:var(--ready)}.lane--done{--led:var(--done)}
.lane__body{display:grid;gap:12px;align-content:start;flex:1}
.lane__empty{margin:4px 6px;color:var(--muted);font-size:var(--t-sm)}
.lane__ghost{margin:0;border:1.5px dashed var(--rule-2);border-radius:var(--r-sm);min-height:128px;display:grid;place-items:center;color:var(--muted);font-size:var(--t-sm);font-weight:600;max-width:none;text-align:center;padding:12px}
/* Bilet: üst kenarda delikli şerit — tepsinin renginde yarım daireler */
.order{position:relative;background:var(--card);border-radius:0 0 var(--r-sm) var(--r-sm);box-shadow:0 1px 0 var(--rule-2),0 6px 12px -8px var(--shadow-2);min-width:0;padding-top:6px}
.order::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:radial-gradient(circle at 6px 0,var(--tray) 4.5px,transparent 5px) 0 0/12px 6px repeat-x}
.order>h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;padding:10px 14px 4px;font:700 var(--t-lg)/1.2 var(--display);letter-spacing:-.015em}
.lane .order>h3>a{font:500 23px/1.1 var(--mono);letter-spacing:-.02em}
.order>h3>a{color:var(--text);text-decoration:none}
.order>h3>a:hover{color:var(--leaf);text-decoration:underline}
.order__chip{margin-left:auto;font:400 var(--t-xs)/1.3 var(--mono);letter-spacing:0;color:var(--ink-2);white-space:nowrap}
.lane--new .order__chip{color:var(--persimmon-ink);font-weight:500}
.order__items{list-style:none;margin:0;padding:6px 14px 10px;display:grid;gap:5px;font-size:var(--t-base);color:var(--text)}
.order__items li{display:grid;grid-template-columns:30px minmax(0,1fr);margin:0}
.order__items li strong{color:var(--ink-2);font:500 var(--t-sm)/1.6 var(--mono)}
.order__foot{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:2px 14px 0;padding:10px 0 8px;border-top:1.5px dashed var(--rule-2);font-size:var(--t-sm);color:var(--muted)}
.order__buyer{display:grid;gap:1px;min-width:0}
.order__buyer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order__buyer span:first-child{color:var(--text);font-weight:600;font-size:var(--t-base)}
.order__buyer span+span{font:400 var(--t-xs)/1.5 var(--mono)}
.order__foot strong{font:500 21px/1.1 var(--mono);color:var(--text);white-space:nowrap}
.facts{list-style:none;padding:0;margin:4px 0;display:grid;gap:4px;color:var(--text-2);font-size:var(--t-base)}
.order>.facts,.order .facts{display:grid;gap:2px;list-style:none;margin:0;padding:0 14px 10px;font-size:var(--t-sm);color:var(--muted);white-space:normal}
.facts li{margin:0}
.facts strong{color:var(--text)}
.order>.notice{margin:0 14px 10px;padding:8px 10px;font-size:var(--t-sm)}
.earlier{display:inline-block;margin:0 14px 8px;padding:2px 9px;border-radius:999px;background:var(--persimmon-soft);color:var(--persimmon-hover);font-size:var(--t-xs);font-weight:600}
.row-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 0}
.row-actions form{margin:0}
.row-actions>a{margin-left:auto;font-size:var(--t-sm)}
.order>.row-actions{margin:0;padding:2px 14px 14px}
.lane .row-actions form{flex:1 1 100%}
.lane .row-actions button{width:100%;min-height:44px;font-size:var(--t-base);background:var(--led)}
.lane--new .row-actions button{background:var(--persimmon-ink)}.lane--new .row-actions button:hover{background:var(--persimmon-hover)}
.lane--prep .row-actions button{background:var(--leaf)}.lane--prep .row-actions button:hover{background:var(--leaf-hover)}
.lane--ready .row-actions button{background:var(--leaf-deep)}.lane--ready .row-actions button:hover{background:var(--leaf-deeper)}
.lane .row-actions>a{margin:0 auto 0 0;font-size:var(--t-sm)}
.lane .handover{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.lane .handover label{grid-column:1/-1;margin:0 0 2px;font-size:var(--t-xs);color:var(--ink-2)}
.lane .handover .code-input{width:100%;min-width:0;max-width:none !important;min-height:48px;font-size:22px !important;padding:0 8px;background:var(--paper)}
.lane .handover button{width:100%}
.order--done{background:var(--paper);box-shadow:0 1px 0 var(--rule-2)}
.order--done>h3{padding:10px 14px 4px;color:var(--ink-2)}
.lane .order--done>h3>a{font-size:19px}
.order--done>h3>a{color:var(--ink-2)}
.order--done .badge{margin-left:auto;padding:2px 8px;border:2px solid currentColor;border-radius:6px;background:transparent;font:700 var(--t-xs)/1.2 var(--display);transform:rotate(-2.5deg)}
.order--done .badge::before{display:none}
.order--done>.facts{padding:0 14px 12px;color:var(--ink-2)}
.lane__sum{margin:12px 6px 0;display:flex;justify-content:space-between;align-items:baseline;padding:10px 0 2px;border-top:1.5px dashed var(--rule-2);font-size:var(--t-sm);color:var(--ink-2)}
.lane__sum strong{font:500 var(--t-lg)/1 var(--mono)}
@keyframes arrive{from{box-shadow:0 0 0 3px color-mix(in oklch,var(--persimmon) 60%,transparent)}to{box-shadow:0 1px 0 var(--rule-2),0 6px 12px -8px var(--shadow-2)}}
.order.is-arriving{animation:arrive 2.4s ease-out 1}
.board-note{margin:0}
/* dar ekranda şeritlere atlama çubuğu — geniş ekranda gizli */
.lane-jump{display:none}
@media (max-width:760px){
  .lane-jump{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 calc(var(--gut) * -1);padding:10px var(--gut);background:var(--paper);border-bottom:1.5px solid var(--rule)}
  .lane-jump a{display:flex;align-items:baseline;gap:7px;min-width:0;padding:8px 10px;border-radius:var(--r-sm);background:var(--paper-2);color:var(--ink-2);font-size:var(--t-sm);font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lane-jump a b{font:500 var(--t-md)/1 var(--mono);color:var(--ink)}
  .lane-jump a:hover{background:var(--paper-3)}
  .lane-jump .lane-jump__new{background:var(--persimmon-soft);color:var(--persimmon-hover)}
  .lane-jump .lane-jump__new b{color:var(--persimmon-ink)}
  .lane{scroll-margin-top:110px}
}

/* empty board line */
.board-empty{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r-sm);font-size:var(--t-base);color:var(--text-2);max-width:none}
.board-empty strong{white-space:nowrap}
.board-empty .end{margin-left:auto;display:flex;gap:8px;flex:none}

/* store pause */
.store-pause{position:relative}
.store-pause>summary{list-style:none;cursor:pointer}
.store-pause>summary::-webkit-details-marker{display:none}
.store-pause>summary::after{content:"";width:7px;height:7px;margin-left:3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.store-pause[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.store-pause__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(340px,calc(100vw - 32px));padding:16px;background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r);box-shadow:var(--pop)}
.store-pause__menu .meta{margin:0 0 10px}
.store-pause__menu fieldset{margin:0 0 12px}
.store-pause__menu button{width:100%;margin:0}
.store-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:var(--t-sm);font-weight:600;background:var(--persimmon-soft);color:var(--persimmon-hover)}
.store-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--persimmon)}
.store-paused{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:14px 18px;border:1.5px solid color-mix(in oklch,var(--persimmon-ink) 30%,var(--card));border-radius:var(--r-sm);background:var(--persimmon-soft)}
.store-paused p{margin:2px 0;color:var(--ink-2)}
.store-paused strong{color:var(--persimmon-hover)}
.store-paused form{margin:0}

/* live feed strip */
.feed{display:grid;grid-template-columns:auto minmax(0,1fr);background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r-sm);overflow:hidden}
.feed>h2{margin:0;padding:13px 18px;font-size:var(--t-sm);border-right:1.5px solid var(--rule);white-space:nowrap}
.feed .trail{display:flex;overflow-x:auto;scrollbar-width:none}
.feed .trail li{flex:none;border-bottom:0;border-right:1.5px solid var(--rule);padding:13px 18px;white-space:nowrap;font-size:var(--t-sm)}
.feed .trail .when{margin-left:6px}
.feed .trail a{display:none}

/* ── catalog upload ──────────────────────────────────────────────── */
.upload{display:grid;gap:4px}
.upload textarea{max-width:none;font:400 var(--t-sm)/1.55 var(--mono)}
.dropzone{position:relative;display:flex;align-items:center;gap:14px;margin:4px 0 10px;padding:18px;border:1.5px dashed var(--rule-2);border-radius:var(--r-sm);background:var(--paper-2);cursor:pointer;font-weight:500;transition:border-color .14s var(--ease),background-color .14s var(--ease)}
.dropzone:hover,.dropzone.is-over,.dropzone:focus-within{border-color:var(--leaf);background:var(--leaf-soft)}
.dropzone__icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--card);border:1.5px solid var(--rule);display:grid;place-items:center;flex:none}
.dropzone__icon svg{width:20px;height:20px;fill:none;stroke:var(--leaf);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dropzone__text{display:grid;gap:1px}
.dropzone__text strong{font-size:var(--t-base)}
.dropzone__text span{font-size:var(--t-sm);color:var(--muted)}
.choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:14px 0 4px}
.choices legend{grid-column:1/-1}
label.choice{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;border:1.5px solid var(--rule-2);border-radius:var(--r-sm);background:var(--card);cursor:pointer;transition:border-color .14s var(--ease),background-color .14s var(--ease)}
label.choice:hover{border-color:var(--ink-2)}
label.choice input{margin-top:2px}
label.choice span{display:grid;gap:2px}
label.choice strong{font-size:var(--t-base);color:var(--text)}
label.choice small{font-size:var(--t-sm);font-weight:400;color:var(--ink-2)}
label.choice:has(input:checked){border-color:var(--leaf);background:var(--leaf-soft)}
label.choice:has(input:focus-visible){outline:2.5px solid var(--leaf);outline-offset:2px}
.form-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1.5px solid var(--rule)}
.form-foot button{margin:0}
.colspec{margin:2px 0 6px;border:1.5px solid var(--rule);border-radius:var(--r-sm);overflow:hidden;border-collapse:separate;border-spacing:0;background:var(--card)}
.colspec th{padding:7px 12px}
.colspec td{padding:7px 12px}
.colspec td:last-child{text-align:right}
.colspec code{background:none;border:0;padding:0;font-size:var(--t-sm)}

/* ── catalog tax table (10 Oct 2026) — tools on one line, the list in its own frame, compact row forms ── */
.cat-tax{display:grid;gap:14px}
.cat-tax>p,.cat-tax>.notice{margin:0}
.cat-tools{display:grid;gap:6px;padding-top:14px;border-top:1.5px solid var(--rule)}
.cat-tools__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 20px}
.cat-tools__row form{margin:0}
.cat-tools .meta{margin:0}
.catalog-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 8px;flex:1 1 360px;max-width:560px}
.catalog-search label{grid-column:1/-1;margin:0}
.catalog-search input[type="search"]{max-width:none;min-height:40px}
.catalog-search button{margin:0;min-height:40px}
.catalog-search a{font-size:var(--t-sm);white-space:nowrap}
.cat-tools__row>form:not(.catalog-search) button{margin:0;min-height:40px}
.cat-list{border:1.5px solid var(--rule);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}
.cat-select{display:flex;align-items:center;gap:14px;margin:0;padding:12px 14px;background:var(--paper-2);border-bottom:1.5px solid var(--rule)}
.cat-select button{margin:0;flex:none;min-height:38px;padding:8px 14px;font-size:var(--t-sm)}
.cat-select .meta{margin:0;font-size:var(--t-xs);line-height:1.45;max-width:72ch}
.cat-list .pager{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;padding:10px 14px;color:var(--muted);font-size:var(--t-sm)}
.cat-list>.pager:first-of-type{border-bottom:1.5px solid var(--rule)}
.cat-list>.pager:last-child{border-top:1.5px solid var(--rule);background:var(--paper-2)}
.cat-list .pager p{margin:0 auto 0 0}
.pager__links{display:inline-flex;align-items:center;gap:8px}
.pager__links a{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1.5px solid var(--rule-2);border-radius:999px;background:var(--card);font-size:var(--t-sm);text-decoration:none;white-space:nowrap}
.pager__links a:hover{border-color:var(--leaf);background:var(--leaf-soft)}
.cat-list .tablewrap{margin:0}
table.cat-table{font-size:var(--t-sm)}
table.cat-table th{padding:8px 10px;white-space:nowrap;border-bottom:1.5px solid var(--rule)}
table.cat-table td{padding:10px 10px;vertical-align:middle}
table.cat-table tbody tr:hover td{background:color-mix(in oklch,var(--paper-2) 55%,var(--card))}
table.cat-table th:first-child,table.cat-table td:first-child:has(>input[type="checkbox"]){width:1%;padding-right:4px}
table.cat-table td:has(>input[type="checkbox"]) input{display:block}
.cat-sku{width:1%}
.cat-sku code{display:inline-block;max-width:15ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:var(--t-xs);color:var(--muted);background:transparent;border-color:var(--rule)}
.cat-name{color:var(--text);font-weight:600;min-width:9rem;line-height:1.4}
table.cat-table td:nth-last-child(3){width:1%;white-space:nowrap}
form.tax-pick{display:flex;align-items:center;gap:6px;margin:0;min-width:14rem}
form.tax-pick select{flex:1 1 auto;min-width:0;max-width:none;min-height:36px;padding:6px 32px 6px 10px;font-size:var(--t-sm)}
form.tax-pick button,form.selling-mode button{margin:0;flex:none;min-height:36px;padding:6px 12px;font-size:var(--t-sm)}
form.selling-mode{display:grid;grid-template-columns:repeat(3,minmax(3.6rem,1fr)) auto;gap:6px;margin:0;min-width:16rem}
form.selling-mode select{grid-column:1/-1}
form.selling-mode select,form.selling-mode input:not([type="hidden"]){width:100%;max-width:none;min-height:36px;padding:6px 10px;font-size:var(--t-sm)}
form.selling-mode select{padding-right:32px}
.hidden-items{margin:0}
@media (max-width:900px){
  .cat-select{flex-direction:column;align-items:flex-start;gap:8px}
  .catalog-search{max-width:none}
}

/* ── business hours ────────────────────────────────────────────── */
.hours-form{display:grid;gap:18px}
.hours-list{display:grid}
.hours-row{display:grid;grid-template-columns:minmax(120px,180px) 130px minmax(0,1fr);align-items:center;gap:16px;padding:12px 22px;border-bottom:1.5px solid var(--rule)}
.hours-row:last-child{border-bottom:0}
.hours-day{font-weight:600;color:var(--text)}
.hours-times{display:flex;align-items:center;gap:10px}
.hours-row .hours-times input[type="time"],.hours-row .hours-times select{width:9.5rem;max-width:9.5rem;margin:0}
.hours-times span{color:var(--faint)}
.hours-row.is-closed .hours-times{opacity:.4}
.hours-row.is-closed .hours-day{color:var(--muted)}
label.switch{display:inline-flex;align-items:center;gap:10px;margin:0;font-weight:600;color:var(--text-2);cursor:pointer}
label.switch input{appearance:none;-webkit-appearance:none;width:40px;height:24px;border-radius:999px;background:var(--rule-2);position:relative;cursor:pointer;transition:background-color .16s var(--ease);margin:0}
label.switch input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px var(--shadow-2);transition:transform .16s var(--ease)}
label.switch input:checked{background:var(--leaf)}
label.switch input:checked::after{transform:translateX(16px)}
label.switch input:focus-visible{outline:2.5px solid var(--leaf);outline-offset:2px}
label.switch input:disabled{opacity:.5;cursor:not-allowed}
/* ── account settings ─────────────────────────────────────────────── */
.sets{display:grid;gap:16px;width:100%;max-width:760px}
.set{background:var(--card);border:1.5px solid var(--rule);border-radius:var(--r);min-width:0}
.set__head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding:16px 22px;border-bottom:1.5px dashed var(--rule-2)}
.set__title{margin:0;font:700 19px/1.25 var(--display);letter-spacing:-.015em;color:var(--text)}
.set__links{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px 20px}
.set__links a,.set__action,.set__actions a:not(.pill){color:var(--leaf);font-weight:600;text-decoration:none}
.set__links a:hover,.set__action:hover,.set__actions a:not(.pill):hover{text-decoration:underline;text-decoration-color:currentColor}
.set__body{padding:20px 22px 22px}
.set__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 20px}
.set__wide,.field--wide{grid-column:1/-1}
.set__wide{margin:0}
.field{min-width:0}
.field__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px}
.field label{margin:0;font-size:var(--t-base);font-weight:600;color:var(--text)}
.field__hint{font-size:var(--t-sm);font-weight:500;color:var(--muted)}
.set input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){max-width:none;min-height:44px;padding:10px 14px}
.field__phone{position:relative;display:flex;align-items:center}
.field__prefix{position:absolute;left:14px;font:400 var(--t-base)/1 var(--mono);color:var(--muted);pointer-events:none}
.set .field__phone input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){padding-left:40px;padding-right:42px}
.field__ok{position:absolute;right:12px;display:grid;place-items:center}
.field__ok svg{width:20px;height:20px;fill:var(--leaf);stroke:var(--card);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.field__note{margin:6px 0 0;font-size:var(--t-sm);color:var(--muted)}
.set__foot{display:flex;justify-content:flex-end;margin:22px 0 0}
.set__foot--start{justify-content:flex-start}
button.pill,.pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 24px;border:1.5px solid transparent;border-radius:var(--r-sm);background:var(--leaf);color:var(--on-dark);font:600 var(--t-base)/1 var(--font);text-decoration:none}
.pill:hover{background:var(--leaf-hover);color:var(--on-dark)}
button.pill:disabled{background:var(--paper-3);color:var(--faint)}
.pill--quiet{background:var(--card);color:var(--text);border-color:var(--rule-2)}
.pill--quiet:hover{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf-deep)}
.pill:focus-visible,.set a:focus-visible{outline:2.5px solid var(--leaf);outline-offset:2px}
.set__row{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1.5px solid var(--rule)}
.set__row:first-child{padding-top:0;border-top:0}
.set__row:last-child{padding-bottom:0}
.set__rowtext{flex:1;min-width:0}
.set__rowtext .meta{margin:2px 0 0}
.set__label{margin:0;font-size:var(--t-md);font-weight:600;color:var(--text)}
.set__text{margin:4px 0 14px;color:var(--text-2)}
.set__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.set__tips{margin:0;padding-left:1.2rem;color:var(--text-2)}
.set__section{padding:18px 0;border-top:1.5px solid var(--rule)}
.set__section:first-child{padding-top:0;border-top:0}
.set__section:last-child{padding-bottom:0}
.set__section .set__text{margin-bottom:8px}
.toggle{position:relative;display:inline-flex;flex:none;width:44px;height:26px}
.toggle input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.toggle input:disabled{cursor:not-allowed}
.toggle__track{width:44px;height:26px;border-radius:999px;background:var(--rule-2);position:relative;transition:background-color .16s var(--ease)}
.toggle__track::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--card);box-shadow:0 1px 2px var(--shadow-2);transition:transform .16s var(--ease)}
.toggle input:checked+.toggle__track{background:var(--leaf)}
.toggle input:checked+.toggle__track::after{transform:translateX(18px)}
.toggle input:disabled+.toggle__track{opacity:.55}
.toggle input:focus-visible+.toggle__track{outline:2.5px solid var(--leaf);outline-offset:2px}
.crumb{margin:0;font-size:var(--t-sm)}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--leaf)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:600px){
  .set__head{padding:14px 16px}
  .set__links{margin-left:0;flex:1 1 100%}
  .set__body{padding:16px}
  .set__grid{grid-template-columns:minmax(0,1fr)}
  .set__foot .pill{width:100%}
}
@media (max-width:760px){
  .hours-row{grid-template-columns:1fr auto;gap:10px;padding:12px 16px}
  .hours-times{grid-column:1/-1}
}

/* ── till: two panes ─────────────────────────────────────────────── */
.connect-link{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.connect-link .tile{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none}
.tile--square{background:#111}.tile--square i{width:15px;height:15px;border:3px solid #fff;border-radius:3px}
.tile--xekta{background:var(--leaf-deep)}.tile--xekta svg{width:19px;fill:var(--on-dark)}
.connect-link .wire{width:56px;border-top:2px dashed var(--rule-2);position:relative}
.connect-link .wire::after{content:"";position:absolute;right:-2px;top:-6px;border:5px solid transparent;border-left:7px solid var(--rule-2)}
.connect-link b{display:block;font-size:var(--t-md);color:var(--text)}.connect-link span{font-size:var(--t-sm);color:var(--muted)}
.scope th{background:transparent;padding:0 0 8px}
.scope td{padding:10px 0}
.scope th+th,.scope td+td{padding-left:18px}

/* ── sign in: green brand panel with the one awning, form on paper ── */
body.panel.panel--signin{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:minmax(100vh,auto);grid-template-areas:none;min-height:100vh}
.signin-brand{--stripe:36px;position:relative;overflow:hidden;background:var(--leaf-deep);color:var(--on-dark);padding:calc(26px + 18px + clamp(28px,4vw,52px)) clamp(28px,5vw,72px) clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.signin-brand::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;background:repeating-linear-gradient(90deg,var(--leaf) 0 var(--stripe),var(--on-dark) var(--stripe) calc(var(--stripe) * 2))}
.signin-brand::after{content:"";position:absolute;left:0;right:0;top:26px;height:calc(var(--stripe) / 2);background:repeating-linear-gradient(90deg,var(--leaf) 0 var(--stripe),var(--on-dark) var(--stripe) calc(var(--stripe) * 2));-webkit-mask:radial-gradient(circle at 50% 0,#000 calc(var(--stripe) / 2 - .5px),transparent calc(var(--stripe) / 2)) 0 0/var(--stripe) 100% repeat-x;mask:radial-gradient(circle at 50% 0,#000 calc(var(--stripe) / 2 - .5px),transparent calc(var(--stripe) / 2)) 0 0/var(--stripe) 100% repeat-x}
.signin-brand .side__brand{padding:0;font-size:24px;color:var(--on-dark)}
.signin-brand .side__brand svg{width:28px}
.signin-brand :focus-visible{outline-color:var(--focus-on-dark)}
.signin-quote{margin:0;font:650 clamp(30px,3.8vw,58px)/1.04 var(--display);letter-spacing:-.03em;color:var(--on-dark);max-width:13ch;overflow-wrap:anywhere}
.signin-form{background:var(--paper);display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,7vw,120px);gap:14px}
.signin-form>*{max-width:27rem}
.signin-form h1{font-size:clamp(32px,3.2vw,44px)}
.signin-form p{font-size:var(--t-md);margin:0}
.signin-form .btn{width:100%;min-height:52px;margin-top:16px;font-size:var(--t-md)}
.signin-form .small{margin-top:10px;padding-top:18px;border-top:1.5px solid var(--rule);font-size:var(--t-sm);color:var(--ink-2)}
.signin-form .small a{color:var(--leaf)}
.signin-legal{margin-top:28px;font-size:var(--t-sm);color:var(--faint)}
.signin-legal a{color:var(--muted);font-weight:500;margin-right:16px}

/* type weights */
.top__title,.side__brand,.top__brand,.signin-quote{font-family:var(--display)}
.board-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px}
.board-foot .meta{margin:0}
.board-links{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--t-sm);color:var(--muted)}
.board-links span{margin-right:4px}
.chip-link{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border:1.5px solid var(--rule-2);border-radius:999px;background:var(--card);color:var(--text);font-weight:600;font-size:var(--t-sm);text-decoration:none}
.chip-link:hover{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf-deep);text-decoration:none}

/* footer */
.foot{grid-area:foot;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:16px var(--gut);border-top:1.5px solid var(--rule);color:var(--muted);font-size:var(--t-sm)}
.foot>span{font:800 var(--t-sm)/1 var(--display);color:var(--ink-2)}
.foot a{color:var(--muted);font-weight:500;text-decoration:none;white-space:nowrap}
.foot a:hover{color:var(--leaf);text-decoration:underline}

/* K525 Task 18b — çerez onay şeridi (apps/analytics/app.ts çiziyor). Kabul edilmeden analytics yüklenmez. */
.consent{position:fixed;z-index:60;left:50%;bottom:20px;transform:translateX(-50%);width:min(calc(100% - 32px),720px);display:flex;align-items:center;gap:18px;padding:14px 16px 14px 20px;background:var(--card);color:var(--text-2);border:1.5px solid var(--rule-2);border-radius:var(--r);box-shadow:var(--pop);animation:consent-in .25s ease-out}
.consent__text{margin:0;max-width:none;font-size:var(--t-sm);line-height:1.5}
.consent__text b{color:var(--text);font-weight:600}
.consent__actions{display:flex;gap:8px;flex:none}
.consent__actions button{min-height:36px;padding:6px 14px}
/* Şerit açıkken içerik şeridin yüksekliği (+ ekrandan aralığı) kadar yukarıda biter — gönder düğmesi örtülmez. */
body.consent-open main.board{padding-bottom:calc(var(--consent-h,0px) + 24px)}
@keyframes consent-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translateX(-50%)}}

/* ── responsive ──────────────────────────────────────────────────── */
@media (max-width:1180px){
  .orders-board{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}
  .bays--3{grid-template-columns:minmax(0,1fr) 1.5px minmax(0,1fr)}
  .bays--3>.bay:last-child{grid-column:1/-1;border-top:1.5px solid var(--rule)}
  .bays--3>.split:nth-of-type(2){display:none}
  .top__facts>span:nth-child(n+3){display:none}
}
@media (max-width:900px){
  .bays--2,.bays--3{grid-template-columns:minmax(0,1fr)}
  .split{height:1.5px;width:auto}
  .bay--subject{order:-1}
  .bay--subject+.split{order:-1}
  .top__facts{display:none}
}
@media (max-width:760px){
  body.panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"top" "main" "foot";padding-bottom:72px}
  .top{flex-wrap:wrap;gap:8px 12px;padding-block:10px;position:static}
  .top__title{font-size:22px}
  .top__bar{order:3;flex:1 1 100%;justify-content:space-between}
  body.panel--bare{padding-bottom:0}
  .consent{flex-direction:column;align-items:stretch;gap:12px;bottom:84px}
  .consent__actions button{flex:1}
  body.panel--bare .consent,body.panel--signin .consent{bottom:12px}
  body.panel.panel--signin{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding-bottom:0}
  .signin-brand .side__brand{display:flex}
  .signin-brand{min-height:0;gap:24px;--stripe:28px;padding:calc(20px + 14px + 24px) var(--gut) 28px}
  .signin-brand::before{height:20px}
  .signin-brand::after{top:20px}
  .signin-quote{font-size:28px;max-width:18ch}
  .signin-form{padding:32px var(--gut) 40px;justify-content:flex-start}
  .side{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;flex-direction:row;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));overflow:visible}
  .side__brand,.side__shop{display:none}
  .side__nav{display:flex;flex:1;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .side__nav a{flex:1 1 0;min-width:0;flex-direction:column;gap:4px;font-size:var(--t-xs);padding:7px 2px}
  .side__nav a span{white-space:nowrap}
  .account .who{display:none}
  .account__button{padding:0 8px 0 4px}
  .orders-board{grid-template-columns:minmax(0,1fr)}
  .role-choice{grid-template-columns:minmax(0,1fr);gap:14px}
  .role-choice>button.role{padding:22px 20px 0}
  .role__go{margin:10px -20px 0;padding:14px 20px}
  .choices{grid-template-columns:minmax(0,1fr)}
  .day{grid-template-columns:1fr 1fr;grid-template-areas:"l l" "o c"}
  .day label{grid-area:l}
  .day span{display:none}
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select{max-width:none}
  .row-actions form,.row-actions button,.row-actions .btn{width:100%}
  form>button{width:100%}
  .board-empty{flex-wrap:wrap}
  .board-empty .end{margin-left:0}
  #live-status.notice{left:var(--gut)}
}
/* Dar ekran: sekmeler eşit paylaşır ve etiketler görsel olarak gizlenir
   (ekran okuyucu okur). Menü 5 ile 8+ öğe arası (koşullu öğeler); eşik
   600px'te tam etiket sığmıyor. Altında yalnız simge; açık sekme kâğıt. */
@media (max-width:600px){
  .side__nav{overflow:visible}
  .side__nav a{padding:11px 0;gap:0}
  .side__nav a span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
@media (prefers-reduced-motion:reduce){
  .role__ico svg{transition:none}.role-choice>button.role:hover .role__ico svg{transform:none}
  *,*::before,*::after{transition:none !important;animation:none !important}
  .role-choice>button.role:hover{transform:none}
}
@media print{
  body.panel{display:block;background:#fff;padding:0}
  .side,.top,.foot,.noprint,.account,.consent{display:none !important}
  main.board{padding:0}
  .chassis,.order,.lane{box-shadow:none}
  .order::before{display:none}
}

/* ════ "Ledger" (10 Oct 2026) ═════════════════════════════════════════
   The user, on Counter: "looks AI-generated — the colour shifts, the boxes,
   the fonts." Ledger is the plain back office: the green rail, white sheets on
   a near-white ground, single 1px hairlines, no tinted fills, no dashed
   rules, no paper tickets. Green appears on the primary button, the current
   page and links; persimmon only as a thin edge on what needs you now.
   Hallmark · macrostructure: Ledger (app shell) · tone: utilitarian, austere · anchor hue: leaf 155 */
body.panel{font-size:var(--t-base);line-height:1.5;letter-spacing:0}
/* rail stays the Counter deep green (user, 10 Oct 2026: "the green menu was better") */

.top{background:var(--card);border-bottom:1px solid var(--rule)}
.top__title{font:600 var(--t-lg)/1.2 var(--display);letter-spacing:-.005em}
.top__brand{font:700 15px/1 var(--display);letter-spacing:.06em;border-right:1px solid var(--rule)}
.account__button{border:1px solid var(--rule-2);height:36px;border-radius:var(--r-sm)}
.account__button:hover,.account[open]>.account__button{background:var(--paper-2);border-color:var(--rule-2)}
.account__avatar{width:24px;height:24px;background:var(--ink);font:600 var(--t-xs)/1 var(--font)}
.who{font-weight:500}
.account__menu{border:1px solid var(--rule-2);border-radius:var(--r)}
.account__head,.account__profile,.account__items{border-bottom:1px solid var(--rule)}
.account__id strong{font:600 var(--t-md)/1.2 var(--font)}
.account__items a{font-weight:500}
.account__items a[aria-current="page"]{background:var(--paper-3);color:var(--ink)}
body.panel--bare .top{background:var(--card);color:var(--ink);border-bottom:1px solid var(--rule)}
body.panel--bare .top :focus-visible{outline-color:var(--leaf)}
body.panel--bare .top__brand,body.panel--bare .top__title,body.panel--bare .who{color:var(--ink)}
body.panel--bare .account__button{background:var(--card);border-color:var(--rule-2)}
body.panel--bare .account__button:hover,body.panel--bare .account[open]>.account__button{background:var(--paper-2)}
body.panel--bare .account__button::after{border-color:var(--muted)}
body.panel--bare .account__avatar{background:var(--ink);color:var(--on-dark)}
body.panel--bare .account__avatar svg{stroke:var(--on-dark)}

main.board{padding:28px var(--gut) 56px;gap:24px}
h1{font:600 var(--t-xl)/1.2 var(--display);letter-spacing:-.01em}
h2{font:600 var(--t-lg)/1.3 var(--display);letter-spacing:-.005em}
h3{font:600 var(--t-md)/1.35 var(--display);letter-spacing:0}
p{line-height:1.55}
a{font-weight:500;text-decoration-thickness:1px;text-underline-offset:2px}
hr{border-top:1px solid var(--rule)}
code{font:400 .92em var(--mono);background:var(--paper-2);border:0;border-radius:4px;padding:1px 4px}

/* sheets: one hairline frame, no shadow; inner columns divided by a rule, not by tint */
.chassis{border:1px solid var(--rule);border-radius:var(--r);box-shadow:none}
.bar{padding:14px 20px;border-bottom:1px solid var(--rule);font:600 var(--t-md)/1.3 var(--font);letter-spacing:0}
.bar .silk--on::before{display:none}
.bar__r{font:400 var(--t-sm)/1.3 var(--font)}
.bar--foot{border-top:1px solid var(--rule);background:var(--card)}
/* only at the widths where the base sheet keeps them side by side — below that its own collapse must win */
@media (min-width:901px){.bays--2{grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr)}}
@media (min-width:1181px){.bays--3{grid-template-columns:minmax(0,1fr) 1px minmax(0,1.15fr) 1px minmax(0,1.1fr)}}
.bay{padding:20px}
.bay--aside{background:var(--card)}
.bay h2{font-size:var(--t-md);font-weight:600}

/* status: text with a small dot, no pill fill */
.badge{padding:0;border-radius:0;background:none;font:500 var(--t-sm)/1.4 var(--font);color:var(--led)}
.badge.sig-ink{color:var(--muted)}
.badge::before{width:6px;height:6px}
.lamp{width:7px;height:7px}

/* notices: white, hairline, a 3px edge carries the meaning */
.notice{border:1px solid var(--rule);border-left:3px solid var(--tone);border-radius:var(--r-sm);background:var(--card);padding:12px 16px}
.notice.warn{background:var(--card)}
.errors{border:1px solid var(--rule);border-left:3px solid var(--persimmon-ink);background:var(--card)}
.errors li{color:var(--persimmon-hover);font-weight:500}

/* buttons: rectangular, 36px, green only for the primary */
button,.btn{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:var(--r-sm);font:500 var(--t-base)/1.1 var(--font)}
button:active,.btn:active{transform:none}
/* secondary buttons must read as buttons (user, 10 Oct 2026: "some buttons look like they vanished") */
button.quiet,.btn.quiet,button.btn--quiet{background:var(--paper-2);color:var(--ink);border:1px solid var(--rule-3);font-weight:600}
button.quiet:hover,.btn.quiet:hover,button.btn--quiet:hover{background:var(--paper-3);border-color:var(--ink-2);color:var(--ink)}
.sig-red:is(button,.btn){background:var(--card);color:var(--brick);border-color:color-mix(in oklch,var(--brick) 45%,var(--card))}
.sig-red:is(button,.btn):hover{background:var(--brick);color:var(--on-dark);border-color:var(--brick)}
.btn--lg{min-height:44px;padding:10px 20px}
.stack-form__actions button{min-height:44px;padding:10px 22px;font-size:var(--t-base)}

/* fields */
label,legend{font-weight:500}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{border:1px solid var(--rule-2);border-radius:var(--r-sm);min-height:38px;padding:8px 11px;font-size:var(--t-base)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--leaf) 16%,transparent)}
input[aria-invalid="true"],select[aria-invalid="true"]{background-color:var(--card)}
.dropzone{border:1px dashed var(--rule-2);background:var(--card);padding:16px}
.dropzone:hover,.dropzone.is-over,.dropzone:focus-within{background:var(--paper-2);border-color:var(--ink-2)}
.dropzone__icon{border:1px solid var(--rule);border-radius:var(--r-sm)}
.dropzone__text strong{font-weight:500}
label.choice{border:1px solid var(--rule-2);padding:12px 14px}
label.choice strong{font-weight:500}
label.choice:has(input:checked){border-color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--ink)}
.form-foot{border-top:1px solid var(--rule)}
.fcard{border-top:1px solid var(--rule)}
.fcard__head h2{font:600 var(--t-lg)/1.3 var(--font)}
.fcard .days,.fcard .day,.day{border-color:var(--rule)}
.stack-form__actions{border-top:1px solid var(--rule)}
.form-page .head h1{font-size:28px;letter-spacing:-.01em}

/* tables: header is plain text over a rule, not a band */
th{background:var(--card);font-weight:500;border-bottom:1px solid var(--rule-2)}
td{border-bottom:1px solid var(--rule)}
.colspec{border:1px solid var(--rule)}
.colspec .badge{font-size:var(--t-xs)}
pre{background:var(--paper-2);border:0;border-radius:var(--r-sm)}

/* catalog tax table */
.cat-tools{border-top:1px solid var(--rule)}
.cat-list{border:1px solid var(--rule);border-radius:var(--r)}
.cat-select{background:var(--card);border-bottom:1px solid var(--rule)}
.cat-list>.pager:first-of-type{border-bottom:1px solid var(--rule)}
.cat-list>.pager:last-child{border-top:1px solid var(--rule);background:var(--card)}
.pager__links a{border:1px solid var(--rule-2);border-radius:var(--r-sm);font-weight:500}
.pager__links a:hover{background:var(--paper-2);border-color:var(--rule-2)}
table.cat-table tbody tr:hover td{background:var(--paper)}
.cat-sku code{background:none;border:0;padding:0;color:var(--muted)}
.cat-name{font-weight:500}

/* checklist */
.check li{border-bottom:1px solid var(--rule);font-weight:500;font-size:var(--t-base)}
.check li::before{border:1px solid var(--rule-2)}
.trail li{border-bottom:1px solid var(--rule)}

/* order board: plain columns and plain cards */
.lane{--tray:var(--paper-2);background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r)}
.lane__head{font:600 var(--t-md)/1.2 var(--font)}
.lane__count{border:1px solid var(--rule);border-radius:var(--r-sm);font-weight:400}
.lane--new{--tray:var(--paper-2);box-shadow:inset 0 2px 0 var(--persimmon)}
.lane__ghost{border:1px dashed var(--rule-2);border-radius:var(--r-sm);font-weight:500}
.order{border:1px solid var(--rule);border-radius:var(--r-sm);box-shadow:none;padding-top:0}
.order::before{display:none}
.order>h3{font:600 var(--t-md)/1.2 var(--font)}
.lane .order>h3>a{font:500 19px/1.1 var(--mono);letter-spacing:0}
.order__foot{border-top:1px solid var(--rule)}
.order__foot strong{font:500 17px/1.1 var(--mono)}
.order--done{background:var(--card);box-shadow:none}
.order--done .badge{transform:none;border:0;padding:0;font:500 var(--t-xs)/1.3 var(--font)}
.lane__sum{border-top:1px solid var(--rule)}
.earlier{border-radius:var(--r-sm);background:var(--card);border:1px solid color-mix(in oklch,var(--persimmon-ink) 40%,var(--card))}
@keyframes arrive{from{box-shadow:0 0 0 2px color-mix(in oklch,var(--persimmon) 55%,transparent)}to{box-shadow:none}}
.board-empty,.feed{border:1px solid var(--rule)}
.feed>h2{border-right:1px solid var(--rule)}
.feed .trail li{border-right:1px solid var(--rule)}
.store-pill{border-radius:var(--r-sm);background:var(--card);border:1px solid color-mix(in oklch,var(--persimmon-ink) 40%,var(--card))}
.store-paused{border:1px solid var(--rule);border-left:3px solid var(--persimmon-ink);background:var(--card)}
.store-pause__menu{border:1px solid var(--rule-2)}
.foot{border-top:1px solid var(--rule)}
.foot>span{font:600 var(--t-sm)/1 var(--font)}
#live-status.notice{background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--persimmon-ink)}

/* buyer order detail (10 Oct 2026): the document on the left, the counter on the right */
.od-back{margin:0 0 6px}
.od-head{align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:20px}
.od-head>div:first-child{min-width:0}
.od-head>div:first-child .meta{margin:4px 0 0}
.od-head h1{font:600 26px/1.15 var(--display);letter-spacing:-.01em;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.od-head__actions{display:flex;flex-wrap:wrap;gap:8px}
.od-head__actions .btn{min-height:38px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.od{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;align-items:start}
.od-main,.od-side{display:grid;gap:20px;min-width:0}
.od-card{background:var(--card);border:1px solid var(--rule);border-radius:var(--r);padding:20px 22px;min-width:0}
.od-card>h2:first-child{margin-top:0}
.od-card h2{font:600 var(--t-md)/1.3 var(--font);margin:20px 0 12px}
.od-card--subject{border-top:3px solid var(--leaf)}
.od-card .tablewrap{overflow-x:auto;width:100%}
.od-card .lines{width:100%}
.od-card .lines td:last-child,.od-card .lines th:last-child{text-align:right;white-space:nowrap}
.od-card .lines td .meta{font:400 var(--t-xs)/1.4 var(--mono);color:var(--faint);overflow-wrap:anywhere}
.od-card .trail{margin:0}
@media (max-width:900px){
  .od{grid-template-columns:minmax(0,1fr)}
  .od-side{order:-1}
}
@media (max-width:560px){
  .od-card{padding:16px}
  .od-head__actions{width:100%}
  .od-head__actions .btn{flex:1 1 auto;min-width:0;justify-content:center;white-space:normal;text-align:center}
}
/* pickup code: the seven-segment drawing read poorly (user, 10 Oct 2026: "bu hiç okunmuyor").
   Its plain-text twin (.vh) becomes the visible code; the drawing is hidden. Screen readers read it once, as before. */
.code:has(>.seg){line-height:1;margin:12px 0 14px}
.code:has(>.seg) .seg{display:none}
.code:has(>.seg) .vh{position:static !important;width:auto !important;height:auto !important;max-width:none !important;margin:0 !important;padding:14px 18px !important;overflow:visible !important;clip:auto;clip-path:none;white-space:nowrap;display:inline-block;font:600 40px/1 var(--mono);letter-spacing:.18em;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule-2);border-radius:var(--r-sm);font-variant-numeric:tabular-nums}
@media (max-width:560px){.code:has(>.seg) .vh{display:block;text-align:center;font-size:34px}}
@media print{.od{grid-template-columns:minmax(0,1fr)}.od-side{order:0}.od-card{border:0;padding:0}}
/* Alıcı fişi (10 Oct 2026, user: "zikzaklı kağıt gibi o görüntüyü geri getir"): Ledger turned the buyer's
   orders into flat boxes. Buyer receipts are paper again — white sheet, torn zigzag top and bottom edge,
   soft lift. Scoped to .receipt; the shop's order board (.order in lanes) stays Ledger. The mask clips
   box-shadow, so the lift is a drop-shadow on the wrapper. */
.receipts{display:grid;gap:18px;filter:drop-shadow(0 1px 1px oklch(0% 0 0 / .06)) drop-shadow(0 8px 14px oklch(0% 0 0 / .10))}
.receipt{--zz:14px;border:0;border-radius:0;box-shadow:none;background:var(--card);padding:calc(var(--zz) / 2 + 10px) 6px calc(var(--zz) / 2 + 6px);-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--zz) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--zz) 51% repeat-x;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top/var(--zz) 51% repeat-x,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/var(--zz) 51% repeat-x}
.receipt>h3>a{font-family:var(--mono)}
.receipt .facts li:first-child{font:500 var(--t-md)/1.3 var(--mono);color:var(--text)}
.receipt .row-actions{border-top:1px dashed var(--rule-2);margin:10px 14px 0;padding-top:10px}
.od-receipt{filter:drop-shadow(0 1px 1px oklch(0% 0 0 / .06)) drop-shadow(0 8px 14px oklch(0% 0 0 / .10))}
.od-receipt>.receipt{padding-left:clamp(14px,3vw,24px);padding-right:clamp(14px,3vw,24px)}
@media print{.receipts,.od-receipt{filter:none}.receipt{-webkit-mask:none;mask:none}}

/* folded buyer form (refund request, report a problem) — closed until asked for */
.fold{margin:4px 0 18px}
.fold>summary{list-style:none;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 16px;border:1.5px solid var(--rule-2);border-radius:var(--r-sm);background:var(--card);color:var(--text);font:600 var(--t-base)/1.1 var(--font);cursor:pointer;transition:background-color .14s var(--ease),border-color .14s var(--ease)}
.fold>summary::-webkit-details-marker{display:none}
.fold>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .14s var(--ease)}
.fold>summary:hover,.fold[open]>summary{background:var(--paper-2)}
.fold[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.fold[open]>summary~*{animation:fold-in .18s var(--ease)}
.fold[open]{padding:0 0 14px;border-bottom:1px solid var(--rule)}
.fold>summary~.meta{margin-top:14px}
@keyframes fold-in{from{opacity:0;transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.fold[open]>summary~*{animation:none}}