/* APNA CSC TOOLS V33 — Smart Theme Layer
   V32 tool renderer/template styles are intentionally untouched. */
:root{
  --v33-bg:#f4f7fb;--v33-surface:#fff;--v33-surface-2:#eef3f9;--v33-text:#172033;--v33-muted:#68758a;
  --v33-border:#dce4ef;--v33-primary:#155eef;--v33-primary-2:#0b46c1;--v33-success:#16844a;--v33-danger:#c53b46;
  --v33-shadow:0 16px 45px rgba(20,35,60,.10);--v33-radius:18px;
}
body{background:var(--v33-bg);color:var(--v33-text);transition:background .2s,color .2s}
.v33-card{background:var(--v33-surface);border:1px solid var(--v33-border);border-radius:var(--v33-radius);box-shadow:var(--v33-shadow)}
.v33-muted{color:var(--v33-muted)}
.v33-grid{display:grid;gap:16px}.v33-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.v33-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.v33-input,.v33-select,.v33-textarea{width:100%;border:1px solid var(--v33-border);background:var(--v33-surface);color:var(--v33-text);border-radius:12px;padding:12px 13px;outline:none;font:inherit}
.v33-input:focus,.v33-select:focus,.v33-textarea:focus{border-color:var(--v33-primary);box-shadow:0 0 0 3px rgba(21,94,239,.12)}
.v33-btn{border:1px solid transparent;border-radius:12px;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}
.v33-btn-primary{background:var(--v33-primary);color:#fff}.v33-btn-primary:hover{background:var(--v33-primary-2)}
.v33-btn-soft{background:var(--v33-surface-2);color:var(--v33-text);border-color:var(--v33-border)}
.v33-btn-outline{background:transparent;color:var(--v33-text);border-color:var(--v33-border)}
.v33-btn-danger{background:#fff1f2;color:var(--v33-danger);border-color:#ffd4d8}
.v33-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:var(--v33-surface-2);color:var(--v33-text)}
.v33-kpi{padding:18px}.v33-kpi small{display:block;color:var(--v33-muted);font-weight:700}.v33-kpi strong{display:block;font-size:27px;margin-top:6px}
.v33-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--v33-surface-2);font-size:21px}
.v33-alert{padding:12px 14px;border-radius:12px;background:#fff7df;color:#745500;border:1px solid #f0dda3;font-size:12px}
body.dark{--v33-bg:#0a101c;--v33-surface:#111a2a;--v33-surface-2:#1a263a;--v33-text:#eef4ff;--v33-muted:#a9b5c8;--v33-border:#2a3952;--v33-shadow:0 18px 55px rgba(0,0,0,.28)}
body.dark .v33-btn-soft,body.dark .v33-btn-outline{color:var(--v33-text)}
body.dark .v33-btn-danger{background:#341a20;color:#ffb6bd;border-color:#663039}
body.dark .v33-alert{background:#302817;color:#f8dc82;border-color:#66562a}
/* Fix dark-mode controls whose text used to remain black. */
body.dark button,body.dark input,body.dark select,body.dark textarea{color:var(--v33-text)}
body.dark option{background:#111a2a;color:#eef4ff}
body.dark ::placeholder{color:#7f8da3}
.v33-switch{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:var(--v33-text)}
.v33-switch input{accent-color:var(--v33-primary)}
@media(max-width:720px){.v33-grid-2,.v33-grid-3{grid-template-columns:1fr}}