/* ATQOO KYC Dashboard — front end (all rules scoped to .akd so the theme is not affected) */
.akd{
  --akd-bg:#f4f6fa; --akd-surface:#fff; --akd-line:#dde4ee; --akd-ink:#14233a; --akd-muted:#5d6c82;
  --akd-brand:#0b3a75; --akd-brand-2:#1557a8; --akd-accent:#1f6fd1; --akd-soft:#e7f0fd;
  font:15px/1.5 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--akd-ink);
  background:var(--akd-bg);border-radius:16px;padding:18px;display:grid;gap:16px;max-width:100%;text-align:left
}
.akd *,.akd *::before,.akd *::after{box-sizing:border-box}
.akd :focus-visible{outline:3px solid #8cb8f5;outline-offset:2px}
.akd .akd-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.akd.akd-on .akd-fallback{display:none}

.akd .akd-hero{background:linear-gradient(120deg,var(--akd-brand),var(--akd-brand-2));color:#fff;border-radius:14px;padding:22px 24px}
.akd .akd-hero h2{margin:0 0 2px;padding:0;border:0;font:700 24px/1.25 sans-serif;font-family:inherit;;color:#fff}
.akd .akd-hero p{margin:0;color:#cfe0f7;font-size:15px}

.akd .akd-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.akd .akd-search{position:relative;flex:1;min-width:220px;max-width:560px}
.akd .akd-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--akd-muted);pointer-events:none}
.akd .akd-search input{width:100%;margin:0;padding:10px 38px;border:1px solid var(--akd-line);border-radius:10px;background:var(--akd-surface);font:15px/1.4 sans-serif;font-family:inherit;;color:var(--akd-ink);box-shadow:none;height:auto}
.akd .akd-search input:focus{border-color:var(--akd-accent);outline:none;box-shadow:0 0 0 3px var(--akd-soft)}
.akd .akd-search input::-webkit-search-cancel-button{display:none}
.akd .akd-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;color:var(--akd-muted);padding:6px;margin:0;border-radius:6px;display:none;line-height:0;box-shadow:none;min-height:0}
.akd .akd-clear.akd-show{display:block}
.akd .akd-clear:hover{background:#eef2f7;color:var(--akd-ink)}
.akd .akd-count{font-size:13px;color:var(--akd-muted);white-space:nowrap}
.akd .akd-count b{color:var(--akd-ink)}

/* horizontal menu */
.akd .akd-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:4px;margin:0;background:var(--akd-surface);border:1px solid var(--akd-line);border-radius:12px;-webkit-overflow-scrolling:touch}
.akd .akd-tab{flex:none;border:0;margin:0;background:none;color:var(--akd-ink);border-radius:8px;padding:9px 16px;font:600 14px/1.3 sans-serif;font-family:inherit;;cursor:pointer;white-space:nowrap;box-shadow:none;min-height:0;text-transform:none;letter-spacing:0}
.akd .akd-tab:hover{background:var(--akd-soft);color:var(--akd-brand)}
.akd .akd-tab[aria-selected="true"]{background:var(--akd-brand);color:#fff}
.akd .akd-tab .akd-n{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:700;opacity:.65}

.akd .akd-sec{display:grid;gap:10px}
.akd .akd-sec[hidden],.akd .akd-card[hidden],.akd .akd-empty[hidden]{display:none}
.akd .akd-sec h3{margin:4px 0 0;padding:0;font:700 17px/1.3 sans-serif;font-family:inherit;;color:var(--akd-brand)}
.akd .akd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.akd .akd-card{background:var(--akd-surface);border:1px solid var(--akd-line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.akd .akd-prov{font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--akd-brand-2)}
.akd .akd-card h4{margin:2px 0 0;padding:0;font:600 15.5px/1.3 sans-serif;font-family:inherit;;color:var(--akd-ink)}
.akd a.akd-btn{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:7px;border-radius:8px;padding:7px 14px;font:600 13.5px/1.3 sans-serif;font-family:inherit;;text-decoration:none;background:var(--akd-accent);color:#fff;border:0;box-shadow:none}
.akd a.akd-btn:hover,.akd a.akd-btn:focus{background:#1a5fb6;color:#fff;text-decoration:none}
.akd .akd-empty{background:var(--akd-surface);border:1px dashed #b8c8de;border-radius:12px;padding:24px;text-align:center;color:var(--akd-muted)}
.akd .akd-empty button{border:0;background:none;color:var(--akd-accent);font:600 15px sans-serif;font-family:inherit;;cursor:pointer;padding:0;margin:0;box-shadow:none;min-height:0}
.akd .akd-note{margin:0;font-size:12.5px;color:var(--akd-muted);border-top:1px solid var(--akd-line);padding-top:12px}

@media (max-width:600px){
  .akd{padding:12px;border-radius:12px}
  .akd .akd-hero{padding:18px}.akd .akd-hero h2{font-size:20px}
  .akd .akd-count{display:none}
  .akd .akd-grid{grid-template-columns:1fr}
}
@media print{
  .akd{background:none;padding:0}
  .akd .akd-bar,.akd .akd-tabs,.akd a.akd-btn{display:none!important}
  .akd .akd-hero{background:none;color:#000;padding:0}.akd .akd-hero h2{color:#000}.akd .akd-hero p{color:#444}
  .akd .akd-sec[hidden],.akd .akd-card[hidden]{display:grid!important}
  .akd .akd-card{break-inside:avoid}
  .akd .akd-url{display:block!important;font-size:10pt;color:#444;word-break:break-all}
}
.akd .akd-url{display:none}
.akd .akd-panel{display:grid;gap:20px}