/* agentbuilder - style domenowe (linkowane PO ui.css).
   Wspolne komponenty: NIE stylowac tutaj - zasada jednej poprawki (UI-GUIDE.md). */

:root { --accent: var(--acc-builder); }

:root{ /* zmienne lokalne legacy */
  --font-d:'Space Grotesk',system-ui,sans-serif;
  --font-m:'JetBrains Mono',ui-monospace,monospace;
}

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

    .bc-sep{color:var(--line);}
.bc-current{color:var(--ink-soft);}

    .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;margin-bottom:1.25rem;}

    .btn.small{padding:.3rem .65rem;font-size:10px;}


    .score-bar{display:inline-flex;align-items:center;gap:.6rem;}

    .score-num{font-family:var(--font-m);font-weight:700;font-size:13px;min-width:34px;}

    .score-track{width:120px;height:6px;background:var(--line);position:relative;overflow:hidden;}

    .score-fill{position:absolute;left:0;top:0;height:100%;}

    .score-fill.good{background:var(--ok);}

    .score-fill.mid{background:var(--warn);}

    .score-fill.bad{background:var(--crit);}

    .b-ok{background:#dcfce7;color:#166534}

    .b-warn{background:#fef9c3;color:#854d0e}

    .b-crit{background:#fef2f2;color:#b91c1c}

    .b-mute{background:#f1f5f9;color:#64748b}


    .empty{text-align:center;padding:2rem 1rem;color:var(--ink-mute);font-family:var(--font-m);font-size:12px;}


    /* modal */
    .modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;z-index:100;padding:1rem;}

    .modal-bg.open{display:flex;}

    .modal-head{padding:1rem 1.25rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;}

    .modal-title{font-size:14px;font-weight:600;}

    .modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--ink-mute);}

    .modal-body{padding:1.25rem;}

    .form-label{font-family:var(--font-m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);display:block;margin-bottom:.3rem;}

    .form-input{width:100%;font-family:var(--font-d);font-size:13px;padding:.55rem .75rem;border:1px solid var(--line);background:var(--white);outline:none;}

    .form-input:focus{border-color:var(--accent);}


    .rule-row{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line);}

    .rule-row:last-child{border:0;}

    .rule-status.ok{color:var(--ok);font-weight:700;}

    .rule-status.bad{color:var(--crit);font-weight:700;}

    .rule-id{font-family:var(--font-m);font-size:10px;color:var(--ink-mute);}

    .rule-desc{font-size:13px;}

    .rule-hint{font-family:var(--font-m);font-size:11px;color:var(--ink-mute);margin-top:.2rem;}

    .rule-sev{font-family:var(--font-m);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border:1px solid var(--line);color:var(--ink-mute);}