/* proto/home.css -- LANE A (home/queue). Every rule is scoped to a [data-proto] node, a .pr-* class or html.proto-t8-mobile,
   so with the matching change OFF none of it applies. Uses the production tokens only (workspace/css/tokens.css). */
.kgroups.pr-cards3{grid-template-columns:3fr 2fr 2fr}
.pr-card .tile{width:auto}
.pr-card .tile .v{font-size:34px}
.pr-panel{margin-bottom:16px}
.pr-panel .ph{flex-wrap:wrap;gap:4px 12px}
.pr-count{display:inline-block;min-width:24px;padding:0 8px;margin-left:6px;border-radius:999px;background:var(--neutral-t);color:var(--ink-2);font:600 14px/1.6 var(--cond);text-align:center}
.pr-sub{font-size:14px}
.pr-tw{border:0;border-radius:0;overflow:visible}
.pr-table{width:100%;border-collapse:collapse}
.pr-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:500;text-align:left;padding:8px 12px;border-bottom:1px solid var(--line-2)}
.pr-table td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:top;font-size:15px}
.pr-table tr:last-child td{border-bottom:0}
.pr-c-menu{width:1%;white-space:nowrap}
.pr-c-rfq{white-space:nowrap}
.pr-c-sup{min-width:140px}
.pr-c-age{white-space:nowrap;text-align:right}
.pr-c-age span{display:block}
.pr-age{color:var(--ink-3);font-size:14px}
.pr-closes{font-weight:600;color:var(--ink-2)}
.pr-closes.urgent{color:var(--stale)}
.pr-menubtn{min-height:36px;padding:0 10px;font-size:14px}
.pr-menubtn svg{width:14px;height:14px}
.pr-empty{text-align:center;padding:18px}
.pr-excl{all:unset;cursor:pointer;color:var(--accent);font-size:13px;text-decoration:underline;margin-left:6px}
.pr-excl:focus-visible{outline:2px solid var(--accent)}
.pr-excl-list{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.pr-excl-list[hidden]{display:none}
.pr-stuck{color:var(--stale)!important;white-space:normal}
.pr-closed{border-top:1px solid var(--line-2);padding:0 16px}
.pr-closed summary{cursor:pointer;padding:10px 0;font-size:14px;color:var(--ink-2);min-height:24px}
.pr-closed-list{list-style:none;margin:0;padding:0 0 8px}
.pr-closed-list li{padding:6px 0;font-size:14px;border-bottom:1px solid var(--line-2);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.pr-closed-list li:last-child{border-bottom:0}
.pr-how{font-weight:600}
.pr-when{color:var(--ink-3);margin-left:auto}
.pr-menu{position:fixed;z-index:2147482000;min-width:220px;max-width:calc(100vw - 16px)}
.pr-menu .opt{display:flex;width:100%;min-height:44px;align-items:center;text-align:left;background:none;border:0;border-radius:8px;padding:0 12px;cursor:pointer;font-size:15px;color:inherit}
.pr-menu .opt:hover,.pr-menu .opt:focus-visible{background:var(--sunk)}
.pr-menu .opt[disabled]{opacity:.45;cursor:not-allowed}
#pr-compose textarea{width:100%;box-sizing:border-box}

/* t8-mobile: usable at 400 px */
html.proto-t8-mobile body{overflow-x:hidden}
@media (max-width:1180px){html.proto-t8-mobile .kgroups.pr-cards3{grid-template-columns:1fr 1fr}html.proto-t8-mobile .kgroups.pr-cards3 > .kg:first-child{grid-column:1/-1}}
@media (max-width:760px){
  html.proto-t8-mobile .kgroups.pr-cards3{grid-template-columns:1fr 1fr;gap:10px}
  html.proto-t8-mobile .kg{padding:12px}
  html.proto-t8-mobile .pr-card .tile{width:100%;box-sizing:border-box}
  html.proto-t8-mobile .pr-panel .ph{padding:12px}
  html.proto-t8-mobile .pr-table,html.proto-t8-mobile .pr-table tbody{display:block;width:100%}
  html.proto-t8-mobile .pr-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  html.proto-t8-mobile .pr-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 10px 10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
  html.proto-t8-mobile .pr-table td{display:block;padding:0;border:0;width:auto;min-width:0}
  html.proto-t8-mobile .pr-c-rfq{order:1;flex:1 1 auto}
  html.proto-t8-mobile .pr-c-age{order:2;text-align:right}
  html.proto-t8-mobile .pr-c-sup{order:3;flex:1 1 100%;font-weight:600}
  html.proto-t8-mobile .pr-c-line{order:4;flex:1 1 100%;overflow-wrap:anywhere}
  html.proto-t8-mobile .pr-c-menu{order:5;flex:1 1 100%;width:100%;margin-top:4px}
  html.proto-t8-mobile .pr-c-menu .btn{width:100%;justify-content:center;min-height:44px}
  html.proto-t8-mobile .pr-tw{background:none}
  html.proto-t8-mobile .pr-empty{display:block;text-align:center}
  html.proto-t8-mobile .pr-closed{padding:0 12px}
  html.proto-t8-mobile .pr-when{margin-left:0;flex:1 1 100%}
  html.proto-t8-mobile .pr-menu{left:8px!important;right:8px;width:auto;min-width:0}
  html.proto-t8-mobile #pr-compose .modal{width:calc(100vw - 24px);box-sizing:border-box}
}
.pr-table{table-layout:auto}
.pr-table td{white-space:normal;height:auto}
.pr-c-menu,.pr-c-rfq,.pr-c-age{white-space:nowrap!important}
.pr-card .tile .l{white-space:normal}
.pr-panel .ph{border-style:solid}

/* the old board does not exist in this prototype */
a#classic{display:none}

/* t9-needs-compact: tabs + one-line template rows */
.homecols{display:block}
.pr-tabs{display:flex;gap:6px;margin:0 0 8px;border-bottom:1px solid var(--line-2)}
.pr-tab{all:unset;cursor:pointer;box-sizing:border-box;min-height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font:600 16px/1 var(--cond,system-ui);color:var(--ink-2);border-bottom:3px solid transparent;margin-bottom:-1px}
.pr-tab:hover{color:var(--ink)}
.pr-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:6px}
.pr-tab.on{color:var(--ink);border-bottom-color:var(--accent)}
.pr-tab .pr-count{margin:0}
.pr-compact-panel[hidden]{display:none}
.pr-compact-panel{margin-bottom:10px}
.pr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pr-table.pr-compact td{padding:5px 12px;vertical-align:middle}
.pr-compact .pr-menubtn{min-height:30px;padding:0 8px;font-size:13px}
.pr-compact .pr-c-msg{font-size:15px;line-height:1.35}
.pr-compact .pill{margin-right:4px;white-space:nowrap}
.pr-compact .pr-sep{color:var(--ink-3)}
.pr-compact .pr-client{color:var(--ink-2)}
.pr-compact .pr-datum{color:var(--ink)}
.pr-compact .pr-age.urgent{color:var(--stale);font-weight:600}
.pr-closed-list .pr-ctype{font-weight:500;color:var(--ink-2)}
@media (max-width:760px){
  html.proto-t8-mobile .pr-table.pr-compact tr{gap:2px 8px;padding:8px 10px;margin:0 8px 8px}
  html.proto-t8-mobile .pr-compact .pr-c-msg{order:1;flex:1 1 100%;font-weight:400}
  html.proto-t8-mobile .pr-compact .pr-c-menu{order:2;flex:0 0 auto;width:auto;margin-top:2px}
  html.proto-t8-mobile .pr-compact .pr-c-age{order:3;margin-left:auto}
  .pr-tab{flex:1 1 0;justify-content:center;padding:0 8px;font-size:15px}
}
@media (min-width:761px){.pr-compact .pr-c-msg .pill{display:inline-block;min-width:140px;text-align:center;box-sizing:border-box}}

/* t9-type-colors: zebra rows (subtle, both themes) */
.pr-zebra{--pr-zebra:rgba(23,32,25,.06)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .pr-zebra{--pr-zebra:rgba(228,234,229,.06)}}
:root[data-theme="dark"] .pr-zebra{--pr-zebra:rgba(228,234,229,.06)}
@media (min-width:761px){.pr-zebra .pr-table tbody tr:nth-child(even) td{background:var(--pr-zebra)}}
html:not(.proto-t8-mobile) .pr-zebra .pr-table tbody tr:nth-child(even) td{background:var(--pr-zebra)}
@media (max-width:760px){html.proto-t8-mobile .pr-zebra .pr-table tbody tr:nth-child(even){background:var(--pr-zebra)}}
.pr-compact .pill.pt{white-space:nowrap}

/* t9-needs-columns: header row, filter bar, column menu */
.pr-cols{table-layout:auto}
.pr-cols thead th{padding:4px 8px;white-space:nowrap}
.pr-cols td{padding:5px 8px}
.pr-cols .pr-th{padding:2px 4px}
.pr-thb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 8px;border-radius:6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.pr-thb:hover{background:var(--sunk);color:var(--ink)}
.pr-thb:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.pr-thb.act{color:var(--ink)}
.pr-thb[aria-expanded="true"]{background:var(--sunk);color:var(--ink)}
.pr-thi{font-size:10px;line-height:1;color:var(--accent)}
.pr-thf{display:inline-block;min-width:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:700 11px/16px var(--sans);letter-spacing:0;text-align:center;text-transform:none}
.pr-cols .pr-c-rfq{white-space:nowrap}
.pr-cols .pr-c-rfq .pr-rfq{vertical-align:middle}
.pr-only{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:28px;height:28px;margin-left:2px;border-radius:6px;color:var(--ink-3);opacity:.35;vertical-align:middle}
.pr-only svg{width:14px;height:14px}
tr:hover .pr-only,.pr-only:focus-visible{opacity:1}
.pr-only:hover{background:var(--sunk);color:var(--ink);opacity:1}
.pr-only:focus-visible{outline:2px solid var(--accent)}
.pr-cols .pr-c-client{color:var(--ink-2)}
.pr-cols .pr-c-detail{min-width:160px}
.pr-cols .pr-c-sup{min-width:120px}
.pr-cols .pr-c-type .pill{min-width:0}
.pr-cols .pr-c-type{white-space:nowrap}
.pr-sfrow{display:none}
.pr-fbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 8px;padding:6px 12px;font-size:14px;color:var(--ink-2)}
.pr-fbar-l{font-weight:600;color:var(--ink)}
.pr-fchip{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.pr-fchip b{color:var(--ink);font-weight:600}
.pr-fx{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;color:var(--ink-2)}
.pr-fx:hover{background:var(--sunk);color:var(--ink)}
.pr-fx:focus-visible,.pr-fclear:focus-visible{outline:2px solid var(--accent)}
.pr-fclear{all:unset;cursor:pointer;color:var(--accent);text-decoration:underline;padding:4px 6px;font-size:14px}
.pr-cmenu{position:fixed;z-index:2147482000;box-sizing:border-box;width:280px;max-width:calc(100vw - 16px);max-height:min(460px,calc(100dvh - 16px));overflow:auto;display:flex;flex-direction:column;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px}
.pr-cmenu .opt{display:flex;width:100%;box-sizing:border-box;min-height:40px;align-items:center;gap:8px;text-align:left;background:none;border:0;border-radius:8px;padding:0 12px;cursor:pointer;font-size:15px;color:inherit}
.pr-cmenu .opt:hover,.pr-cmenu .opt:focus-visible{background:var(--sunk)}
.pr-cmenu .opt.on{font-weight:600;color:var(--accent)}
.pr-cm-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:8px 12px 4px}
.pr-cm-f{border-top:1px solid var(--line-2);margin-top:4px}
.pr-cm-q{box-sizing:border-box;width:calc(100% - 16px);margin:2px 8px 6px;min-height:36px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:15px}
.pr-cm-list{max-height:220px;overflow:auto}
.pr-cm-row{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:8px;cursor:pointer;font-size:15px}
.pr-cm-row[hidden]{display:none}
.pr-cm-row:hover{background:var(--sunk)}
.pr-cm-row input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--accent)}
.pr-cm-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr-cm-n{color:var(--ink-3);font-size:13px}
.pr-cm-foot{display:flex;justify-content:flex-end;gap:8px;padding:8px 6px 4px;border-top:1px solid var(--line-2);margin-top:4px}
.pr-cm-foot .btn{min-height:36px}
.pr-cm-choose{width:240px}
@media (max-width:760px){
  .pr-cmenu{left:8px!important;right:8px;width:auto}
  .pr-sfrow{display:block;margin:0 10px 8px}
  .pr-sf{min-height:44px;width:100%;justify-content:center;gap:8px}
  .pr-fbar{padding:6px 10px}
  html.proto-t8-mobile .pr-cols thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  html.proto-t8-mobile .pr-cols td.pr-c-type{order:1;flex:0 0 auto}
  html.proto-t8-mobile .pr-cols td.pr-c-rfq{order:2;flex:1 1 auto}
  html.proto-t8-mobile .pr-cols td.pr-c-age{order:3;margin-left:auto}
  html.proto-t8-mobile .pr-cols td.pr-c-client{order:4;flex:1 1 100%;color:var(--ink-2)}
  html.proto-t8-mobile .pr-cols td.pr-c-sup{order:5;flex:1 1 100%;font-weight:600}
  html.proto-t8-mobile .pr-cols td.pr-c-detail{order:6;flex:1 1 100%;min-width:0;overflow-wrap:anywhere}
  html.proto-t8-mobile .pr-cols td.pr-c-menu{order:7;flex:0 0 auto;width:auto;margin-top:2px}
  html.proto-t8-mobile .pr-cols td.pr-c-client:empty,html.proto-t8-mobile .pr-cols td.pr-c-sup:empty{display:none}
  .pr-only{opacity:.7}
}
/* t9-taxonomy-v2: "waiting on supplier" tag on a row Enoch already acted on; Past notifications section on Archived RFQs */
.pr-wtag{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);font-size:12px;white-space:nowrap}
.pr-past{margin:20px 0 0;padding:0}
.pr-past h3{margin:0 0 8px;font-size:15px}
.pr-past .pr-closed-list{padding:0}
.pr-past li{padding:6px 0;border-top:1px solid var(--line-2)}