/* Product Order page (product.js). a-Task tokens from index.html; the AI accents (gradient,
   glow ring, veil) follow Notasyon's AI Generator. */
@property --pp-angle { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
:root{
  --pp-grad: linear-gradient(100deg, #4f7cff 0%, #8b5cf6 38%, #ec4899 72%, #f59e0b 100%);
  --pp-grad-soft: linear-gradient(100deg, rgba(79,124,255,.14), rgba(139,92,246,.14) 40%, rgba(236,72,153,.12) 75%, rgba(245,158,11,.1));
  --pp-violet: #8b5cf6;
}

#app:not([data-view="product"]) .pp-only{ display:none !important; }
#app[data-view="product"] .sp-only{ display:none !important; }

#productView{ flex:1; min-height:0; overflow:auto; background:var(--at-paper); }
.pp-wrap{ max-width:1320px; margin:0 auto; padding:18px 24px 64px; }

/* ---------- header: tabs + customer ---------- */
.pp-head{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; margin-bottom:18px; }
.pp-head-left{ min-width:0; }
.pp-title{ font-size:17px; font-weight:600; margin:0; }
.pp-sub{ font-size:12px; color:var(--at-ink-3); margin-top:2px; }
.pp-head-right{ display:flex; justify-content:flex-end; align-items:center; gap:8px; min-width:0; }
.pp-cust{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--at-ink-2); white-space:nowrap; }
.pp-cust select{
  font:inherit; font-size:13px; padding:7px 10px; border-radius:4px; max-width:260px;
  background:var(--at-surface); color:var(--at-ink); border:1px solid var(--at-line-strong);
}
.pp-cust select.missing{ border-color:var(--at-danger); outline:1px solid var(--at-danger); }
.pp-preview{ font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:3px 9px; border-radius:999px;
  background:var(--at-warn-tint); color:var(--at-warn-fg); white-space:nowrap; }

.pp-tabs{ display:flex; gap:4px; padding:4px; border-radius:999px; background:var(--at-line); width:max-content; max-width:100%; }
.pp-tab{
  position:relative; display:inline-flex; align-items:center; gap:7px; border:0; background:none; cursor:pointer; font:inherit;
  padding:9px 20px; border-radius:999px; font-size:14px; font-weight:600; color:var(--at-ink-3); transition:color .15s, background .15s, box-shadow .15s;
}
.pp-tab svg{ width:15px; height:15px; }
.pp-tab:hover{ color:var(--at-ink); }
.pp-tab.active{ background:var(--at-surface); color:var(--at-ink); box-shadow:0 1px 3px rgba(0,0,0,.1), 0 0 0 1px var(--at-line); }
.pp-tab.active::after{ content:""; position:absolute; left:18px; right:18px; bottom:3px; height:2px; border-radius:2px; background:var(--pp-grad); }
.pp-tab[data-tab="ai"] svg{ color:var(--pp-violet); }
/* title + customer on one row, the tabs centred on their own row below (never overlapping) */
.pp-head{ grid-template-columns:1fr auto; grid-template-areas:"left right" "tabs tabs"; }
.pp-head-left{ grid-area:left; } .pp-tabs{ grid-area:tabs; justify-self:start; } .pp-head-right{ grid-area:right; }
@media (max-width:640px){
  .pp-head{ grid-template-columns:1fr; grid-template-areas:"left" "right" "tabs"; text-align:center; }
  .pp-head-right{ justify-content:center; flex-wrap:wrap; }
}
.pp-actions .btn:disabled{ opacity:.4; cursor:not-allowed; filter:none; }
@media (max-width:560px){ .pp-tab{ padding:8px 12px; font-size:13px; } .pp-wrap{ padding:14px 16px 48px; } }

/* ---------- configurator ---------- */
.pp-cfg{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr); gap:28px; align-items:start; }
@media (max-width:980px){ .pp-cfg{ grid-template-columns:1fr; } }
.pp-crumb{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-bottom:16px; font-family:var(--font-mono); font-size:11px; color:var(--at-ink-3); }
.pp-crumb .seg{ padding:3px 8px; border:1px solid var(--at-line-strong); border-radius:3px; background:var(--at-surface); color:var(--at-ink); }
.pp-crumb .seg.pending{ color:var(--at-ink-3); font-style:italic; background:transparent; }
.pp-crumb .sep{ color:var(--at-ink-3); }

.pp-step{ border-top:1px solid var(--at-line); padding:16px 0 14px; }
.pp-step:first-of-type{ border-top:0; padding-top:0; }
.pp-eyebrow{ display:flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--at-ink-3); margin-bottom:6px; }
.pp-eyebrow .num{ width:17px; height:17px; border:1px solid var(--at-ink-3); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:9px; }
.pp-eyebrow.done .num{ background:var(--at-ink); border-color:var(--at-ink); color:var(--at-surface); }
.pp-step h2{ font-size:15px; font-weight:600; margin:0 0 10px; }
.pp-cards{ display:grid; grid-template-columns:repeat(auto-fill, minmax(118px, 1fr)); gap:8px; }
.pp-card{
  text-align:left; font:inherit; color:var(--at-ink); background:var(--at-surface); border:1px solid var(--at-line-strong);
  border-radius:var(--radius-sm); padding:10px 11px; cursor:pointer; transition:border-color .12s, box-shadow .12s, background .12s;
}
.pp-card:hover{ border-color:var(--at-ink-2); box-shadow:var(--at-shadow-lg); }
.pp-card.active{ border-color:var(--at-accent); background:var(--at-accent-tint); box-shadow:inset 0 0 0 1px var(--at-accent); }
.pp-card .name{ display:block; font-weight:600; font-size:13px; line-height:1.25; }
.pp-card .desc{ display:block; font-family:var(--font-mono); font-size:10px; color:var(--at-ink-3); margin-top:3px; }
.pp-spec{ margin-bottom:14px; }
.pp-spec-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--at-ink-2); margin-bottom:6px; }
.pp-pills{ display:flex; flex-wrap:wrap; gap:6px; }
.pp-pill{
  display:inline-flex; align-items:center; gap:6px; font:inherit; font-family:var(--font-mono); font-size:11.5px; cursor:pointer;
  padding:6px 12px; border-radius:999px; border:1px solid var(--at-line-strong); background:var(--at-surface); color:var(--at-ink);
}
.pp-pill:hover{ border-color:var(--at-ink-2); }
.pp-pill.active{ background:var(--at-ink); border-color:var(--at-ink); color:var(--at-surface); }
.pp-pill svg{ border-radius:3px; }
.pp-note{ font-family:var(--font-mono); font-size:10.5px; color:var(--at-ink-3); margin-top:6px; }

/* "No idea" — the AI entry point on every step */
.pp-noidea{
  font-family:var(--font-body); font-weight:600; color:var(--at-ink); border-style:dashed; border-color:#b9a4f5;
  background:var(--pp-grad-soft);
}
.pp-noidea svg{ width:13px; height:13px; color:var(--pp-violet); flex:none; }
.pp-noidea:hover{ border-color:var(--pp-violet); }
.pp-card.pp-noidea{ display:flex; align-items:center; gap:7px; }

/* ---------- mini paper ---------- */
.pp-paper-col{ position:sticky; top:12px; }
.pp-paper{ background:var(--at-surface); border:1px solid var(--at-line); border-radius:var(--radius); box-shadow:var(--at-shadow-lg); padding:22px 22px 18px; position:relative; }
.pp-paper-head{ display:flex; justify-content:space-between; gap:10px; padding-bottom:14px; border-bottom:1px dashed var(--at-line-strong); }
.pp-paper-title{ font-family:var(--font-mono); font-weight:600; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.pp-paper-title b{ color:var(--at-accent); }
.pp-paper-sub{ font-size:11px; color:var(--at-ink-3); margin-top:3px; }
.pp-paper-ref{ font-family:var(--font-mono); font-size:10px; color:var(--at-ink-3); text-align:right; }
.pp-lines{ padding:10px 0 4px; }
.pp-line{ display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-bottom:1px solid var(--at-line); font-family:var(--font-mono); font-size:12px; animation:pp-line-in .3s ease both; }
.pp-line .k{ color:var(--at-ink-3); text-transform:uppercase; font-size:10.5px; letter-spacing:.04em; white-space:nowrap; }
.pp-line .v{ text-align:right; font-weight:600; }
.pp-line.empty .v{ color:var(--at-ink-3); font-weight:400; }
@keyframes pp-line-in{ from{ opacity:0; transform:translateY(3px); } }
.pp-result{ border-top:1px dashed var(--at-line-strong); margin-top:12px; padding-top:16px; text-align:center; position:relative; }
.pp-result.has-stamp{ padding-top:58px; }
.pp-placeholder{ font-family:var(--font-mono); font-size:11px; color:var(--at-ink-3); line-height:1.6; padding:26px 0 18px; }
.pp-sku-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--at-ink-3); }
.pp-sku{ font-family:var(--font-mono); font-weight:600; font-size:16px; letter-spacing:.02em; word-break:break-all; margin:4px 0; }
.pp-fullname{ font-size:12.5px; color:var(--at-ink-2); line-height:1.45; }
.pp-stamp{
  position:absolute; top:10px; right:4px; width:62px; height:62px; border:2px solid var(--at-accent); border-radius:50%; color:var(--at-accent);
  display:flex; align-items:center; justify-content:center; text-align:center; font-family:var(--font-mono); font-weight:700; font-size:8.5px; letter-spacing:.08em;
  transform:rotate(-11deg); opacity:.85; animation:pp-stamp .4s cubic-bezier(.34,1.56,.64,1) .15s both;
}
@keyframes pp-stamp{ from{ transform:rotate(-11deg) scale(.5); opacity:0; } }
.pp-order-row{ display:flex; gap:10px; align-items:flex-end; margin-top:16px; text-align:left; }
.pp-order-row .pp-field{ flex:1; }
.pp-field label{ display:block; font-size:10.5px; color:var(--at-ink-2); text-transform:uppercase; letter-spacing:.06em; margin-bottom:5px; }
.pp-field input, .pp-field textarea, .pp-field select{
  width:100%; font:inherit; font-size:13px; padding:7px 9px; border-radius:3px;
  background:var(--at-surface); color:var(--at-ink); border:1px solid var(--at-line-strong);
}
.pp-field input:focus, .pp-field textarea:focus{ outline:2px solid var(--at-accent); outline-offset:1px; border-color:transparent; }
.pp-qty{ display:flex; align-items:center; border:1px solid var(--at-line-strong); border-radius:3px; overflow:hidden; background:var(--at-surface); }
.pp-qty button{ width:30px; height:33px; border:0; background:var(--at-surface-sunken); color:var(--at-ink); cursor:pointer; font-size:15px; }
.pp-qty button:hover{ color:var(--at-accent); }
.pp-qty input{ width:62px; border:0 !important; outline:none !important; text-align:center; font-family:var(--font-mono); padding:7px 4px; }
.pp-actions{ display:flex; gap:8px; margin-top:14px; }
.pp-actions .btn{ flex:1; }

/* ---------- AI assistant ---------- */
.pp-ai{ max-width:860px; margin:0 auto; }
.pp-box{
  position:relative; background:var(--at-surface); border:1px solid var(--at-line); border-radius:22px;
  box-shadow:0 1px 2px rgba(20,20,20,.05), 0 24px 60px -30px rgba(139,92,246,.35);
}
.pp-glow::before{
  content:""; position:absolute; inset:-2px; border-radius:inherit; padding:2px; pointer-events:none; opacity:0;
  background:conic-gradient(from var(--pp-angle), #4f7cff, #8b5cf6, #ec4899, #f59e0b, #4f7cff);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); transition:opacity .25s;
}
.pp-glow::after{
  content:""; position:absolute; inset:12% 8%; z-index:-1; border-radius:40px; filter:blur(36px); opacity:0; pointer-events:none;
  background:conic-gradient(from var(--pp-angle), rgba(79,124,255,.5), rgba(139,92,246,.5), rgba(236,72,153,.45), rgba(245,158,11,.4), rgba(79,124,255,.5));
  transition:opacity .3s;
}
.pp-glow.is-thinking::before{ opacity:1; animation:pp-spin 1.6s linear infinite; }
.pp-glow.is-thinking::after{ opacity:.5; animation:pp-spin 1.6s linear infinite; }
@keyframes pp-spin{ to{ --pp-angle:360deg; } }
.pp-input{
  display:block; width:100%; min-height:92px; border:0; resize:vertical; background:transparent; color:var(--at-ink);
  padding:18px 22px 6px; font:16px/1.6 var(--font-body); outline:none; border-radius:22px 22px 0 0;
}
.pp-input::placeholder{ color:var(--at-ink-3); }
.pp-box-foot{ display:flex; align-items:center; gap:8px; padding:8px 12px 12px 20px; }
.pp-grow{ flex:1; }
.pp-kbd{ font-size:11px; color:var(--at-ink-3); }
.pp-kbd kbd{ font-family:var(--font-mono); font-size:10.5px; border:1px solid var(--at-line-strong); border-bottom-width:2px; border-radius:5px; padding:0 5px; }
.pp-run{
  display:inline-flex; align-items:center; gap:8px; border:0; cursor:pointer; font:inherit; font-size:14.5px; font-weight:600; color:#fff;
  padding:10px 20px; border-radius:999px; background:var(--pp-grad); background-size:160% 100%; background-position:0 50%;
  box-shadow:0 6px 18px -8px rgba(139,92,246,.7); transition:background-position .4s, opacity .15s, transform .1s;
}
.pp-run svg{ width:16px; height:16px; }
.pp-run:hover:not(:disabled){ background-position:100% 50%; }
.pp-run:active:not(:disabled){ transform:scale(.98); }
.pp-run:disabled{ opacity:.45; cursor:default; box-shadow:none; }
.pp-run.small{ padding:7px 14px; font-size:13px; }
.pp-examples{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:14px 0 0; }
.pp-example{ font:inherit; font-size:12.5px; padding:5px 12px; border-radius:999px; border:1px solid var(--at-line-strong); background:var(--at-surface); color:var(--at-ink-2); cursor:pointer; }
.pp-example:hover{ border-color:var(--pp-violet); color:var(--at-ink); }

.pp-thread{ margin-top:22px; display:flex; flex-direction:column; gap:12px; }
.pp-bubble{ align-self:flex-end; max-width:78%; background:var(--at-ink); color:var(--at-surface); padding:10px 15px; border-radius:18px 18px 4px 18px; font-size:14.5px; line-height:1.5; white-space:pre-wrap; word-break:break-word; }
.pp-msg{ position:relative; background:var(--at-surface); border:1px solid var(--at-line); border-radius:18px; padding:14px 16px; }
.pp-msg-head{ display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--at-ink-3); margin-bottom:8px; }
.pp-msg-head svg{ width:15px; height:15px; color:var(--pp-violet); }
.pp-msg p{ margin:0 0 8px; font-size:14px; line-height:1.55; }
.pp-msg p:last-child{ margin-bottom:0; }
.pp-chips{ display:flex; flex-wrap:wrap; gap:6px; }
.pp-chip{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; padding:4px 10px; border-radius:999px; background:var(--at-surface-sunken); border:1px solid var(--at-line); }
.pp-chip b{ font-weight:600; }
.pp-chip.unknown{ border-style:dashed; color:var(--at-ink-3); }
.pp-q h3{ font-size:15.5px; font-weight:600; margin:0 0 4px; }
.pp-q .pp-hint{ font-size:12.5px; color:var(--at-ink-3); margin:0 0 10px; }
.pp-q .pp-pills{ margin-top:8px; }
.pp-rows{ display:grid; gap:0; }
.pp-row{ display:flex; align-items:center; gap:10px; padding:7px 2px; border-bottom:1px solid var(--at-line); font-size:13.5px; animation:pp-in .35s cubic-bezier(.2,.7,.2,1) both; }
.pp-row:last-child{ border-bottom:0; }
.pp-row .k{ width:150px; flex:none; color:var(--at-ink-3); font-size:12px; text-transform:uppercase; letter-spacing:.04em; font-family:var(--font-mono); }
.pp-row .v{ flex:1; font-weight:600; min-width:0; }
.pp-src{ font-size:11px; color:var(--at-ink-3); white-space:nowrap; }
.pp-src.suggested{ color:var(--pp-violet); font-weight:600; }
.pp-src.typed{ color:var(--at-success-fg); }
.pp-change{ border:0; background:none; font:inherit; font-size:12px; color:var(--at-ink-3); text-decoration:underline; text-underline-offset:3px; cursor:pointer; padding:0 2px; }
.pp-change:hover{ color:var(--at-accent); }
.pp-reveal{ animation:pp-in .42s cubic-bezier(.2,.7,.2,1) both; }
@keyframes pp-in{ from{ opacity:0; transform:translateY(6px); filter:blur(3px); } to{ opacity:1; transform:none; filter:none; } }
@media (max-width:560px){ .pp-row .k{ width:100px; } .pp-bubble{ max-width:92%; } }

/* the AI veil while "thinking" (drifting colour + shimmer + sparkle) */
.pp-veil{ position:absolute; inset:0; z-index:3; overflow:hidden; border-radius:inherit; background:color-mix(in srgb, var(--at-surface) 55%, transparent); animation:pp-fade .2s ease-out both; }
@keyframes pp-fade{ from{ opacity:0; } }
.pp-blob{ position:absolute; width:58%; aspect-ratio:1; border-radius:50%; filter:blur(40px); opacity:.5; mix-blend-mode:multiply; }
:root[data-theme="dark"] .pp-blob{ mix-blend-mode:screen; opacity:.4; }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .pp-blob{ mix-blend-mode:screen; opacity:.4; } }
.pp-blob.b1{ background:#4f7cff; left:-12%; top:-30%; animation:pp-d1 2.4s ease-in-out infinite alternate; }
.pp-blob.b2{ background:#8b5cf6; right:-14%; top:-10%; animation:pp-d2 2.1s ease-in-out infinite alternate; }
.pp-blob.b3{ background:#ec4899; left:18%; bottom:-50%; animation:pp-d3 2.6s ease-in-out infinite alternate; }
.pp-blob.b4{ background:#f59e0b; right:4%; bottom:-50%; width:40%; opacity:.3; animation:pp-d1 2.9s ease-in-out infinite alternate-reverse; }
@keyframes pp-d1{ to{ transform:translate(22%, 18%) scale(1.15); } }
@keyframes pp-d2{ to{ transform:translate(-24%, 14%) scale(.9); } }
@keyframes pp-d3{ to{ transform:translate(18%, -20%) scale(1.1); } }
.pp-sweep{ position:absolute; inset:-20% -60%; background:linear-gradient(105deg, transparent 42%, rgba(255,255,255,.55) 50%, transparent 58%); animation:pp-sw 1.1s ease-in-out infinite; }
:root[data-theme="dark"] .pp-sweep{ background:linear-gradient(105deg, transparent 42%, rgba(255,255,255,.12) 50%, transparent 58%); }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .pp-sweep{ background:linear-gradient(105deg, transparent 42%, rgba(255,255,255,.12) 50%, transparent 58%); } }
@keyframes pp-sw{ from{ transform:translateX(-40%); } to{ transform:translateX(40%); } }
.pp-veil-center{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:10px; }
.pp-veil-spark{ width:26px; height:26px; filter:drop-shadow(0 3px 12px rgba(139,92,246,.8)); animation:pp-pulse 1s ease-in-out infinite; }
.pp-veil-spark svg{ width:100%; height:100%; }
.pp-veil-spark svg path{ fill:url(#pp-grad); }
@keyframes pp-pulse{ 0%,100%{ transform:scale(.85) rotate(0); } 50%{ transform:scale(1.12) rotate(18deg); } }
.pp-veil-text{ font-size:13.5px; font-weight:600; color:var(--at-ink); padding:4px 12px; border-radius:999px;
  background:color-mix(in srgb, var(--at-surface) 70%, transparent); box-shadow:0 4px 18px -8px rgba(20,20,20,.35); }

/* suggestion card ("No idea") */
.pp-suggest{ position:relative; margin-top:10px; border-radius:16px; border:1px solid var(--at-line); background:var(--at-surface); padding:12px 14px; min-height:58px; }
.pp-suggest.is-thinking{ overflow:visible; }
.pp-suggest-body{ font-size:13.5px; line-height:1.55; }
.pp-suggest-body p{ margin:0 0 6px; }
.pp-suggest-body .why{ display:flex; gap:8px; align-items:flex-start; }
.pp-suggest-body .why svg{ width:14px; height:14px; color:var(--pp-violet); flex:none; margin-top:4px; }
.pp-suggest-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.pp-ghost{ font:inherit; font-size:13px; font-weight:600; padding:7px 14px; border-radius:999px; border:1px solid var(--at-line-strong); background:var(--at-surface); color:var(--at-ink); cursor:pointer; }
.pp-ghost:hover{ border-color:var(--at-ink-2); }
.pp-ghost.quiet{ border-color:transparent; color:var(--at-ink-3); font-weight:500; }
.pp-ghost.quiet:hover{ color:var(--at-ink); }

.pp-done .pp-sku{ font-size:15px; }
.pp-done-grid{ display:grid; grid-template-columns:1fr auto; gap:14px; align-items:start; }
@media (max-width:640px){ .pp-done-grid{ grid-template-columns:1fr; } }

/* ---------- previous orders ---------- */
.pp-prev h3{ font-size:13px; text-transform:uppercase; letter-spacing:.06em; margin:26px 0 10px; color:var(--at-ink-2); }
.pp-prev .table-card{ margin-top:4px; }
.pp-empty{ text-align:center; color:var(--at-ink-3); padding:40px 20px; font-size:13.5px; line-height:1.6; }
.pp-spec-small{ font-size:11.5px; color:var(--at-ink-3); margin-top:2px; line-height:1.4; }

/* ---------- basket drawer ---------- */
.pp-bi{ padding:12px 18px; border-bottom:1px solid var(--at-line); }
.pp-bi-top{ display:flex; gap:10px; justify-content:space-between; }
.pp-bi-name{ font-size:13px; font-weight:600; }
.pp-bi-sku{ font-family:var(--font-mono); font-size:11px; color:var(--at-ink-2); margin-top:2px; word-break:break-all; }
.pp-bi-row{ display:flex; gap:10px; margin-top:8px; align-items:flex-end; }
.pp-bi-row .pp-field{ flex:1; }
.pp-bi-row .pp-field label{ font-size:9.5px; }
.pp-past{ border:1px dashed var(--at-line-strong); border-radius:4px; padding:9px 10px; margin-bottom:10px; font-size:12.5px; }
.pp-past label.chk{ display:flex; gap:7px; align-items:center; cursor:pointer; font-weight:600; }
.pp-past .pp-field{ margin-top:8px; }
.pp-past-note{ font-size:11.5px; color:var(--at-ink-3); margin-top:4px; }

/* product lines on order sheets and in the review dialog */
.po-spec{ font-size:10.5px; color:var(--at-ink-3); margin-top:2px; font-family:var(--font-body); }
.type-tag{ display:inline-block; margin-left:6px; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:1px 6px; border-radius:3px; background:var(--pp-grad-soft); color:var(--at-ink-2); vertical-align:1px; }
.om-date{ width:148px; font:inherit; font-size:12.5px; padding:4px 6px; border:1px solid var(--at-line-strong); border-radius:3px; background:var(--at-surface); color:var(--at-ink); }
.uf-lines{ display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; padding-top:4px; }
.uf-lines label{ display:flex; gap:6px; align-items:center; font-weight:500; cursor:pointer; }

@media (prefers-reduced-motion: reduce){
  .pp-blob, .pp-sweep, .pp-veil-spark, .pp-glow.is-thinking::before, .pp-glow.is-thinking::after, .pp-reveal, .pp-row, .pp-line{ animation:none !important; }
  .pp-glow.is-thinking::before{ --pp-angle:120deg; }
}
button.home-tile.disabled:hover{ border-color:var(--at-line); box-shadow:var(--at-shadow); transform:none; }
.filter-gap{ width:10px; }