:root{
    --primary:#1d4ed8;
    --primary-dark:#1e40af;
    --accent:#eff6ff;
    --success:#0f766e;
    --danger:#b91c1c;
    --warning:#92400e;
    --gray-50:#f8fafc;
    --gray-100:#f1f5f9;
    --gray-200:#e2e8f0;
    --gray-300:#cbd5e1;
    --gray-500:#64748b;
    --gray-700:#334155;
    --gray-900:#0f172a;
    --shadow:0 10px 30px rgba(15,23,42,.08);
    --radius:18px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fbfbfd 0%,#f6f7fb 100%);color:var(--gray-900)}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,calc(100% - 32px));margin:0 auto}
.topbar{background:#fff;border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:30}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:48px;width:auto;border-radius:12px;background:#fff;padding:4px;border:1px solid var(--gray-200)}
.brand-title{font-weight:700;font-size:1.05rem;line-height:1.3}
.brand-subtitle{font-size:.9rem;color:var(--gray-500)}
.nav a{display:inline-block;padding:10px 14px;border-radius:999px;font-weight:600}
.nav a.active,.nav a:hover{background:var(--accent);text-decoration:none}
.hero{padding:42px 0}
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:1.1fr .9fr}

.homepage-grid{grid-template-columns:auto minmax(340px,420px);align-items:start;justify-content:center;gap:26px;width:fit-content;max-width:100%;margin-inline:auto}
.homepage-visual-column{display:flex;align-items:flex-start;justify-content:flex-start;width:auto;max-width:100%}
.hero-visual-wrap{width:auto;max-width:100%;display:flex;justify-content:flex-start}
.hero-visual-frame{width:auto;max-width:min(100%, var(--homepage-image-max-width, 920px));background:transparent;border:0;border-radius:32px;box-shadow:none;overflow:visible;min-height:0;margin:0}
.hero-visual-image{display:block;width:auto;max-width:min(100%, var(--homepage-image-max-width, 920px));height:auto;min-height:0;object-fit:contain;border-radius:32px;border:1px solid rgba(148,163,184,.18);box-shadow:var(--shadow)}
.hero-visual-placeholder{display:flex;align-items:center;justify-content:center;padding:32px;text-align:center;background:linear-gradient(135deg,#fff 0%,#eff6ff 100%);border:1px solid rgba(148,163,184,.18);border-radius:32px;box-shadow:var(--shadow)}
.card{background:#fff;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-body{padding:24px}
.card-header{padding:20px 24px;border-bottom:1px solid var(--gray-200)}
.card-title{font-size:1.1rem;font-weight:800;margin:0}
.page-title{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.12;margin:0 0 10px}
.lead{color:var(--gray-500);font-size:1rem;line-height:1.7}
.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;font-weight:700;font-size:.92rem}
.badge-success{background:#ecfdf5;color:#065f46}
.badge-danger{background:#fef2f2;color:#991b1b}
.badge-warning{background:#fff7ed;color:#9a3412}
.form-group{margin-bottom:16px}
label{display:block;margin-bottom:8px;font-size:.92rem;font-weight:700}
input[type=text],input[type=password],input[type=date],input[type=datetime-local],input[type=number],input[type=url],input[type=email],textarea,select{
    width:100%;padding:13px 14px;border:1px solid var(--gray-300);border-radius:14px;background:#fff;
    font-size:.96rem;outline:none;transition:.2s;
}
textarea{min-height:110px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(29,78,216,.12)}
.help{font-size:.85rem;color:var(--gray-500);margin-top:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:14px;border:0;cursor:pointer;font-weight:800;font-size:.96rem}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);text-decoration:none}
.btn-secondary{background:#eef2ff;color:#312e81}
.btn-light{background:var(--gray-100);color:var(--gray-700)}
.btn-danger{background:#fee2e2;color:#991b1b}
.btn-success{background:#16a34a;color:#fff}
.btn-success:hover{background:#15803d;text-decoration:none}
.kipk-wa-btn{background:#16a34a;color:#fff;border-color:#16a34a}
.kipk-wa-btn:hover{background:#15803d;color:#fff}
.btn-block{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;font-size:.93rem}
.alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.alert-danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.kv{display:grid;grid-template-columns:220px 1fr;gap:10px 18px}
.kv div{padding:10px 0;border-bottom:1px dashed var(--gray-200)}
.kv strong{color:var(--gray-700)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--gray-200)}
.stat .label{font-size:.9rem;color:var(--gray-500);margin-bottom:8px}
.stat .value{font-size:1.65rem;font-weight:800}
table{width:100%;border-collapse:collapse}
th,td{padding:12px 10px;border-bottom:1px solid var(--gray-200);vertical-align:top;text-align:left;font-size:.94rem}
th{background:#fafafa;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500)}
.table-actions{display:flex;flex-wrap:wrap;gap:8px}
.status-box{padding:18px 20px;border-radius:18px;color:#fff;font-weight:800;font-size:1.05rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.footer{padding:32px 0 46px;color:var(--gray-500);font-size:.9rem}
.stepper{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.step{padding:10px 14px;border-radius:999px;background:var(--gray-100);font-weight:700;color:var(--gray-500)}
.step.active{background:var(--accent);color:var(--primary)}
.login-box{width:min(100%,420px);max-width:420px;margin:0;justify-self:start}
.sidebar-layout{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:24px 0}
.sidebar{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;align-self:start;position:sticky;top:90px}
.sidebar h3{margin:4px 0 18px}
.sidebar a{display:block;padding:12px 14px;border-radius:14px;color:var(--gray-700);font-weight:700}
.sidebar a.active,.sidebar a:hover{background:var(--accent);color:var(--primary);text-decoration:none}
.muted{color:var(--gray-500)}
.text-right{text-align:right}
.empty{padding:28px;text-align:center;color:var(--gray-500)}
.code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;background:#0f172a;color:#f8fafc;padding:2px 7px;border-radius:8px}
hr.sep{border:none;border-top:1px solid var(--gray-200);margin:18px 0}
@media (max-width: 960px){
    .grid-2,.split,.sidebar-layout,.stat-grid{grid-template-columns:1fr}
    .homepage-grid{grid-template-columns:1fr;width:100%;margin-inline:0}
    .homepage-visual-column,.hero-visual-wrap{width:100%;justify-content:center}
    .hero-visual-frame,.hero-visual-image{max-width:100%;width:100%;min-height:0}
    .login-box{width:100%;max-width:none;margin:0 auto;justify-self:stretch}
    .kv{grid-template-columns:1fr}
    .topbar-inner{flex-direction:column;align-items:flex-start}
    .sidebar{position:static}
}


.dashboard-shell{display:grid;gap:20px}
.status-card{overflow:hidden}
.status-card-body{padding:22px 24px;color:#fff}
.status-accepted{background:#15803d}
.status-rejected{background:#b91c1c}
.status-caption{font-size:.84rem;letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-weight:700;margin-bottom:6px}
.status-title{font-size:1.5rem;font-weight:800;line-height:1.25}
.status-card-actions{padding:16px 24px;background:#fff;border-top:1px solid var(--gray-200);display:flex;gap:10px;flex-wrap:wrap}
.submission-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--gray-200)}
.submission-pill{background:#f8fafc;border:1px solid var(--gray-200);border-radius:16px;padding:14px 16px;min-height:82px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.submission-pill-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500)}
.submission-pill strong{font-size:1rem;line-height:1.35}
.dashboard-grid-top,.dashboard-grid-bottom{align-items:stretch}
.dashboard-card{height:100%}
.kv-compact strong,.kv-compact div{padding:12px 0}
.notice-box{padding:16px 18px;border-radius:16px;border:1px solid var(--gray-200);background:#f8fafc}
.notice-box strong{display:block;margin-bottom:6px}
.notice-muted{background:#f8fafc}
.notice-warning{background:#fff7ed;border-color:#fed7aa}
.notice-full{width:100%}
.dashboard-actions{margin-bottom:18px}
.qr-panel{display:flex;align-items:center;gap:16px;padding:14px;border:1px dashed var(--gray-300);border-radius:18px;background:#fafcff;min-height:140px}
.qr-image{width:140px;max-width:100%;border-radius:18px;border:1px solid var(--gray-200);background:#fff;padding:6px;box-shadow:var(--shadow)}
.qr-title{font-size:1rem;font-weight:800;margin-bottom:6px}
@media (max-width: 960px){
    .submission-strip{grid-template-columns:1fr}
    .qr-panel{flex-direction:column;align-items:flex-start}
    .status-card-actions .btn{width:100%}
}

input[type=tel]{
    width:100%;padding:13px 14px;border:1px solid var(--gray-300);border-radius:14px;background:#fff;
    font-size:.96rem;outline:none;transition:.2s;
}

.form-section-head{margin-bottom:18px}
.form-section-head h3{margin:0;font-size:1.12rem;font-weight:800}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.field-full{grid-column:1/-1}
.check-inline{display:flex;align-items:flex-start;gap:12px;font-weight:700;margin-top:8px}
.check-inline input{margin-top:4px}
.upload-note{margin-top:8px;padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px dashed var(--gray-300);font-size:.9rem}
@media (max-width: 960px){
    .field-grid{grid-template-columns:1fr}
}

.statement-box{
    margin-top:10px;
    padding:14px 14px;
    border-radius:14px;
    background:#fff;
    border:1px solid var(--gray-200);
    color:var(--gray-700);
    line-height:1.55;
}


.upload-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.upload-actions .btn{padding:10px 14px;font-size:.9rem}

.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 18px}
.filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.filter-pills{display:flex;flex-wrap:wrap;gap:10px}
.filter-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--gray-200);font-size:.92rem;color:var(--gray-700)}
.table-responsive{width:100%;overflow:auto}
.summary-list{display:grid;gap:12px}
.summary-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid var(--gray-200)}
.summary-item strong{font-size:1.05rem}
.stat-grid-admin{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 960px){
    .filter-grid,.stat-grid-admin{grid-template-columns:1fr}
}


.upload-modern{padding:16px 16px 14px;border:1px solid var(--gray-200);border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 6px 18px rgba(15,23,42,.04)}
.upload-modern-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.upload-input-hidden{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.upload-trigger{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;background:var(--primary);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;box-shadow:0 10px 20px rgba(29,78,216,.18);margin-bottom:0}
.upload-trigger:hover{text-decoration:none;background:var(--primary-dark)}
.upload-badges{display:flex;flex-wrap:wrap;gap:8px}
.upload-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--gray-200);font-size:.8rem;font-weight:700;color:var(--gray-700)}
.upload-selected{padding:12px 14px;border-radius:14px;background:#fff;border:1px dashed var(--gray-300);font-size:.92rem;color:var(--gray-500);min-height:48px;display:flex;align-items:center}
.upload-selected.is-filled{border-style:solid;border-color:#bbf7d0;background:#f0fdf4;color:#166534;font-weight:700}
.upload-help-text{margin-top:10px}
.upload-file-card{margin-top:12px;padding:14px 16px;border-radius:16px;border:1px solid #dbeafe;background:#f8fbff;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px}
.upload-file-meta{display:grid;gap:4px}
.upload-file-label{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#475569}
.upload-file-submeta{display:flex;flex-wrap:wrap;gap:10px;font-size:.82rem;color:var(--gray-500)}
.upload-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.upload-actions .btn{padding:10px 14px;font-size:.9rem}
@media (max-width: 960px){
  .upload-modern-top{align-items:flex-start;justify-content:flex-start}
  .upload-file-card{flex-direction:column}
  .upload-actions{width:100%}
  .upload-actions .btn{flex:1 1 100%}
}

.btn.disabled,.btn[aria-disabled="true"]{opacity:.7;pointer-events:none;cursor:not-allowed}
.submission-pill .muted{margin:0;font-size:.88rem;line-height:1.45}


.candidate-session-card .card-body{padding-top:26px;padding-bottom:26px}
.session-candidate-name{font-size:1.2rem;font-weight:800;line-height:1.35;color:var(--gray-900)}
.candidate-session-card .btn-block{width:100%}


/* Biodata & candidate dashboard refinement */
.dashboard-card--candidate .card-body,
.dashboard-card--biodata .card-body{display:grid;gap:16px}
.dashboard-card--candidate .kv,
.dashboard-card--biodata .kv{align-items:start}
.dashboard-card--candidate .kv-compact strong,
.dashboard-card--candidate .kv-compact div,
.dashboard-card--biodata .kv-compact strong,
.dashboard-card--biodata .kv-compact div{padding:10px 0}
.dashboard-card--biodata .card-body{justify-content:start}
.biodata-kv div{word-break:break-word}
.biodata-instruction-box{padding:14px 16px;background:#f8fbff;border-color:#dbeafe}
.biodata-instruction-box p{margin:0;line-height:1.55}
@media (max-width: 960px){
  .dashboard-card--candidate .card-body,
  .dashboard-card--biodata .card-body{gap:14px}
}


/* compact-top-only-patch-v1 */
.compact-status{
  padding:14px 16px !important;
  gap:12px !important;
}
.compact-status-top{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:stretch !important;
  gap:12px !important;
}
.compact-status-badge{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
  min-height:72px !important;
  padding:12px 16px !important;
  border-radius:16px !important;
}
.compact-status-badge .status-caption{
  display:block !important;
  margin:0 !important;
  font-size:.78rem !important;
  line-height:1.1 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.compact-status-badge .status-inline-value{
  display:block !important;
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}
.compact-status-action{
  display:flex !important;
  align-items:stretch !important;
}
.compact-status-action .btn,
.compact-status-action .btn.disabled,
.compact-status-action .btn[aria-disabled="true"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:72px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  white-space:nowrap !important;
}
.compact-strip{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:0 !important;
}
.compact-pill{
  min-height:0 !important;
  padding:10px 14px !important;
  gap:4px !important;
}
.compact-pill strong{
  font-size:.98rem !important;
}
.compact-alert{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:12px 16px !important;
}
.compact-alert strong{
  margin:0 !important;
}
.compact-alert .muted{
  margin:0 !important;
}
@media (max-width: 960px){
  .compact-status-top{
    grid-template-columns:1fr !important;
  }
  .compact-status-action .btn,
  .compact-status-action .btn.disabled,
  .compact-status-action .btn[aria-disabled="true"]{
    width:100% !important;
    min-height:52px !important;
  }
  .compact-strip{
    grid-template-columns:1fr !important;
  }
  .compact-alert{
    display:block !important;
  }
  .compact-alert strong{
    display:block !important;
    margin-bottom:4px !important;
  }
}
/* fix-status-text-white-v4 */
.compact-status-badge.status-accepted,
.compact-status-badge.status-accepted .status-caption,
.compact-status-badge.status-accepted .status-inline-value,
.compact-status-badge.status-rejected,
.compact-status-badge.status-rejected .status-caption,
.compact-status-badge.status-rejected .status-inline-value{
  color:#fff !important;
}


/* compact-status-gap-white-fix-v5 */
.compact-status-top{
  margin-bottom: 12px !important;
}

.compact-status-badge,
.compact-status-badge .status-caption,
.compact-status-badge .status-inline-value{
  color: #ffffff !important;
}

.compact-status-badge .status-caption{
  opacity: 1 !important;
}

/* form-ekonomi-upload-refresh-v1 */
.upload-file-card-stored{
  margin-top:0;
  margin-bottom:14px;
  border:1px solid #bbf7d0;
  background:linear-gradient(180deg,#f0fdf4 0%,#dcfce7 100%);
  box-shadow:0 6px 18px rgba(34,197,94,.08);
}
.upload-file-card-stored .upload-file-label{
  color:#166534;
}
.upload-file-card-stored .upload-file-submeta,
.upload-file-card-stored .upload-file-submeta span{
  color:#166534;
}
.upload-file-card-stored strong{
  color:#14532d;
}
.upload-modern .upload-selected[data-empty-text="Ubah dokumen dengan mengunggah ulang"]{
  border-style:solid;
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
  font-weight:700;
}


/* form-ekonomi-spacing-align-v2 */
.upload-modern{
  display:grid;
  grid-template-columns:auto minmax(280px,1fr) auto;
  gap:14px 16px;
  align-items:center;
}

.upload-modern > .upload-file-card{
  grid-column:1 / -1;
  margin-top:0;
  padding:18px 24px;
  background:#ecf8ef;
  border-color:#afe5bf;
  align-items:center;
  gap:16px;
}

.upload-modern > .help:not(.upload-help-text){
  grid-column:1 / -1;
  margin:2px 0 0;
}

.upload-modern-top{
  display:contents;
}

.upload-trigger{
  grid-column:1;
  margin:0;
  align-self:center;
}

.upload-selected{
  grid-column:2;
  margin:0;
  min-height:56px;
  padding:12px 18px;
  display:flex;
  align-items:center;
}

.upload-badges{
  grid-column:3;
  justify-self:end;
  align-self:center;
}

.upload-help-text,
.upload-modern > .actions{
  grid-column:1 / -1;
  margin-top:0 !important;
}

.upload-actions{
  margin-top:0;
  align-self:center;
}

.upload-file-meta{
  gap:2px;
}

@media (max-width: 960px){
  .upload-modern{
    grid-template-columns:1fr;
    gap:12px;
  }

  .upload-modern-top{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:0;
  }

  .upload-trigger,
  .upload-selected,
  .upload-badges,
  .upload-help-text,
  .upload-modern > .actions,
  .upload-modern > .help:not(.upload-help-text),
  .upload-modern > .upload-file-card{
    grid-column:1 / -1;
  }

  .upload-selected{
    min-height:48px;
  }
}


/* form-ekonomi-layout-fix-v3 */
.upload-modern{
  display:block !important;
}

.upload-modern > * + *{
  margin-top:12px;
}

.upload-modern .upload-file-card{
  margin-top:0;
  margin-bottom:0;
}

.upload-modern > .help:not(.upload-help-text){
  margin-top:10px;
}

.upload-modern-top.upload-modern-top-inline{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
  margin-bottom:0;
}

.upload-modern-top.upload-modern-top-inline .upload-trigger{
  flex:0 0 auto;
  margin:0;
}

.upload-modern-top.upload-modern-top-inline .upload-selected-inline{
  flex:1 1 340px;
  min-width:280px;
  min-height:56px;
  margin:0;
}

.upload-modern-top.upload-modern-top-inline .upload-badges{
  margin-left:auto;
  justify-content:flex-end;
}

.upload-modern .upload-help-text{
  margin-top:12px;
}

.upload-modern > .actions{
  margin-top:10px !important;
}

@media (max-width: 960px){
  .upload-modern-top.upload-modern-top-inline .upload-selected-inline,
  .upload-modern-top.upload-modern-top-inline .upload-badges{
    width:100%;
    min-width:0;
    margin-left:0;
  }

  .upload-modern-top.upload-modern-top-inline .upload-badges{
    justify-content:flex-start;
  }
}


/* compact-notice-upload-title-v1 */
.form-submit-notice{
  padding: 12px 16px !important;
  border-radius: 14px !important;
}
.form-submit-notice strong{
  margin-bottom: 4px !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
}
.form-submit-notice .muted{
  margin: 0 !important;
  line-height: 1.45 !important;
}
.upload-field-title{
  display: inline-block !important;
  margin-bottom: 12px !important;
  font-size: 1.06rem !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

/* forms-pagination-filter-fix-v1 */
.sidebar-stack-forms{
  position: sticky;
  top: 90px;
  align-self: start;
}
.sidebar-stack-forms .sidebar{
  position: static;
  top: auto;
}
.sidebar-stack-forms .sidebar-extra-card{
  background: #fff;
  border: 1px solid var(--gray-200);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
  margin-top: 18px;
}
.sidebar-stack-forms .sidebar-extra-card,
.sidebar-stack-forms .sidebar-filter-form,
.sidebar-stack-forms .compact-filter-grid{
  overflow: visible !important;
  max-height: none !important;
}
.forms-pagination-wrap{
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.forms-compact-pagination{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.forms-compact-pagination .page-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid var(--gray-200);
  background: #fff;
  color: var(--gray-700);
  font-weight: 700;
  text-decoration: none;
}
.forms-compact-pagination .page-link:hover{
  background: var(--gray-100);
  text-decoration: none;
}
.forms-compact-pagination .page-link.active{
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.forms-compact-pagination .page-link.disabled,
.forms-compact-pagination .page-link[aria-disabled="true"]{
  opacity: .5;
  pointer-events: none;
}
@media (max-width: 960px){
  .sidebar-stack-forms{
    position: static;
    top: auto;
  }
  .forms-pagination-wrap{
    justify-content: flex-start;
  }
}

/* patch_candidates_pagination_aksi_v1 */
.pagination-wrap{margin-top:18px}
.compact-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.page-link{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);font-weight:800;text-decoration:none}
.page-link:hover{background:var(--accent);color:var(--primary);text-decoration:none}
.page-link.active{background:var(--primary);border-color:var(--primary);color:#fff}
.page-link.disabled,.page-link[aria-disabled="true"]{opacity:.45;pointer-events:none;cursor:not-allowed}
.action-col,.action-cell{text-align:center}
.icon-actions-inline{display:inline-flex;gap:8px;align-items:center;justify-content:center}
.icon-action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--gray-200);background:#fff;color:var(--primary);text-decoration:none;padding:0;cursor:pointer;line-height:1}
.icon-action:hover{background:var(--accent);text-decoration:none}
.icon-action svg{width:20px;height:20px;display:block}
.icon-action-delete{color:#b91c1c}
.icon-action-delete:hover{background:#fef2f2;color:#b91c1c}
.icon-action-edit{color:#1d4ed8}

/* patch_forms_filter_compact_candidates_pagination_bottom_v1 */
.sidebar-stack-forms .sidebar-extra-card.sidebar-extra-compact{padding:16px 16px 14px;border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}
.sidebar-stack-forms .sidebar-extra-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.sidebar-stack-forms .sidebar-extra-head h4{margin:0;font-size:1.05rem;line-height:1.2}
.sidebar-stack-forms .sidebar-extra-head span{font-size:.95rem;font-weight:700;color:var(--gray-500)}
.sidebar-stack-forms .compact-filter-form{display:grid;gap:10px}
.sidebar-stack-forms .compact-filter-grid{display:grid;grid-template-columns:1fr;gap:10px}
.sidebar-stack-forms .compact-filter-form .form-group{margin-bottom:0}
.sidebar-stack-forms .compact-filter-form label{margin-bottom:6px;font-size:.88rem}
.sidebar-stack-forms .compact-filter-form input,.sidebar-stack-forms .compact-filter-form select{padding:11px 12px;font-size:.94rem;border-radius:14px}
.sidebar-stack-forms .compact-filter-actions{display:flex;gap:10px;align-items:center;margin-top:4px}
.sidebar-stack-forms .compact-filter-actions .btn{padding:11px 16px}
.sidebar-stack-forms .compact-filter-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}
.sidebar-stack-forms .compact-filter-stats>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--gray-200);border-radius:12px;background:#f8fafc}
.sidebar-stack-forms .compact-filter-stats span{font-size:.82rem;color:var(--gray-500);font-weight:700}
.sidebar-stack-forms .compact-filter-stats strong{font-size:.98rem;line-height:1}
@media (max-width:960px){.sidebar-stack-forms .compact-filter-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* patch_home_login_booking_gap_v1 */
.login-box .booking-card-public{
    margin-top: 18px;
}

/* admin_menu_reorder_labels_reviewer_password_v1 */
.sidebar a.subnav-link{
  margin-left:18px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:.96rem;
}

.pass-photo-card{overflow:hidden}
.pass-photo-card-body{padding:20px 24px}
.pass-photo-grid{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}
.pass-photo-preview-wrap{background:#f8fafc;border:1px solid var(--gray-200);border-radius:18px;padding:12px;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.pass-photo-preview-image{display:block;width:100%;max-width:220px;height:auto;border-radius:16px;border:1px solid var(--gray-200);background:#fff;box-shadow:var(--shadow)}
.pass-photo-preview-empty{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--gray-300);border-radius:16px;background:#fff;color:var(--gray-500);padding:18px}
.pass-photo-preview-meta{margin-top:10px;font-size:.85rem;color:var(--gray-500);text-align:center;word-break:break-word}
.pass-photo-form-wrap{display:grid;gap:12px}
.pass-photo-badges{margin-bottom:2px}
.pass-photo-guidance-box p{margin:0}
.pass-photo-upload-form .upload-modern{margin-top:0}
@media (max-width: 960px){
  .pass-photo-grid{grid-template-columns:1fr}
  .pass-photo-preview-wrap{min-height:auto}
  .pass-photo-preview-image{max-width:180px}
}

/* compact-top-only-safe-v2 */
.dashboard-shell{gap:16px}
.dashboard-shell>.status-card .status-card-body{padding:12px 18px 10px !important;display:block !important}
.dashboard-shell>.status-card .status-caption{display:block !important;font-size:.74rem !important;letter-spacing:.08em !important;margin-bottom:2px !important;line-height:1.2 !important}
.dashboard-shell>.status-card .status-title{display:block !important;font-size:1.05rem !important;line-height:1.2 !important;margin:0 !important}
.dashboard-shell>.status-card .status-card-actions{padding:10px 18px 12px !important;display:flex !important;justify-content:flex-start !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;background:#fff !important}
.dashboard-shell>.status-card .status-card-actions .btn{min-height:auto !important;padding:10px 16px !important;border-radius:14px !important;font-size:.95rem !important;line-height:1.2 !important}
.dashboard-shell>.submission-strip{padding:12px 14px !important;gap:10px !important}
.dashboard-shell>.submission-strip .submission-pill{padding:10px 14px !important;min-height:72px !important;border-radius:14px !important;gap:4px !important}
.dashboard-shell>.submission-strip .submission-pill-label{font-size:.72rem !important;margin-bottom:0 !important}
.dashboard-shell>.submission-strip .submission-pill strong{font-size:1rem !important;line-height:1.25 !important}
.dashboard-shell>.alert,.dashboard-shell>.alert-warning,.dashboard-shell>.notice-box.notice-warning,.dashboard-shell>.notice-warning{padding:12px 16px !important;border-radius:14px !important;margin:0 !important;font-size:.95rem !important}
.dashboard-shell>.alert strong,.dashboard-shell>.alert-warning strong,.dashboard-shell>.notice-box.notice-warning strong,.dashboard-shell>.notice-warning strong{display:block !important;margin-bottom:2px !important}
.dashboard-shell>.alert p,.dashboard-shell>.alert-warning p,.dashboard-shell>.notice-box.notice-warning p,.dashboard-shell>.notice-warning p,.dashboard-shell>.alert .muted,.dashboard-shell>.notice-warning .muted{margin:0 !important}
@media (max-width: 960px){
  .dashboard-shell>.status-card .status-card-actions .btn{width:100% !important}
  .dashboard-shell>.submission-strip{grid-template-columns:1fr !important}
}

/* passphoto-compact-ui-v1 */
.pass-photo-card .card-header{padding-bottom:14px}
.pass-photo-card-body{padding:16px 18px !important}
.pass-photo-grid{grid-template-columns:190px minmax(0,1fr) !important;gap:14px !important;align-items:start !important}
.pass-photo-preview-wrap{padding:10px !important;min-height:auto !important;border-radius:16px !important}
.pass-photo-preview-empty{min-height:140px !important;padding:14px !important;font-size:.95rem !important;line-height:1.35 !important}
.pass-photo-preview-image{max-width:160px !important;border-radius:14px !important}
.pass-photo-preview-meta{margin-top:8px !important;font-size:.82rem !important}
.pass-photo-form-wrap{display:grid !important;grid-template-columns:minmax(0,1fr) 220px !important;gap:12px !important;align-items:start !important}
.pass-photo-badges{grid-column:1 / -1 !important;display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 0 2px 0 !important}
.pass-photo-badges .upload-badge{padding:8px 12px !important;font-size:.9rem !important;border-radius:999px !important}
.pass-photo-guidance-box{padding:12px 14px !important;border-radius:16px !important;min-height:auto !important;margin:0 !important}
.pass-photo-guidance-box strong{display:block;margin-bottom:4px !important}
.pass-photo-guidance-box .muted{font-size:.95rem !important;line-height:1.45 !important}
.pass-photo-upload-form{margin:0 !important}
.pass-photo-upload-form .upload-modern{padding:12px !important;border-radius:16px !important;margin-top:0 !important}
.pass-photo-upload-form .upload-modern-top{margin-bottom:10px !important}
.pass-photo-upload-form .upload-trigger{padding:11px 16px !important;border-radius:14px !important;font-size:1rem !important}
.pass-photo-upload-form .upload-selected{padding:12px 14px !important;min-height:auto !important;border-radius:14px !important;font-size:.95rem !important}
.pass-photo-upload-form .upload-actions{margin-top:10px !important;display:flex !important;flex-wrap:wrap !important;gap:10px !important}
.pass-photo-upload-form .btn{padding:10px 14px !important;border-radius:14px !important}
@media (max-width: 960px){
  .pass-photo-grid{grid-template-columns:1fr !important}
  .pass-photo-form-wrap{grid-template-columns:1fr !important}
  .pass-photo-badges{grid-column:auto !important}
}

/* snbp_smart_home_ui_v1 */
:root{
  --smart-brand:#4f46e5;
  --smart-brand-2:#7c3aed;
  --smart-ink:#0f172a;
  --smart-soft:#eef2ff;
  --smart-card:rgba(255,255,255,.88);
  --smart-ring:rgba(99,102,241,.16);
}
body{
  background:
    radial-gradient(circle at top left, rgba(124,58,237,.14), transparent 34rem),
    radial-gradient(circle at top right, rgba(14,165,233,.12), transparent 30rem),
    linear-gradient(180deg,#f8fbff 0%,#f3f5fb 48%,#eef2f7 100%) !important;
}
.topbar{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(148,163,184,.22) !important;
}
.card{
  border:1px solid rgba(148,163,184,.20) !important;
  border-radius:26px !important;
  background:var(--smart-card) !important;
  box-shadow:0 18px 55px rgba(15,23,42,.08) !important;
  backdrop-filter:blur(16px);
}
.card-header{
  border-bottom:1px solid rgba(148,163,184,.16) !important;
  padding:20px 24px 16px !important;
}
.card-title{letter-spacing:-.02em}
.btn{
  border-radius:16px !important;
  min-height:44px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn-primary{
  background:linear-gradient(135deg,var(--smart-brand),var(--smart-brand-2)) !important;
  box-shadow:0 16px 28px rgba(79,70,229,.22) !important;
}
.btn-secondary{
  background:#eef2ff !important;
  color:#3730a3 !important;
}
.btn-light{
  background:#fff !important;
  color:#334155 !important;
  border:1px solid rgba(148,163,184,.22) !important;
}
input[type=text],input[type=password],input[type=date],input[type=datetime-local],input[type=number],input[type=url],input[type=email],input[type=tel],textarea,select{
  border-radius:18px !important;
  border-color:rgba(148,163,184,.35) !important;
  background:rgba(255,255,255,.92) !important;
  min-height:48px;
}
input:focus,textarea:focus,select:focus{
  border-color:var(--smart-brand) !important;
  box-shadow:0 0 0 5px var(--smart-ring) !important;
}
.smart-candidate-shell{gap:18px}
.smart-home-welcome{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);
  gap:22px;
  min-height:320px;
  padding:28px;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.28),transparent 12rem),
    linear-gradient(135deg,#4338ca 0%,#7c3aed 52%,#06b6d4 100%);
  box-shadow:0 28px 80px rgba(67,56,202,.26);
}
.smart-home-welcome:after{
  content:"";position:absolute;inset:auto -90px -130px auto;width:360px;height:360px;border-radius:999px;background:rgba(255,255,255,.12);filter:blur(8px);
}
.smart-home-welcome__content{position:relative;z-index:2;align-self:center;max-width:760px}
.smart-eyebrow{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border-radius:999px;
  background:rgba(255,255,255,.16);color:inherit;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
}
.smart-home-welcome h1,.smart-form-hero h1{margin:0;line-height:1.05;letter-spacing:-.045em;font-size:clamp(2rem,5vw,3.6rem);font-weight:900}
.smart-home-welcome p{max-width:620px;margin:14px 0 0;color:rgba(255,255,255,.86);font-size:1rem;line-height:1.72}
.smart-home-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.smart-home-meta-pill{padding:14px 15px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.smart-home-meta-pill span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.72);font-weight:800}
.smart-home-meta-pill strong{display:block;margin-top:5px;font-size:.96rem;line-height:1.25;color:#fff}
.smart-home-actions{margin-top:22px}
.smart-home-welcome__visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:250px}
.smart-status-phone{
  position:relative;width:min(100%,300px);padding:20px;border-radius:34px;background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 30px 70px rgba(15,23,42,.20);backdrop-filter:blur(18px);
}
.smart-status-avatar{width:78px;height:78px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#fff;color:#4f46e5;font-size:2.2rem;font-weight:900;box-shadow:0 16px 34px rgba(15,23,42,.14)}
.smart-status-mini,.smart-status-progress{padding:14px;border-radius:22px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);margin-top:12px}
.smart-status-mini span,.smart-status-progress span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.74);font-weight:800}
.smart-status-mini strong,.smart-status-progress strong{display:block;margin-top:5px;color:#fff;font-size:1rem;line-height:1.3}
.smart-progress-track{height:9px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden;margin-top:11px}
.smart-progress-track i{display:block;height:100%;border-radius:999px;background:#fff}
.smart-orb{position:absolute;border-radius:999px;background:rgba(255,255,255,.18);filter:blur(.2px)}
.smart-orb-one{width:90px;height:90px;right:8%;top:8%}
.smart-orb-two{width:54px;height:54px;left:6%;bottom:14%}
.smart-device-card.pass-photo-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.86)) !important}
.compact-status.card{padding:18px}
.compact-status-top{display:grid !important;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:16px !important}
.compact-status-badge{border-radius:24px !important;padding:18px 20px !important;box-shadow:none !important}
.compact-status-badge.status-accepted{background:linear-gradient(135deg,#16a34a,#0f766e) !important}
.compact-status-badge.status-rejected{background:linear-gradient(135deg,#dc2626,#b91c1c) !important}
.compact-strip{border:0 !important;background:transparent !important;padding:0 !important}
.compact-pill{background:#fff !important;border-color:rgba(148,163,184,.20) !important;border-radius:22px !important}
.kv-compact{grid-template-columns:160px 1fr}
.kv-compact div,.kv-compact strong{border-bottom:1px solid rgba(148,163,184,.18)}
.notice-box{border-radius:22px !important}
.qr-panel{border-radius:24px !important;background:rgba(255,255,255,.72) !important}
.pass-photo-grid{align-items:center}
.pass-photo-preview-image,.pass-photo-preview-empty{border-radius:26px !important}
.upload-modern{border-radius:24px !important;background:rgba(255,255,255,.74) !important}
.upload-trigger{border-radius:16px !important;background:linear-gradient(135deg,var(--smart-brand),var(--smart-brand-2)) !important}
.stepper{gap:8px;margin-bottom:22px}
.step{border-radius:999px;background:#fff !important;border:1px solid rgba(148,163,184,.22);color:#64748b}
.step.active{background:linear-gradient(135deg,var(--smart-brand),var(--smart-brand-2)) !important;color:#fff !important;border-color:transparent}
.smart-page-actions{position:sticky;top:82px;z-index:12;justify-content:flex-start}
.smart-form-hero{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.65fr);gap:18px;align-items:center;margin-bottom:18px;padding:26px;border-radius:34px;
  color:#fff;background:linear-gradient(135deg,#4338ca,#7c3aed 58%,#0ea5e9);box-shadow:0 24px 70px rgba(79,70,229,.22);overflow:hidden;position:relative;
}
.smart-form-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.13)}
.smart-form-hero > *{position:relative;z-index:2}
.smart-form-hero p{margin:10px 0 0;color:rgba(255,255,255,.86);line-height:1.6}
.smart-form-hero__status{padding:16px;border-radius:24px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(14px)}
.smart-form-hero__status span,.smart-form-hero__status small{display:block;color:rgba(255,255,255,.74);font-weight:700;font-size:.82rem;line-height:1.45}
.smart-form-hero__status strong{display:block;color:#fff;margin:5px 0 7px;line-height:1.35}
.smart-form-card .card-header{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.54))}
.field-grid{gap:16px !important}
.form-group{padding:14px;border-radius:22px;background:rgba(255,255,255,.55);border:1px solid rgba(148,163,184,.14);margin-bottom:0 !important}
.form-group label{color:#1e293b}
.statement-box{border-radius:20px !important;background:#fff !important}
@media (max-width: 960px){
  .container{width:min(100% - 22px,1120px)}
  .smart-home-welcome,.smart-form-hero{grid-template-columns:1fr;padding:22px;border-radius:28px}
  .smart-home-meta-grid{grid-template-columns:1fr}
  .smart-home-welcome__visual{min-height:auto;justify-content:flex-start}
  .smart-status-phone{width:100%}
  .compact-status-top{grid-template-columns:1fr !important}
  .compact-status-action .btn{width:100%}
  .kv-compact{grid-template-columns:1fr}
  .smart-page-actions{position:static}
}
@media (max-width: 640px){
  .topbar-inner{gap:10px}
  .brand img{height:40px}
  .brand-title{font-size:.96rem}
  .brand-subtitle{font-size:.78rem}
  .smart-home-welcome h1,.smart-form-hero h1{font-size:2rem}
  .card-body{padding:18px !important}
  .card-header{padding:18px !important}
  .btn{width:100%;padding-left:14px !important;padding-right:14px !important}
  .actions{width:100%}
}
/* /snbp_smart_home_ui_v1 */


/* snbp_public_smart_home_login_ui_v1 */
.public-smart-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(79,70,229,.15), transparent 24rem),
    radial-gradient(circle at 90% 16%, rgba(14,165,233,.14), transparent 25rem),
    linear-gradient(180deg,#f8fbff 0%,#f2f6ff 52%,#eef2f7 100%) !important;
}
.public-smart-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.72) !important;backdrop-filter:blur(20px);}
.public-smart-topbar-inner{min-height:76px}
.public-smart-brand img{height:52px;width:52px;border-radius:18px;box-shadow:0 14px 30px rgba(79,70,229,.16)}
.public-smart-nav a{border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.62);border:1px solid rgba(148,163,184,.18)}
.public-smart-nav a.active,.public-smart-nav a:hover{background:#eef2ff;color:#3730a3;text-decoration:none}
.public-smart-main{padding-top:28px !important;padding-bottom:20px !important}
.public-smart-home{display:grid;gap:20px}
.public-smart-hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:24px;align-items:center;padding:30px;border-radius:38px;color:#fff;background:linear-gradient(135deg,#4338ca 0%,#7c3aed 55%,#06b6d4 100%);box-shadow:0 30px 90px rgba(67,56,202,.25)}
.public-smart-hero-card > *{position:relative;z-index:2}
.public-smart-hero-card:before{content:"";position:absolute;inset:-40% auto auto 54%;width:520px;height:520px;border-radius:999px;background:rgba(255,255,255,.14);filter:blur(2px)}
.public-smart-hero-copy h1{margin:0;font-size:clamp(2.15rem,5vw,4.35rem);line-height:1;letter-spacing:-.06em;font-weight:950;max-width:820px}
.public-smart-hero-copy p{max-width:680px;margin:16px 0 0;color:rgba(255,255,255,.86);line-height:1.75;font-size:1.02rem}
.public-smart-eyebrow,.public-smart-panel-eyebrow{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);color:inherit}
.public-smart-hero-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;max-width:760px}
.public-smart-pill{padding:15px 16px;border-radius:24px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px)}
.public-smart-pill span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.70);font-weight:900}
.public-smart-pill strong{display:block;margin-top:6px;font-size:1rem;color:#fff;line-height:1.25}
.public-smart-hero-visual{display:flex;justify-content:center;align-items:center;min-height:310px}
.public-smart-image-frame{width:min(100%,var(--homepage-image-max-width,920px));max-width:420px;max-height:360px;padding:10px;border-radius:34px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.24);box-shadow:0 30px 80px rgba(15,23,42,.22);backdrop-filter:blur(18px);overflow:hidden}
.public-smart-image{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;border-radius:26px;background:#fff}
.public-smart-device-preview{width:min(100%,315px);padding:22px;border-radius:38px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 30px 80px rgba(15,23,42,.20);backdrop-filter:blur(18px)}
.public-smart-device-mark{width:80px;height:80px;border-radius:28px;background:#fff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:950;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.14)}
.public-smart-device-line{height:16px;border-radius:999px;background:rgba(255,255,255,.32);margin:10px 0;width:72%}
.public-smart-device-line.wide{width:100%}
.public-smart-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.public-smart-device-grid i{display:block;aspect-ratio:1;border-radius:20px;background:rgba(255,255,255,.24)}
.public-smart-device-note{margin-top:16px;color:rgba(255,255,255,.78);font-size:.88rem;line-height:1.55}
.public-smart-orb{position:absolute;border-radius:999px;background:rgba(255,255,255,.14);z-index:1}
.public-smart-orb-1{width:110px;height:110px;left:38px;bottom:22px}.public-smart-orb-2{width:56px;height:56px;right:42px;top:38px}
.public-smart-access-grid{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:20px;align-items:start}
.public-smart-login-panel{overflow:hidden}
.public-smart-login-body{padding:28px !important;position:relative}
.public-smart-login-icon{width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.55rem;font-weight:950;margin-bottom:18px;box-shadow:0 18px 36px rgba(79,70,229,.22)}
.public-smart-login-body h2,.public-smart-mini-card h3,.public-smart-booking-card h3{margin:0 0 8px;letter-spacing:-.03em;line-height:1.15}
.public-smart-login-form{display:grid;gap:14px;margin-top:18px}.public-smart-form-group{padding:0 !important;background:transparent !important;border:0 !important;display:grid;gap:8px}.public-smart-form-group label{font-weight:900;color:#1e293b}.public-smart-form-group input{font-size:1rem}.public-smart-submit{margin-top:2px;min-height:52px}
.public-smart-login-actions{margin-top:18px}.session-candidate-name{font-size:1.25rem;font-weight:950;letter-spacing:-.02em;color:#0f172a;margin-top:6px}
.public-smart-info-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-smart-info-stack .card{height:100%}.public-smart-mini-card .card-body,.public-smart-booking-card .card-body{padding:22px !important;display:flex;flex-direction:column;height:100%}.public-smart-mini-icon{width:42px;height:42px;border-radius:16px;background:#eef2ff;color:#3730a3;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:950;margin-bottom:16px}.public-smart-mini-card p,.public-smart-booking-card p{line-height:1.6;margin-bottom:0}.public-smart-booking-card .btn{margin-top:auto}.public-smart-alert{border-radius:20px !important;box-shadow:0 14px 36px rgba(15,23,42,.06)}.public-smart-footer{text-align:center;padding-top:18px;padding-bottom:34px;color:#64748b}
@media (max-width: 1060px){.public-smart-hero-card,.public-smart-access-grid{grid-template-columns:1fr}.public-smart-hero-visual{min-height:auto;justify-content:flex-start}.public-smart-info-stack{grid-template-columns:1fr}.public-smart-image-frame,.public-smart-device-preview{max-width:100%}.public-smart-hero-pills{grid-template-columns:1fr}}
@media (max-width: 640px){.public-smart-main{padding-top:16px !important}.public-smart-topbar-inner{min-height:auto}.public-smart-brand img{height:42px;width:42px}.public-smart-nav{width:100%;display:flex;gap:8px;flex-wrap:wrap}.public-smart-nav a{flex:1 1 auto;text-align:center}.public-smart-hero-card{padding:22px;border-radius:30px}.public-smart-hero-copy h1{font-size:2.1rem}.public-smart-login-body{padding:22px !important}.public-smart-access-grid{gap:14px}.public-smart-pill{border-radius:20px}.public-smart-login-icon{width:52px;height:52px;border-radius:20px}}
/* /snbp_public_smart_home_login_ui_v1 */
/* snbp_admin_smart_home_ui_v1 */
.admin-smart-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 6%,rgba(79,70,229,.13),transparent 28rem),
    radial-gradient(circle at 88% 10%,rgba(14,165,233,.12),transparent 26rem),
    linear-gradient(180deg,#f8fbff 0%,#eef2ff 50%,#f8fafc 100%) !important;
}
.admin-smart-topbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.76) !important;backdrop-filter:blur(20px);border-bottom:1px solid rgba(148,163,184,.16)}
.admin-smart-topbar-inner{min-height:78px}
.admin-smart-brand{gap:12px}
.admin-smart-brand-mark{width:52px;height:52px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:-.07em;color:#fff;background:linear-gradient(135deg,#4338ca,#7c3aed 55%,#06b6d4);box-shadow:0 18px 42px rgba(79,70,229,.22)}
.admin-smart-nav a{border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.68);border:1px solid rgba(148,163,184,.18)}
.admin-smart-nav a.active,.admin-smart-nav a:hover{background:#eef2ff;color:#3730a3;text-decoration:none}
.admin-smart-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start;padding-top:24px;padding-bottom:36px}
.admin-smart-sidebar-stack{position:sticky;top:100px}
.admin-smart-sidebar{padding:16px;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 70px rgba(15,23,42,.08);backdrop-filter:blur(18px)}
.admin-smart-sidebar-head{display:flex;gap:12px;align-items:center;padding:8px 8px 16px;margin-bottom:6px;border-bottom:1px solid rgba(148,163,184,.14)}
.admin-smart-sidebar-head h3{margin:0;font-size:1rem;letter-spacing:-.02em}
.admin-smart-sidebar-head p{margin:3px 0 0;color:#64748b;font-size:.82rem;font-weight:800}
.admin-smart-user-badge{width:44px;height:44px;border-radius:18px;background:#eef2ff;color:#3730a3;display:flex;align-items:center;justify-content:center;font-weight:950}
.admin-smart-sidebar a{display:flex;align-items:center;gap:10px;border-radius:18px;padding:11px 12px;margin:4px 0;color:#334155;font-weight:850}
.admin-smart-sidebar a span{width:24px;height:24px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;font-size:.82rem}
.admin-smart-sidebar a.active,.admin-smart-sidebar a:hover{background:linear-gradient(135deg,#eef2ff,#f0f9ff);color:#3730a3;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(99,102,241,.12)}
.admin-smart-sidebar a.active span,.admin-smart-sidebar a:hover span{background:#4f46e5;color:#fff}
.admin-smart-menu-label{margin:16px 10px 7px;color:#94a3b8;text-transform:uppercase;font-size:.68rem;font-weight:950;letter-spacing:.11em}
.admin-smart-main{min-width:0}
.admin-smart-alert{border-radius:20px !important;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.admin-smart-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:center;padding:28px;border-radius:36px;background:linear-gradient(135deg,#4338ca 0%,#7c3aed 52%,#06b6d4 100%);box-shadow:0 30px 90px rgba(67,56,202,.22);color:#fff}
.admin-smart-hero:before{content:"";position:absolute;right:-130px;top:-170px;width:420px;height:420px;border-radius:999px;background:rgba(255,255,255,.14)}
.admin-smart-hero>*{position:relative;z-index:1}
.admin-smart-eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;font-weight:950;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:inherit}
.admin-smart-hero h1,.admin-smart-page-head h1{margin:12px 0 0;font-size:clamp(2rem,4vw,3.55rem);line-height:1;letter-spacing:-.06em;font-weight:950}
.admin-smart-hero p,.admin-smart-page-head p{max-width:720px;margin:14px 0 0;line-height:1.7;color:rgba(255,255,255,.82)}
.admin-smart-page-head p{color:#64748b}
.admin-smart-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.admin-smart-hero-panel{padding:22px;border-radius:30px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.admin-smart-hero-panel span,.admin-smart-hero-panel small{display:block;color:rgba(255,255,255,.78);font-weight:800;line-height:1.5}
.admin-smart-hero-panel strong{display:block;font-size:2rem;letter-spacing:-.05em;margin:8px 0;color:#fff}
.admin-smart-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.admin-smart-stat{position:relative;overflow:hidden;border-radius:26px !important;background:rgba(255,255,255,.82) !important;border:1px solid rgba(148,163,184,.16) !important;box-shadow:0 20px 55px rgba(15,23,42,.07) !important}
.admin-smart-stat:after{content:"";position:absolute;right:-28px;top:-34px;width:86px;height:86px;border-radius:999px;background:#eef2ff}
.admin-smart-stat .label,.admin-smart-report-card .stat-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-size:.72rem;font-weight:950}
.admin-smart-stat .value{position:relative;z-index:1;color:#0f172a;letter-spacing:-.05em;font-weight:950}
.admin-smart-stat .value.is-small{font-size:1.04rem !important;letter-spacing:-.02em}
.admin-smart-card{border-radius:30px !important;background:rgba(255,255,255,.84) !important;border:1px solid rgba(148,163,184,.16) !important;box-shadow:0 22px 65px rgba(15,23,42,.07) !important;overflow:hidden}
.admin-smart-card .card-header{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.55))}
.admin-smart-kv{gap:12px}
.admin-smart-summary-list .summary-item{border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.14)}
.admin-smart-actions{gap:10px;flex-wrap:wrap}
.admin-smart-actions .btn{border-radius:999px}
.admin-smart-table-card .table-responsive{border-radius:22px;border:1px solid rgba(148,163,184,.12)}
.admin-smart-table-card table{margin:0}
.admin-smart-table-card thead th{background:#f8fafc;color:#475569;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
.admin-smart-table-card tbody tr:hover{background:#f8fafc}
.admin-smart-page-head{display:flex;justify-content:space-between;gap:18px;align-items:stretch;margin-bottom:18px;padding:26px;border-radius:34px;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.16);box-shadow:0 22px 65px rgba(15,23,42,.07)}
.admin-smart-page-head .admin-smart-eyebrow{background:#eef2ff;border-color:rgba(99,102,241,.16);color:#3730a3}
.admin-smart-page-counter{min-width:170px;border-radius:28px;background:linear-gradient(135deg,#4338ca,#06b6d4);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:center}
.admin-smart-page-counter span{color:rgba(255,255,255,.76);font-weight:850;font-size:.82rem}
.admin-smart-page-counter strong{font-size:2rem;letter-spacing:-.05em}
.admin-smart-toolbar-card .card-body{padding:20px !important}
.admin-smart-filter-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.admin-smart-filter-form label{margin-bottom:8px}
.admin-smart-filter-actions{display:flex;gap:10px;align-items:flex-end}
.admin-smart-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.admin-smart-action-card{display:block;padding:18px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 45px rgba(15,23,42,.06);color:#0f172a}
.admin-smart-action-card:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 24px 60px rgba(15,23,42,.09)}
.admin-smart-action-card.primary{background:linear-gradient(135deg,#4338ca,#7c3aed);color:#fff}
.admin-smart-action-card span{width:38px;height:38px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eef2ff;color:#3730a3;margin-bottom:12px;font-weight:950}
.admin-smart-action-card.primary span{background:rgba(255,255,255,.18);color:#fff}
.admin-smart-action-card strong,.admin-smart-action-card small{display:block}
.admin-smart-action-card small{margin-top:4px;color:#64748b}.admin-smart-action-card.primary small{color:rgba(255,255,255,.72)}
.admin-smart-status-pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:#eef2ff;color:#3730a3;font-size:.78rem;font-weight:900}
.admin-smart-import-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:22px;align-items:stretch}
.admin-smart-import-copy h2{margin:0 0 10px;font-size:1.6rem;letter-spacing:-.04em}
.admin-smart-codebox{margin-top:14px;border-radius:20px;padding:14px;background:#0f172a;color:#dbeafe;font-size:.82rem;line-height:1.6;word-break:break-word}
.admin-smart-upload-panel{padding:20px;border-radius:26px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid rgba(148,163,184,.16);display:grid;gap:14px;align-content:center}
.admin-smart-upload-panel .form-group{background:rgba(255,255,255,.68) !important}
.admin-smart-report-grid{gap:12px}
.admin-smart-report-card{border-radius:22px !important;background:#f8fafc !important;border:1px solid rgba(148,163,184,.14) !important;box-shadow:none !important}
.admin-smart-report-card .stat-value{font-size:1.7rem;letter-spacing:-.04em;color:#0f172a}
.icon-actions-inline{display:inline-flex;gap:8px;align-items:center}
@media (max-width: 1100px){
  .admin-smart-layout{grid-template-columns:1fr}
  .admin-smart-sidebar-stack{position:static}
  .admin-smart-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-smart-sidebar-head,.admin-smart-menu-label{grid-column:1/-1}
  .admin-smart-hero,.admin-smart-import-grid{grid-template-columns:1fr}
  .admin-smart-stat-grid,.admin-smart-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 700px){
  .admin-smart-topbar-inner{align-items:flex-start}
  .admin-smart-brand-mark{width:44px;height:44px;border-radius:17px}
  .admin-smart-nav{width:100%;display:flex;gap:8px;flex-wrap:wrap}.admin-smart-nav a{flex:1 1 auto;text-align:center}
  .admin-smart-layout{padding-top:16px;gap:16px}
  .admin-smart-sidebar{grid-template-columns:1fr;border-radius:26px}
  .admin-smart-hero,.admin-smart-page-head{padding:22px;border-radius:28px}
  .admin-smart-page-head{display:grid}
  .admin-smart-page-counter{min-width:0}
  .admin-smart-stat-grid,.admin-smart-quick-actions{grid-template-columns:1fr}
  .admin-smart-filter-form{grid-template-columns:1fr}
  .admin-smart-filter-actions .btn,.admin-smart-hero-actions .btn,.admin-smart-actions .btn{width:100%}
}
/* /snbp_admin_smart_home_ui_v1 */

/* SNBP ADMIN UI-4 FORM DETAIL SETTINGS PASSPHOTO */
.admin-ui4-head{position:relative;overflow:hidden}.admin-ui4-head:before{content:"";position:absolute;inset:auto -70px -120px auto;width:230px;height:230px;border-radius:999px;background:radial-gradient(circle,rgba(99,102,241,.18),transparent 68%);pointer-events:none}.admin-smart-page-head-compact h1{font-size:clamp(1.9rem,3vw,3rem)!important;letter-spacing:-.055em}.admin-ui4-top-actions{margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-ui4-inline-note{font-size:12px;color:#64748b;font-weight:700;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:9px 12px}.admin-ui4-form-shell{display:block}.admin-ui4-form-card{margin-bottom:18px}.admin-ui4-card-header{align-items:flex-start;gap:14px}.admin-ui4-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-ui4-form-grid.single{grid-template-columns:1fr}.admin-ui4-form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui4-two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.admin-ui4-two-column.wide-left{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.admin-ui4-field label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#475569}.admin-ui4-field input,.admin-ui4-field select,.admin-ui4-field textarea{border-radius:18px!important;border-color:#dbe3ef!important;background:rgba(255,255,255,.9)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}.admin-ui4-field input:focus,.admin-ui4-field select:focus,.admin-ui4-field textarea:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px rgba(99,102,241,.12)!important}.admin-ui4-highlight-field{padding:14px;border-radius:24px;background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid rgba(99,102,241,.14)}.admin-ui4-check-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #e2e8f0;background:#fff;border-radius:22px;padding:14px 16px;cursor:pointer}.admin-ui4-check-card input{margin-top:5px;accent-color:#4f46e5}.admin-ui4-check-card span{display:grid;gap:3px}.admin-ui4-check-card strong{font-size:14px;color:#0f172a}.admin-ui4-check-card small{color:#64748b;line-height:1.5}.admin-ui4-note-box{padding:16px;border-radius:24px;background:#f8fafc;border:1px solid #e2e8f0}.admin-ui4-note-box strong{display:block;margin-bottom:5px;color:#0f172a}.admin-ui4-note-box p{margin:0;color:#64748b;line-height:1.65}.admin-ui4-sticky-actions{position:sticky;bottom:16px;z-index:20;margin-top:18px;display:flex;justify-content:flex-end;gap:10px;padding:12px;border-radius:24px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 50px rgba(15,23,42,.12)}.admin-ui4-profile-card{margin-bottom:18px}.admin-ui4-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-ui4-summary-item,.admin-ui4-mini-stat{padding:15px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0}.admin-ui4-summary-item span,.admin-ui4-mini-stat span{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:7px}.admin-ui4-summary-item strong,.admin-ui4-mini-stat strong{display:block;color:#0f172a;font-size:15px;line-height:1.35}.admin-ui4-section-stack{display:grid;gap:18px;margin-top:18px}.admin-ui4-detail-section .card-title{margin-top:4px}.admin-ui4-step-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef2ff;color:#3730a3;border:1px solid rgba(99,102,241,.16);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-ui4-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-ui4-answer-item{padding:14px;border-radius:20px;background:#fff;border:1px solid #e2e8f0}.admin-ui4-answer-item span{display:block;font-size:12px;font-weight:800;color:#64748b;margin-bottom:7px}.admin-ui4-answer-item strong{display:block;color:#0f172a;font-size:14px;line-height:1.6;font-weight:700}.admin-ui4-upload-card,.admin-ui4-admin-controls{margin-top:18px}.admin-ui4-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-ui4-mini-stat strong{font-size:24px;letter-spacing:-.04em}.admin-ui4-mini-stat.warning{background:#fffbeb;border-color:#fde68a}.admin-ui4-mini-stat.danger{background:#fef2f2;border-color:#fecaca}.admin-ui4-mini-stat-action{display:flex;align-items:center;justify-content:flex-end}.admin-ui4-table-card{margin-top:18px}.admin-ui4-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;background:#f1f5f9;color:#475569}.admin-ui4-status-pill.ok{background:#dcfce7;color:#166534}.admin-ui4-status-pill.warning{background:#fef3c7;color:#92400e}.admin-ui4-status-pill.danger{background:#fee2e2;color:#991b1b}.admin-ui4-status-pill.muted{background:#f1f5f9;color:#64748b}.admin-ui4-filter-card{margin-bottom:18px}.admin-ui4-filter-grid{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) minmax(170px,1fr) auto;gap:12px;align-items:end}.admin-ui4-filter-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:2px}.admin-ui4-passphoto-table th:first-child,.admin-ui4-passphoto-table td:first-child{width:86px}.admin-ui4-passphoto-thumb{width:54px;height:72px;object-fit:cover;border-radius:12px;border:1px solid #cbd5e1;background:#f8fafc;display:block;box-shadow:0 10px 25px rgba(15,23,42,.1)}.admin-ui4-passphoto-placeholder{width:54px;height:72px;border-radius:12px;border:1px dashed #cbd5e1;background:#f8fafc;color:#94a3b8;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px}.admin-ui4-passphoto-placeholder.warning{border-color:#f59e0b;background:#fffbeb;color:#92400e}.admin-ui4-file-name{font-size:12px;word-break:break-all;color:#475569}.admin-ui4-passphoto-stats{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.admin-ui4-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui4-two-column,.admin-ui4-two-column.wide-left{grid-template-columns:1fr}.admin-ui4-stat-strip,.admin-ui4-passphoto-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui4-filter-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.admin-ui4-form-grid,.admin-ui4-form-grid.two,.admin-ui4-answer-grid,.admin-ui4-summary-grid,.admin-ui4-stat-strip,.admin-ui4-passphoto-stats,.admin-ui4-filter-grid{grid-template-columns:1fr}.admin-ui4-sticky-actions{justify-content:stretch;left:12px;right:12px}.admin-ui4-sticky-actions .btn{flex:1}.admin-ui4-top-actions .btn{width:100%;justify-content:center}.admin-ui4-mini-stat-action{justify-content:stretch}.admin-ui4-mini-stat-action .btn{width:100%}.admin-ui4-head{border-radius:26px!important;padding:20px!important}.admin-ui4-filter-actions .btn{flex:1}.admin-ui4-passphoto-table th:nth-child(6),.admin-ui4-passphoto-table td:nth-child(6),.admin-ui4-passphoto-table th:nth-child(8),.admin-ui4-passphoto-table td:nth-child(8){display:none}}
/* END SNBP ADMIN UI-4 FORM DETAIL SETTINGS PASSPHOTO */


/* snbp_ui5_final_responsive_polish_v1 */
:root{
  --ui5-surface:rgba(255,255,255,.82);
  --ui5-surface-solid:#ffffff;
  --ui5-line:rgba(148,163,184,.22);
  --ui5-soft:#f8fafc;
  --ui5-shadow-sm:0 10px 28px rgba(15,23,42,.07);
  --ui5-shadow-md:0 18px 52px rgba(15,23,42,.10);
  --ui5-radius-lg:28px;
  --ui5-radius-md:20px;
  --ui5-focus:0 0 0 4px rgba(99,102,241,.14);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(99,102,241,.18);color:#1e1b4b}
img,svg,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
a,.btn,button,input,select,textarea,.card,.sidebar a,.nav a{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.10)}
.btn:active{transform:translateY(0);box-shadow:none}
.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:none;box-shadow:var(--ui5-focus)!important}
.card{background:var(--ui5-surface-solid);border-color:var(--ui5-line);box-shadow:var(--ui5-shadow-sm)}
.card:hover{box-shadow:var(--ui5-shadow-md)}
.card-header{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.62))}
.alert{border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.badge,.admin-ui4-status-pill,.admin-smart-status-pill{white-space:nowrap}
input[type=text],input[type=password],input[type=date],input[type=datetime-local],input[type=number],input[type=url],input[type=email],input[type=tel],textarea,select{min-height:48px;line-height:1.35}
textarea{line-height:1.65}
.help,.muted,.card-header-meta{line-height:1.55}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:24px}
.table-responsive table{min-width:860px}
.admin-table th,.admin-table td,table.admin-table th,table.admin-table td{line-height:1.45}
.admin-table tbody tr:hover,table.admin-table tbody tr:hover{background:rgba(248,250,252,.82)}
.admin-table-compact th,.admin-table-compact td{padding-top:10px!important;padding-bottom:10px!important}
.action-cell,.action-col{white-space:nowrap}
.action-cell .btn,.table-actions .btn,.icon-actions-inline .btn{width:auto!important;padding:8px 10px!important;border-radius:12px!important;font-size:.84rem!important}
.cell-name{font-weight:800;color:#0f172a}
.admin-smart-topbar,.public-smart-topbar{border-bottom:1px solid rgba(148,163,184,.20);box-shadow:0 10px 35px rgba(15,23,42,.05)}
.admin-smart-main,.public-smart-main{min-width:0}
.admin-smart-sidebar{max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:thin}
.admin-smart-sidebar a span{display:inline-flex;width:22px;justify-content:center;margin-right:3px}
.admin-smart-sidebar::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{height:8px;width:8px}
.admin-smart-sidebar::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55);border-radius:999px}
.admin-smart-sidebar::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track{background:rgba(226,232,240,.45);border-radius:999px}
.admin-smart-page-head,.admin-smart-hero,.smart-home-welcome,.smart-form-hero,.public-smart-hero-card{isolation:isolate}
.admin-smart-page-head h1,.admin-smart-hero h1,.smart-home-welcome h1,.smart-form-hero h1,.public-smart-hero-copy h1{overflow-wrap:anywhere}
.admin-smart-page-head p,.admin-smart-hero p,.smart-home-welcome p,.smart-form-hero p,.public-smart-hero-copy p{max-width:760px}
.admin-smart-filter-form,.admin-ui4-filter-grid{align-items:end}
.admin-smart-filter-form .form-group,.admin-ui4-filter-grid .form-group{min-width:0}
.admin-smart-filter-actions,.admin-ui4-filter-actions{min-width:0}
.admin-smart-filter-actions .btn,.admin-ui4-filter-actions .btn{white-space:nowrap}
.admin-ui4-sticky-actions{box-shadow:0 18px 45px rgba(15,23,42,.13)}
.admin-ui4-field input[readonly],input[readonly],textarea[readonly]{background:#f8fafc!important;color:#475569}
.admin-ui4-answer-item strong{word-break:break-word}
.admin-ui4-file-name,.code{overflow-wrap:anywhere}
.pass-photo-preview-image,.admin-ui4-passphoto-thumb{object-fit:cover;object-position:center}
.upload-modern,.upload-note,.statement-box{overflow:hidden}
.empty{border:1px dashed rgba(148,163,184,.35);border-radius:22px;background:linear-gradient(180deg,#fff,#f8fafc)}
.footer{border-top:1px solid rgba(148,163,184,.18);margin-top:22px}
@media (max-width:1100px){
  .admin-smart-layout{grid-template-columns:1fr!important}
  .admin-smart-sidebar-stack{position:static!important}
  .admin-smart-sidebar{max-height:none}
  .admin-smart-sidebar a{min-height:44px;display:flex!important;align-items:center}
  .admin-smart-main{width:100%}
}
@media (max-width:760px){
  .container{width:min(100% - 20px,1120px)}
  .topbar{position:sticky}
  .topbar-inner{align-items:flex-start}
  .brand{min-width:0}
  .brand-title,.brand-subtitle{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .brand-title{-webkit-line-clamp:2}
  .brand-subtitle{-webkit-line-clamp:2}
  .nav{width:100%;display:flex;gap:8px;flex-wrap:wrap}
  .nav a{flex:1 1 auto;text-align:center;justify-content:center}
  .card{border-radius:24px}
  .card-body{padding:16px!important}
  .card-header{padding:16px!important}
  .page-title{font-size:1.8rem}
  .lead{font-size:.95rem}
  .stat-grid,.admin-smart-stat-grid,.admin-ui4-summary-grid,.admin-ui4-stat-strip,.admin-ui4-passphoto-stats{grid-template-columns:1fr!important}
  .field-grid,.admin-ui4-form-grid,.admin-ui4-form-grid.two,.admin-ui4-answer-grid{grid-template-columns:1fr!important}
  .field-full{grid-column:auto}
  .kv,.kv-compact{grid-template-columns:1fr!important;gap:0}
  .kv strong,.kv div,.kv-compact strong,.kv-compact div{padding:8px 0}
  .smart-home-welcome,.smart-form-hero,.public-smart-hero-card,.admin-smart-hero,.admin-smart-page-head{border-radius:26px!important;padding:20px!important}
  .public-smart-hero-pills,.smart-home-meta-grid{grid-template-columns:1fr!important}
  .public-smart-hero-visual{min-height:auto}
  .admin-smart-filter-form,.admin-ui4-filter-grid{grid-template-columns:1fr!important}
  .admin-smart-filter-actions,.admin-ui4-filter-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  .admin-smart-filter-actions .btn,.admin-ui4-filter-actions .btn{width:100%;white-space:normal}
  .admin-ui4-sticky-actions{bottom:10px;border-radius:20px;display:grid;grid-template-columns:1fr;gap:8px}
  .admin-ui4-sticky-actions .btn{width:100%}
  .table-responsive{margin-left:-2px;margin-right:-2px;padding-bottom:8px}
  .table-responsive table{min-width:760px}
  .action-cell .btn,.table-actions .btn,.icon-actions-inline .btn{width:auto!important;min-width:42px!important}
  .status-card-actions,.actions{gap:8px}
  .footer{text-align:center;padding:24px 0 34px}
}
@media (max-width:520px){
  body{font-size:14px}
  .container{width:min(100% - 16px,1120px)}
  .brand img{height:40px;width:40px}
  .brand-title{font-size:.9rem}
  .brand-subtitle{font-size:.74rem}
  .nav a{font-size:.84rem;padding:9px 10px}
  .btn{min-height:44px}
  .page-title,.admin-smart-page-head h1,.admin-smart-hero h1,.public-smart-hero-copy h1,.smart-home-welcome h1,.smart-form-hero h1{font-size:1.75rem!important;letter-spacing:-.04em}
  .card-title{font-size:1rem}
  .admin-smart-sidebar{padding:12px}
  .admin-smart-sidebar-head{padding:10px}
  .admin-smart-user-badge,.admin-smart-brand-mark{width:42px!important;height:42px!important;border-radius:16px!important}
  .table-responsive table{min-width:700px}
  th,td{font-size:.84rem;padding:9px 8px}
  .admin-ui4-passphoto-thumb,.admin-ui4-passphoto-placeholder{width:48px;height:64px}
  .qr-image{width:112px}
  .qr-panel{align-items:center;text-align:center}
  .upload-trigger{width:100%}
  .public-smart-login-card,.login-box{min-width:0!important;width:100%!important}
  .homepage-grid{gap:16px}
  .hero{padding:24px 0}
  .admin-smart-layout{padding-bottom:22px}
}
@media print{
  .topbar,.sidebar-stack,.admin-smart-sidebar-stack,.actions,.btn,.footer{display:none!important}
  .container{width:100%!important}
  .admin-smart-layout{display:block!important;padding:0!important}
  .card{box-shadow:none!important;border:1px solid #ddd!important}
  body{background:#fff!important;color:#000!important}
  .table-responsive{overflow:visible!important}
  table{min-width:0!important;font-size:12px!important}
}
/* /snbp_ui5_final_responsive_polish_v1 */


/* snbp_ux6_candidate_flow_v1 */
.candidate-workflow-card{margin:18px 0 20px;border:1px solid rgba(148,163,184,.22);overflow:hidden}
.candidate-workflow-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px 12px}
.candidate-workflow-head h2{margin:4px 0 6px;font-size:1.45rem;letter-spacing:-.03em;color:#0f172a}
.candidate-workflow-head p{margin:0;color:#64748b;max-width:720px;line-height:1.55}
.candidate-workflow-score{min-width:104px;border-radius:24px;background:linear-gradient(135deg,#172554,#2563eb);color:#fff;padding:14px 16px;text-align:center;box-shadow:0 16px 34px rgba(37,99,235,.22)}
.candidate-workflow-score span{display:block;font-size:1.45rem;font-weight:900;line-height:1}
.candidate-workflow-score small{display:block;margin-top:5px;font-size:.74rem;color:rgba(255,255,255,.82);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.candidate-workflow-list{display:grid;gap:10px;padding:10px 20px 20px}
.candidate-workflow-step{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(148,163,184,.24);border-radius:22px;background:rgba(255,255,255,.86);padding:14px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.candidate-workflow-number{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:900;background:#e2e8f0;color:#334155}
.candidate-workflow-step--done .candidate-workflow-number{background:#dcfce7;color:#166534}
.candidate-workflow-step--progress .candidate-workflow-number{background:#dbeafe;color:#1d4ed8}
.candidate-workflow-step--warning .candidate-workflow-number{background:#fef3c7;color:#92400e}
.candidate-workflow-main{min-width:0}
.candidate-workflow-title-row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.candidate-workflow-title-row strong{color:#0f172a;font-size:.98rem}
.candidate-workflow-main p{margin:5px 0 0;color:#64748b;font-size:.9rem;line-height:1.45}
.candidate-workflow-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:999px;padding:4px 10px;background:#f1f5f9;color:#475569;font-size:.76rem;font-weight:800;white-space:nowrap}
.candidate-workflow-step--done .candidate-workflow-badge{background:#dcfce7;color:#166534}
.candidate-workflow-step--progress .candidate-workflow-badge{background:#dbeafe;color:#1d4ed8}
.candidate-workflow-step--warning .candidate-workflow-badge{background:#fef3c7;color:#92400e}
.candidate-workflow-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:14px;padding:9px 12px;background:#fff;color:#1d4ed8;border:1px solid rgba(37,99,235,.22);font-weight:800;font-size:.84rem;text-decoration:none;white-space:nowrap;box-shadow:0 8px 20px rgba(37,99,235,.08)}
.candidate-workflow-action:hover{background:#eff6ff;color:#1e40af}
.candidate-workflow-note{display:flex;gap:8px;align-items:flex-start;margin:0 20px 20px;padding:13px 15px;border-radius:18px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:.9rem}
.candidate-workflow-note strong{white-space:nowrap}
.candidate-workflow-note--locked{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
#pass-photo-section{scroll-margin-top:96px}
@media (max-width:760px){
  .candidate-workflow-head{flex-direction:column;padding:18px 18px 8px}
  .candidate-workflow-score{width:100%;min-width:0}
  .candidate-workflow-list{padding:8px 14px 16px}
  .candidate-workflow-step{grid-template-columns:38px minmax(0,1fr);align-items:flex-start;border-radius:20px}
  .candidate-workflow-number{width:38px;height:38px;border-radius:14px}
  .candidate-workflow-action{grid-column:1 / -1;width:100%}
  .candidate-workflow-note{margin:0 14px 16px;flex-direction:column;gap:4px}
}
@media (max-width:520px){
  .candidate-workflow-head h2{font-size:1.22rem}
  .candidate-workflow-main p{font-size:.86rem}
  .candidate-workflow-title-row{align-items:flex-start}
}
/* /snbp_ux6_candidate_flow_v1 */


/* UX-7: Pas foto dipindah ke Form Data Ekonomi */
#pass-photo-form-section{scroll-margin-top:96px}
.pass-photo-form-section{margin:0 0 22px;padding:18px;border:1px solid rgba(148,163,184,.24);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.9));box-shadow:0 18px 48px rgba(15,23,42,.08)}
.pass-photo-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.pass-photo-form-head h3{margin:4px 0 6px;font-size:22px;line-height:1.2;color:#0f172a}
.pass-photo-form-head p{margin:0;color:#64748b;line-height:1.55;font-size:14px}
.pass-photo-form-grid{gap:18px;align-items:stretch}
.pass-photo-form-section .pass-photo-preview-wrap{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px dashed rgba(37,99,235,.24);padding:16px}
.pass-photo-form-section .pass-photo-preview-image{width:150px;max-width:100%;height:200px;object-fit:cover;border-radius:24px;border:6px solid #fff;box-shadow:0 18px 34px rgba(15,23,42,.16)}
.pass-photo-form-section .pass-photo-preview-empty{width:150px;max-width:100%;height:200px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;border-radius:24px;background:#fff;color:#94a3b8;font-weight:800;border:1px dashed #cbd5e1}
.pass-photo-form-section .pass-photo-preview-meta{margin-top:10px;font-size:12px;color:#64748b;text-align:center;word-break:break-word}
.pass-photo-form-section .pass-photo-form-wrap{display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0}
.pass-photo-inline-upload{padding:14px;border-radius:22px;background:#fff;border:1px solid rgba(226,232,240,.95)}
.pass-photo-form-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.candidate-workflow-badge.is-done{background:#dcfce7;color:#166534}
.candidate-workflow-badge.is-pending{background:#fef3c7;color:#92400e}
@media (max-width:760px){.pass-photo-form-section{border-radius:22px;padding:14px}.pass-photo-form-head{display:grid;gap:10px}.pass-photo-form-head h3{font-size:19px}.pass-photo-form-section .pass-photo-preview-wrap{min-height:180px}.pass-photo-form-section .pass-photo-preview-image,.pass-photo-form-section .pass-photo-preview-empty{width:120px;height:160px}.pass-photo-form-actions .btn{width:100%;justify-content:center}}


/* UX-8: Supporting document upload flow */
.support-docs-panel {
  margin: 18px 0 20px;
  padding: 20px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(241,245,249,.9));
  border: 1px solid rgba(148,163,184,.28);
  box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

.support-docs-panel__head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.support-docs-panel__head h3 {
  margin: 4px 0 6px;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.1;
}

.support-docs-panel__head p,
.support-docs-note,
.support-docs-submit-warning {
  margin-top: 8px;
}

.support-docs-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.support-docs-stats > div {
  padding: 13px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(148,163,184,.22);
}

.support-docs-stats span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.support-docs-stats strong {
  display: block;
  color: #0f172a;
  font-size: 26px;
  line-height: 1.05;
  margin-top: 4px;
}

.support-docs-list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.support-docs-item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border-radius: 18px;
  text-decoration: none;
  background: #fff;
  color: #0f172a;
  border: 1px solid rgba(148,163,184,.25);
  box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.support-docs-item span {
  min-width: 0;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.support-docs-item strong,
.upload-status-pill {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.support-docs-item.is-done strong,
.upload-status-pill.is-done {
  background: #dcfce7;
  color: #166534;
}

.support-docs-item.is-required strong,
.upload-status-pill.is-required {
  background: #fee2e2;
  color: #991b1b;
}

.support-docs-item.is-optional strong,
.upload-status-pill.is-optional {
  background: #e0f2fe;
  color: #075985;
}

.upload-field-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
  scroll-margin-top: 96px;
}

.upload-field-heading .upload-field-title {
  margin: 0;
}

.upload-modern-document {
  border-radius: 22px;
}

.support-docs-submit-warning {
  margin-top: 18px;
}

@media (max-width: 760px) {
  .support-docs-panel {
    padding: 16px;
    border-radius: 22px;
  }

  .support-docs-panel__head {
    flex-direction: column;
  }

  .support-docs-stats {
    grid-template-columns: 1fr;
  }

  .support-docs-item,
  .upload-field-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .support-docs-item strong,
  .upload-status-pill {
    white-space: normal;
  }
}


/* UX-9 Safe Final Submit */
.final-submit-panel {
    margin: 20px 0 16px;
    padding: 20px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: linear-gradient(145deg, rgba(255,255,255,0.94), rgba(248,250,252,0.9));
}
.final-submit-panel.is-ready {
    border-color: rgba(34, 197, 94, 0.28);
}
.final-submit-panel.is-not-ready {
    border-color: rgba(245, 158, 11, 0.34);
}
.final-submit-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}
.final-submit-panel__head h3 {
    margin: 4px 0 6px;
    font-size: 22px;
}
.final-submit-panel__head p {
    margin: 0;
    color: #64748b;
    max-width: 720px;
}
.final-submit-check-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}
.final-submit-check {
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255,255,255,0.86);
}
.final-submit-check span,
.final-submit-check small {
    display: block;
    color: #64748b;
}
.final-submit-check strong {
    display: block;
    margin: 5px 0 4px;
    color: #0f172a;
    font-size: 16px;
}
.final-submit-check.is-done {
    border-color: rgba(34, 197, 94, 0.24);
    background: rgba(240, 253, 244, 0.72);
}
.final-submit-check.is-pending {
    border-color: rgba(245, 158, 11, 0.28);
    background: rgba(255, 251, 235, 0.76);
}
.final-submit-missing {
    margin-top: 14px;
    border: 1px dashed rgba(245, 158, 11, 0.45);
    border-radius: 16px;
    padding: 12px 14px;
    background: rgba(255, 251, 235, 0.56);
}
.final-submit-missing summary {
    cursor: pointer;
    font-weight: 800;
    color: #92400e;
}
.final-submit-missing ul {
    margin: 10px 0 0 18px;
    color: #78350f;
}
.final-submit-note {
    margin-top: 14px;
}
.final-form-actions {
    align-items: center;
    gap: 10px;
}
.btn-submit-final {
    box-shadow: 0 14px 30px rgba(22, 163, 74, 0.20);
}
.final-submit-help {
    width: 100%;
    margin-top: 4px;
}
.admin-final-submit-meta {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.25;
}
@media (max-width: 720px) {
    .final-submit-panel {
        padding: 16px;
        border-radius: 22px;
    }
    .final-submit-panel__head {
        flex-direction: column;
    }
    .final-submit-check-grid {
        grid-template-columns: 1fr;
    }
    .final-form-actions .btn,
    .final-form-actions a.btn,
    .final-form-actions button.btn {
        width: 100%;
        justify-content: center;
    }
}

/* UX-10 Admin Review + Reopen Flow */
.admin-review-panel {
    margin-bottom: 18px;
}
.admin-review-timeline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}
.admin-review-timeline-item {
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.20);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
}
.admin-review-timeline-item span {
    display: block;
    font-size: 12px;
    color: #64748b;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 6px;
}
.admin-review-timeline-item strong {
    display: block;
    color: #0f172a;
    line-height: 1.35;
}
.admin-review-note {
    margin-top: 12px;
}
.admin-review-note p {
    margin: 6px 0 0;
}
.admin-reopen-form textarea {
    min-height: 110px;
}
.admin-ui4-status-pill.warning {
    background: rgba(245, 158, 11, 0.15);
    color: #92400e;
    border-color: rgba(245, 158, 11, 0.24);
}
.candidate-workflow-note--review,
.candidate-review-alert {
    border-color: rgba(245, 158, 11, 0.30);
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.94), rgba(255, 247, 237, 0.84));
    color: #78350f;
}
.candidate-workflow-note--review small,
.candidate-review-alert small {
    display: block;
    margin-top: 6px;
    color: #92400e;
    font-weight: 700;
}
.candidate-review-alert {
    margin-bottom: 18px;
    padding: 16px 18px;
    border-radius: 20px;
}
.candidate-review-alert p {
    margin: 6px 0;
}
@media (max-width: 720px) {
    .admin-review-timeline {
        grid-template-columns: 1fr;
    }
    .admin-reopen-form .btn {
        width: 100%;
        justify-content: center;
    }
}


/* snbp_ui6_full_width_smart_home_alignment_v1 */
:root{
  --ui6-page-max:1504px;
  --ui6-page-gutter:48px;
  --ui6-card-radius:36px;
  --ui6-hero-radius:46px;
  --ui6-glass:rgba(255,255,255,.78);
  --ui6-line:rgba(148,163,184,.18);
  --ui6-shadow-lg:0 34px 110px rgba(15,23,42,.12);
  --ui6-shadow-md:0 20px 60px rgba(15,23,42,.09);
}
body.public-smart-shell,
body.admin-smart-shell{
  overflow-x:hidden;
  background:
    radial-gradient(circle at 8% 6%,rgba(79,70,229,.17),transparent 30rem),
    radial-gradient(circle at 92% 5%,rgba(6,182,212,.14),transparent 31rem),
    radial-gradient(circle at 52% 92%,rgba(124,58,237,.10),transparent 34rem),
    linear-gradient(180deg,#f8fbff 0%,#f1f5ff 42%,#f8fafc 100%) !important;
}
body.public-smart-shell .container,
body.admin-smart-shell .container{
  width:min(var(--ui6-page-max), calc(100% - 32px));
}
.public-smart-topbar,
.admin-smart-topbar{
  background:rgba(255,255,255,.66) !important;
  backdrop-filter:blur(24px) saturate(1.18);
  -webkit-backdrop-filter:blur(24px) saturate(1.18);
}
.public-smart-topbar-inner,
.admin-smart-topbar-inner{
  border-radius:0 0 28px 28px;
}
.public-smart-main,
.admin-smart-layout{
  position:relative;
}
.public-smart-home,
.smart-candidate-shell,
.admin-smart-main{
  width:100%;
  max-width:none;
}
.public-smart-hero-card,
.smart-home-welcome,
.smart-form-hero,
.admin-smart-hero,
.admin-smart-page-head{
  border-radius:var(--ui6-hero-radius) !important;
  box-shadow:var(--ui6-shadow-lg) !important;
  border:1px solid rgba(255,255,255,.32);
}
.public-smart-hero-card,
.smart-home-welcome,
.smart-form-hero,
.admin-smart-hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.26),transparent 18rem),
    radial-gradient(circle at 16% 86%,rgba(255,255,255,.15),transparent 15rem),
    linear-gradient(135deg,#312e81 0%,#4f46e5 44%,#06b6d4 100%) !important;
}
.public-smart-hero-card:after,
.smart-home-welcome:before,
.smart-form-hero:before,
.admin-smart-hero:before{
  content:"";
  position:absolute;
  inset:auto 34px 28px auto;
  width:120px;
  height:120px;
  border-radius:40px;
  background:rgba(255,255,255,.12);
  transform:rotate(12deg);
  pointer-events:none;
}
.card,
.public-smart-login-panel,
.public-smart-mini-card,
.public-smart-booking-card,
.dashboard-card,
.status-card,
.candidate-workflow-card,
.smart-form-card,
.admin-smart-card,
.compact-table-card{
  border-radius:var(--ui6-card-radius) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.76)) !important;
  border-color:var(--ui6-line) !important;
  box-shadow:var(--ui6-shadow-md) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.public-smart-login-body,
.public-smart-mini-card .card-body,
.public-smart-booking-card .card-body,
.dashboard-card .card-body,
.status-card .card-body{
  padding:clamp(20px,2vw,30px) !important;
}
.btn{
  border-radius:18px !important;
}
.btn-primary{
  background:linear-gradient(135deg,#4338ca,#7c3aed 58%,#0891b2) !important;
  box-shadow:0 16px 38px rgba(79,70,229,.22);
}
.btn-secondary{
  background:linear-gradient(135deg,#e0f2fe,#eef2ff) !important;
  color:#3730a3 !important;
}
input[type=text],input[type=password],input[type=date],input[type=datetime-local],input[type=number],input[type=url],input[type=email],input[type=tel],textarea,select{
  border-radius:20px !important;
  background:rgba(255,255,255,.86) !important;
  border-color:rgba(148,163,184,.28) !important;
}
.public-smart-hero-card{
  min-height:430px;
  padding:clamp(30px,3.2vw,54px) !important;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr) !important;
  gap:clamp(24px,3vw,44px) !important;
}
.public-smart-hero-copy h1{
  font-size:clamp(2.45rem,4.6vw,5.45rem) !important;
  max-width:980px !important;
}
.public-smart-hero-copy p{
  max-width:820px !important;
  font-size:1.08rem !important;
}
.public-smart-hero-pills{
  max-width:900px !important;
}
.public-smart-image-frame,
.public-smart-device-preview{
  max-width:520px !important;
  border-radius:40px !important;
}
.public-smart-image{
  max-height:420px !important;
  border-radius:30px !important;
}
.public-smart-access-grid{
  grid-template-columns:minmax(400px,.78fr) minmax(0,1.22fr) !important;
  gap:clamp(20px,2.4vw,32px) !important;
}
.public-smart-info-stack{
  grid-template-columns:repeat(3,minmax(180px,1fr)) !important;
}
.smart-home-welcome{
  min-height:400px;
  padding:clamp(30px,3.2vw,52px) !important;
  grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr) !important;
  gap:clamp(22px,3vw,44px) !important;
}
.smart-home-welcome__content{
  max-width:900px !important;
}
.smart-home-welcome h1,
.smart-form-hero h1{
  font-size:clamp(2.35rem,4.2vw,5rem) !important;
}
.smart-home-welcome p{
  max-width:780px !important;
  font-size:1.06rem !important;
}
.smart-home-meta-grid{
  max-width:920px;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.smart-status-phone{
  width:min(100%,390px) !important;
  min-height:315px;
  border-radius:42px !important;
}
.dashboard-shell,
.smart-candidate-shell{
  gap:clamp(20px,2vw,30px) !important;
}
.dashboard-grid-top{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,1.5vw,22px);
}
.dashboard-grid-bottom{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:clamp(16px,1.7vw,24px);
}
.candidate-workflow-card{
  overflow:hidden;
}
.candidate-workflow-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px !important;
}
.candidate-workflow-step{
  border-radius:28px !important;
}
.smart-form-hero{
  padding:clamp(28px,3vw,48px) !important;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px) !important;
  gap:clamp(18px,2.4vw,34px) !important;
}
.smart-form-card .card-header,
.smart-form-card .card-body{
  padding:clamp(22px,2.3vw,34px) !important;
}
.pass-photo-form-section,
.support-docs-panel,
.final-submit-panel{
  border-radius:32px !important;
}
.pass-photo-form-grid,
.pass-photo-grid{
  grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr) !important;
}
.admin-smart-layout{
  grid-template-columns:304px minmax(0,1fr) !important;
  gap:clamp(22px,2vw,32px) !important;
  padding-top:30px !important;
}
.admin-smart-sidebar-stack{
  top:106px !important;
}
.admin-smart-sidebar{
  border-radius:36px !important;
  padding:18px !important;
}
.admin-smart-sidebar a{
  border-radius:20px !important;
  min-height:46px;
}
.admin-smart-page-head,
.admin-smart-hero{
  padding:clamp(26px,2.8vw,44px) !important;
}
.admin-smart-page-head h1,
.admin-smart-hero h1{
  font-size:clamp(2.1rem,3.6vw,4.4rem) !important;
}
.admin-smart-page-head p,
.admin-smart-hero p{
  max-width:880px !important;
  font-size:1.02rem;
}
.admin-smart-stat-grid,
.admin-smart-quick-actions{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(14px,1.4vw,20px) !important;
}
.admin-smart-action-card,
.admin-smart-stat-card{
  border-radius:30px !important;
}
.admin-smart-filter-form{
  grid-template-columns:minmax(360px,1fr) auto !important;
}
.admin-table,
table.admin-table{
  width:100%;
}
.admin-smart-table-card .table-responsive table{
  min-width:980px;
}
@media (min-width:1320px){
  body.public-smart-shell .container,
  body.admin-smart-shell .container{
    width:min(1540px, calc(100% - var(--ui6-page-gutter))) !important;
  }
  .public-smart-main{
    padding-top:36px !important;
  }
  .admin-smart-main{
    max-width:none !important;
  }
}
@media (min-width:1680px){
  :root{--ui6-page-max:1620px;--ui6-page-gutter:72px;}
  .public-smart-hero-card,
  .smart-home-welcome{
    min-height:460px;
  }
}
@media (max-width:1180px){
  .dashboard-grid-top,
  .dashboard-grid-bottom,
  .public-smart-access-grid,
  .smart-home-welcome,
  .smart-form-hero,
  .admin-smart-layout{
    grid-template-columns:1fr !important;
  }
  .candidate-workflow-list,
  .public-smart-info-stack,
  .admin-smart-stat-grid,
  .admin-smart-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .public-smart-hero-card{
    grid-template-columns:1fr !important;
    min-height:0;
  }
  .smart-home-welcome{
    min-height:0;
  }
  .pass-photo-form-grid,
  .pass-photo-grid{
    grid-template-columns:1fr !important;
  }
}
@media (max-width:760px){
  body.public-smart-shell .container,
  body.admin-smart-shell .container{
    width:min(100% - 20px,1120px) !important;
  }
  .public-smart-hero-card,
  .smart-home-welcome,
  .smart-form-hero,
  .admin-smart-hero,
  .admin-smart-page-head,
  .card,
  .public-smart-login-panel,
  .dashboard-card,
  .status-card,
  .candidate-workflow-card,
  .smart-form-card,
  .admin-smart-card,
  .compact-table-card{
    border-radius:26px !important;
  }
  .candidate-workflow-list,
  .public-smart-info-stack,
  .admin-smart-stat-grid,
  .admin-smart-quick-actions{
    grid-template-columns:1fr !important;
  }
  .candidate-workflow-step{
    grid-template-columns:40px minmax(0,1fr) !important;
  }
  .candidate-workflow-action{
    grid-column:1 / -1;
  }
  .admin-smart-filter-form{
    grid-template-columns:1fr !important;
  }
}
/* /snbp_ui6_full_width_smart_home_alignment_v1 */

/* snbp_ui7_compact_smart_home_mode_v1 */
:root{
  --ui7-radius-xl:26px;
  --ui7-radius-lg:20px;
  --ui7-gap:14px;
  --ui7-pad:18px;
}

body.public-smart-shell,
body.admin-smart-shell{
  font-size:14px;
}

body.public-smart-shell .container,
body.admin-smart-shell .container{
  width:min(1480px, calc(100% - 44px)) !important;
}

.public-smart-main,
.admin-smart-main{
  padding-top:22px !important;
  padding-bottom:26px !important;
}

.public-smart-nav,
.admin-smart-topbar{
  min-height:58px !important;
}

.public-smart-nav .container,
.admin-smart-topbar .container{
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.public-smart-hero-card,
.smart-home-welcome,
.smart-form-hero,
.admin-smart-hero,
.admin-smart-page-head{
  padding:clamp(18px,2vw,30px) !important;
  border-radius:var(--ui7-radius-xl) !important;
  gap:clamp(12px,1.5vw,20px) !important;
}

.public-smart-hero-card{
  min-height:0 !important;
}

.smart-home-welcome{
  min-height:0 !important;
  margin-bottom:16px !important;
}

.public-smart-hero-card h1,
.smart-home-welcome h1,
.smart-form-hero h1,
.admin-smart-page-head h1,
.admin-smart-hero h1{
  font-size:clamp(1.65rem,2.45vw,3.05rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
  margin-bottom:10px !important;
}

.public-smart-hero-card p,
.smart-home-welcome p,
.smart-form-hero p,
.admin-smart-page-head p,
.admin-smart-hero p{
  font-size:.94rem !important;
  line-height:1.6 !important;
  max-width:760px !important;
}

.public-smart-access-grid,
.dashboard-grid-top,
.dashboard-grid-bottom,
.admin-smart-stat-grid,
.admin-smart-quick-actions,
.candidate-workflow-list,
.smart-form-grid,
.pass-photo-form-grid,
.pass-photo-grid{
  gap:var(--ui7-gap) !important;
}

.public-smart-login-panel,
.public-smart-info-card,
.dashboard-card,
.status-card,
.candidate-workflow-card,
.smart-form-card,
.admin-smart-card,
.admin-smart-action-card,
.admin-smart-stat-card,
.compact-table-card,
.card{
  border-radius:var(--ui7-radius-xl) !important;
}

.public-smart-login-panel,
.public-smart-info-card,
.dashboard-card,
.status-card,
.candidate-workflow-card,
.smart-form-card,
.admin-smart-card,
.admin-smart-action-card,
.admin-smart-stat-card{
  padding:var(--ui7-pad) !important;
}

.card-header,
.card-body,
.compact-table-header,
.compact-table-body,
.smart-form-card .card-header,
.smart-form-card .card-body{
  padding:16px 18px !important;
}

.card-title,
.admin-smart-card h2,
.dashboard-card h2,
.status-card h2,
.smart-form-card h2{
  font-size:1.05rem !important;
  line-height:1.22 !important;
  margin-bottom:8px !important;
}

.admin-smart-stat-value,
.smart-stat-value,
.dashboard-stat-value,
.status-value{
  font-size:clamp(1.45rem,2vw,2.1rem) !important;
  line-height:1.05 !important;
}

.btn,
button,
input[type="submit"],
input[type="button"],
.public-smart-login-panel button,
.smart-form-submit,
.admin-smart-action-card{
  border-radius:15px !important;
}

.btn,
button,
input[type="submit"],
input[type="button"]{
  padding:9px 14px !important;
  min-height:38px !important;
  font-size:.9rem !important;
}

input,
select,
textarea{
  border-radius:14px !important;
  padding:10px 12px !important;
  min-height:40px !important;
  font-size:.92rem !important;
}

label{
  font-size:.82rem !important;
  margin-bottom:6px !important;
}

.form-grid,
.smart-form-grid,
.admin-form-grid{
  gap:12px !important;
}

.smart-form-hero{
  grid-template-columns:minmax(0,1.1fr) minmax(260px,340px) !important;
  margin-bottom:16px !important;
}

.pass-photo-form-section,
.support-docs-panel,
.final-submit-panel,
.review-panel{
  border-radius:24px !important;
  padding:16px !important;
  margin-top:14px !important;
  margin-bottom:14px !important;
}

.pass-photo-form-grid,
.pass-photo-grid{
  grid-template-columns:minmax(220px,.48fr) minmax(0,1.52fr) !important;
}

.pass-photo-preview,
.pass-photo-current,
.pass-photo-preview img,
.pass-photo-current img{
  max-width:150px !important;
  max-height:190px !important;
}

.candidate-workflow-list{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.candidate-workflow-step{
  border-radius:18px !important;
  padding:12px !important;
  gap:10px !important;
  grid-template-columns:34px minmax(0,1fr) !important;
}

.candidate-workflow-icon,
.workflow-step-icon{
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  font-size:.92rem !important;
}

.candidate-workflow-step h3,
.candidate-workflow-step strong{
  font-size:.94rem !important;
  margin-bottom:3px !important;
}

.candidate-workflow-step p,
.candidate-workflow-step small{
  font-size:.78rem !important;
  line-height:1.45 !important;
}

.candidate-workflow-action{
  margin-top:8px !important;
}

.admin-smart-layout{
  grid-template-columns:260px minmax(0,1fr) !important;
  gap:18px !important;
  padding-top:18px !important;
}

.admin-smart-sidebar-stack{
  top:78px !important;
}

.admin-smart-sidebar{
  border-radius:24px !important;
  padding:12px !important;
}

.admin-smart-sidebar a{
  min-height:38px !important;
  border-radius:15px !important;
  padding:9px 10px !important;
  font-size:.88rem !important;
  gap:8px !important;
}

.admin-smart-sidebar .brand,
.admin-smart-sidebar-brand{
  padding:10px !important;
  margin-bottom:10px !important;
}

.admin-smart-page-head,
.admin-smart-hero{
  margin-bottom:16px !important;
}

.admin-smart-stat-grid,
.admin-smart-quick-actions{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:16px !important;
}

.admin-smart-action-card,
.admin-smart-stat-card{
  padding:15px !important;
  border-radius:22px !important;
}

.admin-smart-filter-form{
  gap:10px !important;
}

.admin-table,
table.admin-table{
  font-size:.86rem !important;
}

.admin-table th,
.admin-table td,
table.admin-table th,
table.admin-table td{
  padding:8px 10px !important;
  vertical-align:middle !important;
}

.admin-smart-table-card .table-responsive table{
  min-width:900px !important;
}

.badge,
.status-badge,
.pill,
.smart-pill{
  border-radius:999px !important;
  padding:4px 8px !important;
  font-size:.75rem !important;
}

.alert,
.empty,
.notice{
  border-radius:18px !important;
  padding:12px 14px !important;
  font-size:.9rem !important;
}

@media (min-width:1320px){
  body.public-smart-shell .container,
  body.admin-smart-shell .container{
    width:min(1480px, calc(100% - 52px)) !important;
  }
}

@media (max-width:1180px){
  .candidate-workflow-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .admin-smart-layout,
  .smart-form-hero,
  .pass-photo-form-grid,
  .pass-photo-grid{
    grid-template-columns:1fr !important;
  }
  .admin-smart-sidebar-stack{
    position:relative !important;
    top:auto !important;
  }
}

@media (max-width:760px){
  body.public-smart-shell .container,
  body.admin-smart-shell .container{
    width:min(100% - 18px,1120px) !important;
  }
  .public-smart-main,
  .admin-smart-main{
    padding-top:14px !important;
  }
  .public-smart-hero-card,
  .smart-home-welcome,
  .smart-form-hero,
  .admin-smart-hero,
  .admin-smart-page-head,
  .public-smart-login-panel,
  .dashboard-card,
  .status-card,
  .candidate-workflow-card,
  .smart-form-card,
  .admin-smart-card,
  .compact-table-card,
  .card{
    border-radius:20px !important;
  }
  .public-smart-login-panel,
  .public-smart-info-card,
  .dashboard-card,
  .status-card,
  .candidate-workflow-card,
  .smart-form-card,
  .admin-smart-card,
  .admin-smart-action-card,
  .admin-smart-stat-card{
    padding:14px !important;
  }
  .card-header,
  .card-body,
  .compact-table-header,
  .compact-table-body,
  .smart-form-card .card-header,
  .smart-form-card .card-body{
    padding:14px !important;
  }
  .candidate-workflow-list,
  .admin-smart-stat-grid,
  .admin-smart-quick-actions{
    grid-template-columns:1fr !important;
  }
  .candidate-workflow-step{
    padding:11px !important;
  }
  .admin-table th,
  .admin-table td,
  table.admin-table th,
  table.admin-table td{
    padding:7px 8px !important;
  }
}
/* /snbp_ui7_compact_smart_home_mode_v1 */


/* snbp_ui8_fix_candidate_flow_cards_layout_v1 */
.candidate-workflow-card{
  overflow:hidden !important;
}
.candidate-workflow-card .candidate-workflow-head{
  padding:18px 22px 10px !important;
}
.candidate-workflow-card .candidate-workflow-score{
  min-width:92px !important;
  padding:10px 14px !important;
  border-radius:20px !important;
}
.candidate-workflow-card .candidate-workflow-score span{
  font-size:1.2rem !important;
}
.candidate-workflow-card .candidate-workflow-score small{
  font-size:.68rem !important;
}
.candidate-workflow-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(260px,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
  padding:10px 18px 18px !important;
}
.candidate-workflow-step{
  position:relative !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  gap:7px 10px !important;
  align-items:start !important;
  min-height:118px !important;
  padding:12px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.candidate-workflow-number{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:13px !important;
  position:static !important;
  margin:0 !important;
  transform:none !important;
}
.candidate-workflow-main{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  position:static !important;
}
.candidate-workflow-title-row{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-width:0 !important;
}
.candidate-workflow-title-row strong{
  flex:1 1 auto !important;
  min-width:0 !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}
.candidate-workflow-badge{
  flex:0 0 auto !important;
  max-width:46% !important;
  min-height:24px !important;
  padding:4px 8px !important;
  font-size:.72rem !important;
  line-height:1.1 !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.candidate-workflow-main p{
  margin:5px 0 0 !important;
  font-size:.78rem !important;
  line-height:1.4 !important;
}
.candidate-workflow-action{
  grid-column:2 !important;
  grid-row:2 !important;
  align-self:end !important;
  justify-self:start !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  z-index:1 !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:30px !important;
  margin:2px 0 0 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  box-sizing:border-box !important;
  font-size:.78rem !important;
  line-height:1.15 !important;
  white-space:normal !important;
  text-align:center !important;
}
@media (max-width:1180px){
  .candidate-workflow-list{
    grid-template-columns:repeat(2,minmax(240px,1fr)) !important;
  }
}
@media (max-width:760px){
  .candidate-workflow-card .candidate-workflow-head{
    padding:16px 16px 8px !important;
  }
  .candidate-workflow-card .candidate-workflow-score{
    width:100% !important;
  }
  .candidate-workflow-list{
    grid-template-columns:1fr !important;
    padding:8px 14px 14px !important;
  }
  .candidate-workflow-step{
    grid-template-columns:34px minmax(0,1fr) !important;
    min-height:0 !important;
  }
  .candidate-workflow-action{
    grid-column:2 !important;
    width:auto !important;
  }
}
@media (max-width:520px){
  .candidate-workflow-title-row{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .candidate-workflow-badge{
    max-width:100% !important;
  }
  .candidate-workflow-action{
    grid-column:1 / -1 !important;
    width:100% !important;
    justify-self:stretch !important;
  }
}
/* /snbp_ui8_fix_candidate_flow_cards_layout_v1 */


/* snbp_ui9_compact_candidate_form_sections_v1 */
.smart-form-card .candidate-review-alert,
.candidate-review-alert{
  padding:12px 14px !important;
  border-radius:18px !important;
  margin-bottom:12px !important;
}
.smart-form-hero{
  gap:18px !important;
  padding:18px 22px !important;
  margin-bottom:14px !important;
  min-height:0 !important;
}
.smart-form-hero h1{
  margin:4px 0 6px !important;
  font-size:clamp(1.35rem, 1.8vw, 1.9rem) !important;
  line-height:1.15 !important;
}
.smart-form-hero p{
  margin:0 !important;
  max-width:820px !important;
  font-size:.9rem !important;
  line-height:1.45 !important;
}
.smart-form-hero__status{
  min-width:220px !important;
  padding:12px 14px !important;
  border-radius:20px !important;
}
.smart-form-hero__status strong{
  font-size:.95rem !important;
}
.smart-form-card{
  border-radius:26px !important;
}
.smart-form-card > .card-header{
  padding:16px 20px 12px !important;
}
.smart-form-card > .card-header .card-title{
  font-size:1.05rem !important;
  line-height:1.25 !important;
}
.smart-form-card > .card-body{
  padding:16px 20px 18px !important;
}
.smart-form-card .help,
.smart-form-card .muted{
  font-size:.78rem !important;
  line-height:1.45 !important;
}
.form-submit-notice,
.support-docs-submit-warning,
.final-submit-note{
  padding:10px 12px !important;
  border-radius:16px !important;
  margin-top:10px !important;
}
.stepper{
  gap:7px !important;
  margin:0 0 14px !important;
}
.stepper .step,
.step{
  padding:7px 10px !important;
  min-height:0 !important;
  border-radius:999px !important;
  font-size:.76rem !important;
  line-height:1.15 !important;
}
.form-section-head{
  padding:9px 11px !important;
  margin:0 0 12px !important;
  border-radius:16px !important;
}
.form-section-head h3{
  margin:0 !important;
  font-size:1rem !important;
  line-height:1.2 !important;
}
.smart-form-card .smart-device-card,
.pass-photo-form-section,
.support-docs-panel,
.final-submit-panel{
  padding:14px !important;
  margin:14px 0 !important;
  border-radius:22px !important;
}
.pass-photo-form-head,
.support-docs-panel__head,
.final-submit-panel__head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:10px !important;
  margin-bottom:12px !important;
}
.pass-photo-form-head h3,
.support-docs-panel__head h3,
.final-submit-panel__head h3{
  margin:3px 0 4px !important;
  font-size:1.02rem !important;
  line-height:1.22 !important;
}
.pass-photo-form-head p,
.support-docs-panel__head p,
.final-submit-panel__head p{
  margin:0 !important;
  font-size:.8rem !important;
  line-height:1.42 !important;
}
.smart-form-card .smart-eyebrow{
  font-size:.67rem !important;
  letter-spacing:.08em !important;
}
.pass-photo-form-grid{
  display:grid !important;
  grid-template-columns:136px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
}
.pass-photo-preview-wrap{
  min-width:0 !important;
}
.pass-photo-preview-image,
.pass-photo-preview-empty{
  width:112px !important;
  height:142px !important;
  max-width:100% !important;
  border-radius:16px !important;
}
.pass-photo-preview-meta{
  margin-top:6px !important;
  font-size:.72rem !important;
  line-height:1.35 !important;
  word-break:break-word !important;
}
.pass-photo-badges,
.upload-badges{
  gap:6px !important;
  margin-bottom:8px !important;
}
.upload-badge{
  padding:4px 8px !important;
  border-radius:999px !important;
  font-size:.7rem !important;
  line-height:1.15 !important;
}
.notice-box.pass-photo-guidance-box,
.support-docs-note{
  padding:9px 11px !important;
  border-radius:15px !important;
  margin-bottom:8px !important;
}
.upload-modern,
.upload-modern-document,
.pass-photo-inline-upload{
  padding:11px !important;
  border-radius:18px !important;
}
.upload-modern-top-inline{
  gap:8px !important;
  align-items:center !important;
}
.upload-trigger,
.upload-selected-inline{
  min-height:34px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  font-size:.78rem !important;
  line-height:1.2 !important;
}
.upload-actions,
.pass-photo-form-actions{
  gap:7px !important;
  margin-top:8px !important;
}
.support-docs-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
.support-docs-stats > div{
  padding:9px 10px !important;
  border-radius:16px !important;
}
.support-docs-stats span{
  font-size:.68rem !important;
}
.support-docs-stats strong{
  font-size:1.05rem !important;
  line-height:1.1 !important;
}
.support-docs-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
.support-docs-item{
  padding:9px 11px !important;
  border-radius:16px !important;
  min-height:0 !important;
}
.support-docs-item span,
.support-docs-item strong{
  font-size:.76rem !important;
  line-height:1.25 !important;
}
.smart-form-card .field-grid{
  gap:11px 13px !important;
  grid-template-columns:repeat(2,minmax(230px,1fr)) !important;
}
.smart-form-card .form-group{
  margin:0 !important;
  gap:5px !important;
}
.smart-form-card label,
.smart-form-card .upload-field-title{
  margin-bottom:5px !important;
  font-size:.77rem !important;
  line-height:1.25 !important;
}
.smart-form-card input,
.smart-form-card select,
.smart-form-card textarea{
  min-height:39px !important;
  padding:8px 10px !important;
  border-radius:14px !important;
  font-size:.86rem !important;
  line-height:1.35 !important;
}
.smart-form-card textarea{
  min-height:90px !important;
}
.smart-form-card .check-inline{
  padding:10px 12px !important;
  border-radius:16px !important;
  min-height:0 !important;
}
.statement-box{
  padding:11px 12px !important;
  border-radius:16px !important;
  max-height:180px !important;
  overflow:auto !important;
  font-size:.8rem !important;
  line-height:1.48 !important;
}
.upload-file-card{
  padding:10px 11px !important;
  border-radius:16px !important;
  gap:9px !important;
}
.upload-file-meta strong{
  font-size:.86rem !important;
  line-height:1.25 !important;
}
.upload-file-submeta{
  gap:6px !important;
  font-size:.72rem !important;
}
.final-submit-check-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
}
.final-submit-check{
  padding:10px 11px !important;
  border-radius:16px !important;
  min-height:0 !important;
}
.final-submit-check span{
  font-size:.72rem !important;
  line-height:1.2 !important;
}
.final-submit-check strong{
  font-size:.92rem !important;
  line-height:1.2 !important;
}
.final-submit-check small{
  font-size:.7rem !important;
  line-height:1.32 !important;
}
.final-submit-missing{
  padding:10px 12px !important;
  border-radius:16px !important;
  margin-top:10px !important;
}
.final-submit-missing ul{
  margin:8px 0 0 !important;
}
.final-form-actions{
  position:sticky !important;
  bottom:12px !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:16px !important;
  padding:10px !important;
  border:1px solid rgba(203,213,225,.72) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.9) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
  box-shadow:0 18px 44px rgba(15,23,42,.12) !important;
}
.final-form-actions .btn,
.smart-form-card .btn{
  min-height:35px !important;
  padding:8px 12px !important;
  border-radius:13px !important;
  font-size:.82rem !important;
  line-height:1.15 !important;
}
.final-submit-help{
  flex:1 1 100% !important;
  margin:0 !important;
  font-size:.74rem !important;
}
@media (min-width:1280px){
  .smart-form-card .field-grid{
    grid-template-columns:repeat(3,minmax(220px,1fr)) !important;
  }
  .smart-form-card .field-full{
    grid-column:span 3 !important;
  }
}
@media (max-width:980px){
  .smart-form-hero,
  .pass-photo-form-head,
  .support-docs-panel__head,
  .final-submit-panel__head{
    grid-template-columns:1fr !important;
  }
  .smart-form-hero__status{
    width:100% !important;
    min-width:0 !important;
  }
  .pass-photo-form-grid,
  .smart-form-card .field-grid,
  .support-docs-list,
  .final-submit-check-grid{
    grid-template-columns:1fr !important;
  }
  .support-docs-stats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:640px){
  .smart-form-hero{
    padding:14px 15px !important;
    border-radius:22px !important;
  }
  .smart-form-hero h1{
    font-size:1.25rem !important;
  }
  .smart-form-card > .card-header,
  .smart-form-card > .card-body{
    padding:13px 14px !important;
  }
  .smart-form-card .smart-device-card,
  .pass-photo-form-section,
  .support-docs-panel,
  .final-submit-panel{
    padding:12px !important;
    border-radius:18px !important;
  }
  .support-docs-stats{
    grid-template-columns:1fr 1fr 1fr !important;
  }
  .support-docs-stats > div{
    padding:8px !important;
  }
  .pass-photo-preview-image,
  .pass-photo-preview-empty{
    width:96px !important;
    height:124px !important;
  }
  .upload-modern-top-inline,
  .upload-actions,
  .pass-photo-form-actions,
  .final-form-actions{
    align-items:stretch !important;
  }
  .upload-trigger,
  .upload-selected-inline,
  .final-form-actions .btn,
  .smart-form-card .btn{
    width:100% !important;
    text-align:center !important;
    justify-content:center !important;
  }
}
/* /snbp_ui9_compact_candidate_form_sections_v1 */


/* UI-10 Compact Admin Candidates */
.candidates-page-head-compact{align-items:center;gap:16px;margin-bottom:14px!important;padding:18px 20px!important}
.candidates-page-head-compact h1{font-size:clamp(1.35rem,2vw,2rem)!important;margin-bottom:5px!important}
.candidates-page-head-compact p{max-width:720px!important;margin:0!important;font-size:.88rem!important;line-height:1.45!important}
.candidate-summary-strip{display:flex;gap:8px;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;min-width:min(520px,100%)}
.candidate-summary-strip span{min-width:96px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.72);border-radius:18px;padding:9px 12px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.candidate-summary-strip strong{display:block;font-size:1.22rem;line-height:1;font-weight:900;color:#0f172a}
.candidate-summary-strip small{display:block;margin-top:4px;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.admin-candidate-commandbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.btn.btn-compact,.btn-compact{min-height:0!important;padding:8px 12px!important;border-radius:14px!important;font-size:.82rem!important;line-height:1.1!important}
.candidates-filter-card{margin-bottom:12px!important}
.candidates-filter-card .card-body{padding:13px 14px!important}
.candidate-filter-grid{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(7,minmax(118px,1fr));gap:10px;align-items:end}
.candidate-filter-grid label{margin:0 0 5px!important;font-size:.69rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.candidate-filter-grid input,.candidate-filter-grid select{height:38px!important;min-height:38px!important;border-radius:13px!important;padding:7px 10px!important;font-size:.82rem!important;background:rgba(255,255,255,.88)!important}
.candidate-filter-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.candidates-admin-card .card-body{padding:0!important}
.candidates-table-header-compact{padding:12px 14px!important;align-items:center!important}
.candidates-table-scroll{border-top:1px solid rgba(226,232,240,.72)}
.candidates-table-modern{min-width:980px!important;border-collapse:separate!important;border-spacing:0!important}
.candidates-table-modern th{padding:9px 10px!important;font-size:.68rem!important;letter-spacing:.05em;white-space:nowrap;background:rgba(248,250,252,.96)!important;color:#475569!important}
.candidates-table-modern td{padding:8px 10px!important;vertical-align:middle!important;font-size:.82rem!important;line-height:1.28!important}
.candidates-table-modern tbody tr:hover{background:rgba(240,253,244,.36)!important}
.candidate-identity-cell strong{display:block;font-size:.86rem;font-weight:900;color:#0f172a;line-height:1.2;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.candidate-identity-cell small,.candidate-stack-cell small{display:block;margin-top:3px;font-size:.72rem;color:#64748b;font-weight:800;letter-spacing:.01em}
.candidate-stack-cell span{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#334155}
.candidate-badge-stack{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.candidate-mini-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:900;line-height:1.05;white-space:nowrap;border:1px solid transparent;background:#f1f5f9;color:#475569}
.candidate-mini-badge.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}
.candidate-mini-badge.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}
.candidate-mini-badge.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.candidate-mini-badge.info{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}
.candidate-mini-badge.muted{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}
.candidate-pay-number{display:inline-flex;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:11px;background:#f8fafc;border:1px solid #e2e8f0;padding:4px 8px;font-size:.75rem;font-weight:900;color:#334155}
.candidate-row-actions{gap:5px!important;flex-wrap:nowrap!important}
.candidate-row-actions .icon-action{width:30px!important;height:30px!important;border-radius:10px!important;padding:6px!important}
.candidate-row-actions .icon-action svg{width:15px!important;height:15px!important}
@media (max-width:1400px){.candidate-filter-grid{grid-template-columns:minmax(240px,1.5fr) repeat(4,minmax(120px,1fr))}.candidate-filter-actions{grid-column:span 2}}
@media (max-width:980px){.candidates-page-head-compact{align-items:flex-start!important}.candidate-summary-strip{justify-content:flex-start;min-width:0}.candidate-summary-strip span{min-width:86px;padding:8px 10px}.candidate-filter-grid{grid-template-columns:1fr 1fr}.candidate-filter-search{grid-column:1/-1}.candidate-filter-actions{grid-column:1/-1}.admin-candidate-commandbar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.admin-candidate-commandbar .btn{white-space:nowrap}}
@media (max-width:640px){.candidates-page-head-compact{padding:14px!important}.candidate-summary-strip{display:grid;grid-template-columns:1fr 1fr;width:100%}.candidate-summary-strip span{min-width:0}.candidate-filter-grid{grid-template-columns:1fr}.candidate-filter-actions{display:grid;grid-template-columns:1fr 1fr}.candidates-table-modern{min-width:880px!important}.candidates-table-modern th,.candidates-table-modern td{padding:7px 8px!important}.candidate-identity-cell strong,.candidate-stack-cell span{max-width:190px}.btn.btn-compact,.btn-compact{padding:8px 10px!important}}

/* UI-11 Compact Candidate Edit Form */
.admin-candidate-editor-head{
  padding:16px 18px!important;
  margin-bottom:12px!important;
  align-items:center!important;
}
.admin-candidate-editor-head h1{
  font-size:clamp(1.32rem,1.85vw,1.88rem)!important;
  margin-bottom:4px!important;
}
.admin-candidate-editor-head p{
  max-width:850px!important;
  font-size:.86rem!important;
  line-height:1.42!important;
}
.admin-candidate-editor-mode{
  min-width:92px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:18px;
  background:rgba(255,255,255,.76);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
  padding:9px 13px;
  text-align:center;
}
.admin-candidate-editor-mode span{
  display:block;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}
.admin-candidate-editor-mode strong{
  display:block;
  margin-top:3px;
  font-size:.95rem;
  color:#0f172a;
}
.admin-candidate-editor{
  position:relative;
  padding-bottom:72px;
}
.admin-candidate-editor-summary{
  display:grid;
  grid-template-columns:1.05fr 1.4fr 1.2fr .95fr;
  gap:8px;
  margin:0 0 12px;
}
.admin-candidate-editor-summary > div{
  min-width:0;
  border:1px solid rgba(148,163,184,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(240,253,244,.76));
  box-shadow:0 12px 28px rgba(15,23,42,.055);
  padding:9px 12px;
}
.admin-candidate-editor-summary span{
  display:block;
  font-size:.65rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#64748b;
  margin-bottom:3px;
}
.admin-candidate-editor-summary strong{
  display:block;
  font-size:.84rem;
  font-weight:900;
  line-height:1.2;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-candidate-editor-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:12px;
  align-items:start;
}
.admin-candidate-form-card{
  border-radius:22px!important;
  overflow:hidden;
  margin-bottom:0!important;
}
.admin-candidate-card-header{
  padding:12px 14px!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.admin-candidate-card-header .card-title{
  font-size:1rem!important;
  margin:2px 0 2px!important;
}
.admin-candidate-card-header .card-header-meta{
  font-size:.76rem!important;
  line-height:1.35!important;
}
.admin-candidate-section-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:20px;
  border-radius:999px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#047857;
  font-size:.66rem;
  font-weight:900;
}
.admin-candidate-form-card .card-body{
  padding:12px 14px 14px!important;
}
.admin-candidate-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.admin-candidate-form-grid.single{
  grid-template-columns:1fr;
}
.admin-candidate-form-grid.payment{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.admin-candidate-pay-field{
  grid-column:1/-1;
}
.admin-candidate-field{
  margin-bottom:0!important;
  min-width:0;
}
.admin-candidate-field label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 5px!important;
  font-size:.69rem!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.055em;
  color:#64748b;
}
.admin-candidate-field input,
.admin-candidate-field select,
.admin-candidate-field textarea{
  min-height:38px!important;
  height:38px!important;
  border-radius:14px!important;
  padding:8px 10px!important;
  font-size:.84rem!important;
  font-weight:750;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(148,163,184,.34)!important;
}
.admin-candidate-field .help{
  margin-top:4px!important;
  font-size:.7rem!important;
  line-height:1.25!important;
  color:#64748b!important;
}
.admin-candidate-pay-field{
  border:1px solid rgba(34,197,94,.24);
  background:linear-gradient(135deg,rgba(240,253,244,.9),rgba(255,255,255,.72));
  border-radius:18px;
  padding:10px;
}
.admin-candidate-pay-field input{
  border-color:rgba(34,197,94,.35)!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.07)!important;
}
.candidate-payment-pill{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  border-radius:999px;
  padding:5px 9px;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#047857;
  font-size:.68rem;
  font-weight:900;
}
.admin-candidate-check-card{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:10px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:18px;
  background:rgba(248,250,252,.82);
  padding:10px 12px;
  cursor:pointer;
  margin:0!important;
}
.admin-candidate-check-card input{
  width:18px!important;
  height:18px!important;
  margin:1px 0 0!important;
  accent-color:#16a34a;
}
.admin-candidate-check-card strong{
  display:block;
  font-size:.84rem;
  color:#0f172a;
  line-height:1.15;
}
.admin-candidate-check-card small{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:.72rem;
  line-height:1.25;
}
.admin-candidate-note-box{
  border:1px dashed rgba(34,197,94,.32);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(240,253,244,.82),rgba(255,255,255,.78));
  padding:10px 12px;
}
.admin-candidate-note-box strong{
  display:block;
  font-size:.78rem;
  font-weight:900;
  color:#166534;
  margin-bottom:4px;
}
.admin-candidate-note-box p{
  margin:0;
  color:#475569;
  font-size:.75rem;
  line-height:1.38;
}
.admin-candidate-sticky-actions{
  position:sticky;
  bottom:12px;
  z-index:20;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:12px;
  padding:10px;
  border:1px solid rgba(148,163,184,.24);
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 20px 45px rgba(15,23,42,.12);
  backdrop-filter:blur(14px);
}
.admin-candidate-sticky-actions .btn{
  min-width:112px;
}
@media (min-width:1400px){
  .candidate-card-main .admin-candidate-form-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width:1180px){
  .admin-candidate-editor-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-candidate-editor-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:720px){
  .admin-candidate-editor-head{
    padding:14px!important;
    align-items:flex-start!important;
  }
  .admin-candidate-editor-mode{
    width:100%;
    text-align:left;
  }
  .admin-candidate-editor-summary,
  .admin-candidate-form-grid,
  .admin-candidate-form-grid.payment{
    grid-template-columns:1fr;
  }
  .admin-candidate-card-header{
    padding:11px 12px!important;
  }
  .admin-candidate-form-card .card-body{
    padding:11px 12px 12px!important;
  }
  .admin-candidate-field input,
  .admin-candidate-field select,
  .admin-candidate-field textarea{
    height:39px!important;
    min-height:39px!important;
  }
  .admin-candidate-sticky-actions{
    left:8px;
    right:8px;
    bottom:8px;
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:8px;
  }
  .admin-candidate-sticky-actions .btn{
    width:100%;
    min-width:0;
    justify-content:center;
  }
}
/* /UI-11 Compact Candidate Edit Form */


/* UI-12 Fix Compact Admin Candidate Form Grid */
.admin-candidate-editor-head.admin-smart-page-head{
  padding:13px 16px!important;
  margin-bottom:10px!important;
  border-radius:22px!important;
}
.admin-candidate-editor-head h1{
  font-size:clamp(1.16rem,1.35vw,1.46rem)!important;
}
.admin-candidate-editor-head p{
  font-size:.8rem!important;
  line-height:1.35!important;
  max-width:980px!important;
}
.admin-candidate-editor-summary{
  gap:7px!important;
  margin-bottom:10px!important;
}
.admin-candidate-editor-summary > div{
  border-radius:14px!important;
  padding:7px 10px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
}
.admin-candidate-editor-summary span{
  font-size:.59rem!important;
  margin-bottom:2px!important;
}
.admin-candidate-editor-summary strong{
  font-size:.78rem!important;
}
.admin-candidate-editor-grid{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
.admin-candidate-form-card{
  border-radius:20px!important;
  box-shadow:0 15px 42px rgba(15,23,42,.07)!important;
}
.admin-candidate-card-header{
  padding:10px 14px 9px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}
.admin-candidate-card-header .card-title{
  font-size:.96rem!important;
  margin:0 0 1px!important;
}
.admin-candidate-card-header .card-header-meta{
  font-size:.72rem!important;
  line-height:1.3!important;
}
.admin-candidate-section-kicker{
  width:auto!important;
  min-width:28px!important;
  height:18px!important;
  padding:0 8px!important;
  font-size:.61rem!important;
}
.admin-candidate-form-card .card-body{
  padding:12px 14px 13px!important;
}
.admin-candidate-form-grid,
.candidate-card-main .admin-candidate-form-grid{
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
  gap:9px 12px!important;
}
.admin-candidate-form-grid.single{
  grid-template-columns:repeat(3,minmax(170px,1fr))!important;
}
.admin-candidate-form-grid.payment{
  grid-template-columns:repeat(4,minmax(150px,1fr))!important;
}
.admin-candidate-field,
.form-group.admin-candidate-field{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  margin:0!important;
  display:block!important;
}
.admin-candidate-field label{
  display:block!important;
  margin:0 0 4px!important;
  font-size:.66rem!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
  color:#64748b!important;
}
.admin-candidate-field input,
.admin-candidate-field select,
.admin-candidate-field textarea{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:12px!important;
  padding:7px 10px!important;
  font-size:.82rem!important;
  font-weight:700!important;
  background:#fff!important;
  box-shadow:none!important;
}
.admin-candidate-field input:focus,
.admin-candidate-field select:focus,
.admin-candidate-field textarea:focus{
  box-shadow:0 0 0 3px rgba(37,99,235,.10)!important;
}
.admin-candidate-field .help{
  margin-top:3px!important;
  font-size:.66rem!important;
  line-height:1.22!important;
}
.admin-candidate-pay-field,
.form-group.admin-candidate-pay-field{
  grid-column:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.admin-candidate-pay-field input{
  border-color:rgba(34,197,94,.45)!important;
  box-shadow:0 0 0 2px rgba(34,197,94,.08)!important;
}
.admin-candidate-check-card{
  grid-column:auto!important;
  min-height:36px!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
  background:#f8fafc!important;
}
.admin-candidate-check-card input{
  width:16px!important;
  height:16px!important;
}
.admin-candidate-check-card strong{
  font-size:.78rem!important;
}
.admin-candidate-check-card small{
  display:none!important;
}
.admin-candidate-note-box{
  grid-column:auto!important;
  border-radius:12px!important;
  padding:8px 10px!important;
}
.admin-candidate-note-box strong{
  font-size:.72rem!important;
  margin-bottom:2px!important;
}
.admin-candidate-note-box p{
  font-size:.68rem!important;
  line-height:1.28!important;
}
.candidate-payment-pill{
  padding:4px 8px!important;
  font-size:.62rem!important;
}
.admin-candidate-sticky-actions{
  margin-top:10px!important;
  padding:8px!important;
  border-radius:16px!important;
}
.admin-candidate-sticky-actions .btn{
  min-width:104px!important;
  min-height:34px!important;
  padding:7px 12px!important;
}
@media (max-width:1200px){
  .admin-candidate-form-grid,
  .candidate-card-main .admin-candidate-form-grid,
  .admin-candidate-form-grid.single,
  .admin-candidate-form-grid.payment{
    grid-template-columns:repeat(2,minmax(180px,1fr))!important;
  }
}
@media (max-width:720px){
  .admin-candidate-editor-summary{
    grid-template-columns:1fr 1fr!important;
  }
  .admin-candidate-form-grid,
  .candidate-card-main .admin-candidate-form-grid,
  .admin-candidate-form-grid.single,
  .admin-candidate-form-grid.payment{
    grid-template-columns:1fr!important;
  }
  .admin-candidate-card-header{
    padding:10px 12px!important;
  }
  .admin-candidate-form-card .card-body{
    padding:11px 12px!important;
  }
}
@media (max-width:480px){
  .admin-candidate-editor-summary{
    grid-template-columns:1fr!important;
  }
}

/* UI-13 Compact Design System Finalizer */
:root{
  --dv-compact-page-max:1580px;
  --dv-compact-radius-xl:22px;
  --dv-compact-radius:16px;
  --dv-compact-radius-sm:12px;
  --dv-compact-shadow:0 12px 34px rgba(15,23,42,.075);
  --dv-compact-shadow-sm:0 6px 18px rgba(15,23,42,.055);
  --dv-compact-border:rgba(148,163,184,.22);
  --dv-compact-muted:#64748b;
  --dv-compact-title:#0f172a;
}
html{scroll-behavior:smooth;}
body{
  font-size:14px!important;
  line-height:1.48!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.container,
.public-shell,
.candidate-shell,
.admin-shell,
.dashboard-shell,
.admin-content,
.admin-main,
.main-content{
  width:min(var(--dv-compact-page-max),calc(100% - 30px))!important;
  max-width:var(--dv-compact-page-max)!important;
}
.card,
.admin-card,
.smart-card,
.candidate-smart-card,
.admin-smart-card,
.candidate-card-main,
.admin-candidate-form-card,
.admin-table-card,
.compact-table-card{
  border-radius:var(--dv-compact-radius-xl)!important;
  border-color:var(--dv-compact-border)!important;
  box-shadow:var(--dv-compact-shadow)!important;
  overflow:hidden;
}
.card-header,
.compact-table-header,
.admin-card-header,
.candidate-card-header{
  padding:12px 16px!important;
  min-height:0!important;
  gap:10px!important;
}
.card-body,
.compact-table-body,
.admin-card-body,
.candidate-card-body{
  padding:14px 16px!important;
}
.card-title,
.admin-card-title,
.candidate-card-title{
  font-size:1rem!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  color:var(--dv-compact-title)!important;
}
.card-header-meta,
.muted,
.help,
.lead,
.admin-page-subtitle,
.candidate-page-subtitle{
  color:var(--dv-compact-muted)!important;
}
.page-title,
.admin-page-title,
.candidate-page-title,
.admin-smart-page-head h1,
.candidate-smart-hero h1,
.public-smart-hero h1{
  font-size:clamp(1.22rem,1.65vw,1.78rem)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  margin-bottom:5px!important;
}
.admin-smart-page-head,
.candidate-smart-hero,
.public-smart-hero,
.dashboard-hero,
.smart-hero-card{
  border-radius:26px!important;
  padding:15px 18px!important;
  margin-bottom:12px!important;
  box-shadow:var(--dv-compact-shadow)!important;
}
.admin-smart-page-head p,
.candidate-smart-hero p,
.public-smart-hero p,
.dashboard-hero p{
  font-size:.82rem!important;
  line-height:1.42!important;
  margin-top:4px!important;
}
.grid,
.admin-grid,
.candidate-grid,
.smart-grid,
.dashboard-grid,
.stat-grid{
  gap:11px!important;
}
.actions,
.table-actions,
.admin-actions,
.candidate-actions,
.quick-actions{
  gap:7px!important;
}
.btn,
button,
input[type=submit],
input[type=button],
.action-btn,
.page-link{
  min-height:34px!important;
  border-radius:11px!important;
  padding:7px 12px!important;
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1.15!important;
  gap:7px!important;
  box-shadow:none!important;
}
.btn-lg,
.button-lg{
  min-height:38px!important;
  padding:9px 14px!important;
  font-size:.84rem!important;
}
.badge,
.status-badge,
.compact-status-badge,
.candidate-payment-pill,
.flow-status,
.review-status-badge{
  min-height:23px!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  font-size:.68rem!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:.005em!important;
}
label,
.form-label{
  margin-bottom:4px!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  letter-spacing:.035em!important;
  font-weight:800!important;
  color:#475569!important;
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime-local],
input[type=number],
input[type=url],
input[type=email],
textarea,
select{
  min-height:36px!important;
  border-radius:12px!important;
  padding:7px 10px!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  box-shadow:none!important;
}
textarea{
  min-height:82px!important;
}
.form-group,
.field-group{
  margin-bottom:9px!important;
}
.help,
.form-help,
.card-header-meta{
  font-size:.68rem!important;
  line-height:1.28!important;
  margin-top:3px!important;
}
.alert,
.notice,
.form-submit-notice,
.review-note-box{
  border-radius:14px!important;
  padding:9px 12px!important;
  font-size:.78rem!important;
  line-height:1.38!important;
}
.stat,
.stat-card,
.admin-stat-card,
.candidate-stat-card{
  border-radius:17px!important;
  padding:10px 12px!important;
  box-shadow:var(--dv-compact-shadow-sm)!important;
}
.stat .label,
.stat-label,
.admin-stat-label{
  font-size:.66rem!important;
  margin-bottom:3px!important;
  letter-spacing:.045em!important;
}
.stat .value,
.stat-value,
.admin-stat-value{
  font-size:1.22rem!important;
  line-height:1.1!important;
}
table,
.admin-table,
.admin-table-compact{
  font-size:.78rem!important;
}
th,td,
.admin-table th,
.admin-table td,
.admin-table-compact th,
.admin-table-compact td{
  padding:7px 8px!important;
  font-size:.76rem!important;
  line-height:1.28!important;
  vertical-align:middle!important;
}
th,
.admin-table th,
.admin-table-compact th{
  font-size:.62rem!important;
  letter-spacing:.055em!important;
  position:sticky;
  top:0;
  z-index:2;
}
.table-responsive{
  border-radius:16px!important;
  overflow:auto!important;
  border:1px solid rgba(148,163,184,.16);
}
.empty{
  padding:18px!important;
  font-size:.82rem!important;
  border-radius:16px!important;
}
.topbar,
.admin-topbar,
.public-topbar{
  min-height:0!important;
  backdrop-filter:blur(16px);
}
.topbar-inner,
.admin-topbar-inner,
.public-topbar-inner{
  padding-top:8px!important;
  padding-bottom:8px!important;
  gap:10px!important;
}
.brand,
.admin-brand,
.public-brand{
  gap:9px!important;
}
.brand img,
.admin-brand img,
.public-brand img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:10px!important;
  padding:3px!important;
}
.brand-title,
.admin-brand-title,
.public-brand-title{
  font-size:.86rem!important;
  line-height:1.18!important;
}
.brand-subtitle,
.admin-brand-subtitle,
.public-brand-subtitle{
  font-size:.66rem!important;
  line-height:1.18!important;
}
.sidebar-layout{
  gap:14px!important;
  padding:14px 0!important;
}
.sidebar,
.admin-sidebar{
  border-radius:20px!important;
  padding:12px!important;
  box-shadow:var(--dv-compact-shadow)!important;
}
.sidebar h3,
.admin-sidebar h3{
  margin:2px 0 9px!important;
  font-size:.9rem!important;
}
.sidebar a,
.admin-sidebar a,
.sidebar .nav-link{
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:.78rem!important;
  line-height:1.15!important;
  margin-bottom:3px!important;
}
.compact-filter-grid,
.filter-grid,
.admin-filter-grid{
  gap:8px!important;
}
.filter-toolbar,
.admin-filter-toolbar,
.compact-toolbar{
  padding:10px!important;
  border-radius:18px!important;
  gap:8px!important;
}
.candidate-flow-panel,
.registration-flow-panel{
  padding:16px!important;
  border-radius:24px!important;
}
.candidate-flow-grid,
.registration-flow-grid{
  gap:10px!important;
}
.flow-card,
.candidate-flow-card,
.registration-flow-card{
  min-height:118px!important;
  border-radius:17px!important;
  padding:13px 13px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  position:relative!important;
}
.flow-card-title,
.flow-title{
  font-size:.91rem!important;
  line-height:1.22!important;
}
.flow-card p,
.flow-desc{
  font-size:.75rem!important;
  line-height:1.35!important;
  margin:0!important;
}
.flow-card .btn,
.flow-action,
.flow-card a:not(.badge):not(.status-badge){
  margin-top:auto!important;
  align-self:flex-start!important;
  position:static!important;
  max-width:100%!important;
  white-space:normal!important;
}
.stepper,
.step-list,
.form-stepper{
  gap:6px!important;
  margin-bottom:10px!important;
}
.step,
.step-item,
.form-step{
  min-height:28px!important;
  padding:6px 9px!important;
  font-size:.7rem!important;
  border-radius:999px!important;
}
.pass-photo-card,
.supporting-documents-card,
.final-check-card,
.economic-form-card,
.candidate-form-section{
  border-radius:20px!important;
  margin-bottom:11px!important;
}
.pass-photo-card .card-body,
.supporting-documents-card .card-body,
.final-check-card .card-body,
.economic-form-card .card-body,
.candidate-form-section .card-body{
  padding:13px 15px!important;
}
.upload-modern,
.upload-box,
.document-upload-item,
.supporting-document-item{
  border-radius:15px!important;
}
.upload-modern-top.upload-modern-top-inline{
  gap:7px!important;
}
.upload-selected,
.upload-selected-inline{
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  font-size:.76rem!important;
}
.upload-file-card{
  padding:9px 11px!important;
  border-radius:13px!important;
}
.upload-file-label,
.upload-field-title{
  font-size:.82rem!important;
  margin-bottom:6px!important;
}
.admin-candidate-editor-summary,
.candidate-summary-grid,
.admin-summary-grid,
.smart-summary-grid{
  gap:8px!important;
}
.admin-candidate-editor-summary > div,
.candidate-summary-grid > div,
.admin-summary-grid > div,
.smart-summary-grid > div{
  min-height:0!important;
  border-radius:14px!important;
  padding:8px 10px!important;
}
.pagination,
.forms-compact-pagination{
  gap:5px!important;
}
.forms-compact-pagination .page-link,
.pagination .page-link{
  min-width:32px!important;
  height:32px!important;
  padding:0 9px!important;
  border-radius:10px!important;
  font-size:.74rem!important;
}
@media (min-width:1280px){
  .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .candidate-flow-grid,.registration-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .admin-candidate-form-grid{grid-template-columns:repeat(4,minmax(150px,1fr))!important;}
}
@media (max-width:1024px){
  .container,
  .public-shell,
  .candidate-shell,
  .admin-shell,
  .dashboard-shell,
  .admin-content,
  .admin-main,
  .main-content{
    width:min(100% - 22px,100%)!important;
  }
  .sidebar-layout{grid-template-columns:1fr!important;}
  .sidebar,.admin-sidebar{position:static!important;}
}
@media (max-width:720px){
  body{font-size:13px!important;}
  .container,
  .public-shell,
  .candidate-shell,
  .admin-shell,
  .dashboard-shell,
  .admin-content,
  .admin-main,
  .main-content{
    width:min(100% - 16px,100%)!important;
  }
  .card-header,
  .compact-table-header,
  .admin-card-header,
  .candidate-card-header,
  .card-body,
  .compact-table-body,
  .admin-card-body,
  .candidate-card-body{
    padding:11px 12px!important;
  }
  .admin-smart-page-head,
  .candidate-smart-hero,
  .public-smart-hero,
  .dashboard-hero,
  .smart-hero-card{
    border-radius:21px!important;
    padding:13px!important;
  }
  .page-title,
  .admin-page-title,
  .candidate-page-title,
  .admin-smart-page-head h1,
  .candidate-smart-hero h1,
  .public-smart-hero h1{
    font-size:1.16rem!important;
  }
  input[type=text],
  input[type=password],
  input[type=date],
  input[type=datetime-local],
  input[type=number],
  input[type=url],
  input[type=email],
  textarea,
  select{
    min-height:38px!important;
    font-size:.84rem!important;
  }
  .btn,
  button,
  input[type=submit],
  input[type=button],
  .action-btn,
  .page-link{
    min-height:36px!important;
    padding:8px 11px!important;
  }
  th,td,
  .admin-table th,
  .admin-table td,
  .admin-table-compact th,
  .admin-table-compact td{
    padding:7px!important;
  }
}
/* /UI-13 Compact Design System Finalizer */
/* === SNBP UI-14 Admin Dashboard Monitoring Compact === */
.admin-monitor-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:stretch;margin-bottom:14px;padding:20px;border-radius:26px;background:linear-gradient(135deg,#263e99 0%,#7145c4 55%,#0ea5a8 100%);color:#fff;box-shadow:0 18px 46px rgba(30,41,59,.14)}
.admin-monitor-hero:before{content:"";position:absolute;inset:auto -110px -160px auto;width:330px;height:330px;border-radius:999px;background:rgba(255,255,255,.13)}
.admin-monitor-hero>*{position:relative;z-index:1}.admin-monitor-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.admin-monitor-hero h1{margin:9px 0 0;max-width:800px;font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.02;letter-spacing:-.055em;font-weight:950;color:#fff}.admin-monitor-hero p{margin:8px 0 0;max-width:760px;font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.78)}
.admin-monitor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.admin-monitor-actions .btn{min-height:34px;padding:8px 12px;font-size:.82rem}.admin-monitor-hero-side{display:grid;gap:8px;align-content:stretch}.admin-monitor-hero-side>div,.admin-monitor-hero-side>small{display:block;padding:12px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.admin-monitor-hero-side span{display:block;font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.72)}.admin-monitor-hero-side strong{display:block;margin-top:3px;font-size:1.05rem;letter-spacing:-.035em;color:#fff}.admin-monitor-hero-side small{font-size:.72rem;font-weight:800;line-height:1.35;color:rgba(255,255,255,.8)}
.admin-monitor-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.admin-monitor-stat-card{position:relative;overflow:hidden;display:block;min-height:112px;padding:14px;border-radius:22px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 34px rgba(15,23,42,.055);color:#0f172a;text-decoration:none;transition:.18s ease}.admin-monitor-stat-card:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(15,23,42,.085)}
.admin-monitor-stat-card:after{content:"";position:absolute;right:-24px;top:-32px;width:78px;height:78px;border-radius:999px;background:#eef2ff}.admin-monitor-stat-card.is-success:after{background:#dcfce7}.admin-monitor-stat-card.is-warning:after{background:#fef3c7}.admin-monitor-stat-card.is-danger:after{background:#fee2e2}.admin-monitor-stat-card.is-info:after{background:#dbeafe}.admin-monitor-stat-card span{position:relative;z-index:1;display:block;font-size:.66rem;font-weight:950;letter-spacing:.075em;text-transform:uppercase;color:#64748b}.admin-monitor-stat-card strong{position:relative;z-index:1;display:block;margin-top:7px;font-size:1.9rem;line-height:.95;letter-spacing:-.055em;font-weight:950;color:#0f172a}.admin-monitor-stat-card small{position:relative;z-index:1;display:block;margin-top:8px;font-size:.72rem;line-height:1.35;color:#64748b;font-weight:700}
.admin-monitor-grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:12px}.admin-monitor-grid-3{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:12px;margin-bottom:12px}.admin-monitor-card{border-radius:24px!important;box-shadow:0 14px 36px rgba(15,23,42,.055)!important}.admin-monitor-card-header{padding:14px 16px!important}.admin-monitor-card .card-body{padding:14px 16px!important}.admin-monitor-card .card-title{font-size:1rem!important;letter-spacing:-.025em!important}.admin-monitor-card .card-header-meta{font-size:.75rem!important}
.admin-monitor-progress-list{display:grid;gap:11px}.admin-monitor-progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:7px}.admin-monitor-progress-top span{font-size:.82rem;font-weight:850;color:#334155}.admin-monitor-progress-top strong{white-space:nowrap;font-size:.78rem;color:#64748b}.admin-monitor-progress-track{height:8px;border-radius:999px;overflow:hidden;background:#eef2f7}.admin-monitor-progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#14b8a6)}
.admin-monitor-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-monitor-alert-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:18px;text-decoration:none;border:1px solid rgba(148,163,184,.2);background:#f8fafc;color:#0f172a}.admin-monitor-alert-item span{font-size:.78rem;font-weight:850;line-height:1.25}.admin-monitor-alert-item strong{font-size:1.05rem;letter-spacing:-.03em}.admin-monitor-alert-item.is-success{background:#f0fdf4;border-color:#bbf7d0}.admin-monitor-alert-item.is-warning{background:#fffbeb;border-color:#fde68a}.admin-monitor-alert-item.is-danger{background:#fef2f2;border-color:#fecaca}.admin-monitor-alert-item.is-info{background:#eff6ff;border-color:#bfdbfe}
.admin-monitor-quick-list,.admin-monitor-mini-list{display:grid;gap:8px}.admin-monitor-quick-list a,.admin-monitor-mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:17px;background:#f8fafc;border:1px solid rgba(148,163,184,.16);text-decoration:none;color:#0f172a}.admin-monitor-quick-list a{font-size:.82rem;font-weight:900}.admin-monitor-quick-list a span{color:#64748b}.admin-monitor-mini-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;color:#475569}.admin-monitor-mini-list strong{font-size:.85rem;color:#0f172a}.admin-monitor-table-card{margin-top:12px}.admin-monitor-table .cell-name strong{display:block;font-size:.84rem}.admin-monitor-table .cell-name small{display:block;margin-top:2px;font-size:.72rem;color:#64748b;font-weight:750}.admin-monitor-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:.7rem;font-weight:900;line-height:1;background:#f1f5f9;color:#475569;white-space:nowrap}.admin-monitor-badge.is-success{background:#dcfce7;color:#166534}.admin-monitor-badge.is-warning{background:#fef3c7;color:#92400e}.admin-monitor-badge.is-info{background:#dbeafe;color:#1d4ed8}.admin-monitor-badge.is-muted{background:#f1f5f9;color:#64748b}
@media (max-width:1180px){.admin-monitor-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-monitor-grid-2,.admin-monitor-grid-3{grid-template-columns:1fr}.admin-monitor-hero{grid-template-columns:1fr}.admin-monitor-hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-monitor-hero-side>small{grid-column:1/-1}}
@media (max-width:680px){.admin-monitor-hero{padding:16px;border-radius:22px}.admin-monitor-hero h1{font-size:1.45rem}.admin-monitor-actions .btn{width:100%;justify-content:center}.admin-monitor-stat-grid,.admin-monitor-alert-list,.admin-monitor-hero-side{grid-template-columns:1fr}.admin-monitor-stat-card{min-height:auto;padding:13px}.admin-monitor-stat-card strong{font-size:1.55rem}.admin-monitor-progress-top{align-items:flex-start;flex-direction:column;gap:3px}.admin-monitor-card-header{align-items:flex-start!important;flex-direction:column!important}.admin-monitor-card .card-body,.admin-monitor-card-header{padding:12px!important}}


/* UI-15 Compact Admin Form Review */
.admin-ui15-head{margin-bottom:12px;padding:18px 20px!important;gap:14px}.admin-ui15-head h1{font-size:clamp(1.22rem,2vw,1.65rem)!important;margin-bottom:4px}.admin-ui15-head p{max-width:760px;font-size:.86rem!important}.admin-ui15-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.admin-ui15-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;padding:4px 9px;font-size:.72rem;font-weight:800;line-height:1;border:1px solid rgba(148,163,184,.34);white-space:nowrap;background:#f8fafc;color:#475569}.admin-ui15-pill.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.admin-ui15-pill.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.admin-ui15-pill.muted{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.admin-ui15-review-shell{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:12px;align-items:start}.admin-ui15-summary-card,.admin-ui15-panel-card,.admin-ui15-upload-card,.admin-ui15-answer-section,.admin-ui15-filter-card,.admin-ui15-table-card{border-radius:20px!important;padding:16px!important;box-shadow:0 14px 30px rgba(15,23,42,.07)!important}.admin-ui15-summary-card{position:sticky;top:82px}.admin-ui15-avatar-block{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-ui15-avatar{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#16a34a,#0891b2);color:#fff;font-weight:900;font-size:1.1rem;box-shadow:0 12px 24px rgba(8,145,178,.2)}.admin-ui15-avatar-block h2{font-size:1rem;margin:0;color:#0f172a;line-height:1.25}.admin-ui15-avatar-block p{margin:3px 0 0;color:#64748b;font-size:.78rem}.admin-ui15-status-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.admin-ui15-meta-list{display:grid;gap:7px;margin:0}.admin-ui15-meta-list div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(226,232,240,.8);padding-bottom:7px}.admin-ui15-meta-list dt{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:#94a3b8}.admin-ui15-meta-list dd{margin:0;text-align:right;font-size:.78rem;font-weight:750;color:#334155;max-width:58%;word-break:break-word}.admin-ui15-mini-metrics{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}.admin-ui15-mini-metrics div{border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;padding:9px 10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-ui15-mini-metrics span{font-size:.72rem;color:#64748b;font-weight:800}.admin-ui15-mini-metrics strong{font-size:.82rem;color:#0f172a}.admin-ui15-main-stack{display:grid;gap:12px}.admin-ui15-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-ui15-panel-head h2{font-size:1rem;margin:0 0 3px;color:#0f172a}.admin-ui15-panel-head p{margin:0;color:#64748b;font-size:.8rem;line-height:1.45}.admin-ui15-note-box{border:1px solid #bbf7d0;background:linear-gradient(135deg,#f0fdf4,#ecfeff);border-radius:16px;padding:12px 14px}.admin-ui15-note-box strong{display:block;font-size:.78rem;color:#166534;margin-bottom:4px}.admin-ui15-note-box p{margin:0;color:#334155;font-size:.84rem;line-height:1.55}.admin-ui15-empty-compact{padding:12px 14px!important;font-size:.82rem!important;border-radius:15px!important}.admin-ui15-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-ui15-review-form{display:grid;gap:10px}.admin-ui15-form-grid{display:grid;gap:10px}.admin-ui15-form-grid.two{grid-template-columns:minmax(180px,.7fr) minmax(240px,1.3fr)}.admin-ui15-field-wide textarea,.admin-ui15-review-form textarea{min-height:84px!important}.admin-ui15-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.admin-ui15-upload-card{margin-top:12px}.admin-ui15-upload-table th,.admin-ui15-upload-table td,.admin-ui15-forms-table th,.admin-ui15-forms-table td{padding-top:8px!important;padding-bottom:8px!important;vertical-align:middle}.admin-ui15-answer-shell{display:grid;gap:12px;margin-top:12px}.admin-ui15-section-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-ui15-section-head span{display:inline-flex;border-radius:999px;padding:4px 8px;background:#eef2ff;color:#4338ca;font-weight:900;font-size:.68rem;white-space:nowrap}.admin-ui15-section-head h2{margin:0;font-size:1rem;color:#0f172a}.admin-ui15-answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-ui15-answer-item{border:1px solid rgba(226,232,240,.9);background:#fff;border-radius:14px;padding:9px 10px;min-width:0}.admin-ui15-answer-item span{display:block;font-size:.69rem;font-weight:900;letter-spacing:.025em;text-transform:uppercase;color:#94a3b8;margin-bottom:4px}.admin-ui15-answer-item strong{display:block;font-size:.82rem;font-weight:750;color:#1e293b;line-height:1.45;word-break:break-word}.admin-ui15-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-ui15-mini-stat{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.88);border-radius:18px;padding:12px 14px;box-shadow:0 12px 26px rgba(15,23,42,.055)}.admin-ui15-mini-stat span{display:block;color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.admin-ui15-mini-stat strong{display:block;margin-top:3px;font-size:1.25rem;color:#0f172a;line-height:1}.admin-ui15-filter-card{margin-bottom:12px}.admin-ui15-filter-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(140px,1fr)) auto;gap:9px;align-items:end}.admin-ui15-filter-grid .form-group{margin:0}.admin-ui15-filter-grid label{font-size:.72rem;margin-bottom:5px;color:#475569}.admin-ui15-filter-grid input,.admin-ui15-filter-grid select{min-height:36px!important;padding:7px 10px!important;font-size:.82rem!important}.admin-ui15-filter-actions{display:flex;align-items:center;gap:7px;justify-content:flex-end;white-space:nowrap}.admin-ui15-table-card .card-header{padding-bottom:8px!important}.admin-ui15-forms-table .admin-final-submit-meta{font-size:.7rem;margin-top:3px}.admin-ui15-table-card{padding:0!important}.admin-ui15-table-card>.card-header{padding:14px 16px 8px!important}.admin-ui15-table-card>.card-body{padding:0 16px 14px!important}
@media (max-width:1280px){.admin-ui15-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-ui15-filter-actions{justify-content:flex-start}.admin-ui15-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.admin-ui15-review-shell,.admin-ui15-control-grid,.admin-ui15-form-grid.two{grid-template-columns:1fr}.admin-ui15-summary-card{position:static}.admin-ui15-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-ui15-filter-grid{grid-template-columns:1fr 1fr}.admin-ui15-head-actions{justify-content:flex-start}.admin-ui15-panel-head{align-items:flex-start}}
@media (max-width:640px){.admin-ui15-head{padding:14px!important}.admin-ui15-summary-card,.admin-ui15-panel-card,.admin-ui15-upload-card,.admin-ui15-answer-section,.admin-ui15-filter-card{padding:13px!important;border-radius:17px!important}.admin-ui15-avatar-block{align-items:flex-start}.admin-ui15-meta-list div{display:grid;grid-template-columns:1fr;gap:2px}.admin-ui15-meta-list dd{text-align:left;max-width:none}.admin-ui15-stat-strip,.admin-ui15-filter-grid,.admin-ui15-answer-grid{grid-template-columns:1fr}.admin-ui15-section-head,.admin-ui15-panel-head{display:grid}.admin-ui15-form-actions,.admin-ui15-filter-actions{justify-content:stretch}.admin-ui15-form-actions .btn,.admin-ui15-filter-actions .btn{width:100%}}


/* UI-16 Compact Pass Photo Manager */
.admin-ui4-passphoto-stats{
  grid-template-columns:repeat(4,minmax(120px,1fr))!important;
  gap:8px!important;
  margin:0 0 10px!important;
}
.admin-ui4-passphoto-stats .admin-ui4-mini-stat{
  padding:10px 12px!important;
  border-radius:16px!important;
  min-height:unset!important;
  box-shadow:0 6px 16px rgba(15,23,42,.045)!important;
}
.admin-ui4-passphoto-stats .admin-ui4-mini-stat span{
  margin-bottom:3px!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.045em!important;
}
.admin-ui4-passphoto-stats .admin-ui4-mini-stat strong{
  font-size:20px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
}
.admin-ui4-filter-card{
  margin-bottom:10px!important;
  border-radius:18px!important;
}
.admin-ui4-filter-card .card-body{
  padding:12px!important;
}
.admin-ui4-filter-grid{
  grid-template-columns:minmax(220px,1.55fr) minmax(170px,.85fr) minmax(160px,.75fr) auto!important;
  gap:8px!important;
  align-items:end!important;
}
.admin-ui4-filter-grid .form-group{
  margin:0!important;
}
.admin-ui4-filter-grid label,
.admin-ui4-filter-card label{
  margin-bottom:5px!important;
  font-size:10px!important;
  line-height:1.15!important;
  letter-spacing:.055em!important;
}
.admin-ui4-filter-grid input,
.admin-ui4-filter-grid select{
  min-height:34px!important;
  height:34px!important;
  border-radius:11px!important;
  padding:6px 10px!important;
  font-size:12px!important;
}
.admin-ui4-filter-actions{
  gap:6px!important;
  padding-bottom:0!important;
  flex-wrap:nowrap!important;
}
.admin-ui4-filter-actions .btn{
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1!important;
}
.admin-ui4-table-card{
  margin-top:10px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.admin-ui4-table-card .admin-ui4-card-header,
.admin-ui4-table-card .card-header{
  padding:11px 14px!important;
  min-height:unset!important;
}
.admin-ui4-table-card .card-title{
  font-size:15px!important;
  line-height:1.2!important;
  margin:0 0 2px!important;
}
.admin-ui4-table-card .card-header-meta{
  font-size:11px!important;
  line-height:1.35!important;
}
.admin-ui4-table-card .compact-table-body,
.admin-ui4-table-card .card-body{
  padding:0!important;
}
.admin-ui4-passphoto-table{
  min-width:1060px!important;
  table-layout:auto!important;
}
.admin-ui4-passphoto-table th,
.admin-ui4-passphoto-table td{
  padding:7px 8px!important;
  font-size:12px!important;
  line-height:1.28!important;
  vertical-align:middle!important;
}
.admin-ui4-passphoto-table th{
  font-size:10px!important;
  letter-spacing:.045em!important;
  white-space:nowrap!important;
}
.admin-ui4-passphoto-table td:nth-child(1),
.admin-ui4-passphoto-table th:nth-child(1){
  width:58px!important;
  min-width:58px!important;
  text-align:center!important;
}
.admin-ui4-passphoto-table td:nth-child(2),
.admin-ui4-passphoto-table th:nth-child(2){
  width:116px!important;
  min-width:116px!important;
}
.admin-ui4-passphoto-table td:nth-child(3),
.admin-ui4-passphoto-table th:nth-child(3){
  min-width:170px!important;
  max-width:230px!important;
}
.admin-ui4-passphoto-table td:nth-child(4),
.admin-ui4-passphoto-table th:nth-child(4){
  min-width:150px!important;
  max-width:210px!important;
}
.admin-ui4-passphoto-table td:nth-child(5),
.admin-ui4-passphoto-table th:nth-child(5){
  width:130px!important;
  min-width:130px!important;
}
.admin-ui4-passphoto-table td:nth-child(6),
.admin-ui4-passphoto-table th:nth-child(6){
  max-width:220px!important;
}
.admin-ui4-passphoto-table td:nth-child(7),
.admin-ui4-passphoto-table th:nth-child(7){
  width:78px!important;
  min-width:78px!important;
  white-space:nowrap!important;
}
.admin-ui4-passphoto-table td:nth-child(8),
.admin-ui4-passphoto-table th:nth-child(8){
  width:120px!important;
  min-width:120px!important;
  white-space:nowrap!important;
}
.admin-ui4-passphoto-table td:nth-child(9),
.admin-ui4-passphoto-table th:nth-child(9){
  width:128px!important;
  min-width:128px!important;
}
.admin-ui4-passphoto-table .cell-name strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
  color:#0f172a!important;
}
.admin-ui4-passphoto-thumb,
.admin-ui4-passphoto-placeholder{
  width:38px!important;
  height:50px!important;
  margin:auto!important;
  border-radius:9px!important;
}
.admin-ui4-passphoto-thumb{
  box-shadow:0 5px 12px rgba(15,23,42,.08)!important;
}
.admin-ui4-passphoto-placeholder{
  font-size:8.5px!important;
  line-height:1.05!important;
  padding:3px!important;
}
.admin-ui4-status-pill{
  padding:3px 7px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.admin-ui4-file-name{
  display:block!important;
  max-width:210px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  color:#64748b!important;
  word-break:break-word!important;
}
.admin-ui4-passphoto-table .table-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  flex-wrap:nowrap!important;
}
.admin-ui4-passphoto-table .table-actions .btn,
.admin-ui4-passphoto-table .btn-sm{
  min-height:28px!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.admin-ui4-passphoto-table .muted{
  font-size:10.5px!important;
  white-space:nowrap!important;
}
.admin-ui4-top-actions{
  gap:7px!important;
  margin-bottom:10px!important;
}
.admin-ui4-top-actions .btn{
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1!important;
}
.admin-ui4-inline-note{
  padding:6px 9px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
}
.pagination-wrap{
  padding:10px 12px!important;
}
.compact-pagination .page-link,
.pagination .page-link{
  min-width:30px!important;
  height:30px!important;
  padding:6px 9px!important;
  border-radius:9px!important;
  font-size:12px!important;
}
@media (max-width:1100px){
  .admin-ui4-passphoto-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-ui4-filter-grid{grid-template-columns:1fr 1fr!important;}
  .admin-ui4-filter-actions{grid-column:1 / -1;justify-content:flex-end!important;}
}
@media (max-width:720px){
  .admin-ui4-passphoto-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-ui4-filter-grid{grid-template-columns:1fr!important;}
  .admin-ui4-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .admin-ui4-filter-actions .btn{width:100%!important;}
  .admin-ui4-top-actions{display:grid!important;grid-template-columns:1fr!important;}
  .admin-ui4-top-actions .btn{width:100%!important;justify-content:center!important;}
  .admin-ui4-passphoto-table{min-width:900px!important;}
  .admin-ui4-passphoto-table th:nth-child(6),
  .admin-ui4-passphoto-table td:nth-child(6),
  .admin-ui4-passphoto-table th:nth-child(8),
  .admin-ui4-passphoto-table td:nth-child(8){display:none!important;}
}
@media (max-width:480px){
  .admin-ui4-passphoto-stats{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .admin-ui4-passphoto-stats .admin-ui4-mini-stat{padding:9px 10px!important;}
  .admin-ui4-passphoto-stats .admin-ui4-mini-stat strong{font-size:18px!important;}
}

/* === SNBP UI-17 Compact Import Page Start === */
.admin-import-v2-head{
  margin-bottom:12px!important;
  padding:15px 18px!important;
  align-items:center!important;
}
.admin-import-v2-head h1{
  font-size:clamp(20px,2.1vw,30px)!important;
  margin-bottom:4px!important;
}
.admin-import-v2-head p{
  max-width:760px!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.admin-import-v2-head-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
}
.admin-import-v2-head-actions .btn,
.admin-import-v2-form-actions .btn{
  min-height:32px!important;
  padding:7px 11px!important;
  border-radius:11px!important;
  font-size:12px!important;
  line-height:1!important;
}
.admin-import-v2-layout{
  display:grid!important;
  grid-template-columns:minmax(0,.92fr) minmax(340px,.72fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.admin-import-v2-upload-card,
.admin-import-v2-guide-card,
.admin-import-v2-report-card{
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
}
.admin-import-v2-upload-card .card-body,
.admin-import-v2-guide-card .card-body,
.admin-import-v2-report-card .card-body{
  padding:14px 16px!important;
}
.admin-import-v2-card-title{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:11px!important;
}
.admin-import-v2-card-title>span{
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#16a34a,#0f766e)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:0 8px 18px rgba(22,163,74,.18)!important;
}
.admin-import-v2-card-title h2{
  margin:0 0 2px!important;
  font-size:16px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
.admin-import-v2-card-title p{
  margin:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  color:#64748b!important;
}
.admin-import-v2-form{
  display:grid!important;
  gap:10px!important;
}
.admin-import-v2-dropzone{
  min-height:132px!important;
  border:1px dashed rgba(22,163,74,.38)!important;
  background:linear-gradient(135deg,rgba(240,253,244,.86),rgba(255,255,255,.78))!important;
  border-radius:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:16px!important;
  cursor:pointer!important;
  text-align:center!important;
  transition:.16s ease!important;
}
.admin-import-v2-dropzone:hover{
  border-color:rgba(22,163,74,.72)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 12px 26px rgba(22,163,74,.08)!important;
}
.admin-import-v2-dropzone input{
  width:100%!important;
  max-width:330px!important;
  height:auto!important;
  min-height:0!important;
  padding:7px!important;
  border-radius:10px!important;
  font-size:12px!important;
  background:#fff!important;
}
.admin-import-v2-drop-icon{
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#dcfce7!important;
  color:#166534!important;
  font-weight:950!important;
  font-size:20px!important;
}
.admin-import-v2-dropzone strong{
  font-size:14px!important;
  line-height:1.1!important;
}
.admin-import-v2-dropzone small{
  max-width:420px!important;
  color:#64748b!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.admin-import-v2-form-actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.admin-import-v2-code-wrap{
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:13px!important;
  background:#f8fafc!important;
  padding:9px 10px!important;
  margin-bottom:8px!important;
}
.admin-import-v2-code-wrap.is-soft{
  background:#f0fdf4!important;
  border-color:rgba(22,163,74,.16)!important;
}
.admin-import-v2-code-label{
  font-size:10px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  color:#64748b!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}
.admin-import-v2-code-wrap code{
  display:block!important;
  white-space:normal!important;
  word-break:break-word!important;
  font-size:11px!important;
  line-height:1.45!important;
  color:#0f172a!important;
  background:transparent!important;
  padding:0!important;
}
.admin-import-v2-tips{
  display:grid!important;
  gap:6px!important;
  margin-top:9px!important;
}
.admin-import-v2-tips div{
  padding:7px 9px!important;
  border-radius:12px!important;
  background:rgba(248,250,252,.9)!important;
  border:1px solid rgba(148,163,184,.14)!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  color:#475569!important;
}
.admin-import-v2-tips strong{color:#0f172a!important;}
.admin-import-v2-report-card{margin-top:12px!important;}
.admin-import-v2-report-header{
  padding:12px 16px!important;
  align-items:center!important;
  gap:10px!important;
}
.admin-import-v2-report-header .card-title{
  font-size:16px!important;
}
.admin-import-v2-report-header .card-header-meta{
  font-size:11.5px!important;
}
.admin-import-v2-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.admin-import-v2-status.is-success{background:#dcfce7!important;color:#166534!important;}
.admin-import-v2-status.is-warning{background:#fef3c7!important;color:#92400e!important;}
.admin-import-v2-status.is-danger{background:#fee2e2!important;color:#991b1b!important;}
.admin-import-v2-stats{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:10px!important;
}
.admin-import-v2-stats>div{
  border-radius:13px!important;
  background:#f8fafc!important;
  border:1px solid rgba(148,163,184,.14)!important;
  padding:9px 10px!important;
  min-width:0!important;
}
.admin-import-v2-stats span{
  display:block!important;
  color:#64748b!important;
  font-size:9.5px!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  line-height:1.1!important;
  margin-bottom:4px!important;
}
.admin-import-v2-stats strong{
  display:block!important;
  color:#0f172a!important;
  font-size:19px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.admin-import-v2-alert{
  margin-top:10px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.admin-import-v2-alert-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:8px!important;
}
.admin-import-v2-alert-grid div{
  background:rgba(255,255,255,.62)!important;
  border-radius:10px!important;
  padding:7px 8px!important;
  word-break:break-word!important;
}
.admin-import-v2-alert-grid span{
  display:block!important;
  font-size:9.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
  font-weight:950!important;
  opacity:.78!important;
  margin-bottom:2px!important;
}
.admin-import-v2-logbox{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  background:#0f172a!important;
  color:#fff!important;
  border-radius:15px!important;
  padding:10px!important;
  margin:10px 0!important;
}
.admin-import-v2-logbox strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.admin-import-v2-logbox span{
  display:block!important;
  font-size:11px!important;
  color:rgba(255,255,255,.72)!important;
  line-height:1.35!important;
  margin-top:2px!important;
}
.admin-import-v2-logbox .btn{
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:10px!important;
  font-size:11.5px!important;
  color:#0f172a!important;
  background:#fff!important;
  border-color:#fff!important;
}
.admin-import-v2-logbox textarea{
  grid-column:1 / -1!important;
  width:100%!important;
  min-height:92px!important;
  resize:vertical!important;
  background:#020617!important;
  color:#dbeafe!important;
  border:1px solid rgba(148,163,184,.3)!important;
  border-radius:12px!important;
  padding:9px 10px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.admin-import-v2-table-wrap{margin-top:10px!important;}
.admin-import-v2-table{min-width:860px!important;}
.admin-import-v2-table th,
.admin-import-v2-table td{
  padding:7px 9px!important;
  font-size:11.5px!important;
  line-height:1.32!important;
  vertical-align:top!important;
}
.admin-import-v2-table th:first-child,
.admin-import-v2-table td:first-child{
  width:58px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.admin-import-v2-table th:nth-child(2),
.admin-import-v2-table td:nth-child(2){width:130px!important;white-space:nowrap!important;}
.admin-import-v2-table th:nth-child(3),
.admin-import-v2-table td:nth-child(3){min-width:170px!important;}
.admin-import-v2-table th:nth-child(4),
.admin-import-v2-table td:nth-child(4){min-width:150px!important;}
@media (max-width:1180px){
  .admin-import-v2-layout{grid-template-columns:1fr!important;}
  .admin-import-v2-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .admin-import-v2-head{align-items:flex-start!important;}
  .admin-import-v2-head-actions{width:100%!important;justify-content:flex-start!important;}
  .admin-import-v2-head-actions .btn{flex:1 1 150px!important;justify-content:center!important;}
  .admin-import-v2-upload-card .card-body,
  .admin-import-v2-guide-card .card-body,
  .admin-import-v2-report-card .card-body{padding:12px!important;}
  .admin-import-v2-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .admin-import-v2-alert-grid{grid-template-columns:1fr!important;}
  .admin-import-v2-logbox{grid-template-columns:1fr!important;}
  .admin-import-v2-logbox .btn{width:100%!important;justify-content:center!important;}
  .admin-import-v2-form-actions{display:grid!important;grid-template-columns:1fr!important;}
  .admin-import-v2-form-actions .btn{width:100%!important;justify-content:center!important;}
  .admin-import-v2-dropzone{min-height:120px!important;padding:13px!important;}
}
@media (max-width:460px){
  .admin-import-v2-stats strong{font-size:17px!important;}
  .admin-import-v2-card-title h2{font-size:15px!important;}
}
/* === SNBP UI-17 Compact Import Page End === */

/* UI-18 Compact Settings Page */
.admin-settings-head{
    align-items:center;
    gap:14px;
}
.admin-settings-head h1{
    margin-bottom:4px;
}
.admin-settings-head-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
}
.admin-settings-compact-form{
    margin-top:12px;
}
.admin-settings-grid{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
    align-items:start;
}
.admin-settings-section{
    padding:0;
    overflow:hidden;
}
.admin-settings-section.span-4{grid-column:span 4;}
.admin-settings-section.span-5{grid-column:span 5;}
.admin-settings-section.span-6{grid-column:span 6;}
.admin-settings-section.span-7{grid-column:span 7;}
.admin-settings-section.span-8{grid-column:span 8;}
.admin-settings-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:14px 16px 10px;
    border-bottom:1px solid rgba(15,23,42,.08);
    background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,250,252,.72));
}
.admin-settings-section-head h2{
    margin:2px 0 2px;
    font-size:15px;
    line-height:1.2;
    letter-spacing:-.01em;
}
.admin-settings-section-head p{
    margin:0;
    color:#64748b;
    font-size:11.5px;
    line-height:1.45;
}
.admin-settings-section-kicker{
    display:inline-flex;
    width:24px;
    height:24px;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:rgba(34,197,94,.12);
    color:#047857;
    font-size:11px;
    font-weight:800;
}
.admin-settings-fields{
    display:grid;
    gap:10px;
    padding:14px 16px 16px;
}
.admin-settings-fields.grid-1{grid-template-columns:1fr;}
.admin-settings-fields.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.admin-settings-field{
    margin:0;
    min-width:0;
}
.admin-settings-field.span-2{grid-column:span 2;}
.admin-settings-field label{
    display:block;
    margin:0 0 5px;
    font-size:11.5px;
    font-weight:800;
    color:#334155;
    letter-spacing:.01em;
}
.admin-settings-field input,
.admin-settings-field select,
.admin-settings-field textarea{
    width:100%;
    min-height:36px;
    border-radius:12px;
    font-size:12.5px;
    padding:8px 10px;
}
.admin-settings-field textarea{
    min-height:82px;
    line-height:1.45;
    resize:vertical;
}
.admin-settings-field input[type="file"]{
    padding:7px 9px;
    background:#fff;
}
.admin-settings-field .help{
    margin-top:5px;
    font-size:10.8px;
    line-height:1.4;
    color:#64748b;
}
.admin-settings-side-note{
    min-height:100%;
    padding:16px;
    background:linear-gradient(135deg,rgba(15,118,110,.95),rgba(22,163,74,.88));
    color:#fff;
}
.admin-settings-side-note .admin-settings-mini-title{
    color:rgba(255,255,255,.76);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.admin-settings-side-note .admin-settings-mini-value{
    margin-top:4px;
    font-size:28px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.04em;
}
.admin-settings-side-note p{
    margin:12px 0 0;
    color:rgba(255,255,255,.86);
    font-size:12px;
    line-height:1.5;
}
.admin-settings-home-preview{
    width:min(100%,360px);
    overflow:hidden;
    border-radius:14px;
    border:1px solid rgba(15,23,42,.1);
    background:#fff;
}
.admin-settings-home-preview img{
    display:block;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
}
.admin-settings-sticky-actions{
    position:sticky;
    bottom:12px;
    z-index:20;
    margin-top:12px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border:1px solid rgba(15,23,42,.1);
    border-radius:18px;
    background:rgba(255,255,255,.9);
    box-shadow:0 16px 36px rgba(15,23,42,.12);
    backdrop-filter:blur(14px);
}
.admin-settings-sticky-actions strong{
    display:block;
    font-size:13px;
    color:#0f172a;
}
.admin-settings-sticky-actions span{
    display:block;
    margin-top:1px;
    font-size:11px;
    color:#64748b;
}
.admin-settings-sticky-actions .btn{
    min-height:34px;
    padding:8px 14px;
    white-space:nowrap;
}
@media (max-width:1180px){
    .admin-settings-section.span-4,
    .admin-settings-section.span-5,
    .admin-settings-section.span-6,
    .admin-settings-section.span-7,
    .admin-settings-section.span-8{grid-column:span 12;}
    .admin-settings-side-note{min-height:auto;}
}
@media (max-width:720px){
    .admin-settings-head{align-items:flex-start;}
    .admin-settings-head-actions{width:100%;justify-content:flex-start;}
    .admin-settings-grid{gap:10px;}
    .admin-settings-fields.grid-2{grid-template-columns:1fr;}
    .admin-settings-field.span-2{grid-column:span 1;}
    .admin-settings-section-head{padding:12px 13px 9px;}
    .admin-settings-fields{padding:12px 13px 14px;}
    .admin-settings-sticky-actions{align-items:stretch;flex-direction:column;bottom:8px;border-radius:16px;}
    .admin-settings-sticky-actions .btn{width:100%;}
}


/* === SNBP UI-18C Safe Settings Asset Preview Fix === */
.admin-settings-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;}
.admin-settings-section.span-12{grid-column:span 12!important;}
.admin-settings-fields.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.admin-settings-live-summary{min-height:auto!important;}
.admin-settings-summary-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important;}
.admin-settings-summary-list div{border-radius:12px!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.18)!important;padding:8px!important;min-width:0!important;}
.admin-settings-summary-list span{display:block!important;font-size:9.5px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:rgba(255,255,255,.7)!important;line-height:1.1!important;}
.admin-settings-summary-list strong{display:block!important;margin-top:3px!important;font-size:14px!important;line-height:1.1!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.admin-settings-assets-section{overflow:hidden!important;}
.admin-settings-assets-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:14px 16px 16px!important;align-items:stretch!important;}
.admin-settings-asset-card{margin:0!important;min-width:0!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:16px!important;background:rgba(248,250,252,.82)!important;padding:10px!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;}
.admin-settings-asset-card.asset-wide{grid-column:span 2!important;grid-template-columns:150px minmax(0,1fr)!important;}
.admin-settings-asset-preview{width:92px!important;height:92px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.18)!important;background:#fff!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.admin-settings-asset-preview.asset-wide{width:150px!important;height:92px!important;}
.admin-settings-asset-preview img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;}
.admin-settings-asset-preview.asset-wide img{object-fit:cover!important;}
.admin-settings-asset-placeholder{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center!important;color:#94a3b8!important;padding:8px!important;line-height:1.15!important;}
.admin-settings-asset-placeholder span{width:26px!important;height:26px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#eef2ff!important;color:#4f46e5!important;font-weight:900!important;font-size:14px!important;}
.admin-settings-asset-card.is-missing .admin-settings-asset-placeholder span{background:#fee2e2!important;color:#991b1b!important;}
.admin-settings-asset-placeholder strong{display:block!important;font-size:10.5px!important;color:#64748b!important;font-weight:850!important;}
.admin-settings-asset-control{min-width:0!important;}
.admin-settings-asset-control label{display:block!important;margin:0 0 6px!important;font-size:11.5px!important;font-weight:900!important;color:#334155!important;line-height:1.2!important;}
.admin-settings-asset-control input[type="file"]{width:100%!important;min-height:32px!important;border-radius:11px!important;font-size:11px!important;padding:6px!important;background:#fff!important;}
.admin-settings-asset-control .help{margin-top:5px!important;font-size:10.5px!important;line-height:1.35!important;color:#64748b!important;}
.admin-settings-asset-path{margin-top:6px!important;border-radius:9px!important;background:#fff!important;border:1px solid rgba(148,163,184,.16)!important;padding:5px 7px!important;font-size:10px!important;line-height:1.25!important;color:#64748b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.admin-settings-home-width-field{grid-column:span 2!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:16px!important;background:rgba(248,250,252,.82)!important;padding:10px!important;margin:0!important;align-self:stretch!important;}
.admin-settings-notes-section .admin-settings-field textarea{min-height:72px!important;}
@media (max-width:1320px){.admin-settings-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.admin-settings-asset-card.asset-wide{grid-column:span 1!important;}.admin-settings-fields.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:1180px){.admin-settings-section.span-12{grid-column:span 12!important;}}
@media (max-width:760px){.admin-settings-assets-grid{grid-template-columns:1fr!important;padding:12px 13px 14px!important;}.admin-settings-asset-card,.admin-settings-asset-card.asset-wide{grid-column:span 1!important;grid-template-columns:76px minmax(0,1fr)!important;border-radius:14px!important;padding:9px!important;}.admin-settings-asset-preview,.admin-settings-asset-preview.asset-wide{width:76px!important;height:76px!important;border-radius:12px!important;}.admin-settings-home-width-field{grid-column:span 1!important;}.admin-settings-fields.grid-3{grid-template-columns:1fr!important;}.admin-settings-summary-list{grid-template-columns:1fr 1fr!important;}}
@media (max-width:420px){.admin-settings-asset-card,.admin-settings-asset-card.asset-wide{grid-template-columns:1fr!important;}.admin-settings-asset-preview,.admin-settings-asset-preview.asset-wide{width:100%!important;height:118px!important;}.admin-settings-summary-list{grid-template-columns:1fr!important;}}
/* === SNBP UI-18C Safe Settings Asset Preview Fix End === */


/* snbp_ui19_final_mobile_polish_v1 */
html,body{max-width:100%;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}img,svg,video,canvas{max-width:100%;height:auto}.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-smart-main,.public-smart-main,main.container{min-width:0}.admin-smart-layout>*,.admin-settings-grid>*,.admin-candidate-form-grid>*,.candidate-workflow-list>*{min-width:0}input,select,textarea,button{max-width:100%}
@media(max-width:1180px){.container{width:min(100% - 24px,100%)!important}.admin-smart-layout{grid-template-columns:1fr!important;gap:12px!important;padding-block:12px!important}.admin-smart-sidebar-stack{position:static!important;top:auto!important;max-width:100%!important}.admin-smart-sidebar{max-height:none!important}.admin-smart-main{width:100%!important}.admin-smart-topbar-inner,.public-smart-topbar-inner{min-height:auto!important;padding-block:10px!important}}
@media(max-width:960px){body{font-size:13px!important}.container{width:min(100% - 18px,100%)!important}.topbar-inner{gap:10px!important}.brand,.admin-smart-brand,.public-smart-brand{min-width:0!important}.brand-title{font-size:13px!important;line-height:1.2!important;white-space:normal!important}.brand-subtitle{font-size:10.5px!important;line-height:1.25!important}.nav,.admin-smart-nav,.public-smart-nav{gap:6px!important;flex-wrap:wrap!important}.nav a,.admin-smart-nav a,.public-smart-nav a{min-height:32px!important;padding:7px 10px!important;border-radius:12px!important;font-size:11.5px!important}.admin-smart-sidebar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:10px!important;border-radius:20px!important}.admin-smart-sidebar-head,.admin-smart-menu-label{grid-column:1/-1!important}.admin-smart-sidebar a{margin:0!important;min-height:36px!important;padding:8px 9px!important;border-radius:13px!important;font-size:11.5px!important;line-height:1.15!important}.admin-smart-sidebar a span{width:20px!important;height:20px!important;border-radius:8px!important;font-size:10px!important;flex:0 0 20px!important}.admin-smart-page-head,.public-smart-hero-card,.smart-hero-card,.candidate-hero-card,.card{border-radius:20px!important}.admin-smart-page-head,.admin-smart-page-head-compact{padding:14px!important;gap:10px!important}.admin-smart-page-head h1,.public-smart-hero-copy h1,.candidate-hero-title{font-size:clamp(1.32rem,5vw,1.8rem)!important;line-height:1.08!important}.admin-smart-page-head p,.public-smart-hero-copy p{font-size:12.5px!important;line-height:1.45!important}.admin-smart-eyebrow,.smart-eyebrow,.public-smart-panel-eyebrow{font-size:10px!important;padding:5px 9px!important;border-radius:999px!important}.card-header,.card-body,.admin-smart-card,.dashboard-card{padding:13px!important}.card-title{font-size:1rem!important}.actions,.dashboard-actions,.admin-ui15-head-actions,.admin-settings-head-actions{gap:7px!important;flex-wrap:wrap!important}.btn,button.btn,a.btn{min-height:34px!important;padding:8px 11px!important;border-radius:12px!important;font-size:12px!important;line-height:1.15!important}.btn-sm,.btn-compact,.icon-action{min-height:30px!important;padding:6px 9px!important;font-size:11px!important}input,select,textarea{min-height:36px!important;padding:8px 10px!important;border-radius:12px!important;font-size:13px!important}textarea{min-height:76px!important}label,.form-group label{font-size:11.5px!important;margin-bottom:5px!important}.help,.muted,.card-header-meta{font-size:11px!important;line-height:1.35!important}.grid-2,.grid-3,.admin-settings-fields.grid-2,.admin-settings-fields.grid-3,.admin-candidate-form-grid,.candidate-form-grid{grid-template-columns:1fr!important}.span-2,.span-4,.span-6,.span-8,.span-12,.admin-settings-field.span-2{grid-column:1/-1!important}.admin-table,.admin-table-compact{min-width:760px!important;font-size:11.5px!important}.admin-table th,.admin-table td,.admin-table-compact th,.admin-table-compact td{padding:7px 8px!important;vertical-align:top!important}.action-cell .btn,.table-actions .btn{min-height:28px!important;padding:5px 7px!important;font-size:10.5px!important}.pagination,.pagination-wrap,.compact-pagination{gap:5px!important;flex-wrap:wrap!important}.page-link{min-width:30px!important;min-height:30px!important;padding:6px 8px!important;font-size:11px!important}}
@media(max-width:760px){body{background-size:120% auto!important}.container{width:min(100% - 14px,100%)!important}.admin-smart-topbar,.public-smart-topbar{position:sticky!important;top:0!important}.admin-smart-topbar-inner,.public-smart-topbar-inner{align-items:stretch!important}.admin-smart-brand,.public-smart-brand{align-items:center!important;gap:9px!important}.admin-smart-brand-mark,.public-smart-brand img{width:36px!important;height:36px!important;border-radius:12px!important;flex:0 0 36px!important}.admin-smart-nav,.public-smart-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.admin-smart-sidebar{grid-template-columns:1fr 1fr!important;border-radius:18px!important}.admin-smart-sidebar-head{padding:7px!important}.admin-smart-menu-label{margin:6px 2px 2px!important;font-size:9.5px!important}.public-smart-hero-card,.admin-smart-page-head,.candidate-workflow-card,.support-docs-panel,.final-submit-panel,.admin-smart-card{margin-block:10px!important}.public-smart-login-body,.public-smart-hero-card{padding:16px!important}.public-smart-access-grid,.smart-home-meta-grid,.candidate-dashboard-grid,.candidate-status-grid,.admin-monitor-grid,.admin-monitor-stat-grid{grid-template-columns:1fr!important;gap:9px!important}.candidate-workflow-head{flex-direction:column!important;padding:14px 14px 8px!important;gap:9px!important}.candidate-workflow-score{width:100%!important;min-width:0!important;border-radius:16px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.candidate-workflow-list{grid-template-columns:1fr!important;gap:8px!important;padding:8px 12px 12px!important}.candidate-workflow-step{grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important;padding:10px!important;border-radius:16px!important;align-items:start!important}.candidate-workflow-number{width:32px!important;height:32px!important;border-radius:12px!important;font-size:12px!important}.candidate-workflow-title-row{gap:6px!important;align-items:flex-start!important}.candidate-workflow-title-row strong{font-size:13px!important}.candidate-workflow-main p{font-size:11.5px!important;margin-top:3px!important}.candidate-workflow-action{grid-column:1/-1!important;width:100%!important;min-height:32px!important;padding:7px 9px!important;font-size:11.5px!important;border-radius:12px!important}.candidate-workflow-badge,.compact-pill,.submission-pill,.upload-badge{min-height:22px!important;padding:3px 7px!important;font-size:10px!important}.upload-modern,.upload-file-card,.support-docs-item,.final-submit-check-item{border-radius:14px!important;padding:10px!important}.upload-modern-top,.upload-modern-top-inline,.upload-file-card{grid-template-columns:1fr!important;gap:8px!important}.upload-trigger,input[type=file]{width:100%!important}.admin-settings-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.admin-settings-section,.admin-settings-section.span-4,.admin-settings-section.span-6,.admin-settings-section.span-8,.admin-settings-section.span-12{grid-column:1/-1!important}.admin-settings-section-head{padding:12px!important}.admin-settings-fields{padding:12px!important;gap:10px!important}.admin-settings-assets-grid{grid-template-columns:1fr!important;padding:12px!important;gap:10px!important}.admin-settings-asset-card,.admin-settings-asset-card.asset-wide{grid-template-columns:72px minmax(0,1fr)!important;gap:9px!important;padding:9px!important;border-radius:14px!important}.admin-settings-asset-preview,.admin-settings-asset-preview.asset-wide{width:72px!important;height:72px!important;border-radius:12px!important}.admin-settings-sticky-actions,.candidate-form-sticky-actions,.admin-candidate-sticky-actions{left:7px!important;right:7px!important;bottom:7px!important;border-radius:16px!important;padding:9px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.admin-settings-sticky-actions .btn,.candidate-form-sticky-actions .btn,.admin-candidate-sticky-actions .btn{width:100%!important}.admin-table,.admin-table-compact{min-width:680px!important}.cell-name{max-width:180px!important;white-space:normal!important}}
@media(max-width:520px){.container{width:min(100% - 10px,100%)!important}.admin-smart-sidebar{grid-template-columns:1fr!important}.admin-smart-nav,.public-smart-nav{grid-template-columns:1fr!important}.admin-smart-page-head,.public-smart-hero-card,.card,.admin-smart-card{border-radius:16px!important}.admin-smart-page-head,.public-smart-hero-card,.card-body,.card-header{padding:12px!important}.actions .btn,.dashboard-actions .btn{flex:1 1 100%!important;width:100%!important}.admin-settings-asset-card,.admin-settings-asset-card.asset-wide{grid-template-columns:1fr!important}.admin-settings-asset-preview,.admin-settings-asset-preview.asset-wide{width:100%!important;height:120px!important}.admin-monitor-stat-card,.admin-ui4-mini-stat,.admin-ui15-mini-stat{padding:10px!important;border-radius:14px!important}.admin-monitor-stat-card strong,.admin-ui4-mini-stat strong,.admin-ui15-mini-stat strong{font-size:1.15rem!important}.final-submit-check-list,.support-docs-list{gap:7px!important}.alert,.notice-box,.notice-muted,.notice-warning{padding:10px!important;border-radius:14px!important;font-size:12px!important}}
@media(hover:none) and (pointer:coarse){.btn,button,.nav a,.admin-smart-sidebar a,.candidate-workflow-action,.page-link{touch-action:manipulation}}


/* === SNBP UI-20 Final UI Audit Cleanup v1 ===
   Tujuan: mengunci tampilan akhir agar compact, konsisten, modern, dan rapi.
   Blok ini hanya override visual aman; tidak mengubah fungsi.
*/
:root{
    --snbp-radius-xs:10px;
    --snbp-radius-sm:12px;
    --snbp-radius-md:16px;
    --snbp-radius-lg:20px;
    --snbp-border:rgba(15,23,42,.10);
    --snbp-border-soft:rgba(148,163,184,.16);
    --snbp-text:#0f172a;
    --snbp-muted:#64748b;
    --snbp-surface:#ffffff;
    --snbp-surface-soft:rgba(248,250,252,.86);
    --snbp-shadow-soft:0 12px 28px rgba(15,23,42,.075);
    --snbp-shadow-tiny:0 6px 16px rgba(15,23,42,.055);
}

html,body{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}
body{
    color:var(--snbp-text);
    font-size:13px;
    line-height:1.45;
}
.container,
.admin-smart-layout,
.public-smart-main .container,
.admin-smart-main .container{
    width:min(100% - 28px,1480px);
    max-width:1480px;
}
.admin-smart-main,
.public-smart-main,
.smart-candidate-shell,
.admin-smart-layout,
.admin-settings-grid,
.admin-candidate-editor-grid,
.admin-ui15-form-grid,
.candidate-dashboard-grid,
.candidate-workflow-list{
    min-width:0;
}

/* Global compact surfaces */
.card,
.admin-smart-card,
.dashboard-card,
.smart-device-card,
.smart-form-card,
.candidate-workflow-card,
.support-docs-panel,
.final-submit-panel,
.admin-monitor-card,
.admin-smart-table-card,
.compact-table-card,
.admin-ui15-panel-card,
.admin-settings-section,
.admin-import-v2-upload-card,
.admin-import-v2-guide-card,
.admin-import-v2-report-card{
    border-radius:var(--snbp-radius-lg)!important;
    border:1px solid var(--snbp-border-soft)!important;
    box-shadow:var(--snbp-shadow-tiny)!important;
    overflow:hidden;
}
.card-header,
.card-body,
.admin-smart-card,
.dashboard-card,
.smart-device-card,
.smart-form-card{
    padding:14px 16px!important;
}
.card-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    min-height:auto!important;
}
.card-title,
.card-header h2,
.admin-monitor-card-header h2,
.admin-ui15-panel-head h2,
.admin-settings-section-head h2{
    margin:0;
    font-size:15px!important;
    line-height:1.2!important;
    letter-spacing:-.01em;
}
.card-header-meta,
.help,
.muted,
.admin-smart-page-head p,
.public-smart-hero-copy p{
    color:var(--snbp-muted)!important;
    font-size:11.5px!important;
    line-height:1.42!important;
}

/* Page headers / heroes: full width but not oversized */
.admin-smart-page-head,
.admin-smart-page-head-compact,
.public-smart-hero-card,
.smart-home-welcome,
.smart-form-hero{
    border-radius:22px!important;
    padding:18px 20px!important;
    margin-bottom:14px!important;
    box-shadow:var(--snbp-shadow-soft)!important;
}
.admin-smart-page-head h1,
.public-smart-hero-copy h1,
.smart-home-welcome h1,
.smart-form-hero h1,
.candidate-hero-title{
    font-size:clamp(1.45rem,2.3vw,2.05rem)!important;
    line-height:1.05!important;
    margin:0 0 6px!important;
    letter-spacing:-.04em!important;
}
.admin-smart-eyebrow,
.smart-eyebrow,
.public-smart-panel-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.07em!important;
}

/* Buttons, inputs, labels */
.btn,
button.btn,
a.btn{
    min-height:34px!important;
    border-radius:12px!important;
    padding:8px 12px!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1.15!important;
}
.btn-sm,
.btn-compact,
.icon-action,
.icon-action-edit,
.icon-action-delete,
.icon-action-view,
.action-cell .btn,
.table-actions .btn{
    min-height:29px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:11px!important;
}
input,
select,
textarea{
    min-height:36px!important;
    border-radius:12px!important;
    padding:8px 10px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
}
textarea{
    min-height:78px!important;
    line-height:1.42!important;
}
label,
.form-group label,
.admin-settings-field label,
.admin-candidate-field label{
    margin:0 0 5px!important;
    color:#334155!important;
    font-size:11.5px!important;
    font-weight:800!important;
    line-height:1.25!important;
}

/* Tables */
.table-responsive{
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.admin-table,
.admin-table-compact,
.admin-monitor-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:12px!important;
}
.admin-table th,
.admin-table td,
.admin-table-compact th,
.admin-table-compact td,
.admin-monitor-table th,
.admin-monitor-table td{
    padding:8px 9px!important;
    vertical-align:middle!important;
}
.admin-table th,
.admin-table-compact th,
.admin-monitor-table th{
    font-size:10.5px!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
    color:#64748b!important;
    white-space:nowrap!important;
}
.cell-name,
.candidate-identity-cell,
.candidate-stack-cell{
    max-width:260px;
}
.action-cell,
.action-col{
    white-space:nowrap!important;
    width:1%!important;
}
.icon-actions-inline,
.candidate-row-actions,
.table-actions{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:nowrap!important;
}

/* Badges / pills */
.candidate-mini-badge,
.compact-pill,
.submission-pill,
.upload-badge,
.admin-ui15-pill,
.admin-ui4-status-pill,
.admin-monitor-badge,
.candidate-workflow-badge{
    min-height:22px!important;
    padding:3px 7px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.15!important;
    white-space:nowrap!important;
}

/* Candidate dashboard workflow safety */
.candidate-workflow-head{
    padding:14px 16px 8px!important;
    gap:12px!important;
}
.candidate-workflow-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    padding:10px 16px 16px!important;
}
.candidate-workflow-step{
    position:relative!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:start!important;
    padding:10px!important;
    border-radius:16px!important;
    min-height:0!important;
}
.candidate-workflow-number{
    width:32px!important;
    height:32px!important;
    border-radius:12px!important;
    font-size:12px!important;
}
.candidate-workflow-title-row{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:7px!important;
    min-width:0!important;
}
.candidate-workflow-title-row strong{
    font-size:13px!important;
    line-height:1.2!important;
}
.candidate-workflow-main p{
    margin:3px 0 0!important;
    font-size:11.5px!important;
    line-height:1.35!important;
}
.candidate-workflow-action{
    grid-column:1/-1!important;
    justify-self:start!important;
    max-width:100%!important;
    margin-top:4px!important;
}

/* Candidate economic form */
.smart-form-card .form-group,
.field-grid .form-group,
.candidate-form-grid .form-group{
    margin-bottom:10px!important;
}
.field-grid,
.candidate-form-grid{
    gap:10px!important;
}
.pass-photo-form-section,
.support-docs-panel,
.final-submit-panel{
    margin-block:12px!important;
}
.pass-photo-form-grid{
    gap:12px!important;
}
.pass-photo-preview-image,
.pass-photo-preview-empty{
    border-radius:16px!important;
}
.support-docs-list{
    gap:8px!important;
}
.support-docs-item,
.upload-modern,
.upload-file-card,
.final-submit-check,
.final-submit-check-item{
    border-radius:14px!important;
    padding:10px!important;
}
.candidate-form-sticky-actions,
.admin-candidate-sticky-actions,
.admin-settings-sticky-actions{
    border-radius:16px!important;
    padding:9px 12px!important;
    box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}

/* Admin candidate form final safety */
.admin-candidate-editor-grid,
.admin-candidate-form-grid{
    gap:10px!important;
}
.admin-candidate-field{
    margin:0!important;
    min-width:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    padding:0!important;
}
.admin-candidate-field input,
.admin-candidate-field select{
    width:100%!important;
}
.admin-candidate-form-card .card-body{
    padding:14px 16px!important;
}

/* Admin settings safety: no narrow broken columns */
.admin-settings-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start!important;
}
.admin-settings-section.span-4{grid-column:span 4!important;}
.admin-settings-section.span-5{grid-column:span 5!important;}
.admin-settings-section.span-6{grid-column:span 6!important;}
.admin-settings-section.span-7{grid-column:span 7!important;}
.admin-settings-section.span-8{grid-column:span 8!important;}
.admin-settings-section.span-12{grid-column:span 12!important;}
.admin-settings-section-head{
    padding:12px 14px 9px!important;
}
.admin-settings-fields{
    padding:12px 14px 14px!important;
    gap:9px!important;
}
.admin-settings-fields.grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.admin-settings-fields.grid-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.admin-settings-assets-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
}
.admin-settings-asset-card{
    min-width:0!important;
    overflow:hidden!important;
}
.admin-settings-asset-preview{
    flex:0 0 auto!important;
    overflow:hidden!important;
}
.admin-settings-asset-preview img{
    max-width:100%!important;
    max-height:100%!important;
}

/* Import page / pass photo / review page */
.admin-import-v2-layout{
    gap:12px!important;
}
.admin-import-v2-dropzone{
    padding:16px!important;
    border-radius:18px!important;
}
.admin-import-v2-stats{
    gap:8px!important;
}
.admin-ui15-form-grid,
.admin-monitor-grid-2,
.admin-monitor-grid-3{
    gap:12px!important;
}
.admin-ui15-summary-card,
.admin-ui15-panel-card,
.admin-ui15-answer-section,
.admin-ui4-filter-card,
.admin-ui4-table-card{
    border-radius:18px!important;
}
.admin-ui4-passphoto-thumb{
    width:38px!important;
    height:50px!important;
    object-fit:cover!important;
}

/* Pagination */
.pagination,
.pagination-wrap,
.compact-pagination,
.forms-pagination-wrap{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    flex-wrap:wrap!important;
}
.page-link{
    min-width:30px!important;
    min-height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 8px!important;
    border-radius:10px!important;
    font-size:11.5px!important;
}

/* Desktop density */
@media (min-width:1181px){
    .admin-smart-layout{
        gap:16px!important;
        padding-block:14px!important;
    }
    .admin-smart-sidebar-stack{
        width:244px!important;
    }
    .admin-smart-main{
        min-width:0!important;
    }
    .admin-candidate-form-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    .admin-candidate-field.single,
    .admin-candidate-field.payment{
        grid-column:span 1!important;
    }
    .candidate-dashboard-grid,
    .dashboard-grid-top,
    .dashboard-grid-bottom{
        gap:12px!important;
    }
}

/* Tablet */
@media (max-width:1180px){
    .container,
    .admin-smart-layout,
    .public-smart-main .container,
    .admin-smart-main .container{
        width:min(100% - 22px,100%)!important;
    }
    .admin-settings-section.span-4,
    .admin-settings-section.span-5,
    .admin-settings-section.span-6,
    .admin-settings-section.span-7,
    .admin-settings-section.span-8,
    .admin-settings-section.span-12{
        grid-column:1/-1!important;
    }
    .admin-settings-assets-grid,
    .candidate-workflow-list{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .admin-table,
    .admin-table-compact{
        min-width:780px!important;
    }
}

/* Mobile */
@media (max-width:760px){
    body{
        font-size:12.5px!important;
    }
    .container,
    .admin-smart-layout,
    .public-smart-main .container,
    .admin-smart-main .container{
        width:min(100% - 14px,100%)!important;
    }
    .admin-smart-page-head,
    .admin-smart-page-head-compact,
    .public-smart-hero-card,
    .smart-home-welcome,
    .smart-form-hero{
        padding:14px!important;
        border-radius:18px!important;
    }
    .card-header,
    .card-body,
    .admin-smart-card,
    .dashboard-card,
    .smart-device-card,
    .smart-form-card{
        padding:12px!important;
    }
    .candidate-workflow-list,
    .admin-settings-grid,
    .admin-settings-assets-grid,
    .admin-settings-fields.grid-2,
    .admin-settings-fields.grid-3,
    .admin-candidate-form-grid,
    .field-grid,
    .candidate-form-grid,
    .admin-ui15-form-grid,
    .admin-monitor-grid-2,
    .admin-monitor-grid-3{
        grid-template-columns:1fr!important;
    }
    .candidate-workflow-step{
        grid-template-columns:30px minmax(0,1fr)!important;
        padding:9px!important;
        border-radius:15px!important;
    }
    .candidate-workflow-number{
        width:30px!important;
        height:30px!important;
    }
    .candidate-workflow-action{
        width:100%!important;
        justify-content:center!important;
    }
    .btn,
    button.btn,
    a.btn{
        min-height:33px!important;
        padding:8px 10px!important;
    }
    input,
    select,
    textarea{
        min-height:35px!important;
    }
    .admin-table,
    .admin-table-compact{
        min-width:700px!important;
    }
    .admin-settings-asset-card,
    .admin-settings-asset-card.asset-wide{
        grid-template-columns:76px minmax(0,1fr)!important;
    }
    .admin-settings-asset-preview,
    .admin-settings-asset-preview.asset-wide{
        width:76px!important;
        height:76px!important;
    }
    .candidate-form-sticky-actions,
    .admin-candidate-sticky-actions,
    .admin-settings-sticky-actions{
        left:7px!important;
        right:7px!important;
        bottom:7px!important;
        flex-direction:column!important;
        align-items:stretch!important;
    }
    .candidate-form-sticky-actions .btn,
    .admin-candidate-sticky-actions .btn,
    .admin-settings-sticky-actions .btn{
        width:100%!important;
    }
}
@media (max-width:520px){
    .container,
    .admin-smart-layout,
    .public-smart-main .container,
    .admin-smart-main .container{
        width:min(100% - 10px,100%)!important;
    }
    .admin-smart-sidebar{
        grid-template-columns:1fr!important;
    }
    .actions .btn,
    .dashboard-actions .btn,
    .admin-ui15-head-actions .btn,
    .admin-settings-head-actions .btn{
        flex:1 1 100%!important;
        width:100%!important;
    }
    .admin-settings-asset-card,
    .admin-settings-asset-card.asset-wide{
        grid-template-columns:1fr!important;
    }
    .admin-settings-asset-preview,
    .admin-settings-asset-preview.asset-wide{
        width:100%!important;
        height:112px!important;
    }
}
/* === SNBP UI-20 Final UI Audit Cleanup v1 End === */


/* SYS-1 Activity Log Admin */
.admin-log-head{align-items:center!important;gap:14px!important;margin-bottom:12px!important;padding:16px 18px!important}.admin-log-head h1{font-size:clamp(1.25rem,2vw,1.75rem)!important;margin:7px 0 4px!important}.admin-log-head p{font-size:.84rem!important;line-height:1.42!important;max-width:760px!important}.admin-log-copy-panel{min-width:210px;display:grid;gap:6px;justify-items:end}.admin-log-copy-panel small{font-size:.72rem;color:#64748b;line-height:1.35;text-align:right;max-width:230px}.admin-log-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 12px}.admin-log-stat{border:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.84));border-radius:18px;padding:10px 12px;box-shadow:0 9px 24px rgba(15,23,42,.055)}.admin-log-stat span{display:block;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;color:#64748b}.admin-log-stat strong{display:block;margin-top:4px;font-size:1.25rem;line-height:1;font-weight:950;color:#0f172a}.admin-log-filter-card{border-radius:18px!important;margin-bottom:12px!important}.admin-log-filter-card .card-body{padding:12px!important}.admin-log-filter-grid{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(170px,.85fr) minmax(160px,.75fr) auto;gap:9px;align-items:end}.admin-log-filter-grid .form-group{margin:0!important}.admin-log-filter-grid label{font-size:.68rem!important;margin-bottom:5px!important;text-transform:uppercase;letter-spacing:.05em}.admin-log-filter-grid input,.admin-log-filter-grid select{height:35px!important;min-height:35px!important;border-radius:11px!important;padding:7px 10px!important;font-size:.8rem!important}.admin-log-filter-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.admin-log-table-card{border-radius:18px!important}.admin-log-table{min-width:1040px!important}.admin-log-table th,.admin-log-table td{padding:8px 9px!important;vertical-align:top!important}.admin-log-table td strong{display:block;font-size:.8rem;color:#0f172a;line-height:1.25}.admin-log-table td small{display:block;margin-top:2px;font-size:.7rem;color:#64748b;line-height:1.25}.admin-log-time{white-space:nowrap;color:#334155;font-weight:800}.admin-log-action{display:inline-flex;align-items:center;border-radius:999px;background:#eef2ff;color:#3730a3;padding:4px 8px;font-size:.7rem;font-weight:900;white-space:nowrap}.admin-log-description{max-width:280px;line-height:1.35;color:#334155}.admin-log-metadata{max-width:340px;overflow-wrap:anywhere;font-size:.72rem;color:#64748b;line-height:1.35}.admin-log-ip{white-space:nowrap;color:#64748b;font-size:.72rem}@media(max-width:980px){.admin-log-head{display:grid!important}.admin-log-copy-panel{justify-items:start;min-width:0}.admin-log-copy-panel small{text-align:left}.admin-log-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-log-filter-grid{grid-template-columns:1fr 1fr}.admin-log-filter-grid .form-group:first-child{grid-column:1/-1}.admin-log-filter-actions{justify-content:flex-start}}@media(max-width:640px){.admin-log-stat-grid,.admin-log-filter-grid{grid-template-columns:1fr}.admin-log-filter-actions{display:grid;grid-template-columns:1fr 1fr}.admin-log-filter-actions .btn{width:100%;justify-content:center}.admin-log-head{padding:14px!important}.admin-log-table{min-width:900px!important}}
/* /SYS-1 Activity Log Admin */

/* SYS-2 Admin Backup Center */
.admin-backup-head{margin-bottom:12px!important;padding:18px 20px!important;align-items:center!important}.admin-backup-head h1{font-size:clamp(1.35rem,2.2vw,2rem)!important;margin:8px 0 4px!important}.admin-backup-head p{max-width:760px!important;font-size:.86rem!important;line-height:1.45!important}.admin-backup-status{min-width:210px;border-radius:20px;background:linear-gradient(135deg,#eef2ff,#ecfeff);border:1px solid rgba(99,102,241,.16);padding:12px 14px}.admin-backup-status span,.admin-backup-status small{display:block;color:#64748b;font-size:.72rem;font-weight:800}.admin-backup-status strong{display:block;margin:4px 0;font-size:1.1rem;color:#0f172a}.admin-backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.admin-backup-actions .btn{min-height:34px!important;padding:8px 12px!important;border-radius:12px!important;font-size:.82rem!important}.admin-backup-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-backup-stat-card{border-radius:18px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 28px rgba(15,23,42,.055);padding:12px 14px}.admin-backup-stat-card span{display:block;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;color:#64748b}.admin-backup-stat-card strong{display:block;margin-top:5px;font-size:1.45rem;line-height:1;color:#0f172a;letter-spacing:-.04em}.admin-backup-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;align-items:start}.admin-backup-card{border-radius:20px!important}.admin-backup-card .card-header{padding:13px 15px!important}.admin-backup-card .card-body{padding:14px 15px!important}.admin-backup-table{min-width:620px!important}.admin-backup-table th,.admin-backup-table td{padding:8px 9px!important;font-size:.78rem!important;vertical-align:middle!important}.admin-backup-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:900;line-height:1}.admin-backup-pill.ok{background:#dcfce7;color:#166534}.admin-backup-pill.muted{background:#f1f5f9;color:#64748b}.admin-backup-upload-list{display:grid;gap:8px}.admin-backup-upload-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;background:#f8fafc;border:1px solid rgba(148,163,184,.18);padding:10px 12px}.admin-backup-upload-item.is-missing{background:#fef2f2;border-color:#fecaca}.admin-backup-upload-item strong{display:block;font-size:.84rem;color:#0f172a}.admin-backup-upload-item small{display:block;margin-top:2px;color:#64748b;font-size:.7rem}.admin-backup-upload-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-backup-upload-meta span{border-radius:999px;background:#fff;border:1px solid rgba(148,163,184,.18);padding:4px 8px;font-size:.7rem;font-weight:800;color:#475569}.admin-backup-note{margin-top:12px!important}@media(max-width:980px){.admin-backup-grid,.admin-backup-stat-grid{grid-template-columns:1fr 1fr}.admin-backup-head{display:grid!important}.admin-backup-status{min-width:0}}@media(max-width:640px){.admin-backup-stat-grid,.admin-backup-grid{grid-template-columns:1fr}.admin-backup-actions{display:grid;grid-template-columns:1fr}.admin-backup-actions .btn{width:100%;justify-content:center}.admin-backup-upload-item{align-items:flex-start;flex-direction:column}.admin-backup-upload-meta{justify-content:flex-start}}
/* /SYS-2 Admin Backup Center */

/* REVIEW-2 Quick Review Center */
.quick-review-head{padding:16px 18px!important;margin-bottom:12px!important;align-items:center!important}
.quick-review-head h1{font-size:clamp(1.3rem,2vw,1.9rem)!important;margin-bottom:4px!important}
.quick-review-head p{font-size:.84rem!important;line-height:1.42!important;max-width:820px!important;margin:0!important}
.quick-review-head-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.quick-review-tabs{display:grid;grid-template-columns:repeat(9,minmax(110px,1fr));gap:8px;margin:0 0 12px}
.quick-review-tab{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 10px;border-radius:16px;background:rgba(255,255,255,.88);border:1px solid rgba(148,163,184,.22);box-shadow:0 8px 20px rgba(15,23,42,.045);color:#334155;text-decoration:none}
.quick-review-tab:hover{text-decoration:none;background:#f8fafc;transform:translateY(-1px)}
.quick-review-tab.active{background:linear-gradient(135deg,#eef2ff,#ecfeff);border-color:rgba(79,70,229,.28);color:#3730a3;box-shadow:0 12px 28px rgba(79,70,229,.10)}
.quick-review-tab span{font-size:.72rem;font-weight:900;line-height:1.15}
.quick-review-tab strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:.78rem;font-weight:950}
.quick-review-tab.active strong{background:#4f46e5;color:#fff}
.quick-review-filter-card{margin-bottom:12px!important;border-radius:18px!important}
.quick-review-filter-card .card-body{padding:12px!important}
.quick-review-filter-grid{display:grid;grid-template-columns:minmax(240px,1.35fr) minmax(220px,.9fr) auto;gap:9px;align-items:end}
.quick-review-filter-grid .form-group{margin:0!important}.quick-review-filter-grid label{font-size:.68rem!important;margin-bottom:5px!important;text-transform:uppercase;letter-spacing:.05em;color:#64748b!important}.quick-review-filter-grid input,.quick-review-filter-grid select{height:34px!important;min-height:34px!important;padding:6px 10px!important;border-radius:11px!important;font-size:.8rem!important}.quick-review-filter-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.quick-review-filter-actions .btn{min-height:34px!important;padding:7px 11px!important;border-radius:11px!important;font-size:12px!important}
.quick-review-table-card{border-radius:20px!important;overflow:hidden!important}.quick-review-table-head{padding:12px 14px!important}.quick-review-table-head .card-title{font-size:1rem!important}.quick-review-table-card>.card-body{padding:0 0 12px!important}.quick-review-table{min-width:1060px!important}.quick-review-table th,.quick-review-table td{padding:8px 9px!important;font-size:12px!important;vertical-align:middle!important}.quick-review-table th{font-size:10px!important;letter-spacing:.045em!important;white-space:nowrap!important}.quick-review-name strong{display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-review-pill{display:inline-flex;align-items:center;justify-content:center;min-height:22px;border-radius:999px;padding:4px 8px;font-size:10.5px;font-weight:900;line-height:1.05;white-space:nowrap;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.quick-review-pill.ok{background:#dcfce7;color:#166534;border-color:#bbf7d0}.quick-review-pill.warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.quick-review-pill.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.quick-review-pill.muted{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.quick-review-meta{font-size:10.5px!important;line-height:1.2!important;margin-top:4px!important}.quick-review-note-cell{max-width:240px;line-height:1.35!important;color:#334155}.quick-review-table .btn-sm{min-height:28px!important;padding:5px 8px!important;font-size:10.5px!important;border-radius:9px!important;white-space:nowrap!important}
@media (max-width:1320px){.quick-review-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-review-filter-grid{grid-template-columns:1fr 1fr}.quick-review-filter-actions{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:720px){.quick-review-head{display:grid!important;padding:14px!important}.quick-review-head-actions{justify-content:stretch}.quick-review-head-actions .btn{width:100%}.quick-review-tabs{grid-template-columns:1fr 1fr;gap:7px}.quick-review-tab{min-height:40px;padding:8px}.quick-review-filter-grid{grid-template-columns:1fr}.quick-review-filter-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.quick-review-filter-actions .btn{width:100%}.quick-review-table{min-width:940px!important}}
@media (max-width:480px){.quick-review-tabs{grid-template-columns:1fr}.quick-review-filter-actions{grid-template-columns:1fr}}
/* /REVIEW-2 Quick Review Center */