/* Shadeland internal app - Queries (the finance agent's query list). Built 31/10/2026.
   Uses the brand tokens defined in styles.css; the state colours below are UI signals, never
   brand colours. Every rule is scoped under .qy so it cannot leak into other tabs. */

.qy{--qy-bad:#B42318;--qy-bad-bg:#FDE7E5;--qy-ok:#1E6B3A;--qy-ok-bg:#E3F4E8;--qy-warn:#7A4B00;--qy-warn-bg:#FFF3CC;
  padding:12px 16px calc(96px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.qy [hidden]{display:none!important}
.qy h1{font-family:Anton,Impact,sans-serif;text-transform:uppercase;color:var(--navy);font-weight:400;
  font-size:28px;letter-spacing:.3px;margin:0;line-height:1.05}
.qy-sub{color:var(--muted);font-size:14px;margin:4px 0 0}

.qy-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qy-seg{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--white);
  color:var(--ink);font:inherit;font-weight:600;cursor:pointer}
.qy-seg[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:var(--white)}
.qy-seg.ghost{margin-left:auto;font-weight:400;color:var(--muted)}

.qy-banner{font-size:13px;border-radius:10px;padding:8px 12px;background:var(--paper);color:var(--muted)}
.qy-banner:empty{display:none}
.qy-banner.bad{background:var(--qy-bad-bg);color:var(--qy-bad)}
.qy-banner.ok{background:var(--qy-ok-bg);color:var(--qy-ok)}

.qy-count{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.qy-list{display:flex;flex-direction:column;gap:10px}
.qy-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;
  display:flex;flex-direction:column;gap:8px;min-width:0}
.qy-item.held{border-left:4px solid var(--qy-bad)}
.qy-title{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.qy-ref{color:var(--muted);font-weight:400;font-size:14px}
.qy-meta{display:flex;flex-wrap:wrap;gap:5px}
.qy-pill{display:inline-flex;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;background:var(--paper);color:var(--ink);white-space:nowrap}
.qy-pill.bad{background:var(--qy-bad-bg);color:var(--qy-bad)}
.qy-pill.ok{background:var(--qy-ok-bg);color:var(--qy-ok)}
.qy-pill.warn{background:var(--qy-warn-bg);color:var(--qy-warn)}
.qy-dl{margin:0}
.qy-dl>div{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:5px 0;border-top:1px solid var(--line)}
.qy-dl>div:first-child{border-top:0}
.qy-dl dt{color:var(--muted);font-size:13px}
.qy-dl dd{margin:0;overflow-wrap:anywhere;font-size:14px}
.qy-note{font-size:13px;color:var(--muted)}
.qy-empty{background:var(--white);border:1px dashed var(--line);border-radius:var(--radius);padding:16px;color:var(--muted);font-size:14px;margin:0}

.qy-holds,.qy-notes,.qy-done{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.qy-holds>li{padding:10px 12px;border-radius:12px;background:var(--qy-bad-bg);display:flex;flex-direction:column;gap:6px}
.qy-hold-what{font-size:14px;color:var(--qy-bad);font-weight:600;overflow-wrap:anywhere}
.qy-fix{font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.qy-release{display:flex;flex-direction:column;gap:8px;padding-top:4px}
.qy-again{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:6px}
.qy-notes>li{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.qy-notes>li:first-child{border-top:0}
.qy-notes>li>span{overflow-wrap:anywhere;min-width:0}
.qy-done>li{font-size:14px;overflow-wrap:anywhere;padding:8px 0;border-top:1px solid var(--line)}
.qy-done>li:first-child{border-top:0}
.qy-clearall{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.qy-clearall label,.qy-release label:not(.qy-check){display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;
  color:var(--muted);letter-spacing:.03em}
.qy-clearall label{flex:1 1 200px}
.qy input[type="text"]{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;
  font:inherit;font-size:16px;background:var(--white);color:var(--ink);font-weight:400;letter-spacing:0}
.qy-check{font-size:14px;display:flex;gap:8px;align-items:flex-start;color:var(--ink)}
.qy-check input{width:22px;height:22px;flex:0 0 auto;margin:0}
.qy-actions{display:flex;flex-wrap:wrap;gap:8px}
.qy-before{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.qy-before>summary{cursor:pointer;font-weight:600;color:var(--ink);min-height:32px}
.qy-before[open]>summary{margin-bottom:8px}
.qy-before .qy-list{margin-top:8px}
.qy-err{margin:0;padding:8px 12px;border-radius:10px;background:var(--qy-bad-bg);color:var(--qy-bad);font-size:14px}
.qy-btn{min-height:var(--tap);padding:0 20px;border-radius:999px;border:0;background:var(--navy);color:var(--white);font:inherit;font-weight:600;cursor:pointer;text-align:center}
.qy-btn.ghost{background:var(--white);color:var(--ink);border:1px solid var(--line)}
.qy-btn.small{min-height:36px;padding:0 14px;font-size:13px;flex:0 0 auto}
.qy-btn:disabled{opacity:.6}

/* Questions from the agent (the learning loop, 31/10/2026) */
.qy-asks{background:var(--white);border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:var(--radius);
  padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.qy-asks h2{margin:0;font-size:16px;color:var(--navy)}
.qy-ask-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.qy-ask{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.qy-ask:first-child{border-top:0;padding-top:0}
.qy-ask-q{font-size:15px;color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.qy-ask label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.03em}