/* pure-field-kit.css - shared look for the agent field-tool pages (lane 5, 9/26/26). PURE brand: Open Sans only, navy
   structure, gold the single accent, green confirm, red only as the accent on the help control. One shadow. */
:root{--pf-navy:#172E55;--pf-navy2:#1e3a68;--pf-navy3:#0f2544;--pf-gold:#DCCAAF;--pf-gold50:#f3ede3;--pf-goldink:#847969;--pf-green:#117F39;
  --pf-red:#ED1C24;--pf-ink:#0e1c33;--pf-t2:#404040;--pf-t3:#6b6b6b;--pf-hair:#e3ddd2;--pf-cream:#f8f4ef;--pf-amber:#8a6a12;--pf-shadow:5px 5px 10px rgba(0,0,0,.10)}
*{box-sizing:border-box}
html,body{margin:0}
body.pf{background:var(--pf-cream);color:var(--pf-ink);font:400 14px/1.55 "Open Sans",-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}
body.pf input,body.pf select,body.pf textarea,body.pf button{font-family:inherit}
body.pf code{font-family:inherit;font-size:.95em;background:var(--pf-gold50);border-radius:4px;padding:0 4px}
body.pf a{color:var(--pf-navy);text-decoration:underline}
body.pf a:hover{color:var(--pf-navy2)}
.pf-hero{background:linear-gradient(135deg,var(--pf-navy2),var(--pf-navy3));color:#fff;border-bottom:3px solid var(--pf-gold)}
.pf-hero .in{max-width:min(1320px,94vw);margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.pf-hero h1{margin:0;font:700 22px/28px "Open Sans",sans-serif}
.pf-hero .sub{color:var(--pf-gold);font-size:13px;flex-basis:100%}
.pf-hero a{color:#fff}
.pf-wrap{max-width:min(1320px,94vw);margin:0 auto;padding:18px 24px 90px;container-type:inline-size}
.pf-eyebrow{font:800 11px "Open Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-goldink)}
.pf-card{background:#fff;border:1px solid var(--pf-hair);border-top:3px solid var(--pf-gold);border-radius:16px;box-shadow:var(--pf-shadow);padding:16px 18px;margin-bottom:14px;min-width:0}
.pf-card.navy{border-top-color:var(--pf-navy)}.pf-card.green{border-top-color:var(--pf-green)}.pf-card.amber{border-top-color:var(--pf-amber)}.pf-card.red{border-top-color:var(--pf-red)}
.pf-card h2{margin:0 0 10px;font:800 12px "Open Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pf-goldink);display:flex;align-items:center;gap:8px}
.pf-card h2 .n{margin-left:auto;letter-spacing:0;text-transform:none;color:var(--pf-t3);font-weight:700}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.pf-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@container (max-width:860px){.pf-grid,.pf-grid3{grid-template-columns:1fr}}
.pf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:14px}
.pf-kpi{background:#fff;border:1px solid var(--pf-hair);border-top:3px solid var(--pf-navy);border-radius:16px;padding:12px 14px}
.pf-kpi b{display:block;font:800 26px/1.1 "Open Sans",sans-serif;color:var(--pf-navy)}
.pf-kpi span{font-size:12px;color:var(--pf-t3)}
.pf-kpi.warn{border-top-color:var(--pf-amber)}.pf-kpi.alert{border-top-color:var(--pf-red)}.pf-kpi.ok{border-top-color:var(--pf-green)}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:360px;border:1px solid var(--pf-hair);
  background:#fff;color:var(--pf-navy);font:700 14px "Open Sans",sans-serif;cursor:pointer;text-decoration:none!important;transition:background .15s cubic-bezier(.2,.7,.2,1)}
.pf-btn:hover{background:var(--pf-gold50)}
.pf-btn.pri{background:var(--pf-navy);border-color:var(--pf-navy);color:#fff}.pf-btn.pri:hover{background:var(--pf-navy2)}
.pf-btn.go{background:var(--pf-green);border-color:var(--pf-green);color:#fff}.pf-btn.go:hover{background:#0d6a2f}
.pf-btn.help{border:2px solid var(--pf-red);color:var(--pf-ink);background:#fff}
.pf-btn.help .pf-ic{color:var(--pf-red)}
.pf-btn[disabled]{opacity:.55;cursor:default}
.pf-btn.sm{min-height:44px;padding:8px 14px;font-size:13px}
.pf-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pf-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.pf-pill{display:inline-flex;align-items:center;gap:4px;border-radius:360px;padding:2px 10px;font:700 11px "Open Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;
  background:var(--pf-gold50);color:var(--pf-goldink);white-space:nowrap}
.pf-pill.ok{background:#e7f3ec;color:var(--pf-green)}.pf-pill.warn{background:#fdf5e3;color:var(--pf-amber)}.pf-pill.no{background:#fdecec;color:#a3161b}
.pf-pill.navy{background:var(--pf-navy);color:var(--pf-gold)}
.pf-field{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 200px}
.pf-field label,.pf-label{font:700 11px "Open Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-goldink)}
.pf-in{width:100%;min-height:44px;border:1px solid #cfc7b8;border-radius:8px;padding:9px 12px;font:400 15px "Open Sans",sans-serif;color:var(--pf-ink);background:#fff}
.pf-in:focus{outline:2px solid var(--pf-navy);outline-offset:1px}
textarea.pf-in{min-height:80px;resize:vertical}
.pf-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;color:var(--pf-t2);cursor:pointer}
.pf-check input{width:20px;height:20px;accent-color:var(--pf-navy)}
.pf-list{list-style:none;margin:0;padding:0}
.pf-list li{padding:10px 0;border-bottom:1px solid var(--pf-hair);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pf-list li:last-child{border-bottom:0}
.pf-list .grow{flex:1;min-width:180px}
.pf-sub{font-size:12px;color:var(--pf-t3)}
.pf-empty{padding:18px;color:var(--pf-t3);background:#fff;border:1px dashed var(--pf-hair);border-radius:16px;text-align:center}
.pf-empty b{color:var(--pf-navy)}
.pf-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--pf-hair);margin-bottom:14px}
.pf-tab{min-height:44px;border:0;background:transparent;padding:10px 14px;font:700 13px "Open Sans",sans-serif;color:var(--pf-t3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.pf-tab[aria-selected="true"]{color:var(--pf-navy);border-bottom-color:var(--pf-navy)}
.pf-tab b{margin-left:6px;background:var(--pf-gold50);color:var(--pf-goldink);border-radius:360px;padding:1px 8px;font-size:11px}
.pf-bar{height:8px;border-radius:360px;background:var(--pf-gold50);overflow:hidden}.pf-bar i{display:block;height:100%;background:var(--pf-navy);border-radius:360px}
.pf-tl{list-style:none;margin:8px 0 0;padding:0 0 0 14px;border-left:2px solid var(--pf-hair)}
.pf-tl li{position:relative;padding:4px 0 4px 8px;font-size:13px;color:var(--pf-t2)}
.pf-tl li::before{content:"";position:absolute;left:-20px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--pf-gold);border:2px solid #fff}
.pf-tl li.ok::before{background:var(--pf-green)}.pf-tl li.no::before{background:var(--pf-red)}
.pf-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--pf-navy);color:#fff;border-radius:360px;padding:12px 20px;
  font:600 14px "Open Sans",sans-serif;box-shadow:var(--pf-shadow);opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.2,.7,.2,1);z-index:50;max-width:92vw}
.pf-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
details.pf-more summary{cursor:pointer;min-height:44px;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-weight:700;color:var(--pf-navy)}
details.pf-more summary .pf-pill{white-space:normal;margin-left:0!important}
.pf-table{width:100%;border-collapse:collapse;font-size:13px}
.pf-table th{text-align:left;font:800 11px "Open Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--pf-goldink);padding:8px 6px;border-bottom:1px solid var(--pf-hair)}
.pf-table td{padding:9px 6px;border-bottom:1px solid var(--pf-hair);vertical-align:top}
.pf-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@container (max-width:520px){.pf-row>.pf-field{flex-basis:100%;max-width:none!important;min-width:0!important}}
@media (max-width:560px){.pf-wrap{padding:14px 14px 96px}.pf-hero .in{padding:14px}.pf-hero h1{font-size:20px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}