/* ============================================================
   Laptop Repair Management System — Light Professional Theme
   ============================================================ */
:root {
  --bg: #f1f5f9;
  --surface: #ffffff;
  --surface2: #f8fafc;
  --surface3: #f1f5f9;
  --border: #e2e8f0;
  --border2: #cbd5e1;
  --primary: #4f46e5;
  --primary-dark: #3730a3;
  --primary-glow: rgba(79,70,229,.1);
  --primary-light: rgba(79,70,229,.06);
  --cyan: #0891b2;
  --cyan-glow: rgba(8,145,178,.1);
  --green: #16a34a;
  --green-glow: rgba(22,163,74,.1);
  --yellow: #d97706;
  --yellow-glow: rgba(217,119,6,.1);
  --red: #dc2626;
  --red-glow: rgba(220,38,38,.1);
  --txt: #1e293b;
  --txt2: #475569;
  --txt3: #94a3b8;
  --sidebar-w: 240px;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
  --shadow-lg: 0 10px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.05);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:15px;scroll-behavior:smooth;}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:var(--bg);color:var(--txt);min-height:100vh;
  display:flex;line-height:1.5;
}
a{color:var(--primary);text-decoration:none;}
a:hover{color:var(--primary-dark);}
button,input,select,textarea{font-family:inherit;font-size:inherit;}

/* ── Layout ────────────────────────────────── */
.rp-sidebar {
  width:var(--sidebar-w);min-height:100vh;
  background:#ffffff;
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  position:fixed;top:0;left:0;bottom:0;
  z-index:100;overflow-y:auto;
  box-shadow:2px 0 8px rgba(0,0,0,.04);
}
.rp-main {
  margin-left:var(--sidebar-w);
  flex:1;display:flex;flex-direction:column;min-height:100vh;
  min-width:0;
}
.rp-topbar {
  background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);
  padding:12px 24px;display:flex;align-items:center;justify-content:space-between;
  backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;
  box-shadow:var(--shadow);
}
.rp-content {padding:24px 28px 40px;}

/* ── Sidebar logo ────────────────────────── */
.rp-logo {
  padding:20px 18px 16px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(135deg,#f5f3ff,#eff6ff);
}
.rp-logo-title {
  font-size:.72rem;font-weight:800;letter-spacing:3px;text-transform:uppercase;
  color:var(--primary);
}
.rp-logo-sub {font-size:.62rem;color:var(--txt3);margin-top:2px;letter-spacing:1px;}
.rp-logo{position:relative;}
.rp-logo-version{position:absolute;right:18px;bottom:17px;padding:2px 7px;border:1px solid rgba(79,70,229,.25);border-radius:5px;background:rgba(79,70,229,.07);color:var(--primary);font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:700;letter-spacing:.03em;}

/* ── Nav menu ────────────────────────────── */
.rp-nav {flex:1;padding:12px 8px;}
.rp-nav-parent{padding:9px 12px 5px;color:var(--txt2);font-size:.78rem;font-weight:700;}
.rp-nav-tree{position:relative;margin:0 0 5px 25px;padding:0 0 1px 14px;}
.rp-nav-tree:not(:empty)::before{
  content:"";position:absolute;left:0;top:-4px;bottom:18px;width:1px;
  background:rgba(100,116,139,.38);
}
.rp-nav-tree .rp-nav-subitem{
  position:relative;margin:0;width:100%;min-height:34px;padding:7px 10px 7px 18px;
  border-radius:6px;font-size:.74rem;font-weight:500;color:var(--txt2);overflow:visible;
}
.rp-nav-tree .rp-nav-subitem::before{
  content:"";position:absolute;left:-14px;top:50%;width:18px;height:1px;
  background:rgba(100,116,139,.38);
}
.rp-nav-tree .rp-nav-subitem::after{
  content:"";position:absolute;left:1px;top:calc(50% - 2px);width:4px;height:4px;
  border-radius:50%;background:var(--txt3);
}
.rp-nav-tree .rp-nav-subitem:hover{background:var(--surface3);}
.rp-nav-tree .rp-nav-subitem.active{
  border:0;background:var(--primary-glow);color:var(--primary);box-shadow:inset 2px 0 0 var(--primary);
}
.rp-nav-tree .rp-nav-subitem.active::after{background:var(--primary);}
.rp-nav-subitem{margin-left:14px;width:calc(100% - 14px);font-size:.76rem;}
.rp-nav-section {
  font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--txt3);
  padding:14px 10px 6px;font-weight:700;
}
.rp-nav-item {
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);
  color:var(--txt2);font-size:.82rem;font-weight:500;cursor:pointer;
  transition:.15s;text-decoration:none;white-space:nowrap;overflow:hidden;
  margin-bottom:2px;
}
.rp-nav-item:hover {background:var(--surface3);color:var(--txt);}
.rp-nav-item.active {
  background:var(--primary-glow);color:var(--primary);
  border:1px solid rgba(79,70,229,.18);font-weight:600;
}
.rp-nav-icon {width:18px;text-align:center;font-size:1rem;flex-shrink:0;}

.rp-sidebar-user {
  padding:14px 16px;border-top:1px solid var(--border);
  font-size:.75rem;color:var(--txt2);background:var(--surface2);
}
.rp-sidebar-user strong{color:var(--txt);display:block;margin-bottom:2px;}
.rp-logout {
  display:inline-flex;align-items:center;gap:5px;margin-top:8px;
  padding:5px 12px;border-radius:999px;background:var(--red-glow);
  border:1px solid rgba(220,38,38,.2);color:var(--red);font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:.15s;
}
.rp-logout:hover{background:rgba(220,38,38,.18);}

/* ── Topbar ──────────────────────────────── */
.rp-page-title{font-size:1rem;font-weight:700;color:var(--txt);}
.rp-breadcrumb{font-size:.72rem;color:var(--txt3);margin-top:1px;}
.rp-topbar-actions{display:flex;align-items:center;gap:10px;}

/* ── Cards ───────────────────────────────── */
.rp-card {
  background:var(--surface);
  border:1px solid var(--border);border-radius:var(--radius);padding:22px;
  box-shadow:var(--shadow);
}
.rp-card-title {
  font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--txt3);
  margin-bottom:14px;font-weight:700;
}
.rp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.rp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:900px){.rp-grid-2,.rp-grid-3{grid-template-columns:1fr;}}

/* ── Buttons ─────────────────────────────── */
.rp-btn {
  display:inline-flex;align-items:center;gap:7px;
  padding:9px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;
  font-size:.8rem;font-weight:600;letter-spacing:.3px;transition:.15s;
}
.rp-btn-primary {background:var(--primary);color:#fff;box-shadow:0 2px 6px rgba(79,70,229,.3);}
.rp-btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px rgba(79,70,229,.35);}
.rp-btn-ghost {background:transparent;border:1px solid var(--border2);color:var(--txt2);}
.rp-btn-ghost:hover{background:var(--surface3);color:var(--txt);}
.rp-btn-danger {background:var(--red-glow);border:1px solid rgba(220,38,38,.25);color:var(--red);}
.rp-btn-danger:hover{background:rgba(220,38,38,.18);}
.rp-btn-sm{padding:5px 12px;font-size:.72rem;}
.rp-btn-green {background:var(--green-glow);border:1px solid rgba(22,163,74,.25);color:var(--green);}
.rp-btn-green:hover{background:rgba(22,163,74,.18);}

/* ── Form elements ───────────────────────── */
.rp-label {
  display:block;font-size:.68rem;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;color:var(--txt3);margin-bottom:5px;
}
.rp-input, .rp-textarea {
  width:100%;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:0 14px;color:var(--txt);
  transition:.15s;outline:none;height:42px;line-height:42px;
  box-sizing:border-box;vertical-align:middle;
}
.rp-textarea{height:auto;padding:10px 14px;line-height:1.5;min-height:80px;}
.rp-input::placeholder,.rp-textarea::placeholder{color:var(--txt3);}
input[type="date"].rp-input{color:var(--txt);cursor:pointer;padding:0 14px;}
input[type="date"].rp-input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;}
select.rp-input{cursor:pointer;padding:0 14px;}
.rp-input:focus,.rp-textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--primary-glow);
}
.rp-textarea{resize:vertical;min-height:80px;}
.rp-form-row{margin-bottom:18px;}
.rp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.rp-form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
@media(max-width:768px){.rp-form-grid,.rp-form-grid-3{grid-template-columns:1fr;}}

/* ── Searchable Combobox ─────────────────── */
.rp-combo{position:relative;}
.rp-combo-input-wrap{position:relative;}
.rp-combo-input-wrap .rp-input{padding-right:36px;}
.rp-combo-arrow{
  position:absolute;right:12px;top:50%;transform:translateY(-50%);
  color:var(--txt3);pointer-events:none;font-size:.8rem;
}
.rp-combo-dropdown {
  position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:999;
  background:#fff;border:1px solid var(--border2);border-radius:var(--radius-sm);
  max-height:220px;overflow-y:auto;display:none;
  box-shadow:var(--shadow-md);
}
.rp-combo-dropdown.open{display:block;}
.rp-combo-item {
  padding:9px 14px;cursor:pointer;font-size:.82rem;color:var(--txt2);
  transition:.1s;display:flex;align-items:center;justify-content:space-between;
}
.rp-combo-item:hover,.rp-combo-item.highlighted{background:var(--surface3);color:var(--txt);}
.rp-combo-create {
  padding:9px 14px;cursor:pointer;font-size:.78rem;color:var(--primary);
  border-top:1px solid var(--border);display:none;transition:.1s;
}
.rp-combo-create:hover{background:var(--primary-light);}
.rp-combo-selected {
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;
}
.rp-tag {
  display:inline-flex;align-items:center;gap:4px;
  background:var(--primary-glow);border:1px solid rgba(79,70,229,.2);
  border-radius:999px;padding:3px 10px;font-size:.72rem;color:var(--primary);font-weight:600;
}
.rp-tag-x{cursor:pointer;color:var(--txt3);}
.rp-tag-x:hover{color:var(--red);}
.rp-combo-empty{padding:12px 14px;color:var(--txt3);font-size:.78rem;text-align:center;}

/* ── Table ───────────────────────────────── */
.rp-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);}
.rp-table {width:100%;border-collapse:collapse;}
.rp-table th {
  background:var(--surface2);padding:10px 14px;text-align:left;
  font-size:.65rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--txt3);
  font-weight:700;border-bottom:1px solid var(--border);white-space:nowrap;
}
.rp-table td {
  padding:11px 14px;border-bottom:1px solid var(--border);
  font-size:.82rem;color:var(--txt2);vertical-align:middle;background:#fff;
}
.rp-table tr:last-child td{border-bottom:none;}
.rp-table tr:hover td{background:#fafafe;}
.rp-table .mono{font-family:'JetBrains Mono',monospace;color:var(--cyan);font-size:.78rem;}

/* ── Status badges ───────────────────────── */
.rp-badge {
  display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:999px;font-size:.65rem;font-weight:700;
  letter-spacing:.8px;text-transform:uppercase;
}
.rp-badge-pending{background:var(--yellow-glow);border:1px solid rgba(217,119,6,.25);color:var(--yellow);}
.rp-badge-completed{background:var(--green-glow);border:1px solid rgba(22,163,74,.25);color:var(--green);}
.rp-badge-error{background:var(--red-glow);border:1px solid rgba(220,38,38,.25);color:var(--red);}
.rp-badge-info{background:var(--primary-glow);border:1px solid rgba(79,70,229,.2);color:var(--primary);}

/* ── Alert ───────────────────────────────── */
.rp-alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.82rem;}
.rp-alert-success{background:var(--green-glow);border:1px solid rgba(22,163,74,.25);color:var(--green);}
.rp-alert-error{background:var(--red-glow);border:1px solid rgba(220,38,38,.25);color:var(--red);}
.rp-alert-info{background:var(--primary-glow);border:1px solid rgba(79,70,229,.2);color:var(--primary);}

/* ── Search bar ──────────────────────────── */
.rp-search-wrap{display:flex;gap:8px;margin-bottom:18px;align-items:center;}
.rp-search-wrap .rp-input{max-width:320px;}

/* ── File upload ─────────────────────────── */
.rp-upload-zone {
  border:2px dashed var(--border2);border-radius:var(--radius);padding:24px;
  text-align:center;cursor:pointer;transition:.15s;background:var(--surface2);
}
.rp-upload-zone:hover,.rp-upload-zone.drag{border-color:var(--primary);background:var(--primary-light);}

/* Repair cases */
.repair-case-list{display:grid;gap:18px;}
.repair-case-search{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.repair-case-search .rp-input{max-width:520px;}
.repair-case-search-count{color:var(--txt3);font-size:.78rem;white-space:nowrap;}
.repair-case-highlight{padding:0 2px;border-radius:3px;background:#fde68a;color:#78350f;}
.repair-case-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);}
.repair-case-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px;}
.repair-case-header h3{margin:0;color:var(--txt);font-size:1.08rem;}
.repair-case-meta{display:flex;align-items:center;gap:7px;color:var(--txt3);font-size:.78rem;white-space:nowrap;}
.repair-case-actions{display:flex;align-items:center;gap:8px;flex:none;}
.repair-case-actions form{margin:0;}
.repair-case-description{color:var(--txt2);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;}
.repair-case-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:18px;}
.repair-media-item{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface2);}
.repair-media-item img,.repair-media-item video{display:block;width:100%;height:150px;object-fit:cover;background:#111827;cursor:zoom-in;}
.repair-media-name{padding:8px 10px;color:var(--txt3);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.repair-media-lightbox{display:none;position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:40px;background:rgba(8,15,31,.92);}
.repair-media-lightbox.open{display:flex;}
.repair-media-lightbox-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.repair-media-lightbox-content img,.repair-media-lightbox-content video{display:block;max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.45);}
.repair-media-lightbox-close{position:absolute;right:24px;top:18px;z-index:1;border:0;background:transparent;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;}
.repair-case-overlay{display:none;position:fixed;inset:0;z-index:1000;background:var(--bg);overflow-y:auto;}
.repair-case-overlay.open{display:block;}
.repair-case-form-page{width:min(920px,calc(100% - 40px));margin:0 auto;min-height:100vh;padding:36px 0;}
.repair-case-form-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid var(--border);}
.repair-case-form-header h2{margin:0 0 6px;font-size:1.5rem;color:var(--txt);}
.repair-case-form-header p{margin:0;color:var(--txt3);}
.repair-case-close{border:0;background:transparent;color:var(--txt2);font-size:2rem;line-height:1;cursor:pointer;padding:0 8px;}
.repair-case-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);}
.repair-case-textarea{width:100%;min-height:220px;resize:vertical;}
.repair-case-upload{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;}
.repair-case-upload span{color:var(--txt3);font-size:.78rem;}
.repair-case-form-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;}
.repair-form-media-item{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface2);}
.repair-form-media-item img,.repair-form-media-item video{display:block;width:100%;height:130px;object-fit:cover;background:#111827;}
.repair-form-media-remove{position:absolute;right:7px;top:7px;border:0;border-radius:6px;padding:5px 9px;background:rgba(185,28,28,.9);color:#fff;font-size:.7rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.22);}
.repair-case-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border);}
@media(max-width:768px){.repair-case-header{flex-direction:column;gap:8px}.repair-case-form-page{width:calc(100% - 24px);padding:16px 0}.repair-case-form{padding:18px}.repair-case-media{grid-template-columns:1fr 1fr}}
.rp-upload-icon{font-size:2rem;margin-bottom:8px;}
.rp-upload-label{color:var(--txt2);font-size:.8rem;}
.rp-upload-sub{color:var(--txt3);font-size:.72rem;margin-top:4px;}
.rp-file-list{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;}
.rp-file-chip{
  display:inline-flex;align-items:center;gap:6px;padding:4px 10px;
  background:#fff;border:1px solid var(--border);border-radius:999px;
  font-size:.72rem;color:var(--txt2);
}
.rp-file-chip .rm{cursor:pointer;color:var(--txt3);}
.rp-file-chip .rm:hover{color:var(--red);}

/* ── Order detail panel ──────────────────── */
.rp-order-panel {
  background:linear-gradient(135deg,rgba(79,70,229,.05),rgba(8,145,178,.04));
  border:1px solid rgba(79,70,229,.15);border-radius:var(--radius);padding:18px;
  margin-bottom:20px;
}
.rp-order-no {
  font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;
  color:var(--primary);letter-spacing:1px;
}
.rp-order-meta{color:var(--txt2);font-size:.8rem;margin-top:4px;}
.rp-order-spec{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.rp-spec-chip{
  background:var(--surface2);border:1px solid var(--border);border-radius:999px;
  padding:3px 10px;font-size:.7rem;color:var(--txt2);
}

/* ── Stat cards ──────────────────────────── */
.rp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;}
@media(max-width:800px){.rp-stats{grid-template-columns:1fr 1fr;}}
.rp-stat {
  background:#fff;border:1px solid var(--border);border-radius:var(--radius);
  padding:18px;text-align:center;box-shadow:var(--shadow);
}
.rp-stat-num{font-size:1.8rem;font-weight:900;line-height:1;color:var(--primary);}
.rp-stat-lbl{font-size:.62rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--txt3);margin-top:6px;}

/* ── Auth pages (login / register) ─────── */
.rp-login-page {
  flex:1;display:flex;align-items:center;justify-content:center;
  min-height:100vh;width:100%;
  background:linear-gradient(135deg,#ede9fe 0%,#e0f2fe 50%,#f0fdf4 100%);
  padding:24px;
}
.rp-login-box {
  width:100%;max-width:420px;padding:44px 40px;
  background:#fff;
  border:1px solid var(--border);border-radius:18px;
  box-shadow:var(--shadow-lg);
}
.rp-login-logo{text-align:center;margin-bottom:28px;}
.rp-login-logo-icon{font-size:2.5rem;display:block;margin-bottom:8px;}
.rp-login-logo-text{
  font-size:1.1rem;letter-spacing:5px;text-transform:uppercase;
  color:var(--primary);font-weight:800;display:block;
}
.rp-login-title{font-size:1.3rem;font-weight:800;text-align:center;margin-bottom:6px;color:var(--txt);}
.rp-login-sub{font-size:.78rem;color:var(--txt3);text-align:center;margin-bottom:28px;}
.rp-login-form .rp-form-row{margin-bottom:14px;}
.rp-login-link{text-align:center;margin-top:18px;font-size:.78rem;color:var(--txt3);}

/* ── Knowledge base ──────────────────────── */
.rp-kb-item {
  border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;
  margin-bottom:10px;transition:.15s;background:#fff;box-shadow:var(--shadow);
}
.rp-kb-item:hover{border-color:rgba(79,70,229,.25);box-shadow:var(--shadow-md);}
.rp-kb-problem{color:var(--yellow);font-size:.78rem;font-weight:700;margin-bottom:8px;}
.rp-kb-handling{color:var(--txt2);font-size:.8rem;margin-bottom:4px;}
.rp-kb-result{color:var(--green);font-size:.75rem;}

/* ── Responsive ──────────────────────────── */
@media(max-width:640px){
  .rp-sidebar{transform:translateX(-100%);}
  .rp-main{margin-left:0;}
  .rp-content{padding:16px;}
}

/* ── Scrollbar ───────────────────────────── */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px;}
::-webkit-scrollbar-thumb:hover{background:var(--primary);}

/* ── Utilities ───────────────────────────── */
.gap-12{gap:12px;} .mt-4{margin-top:4px;} .mt-8{margin-top:8px;}
.mt-16{margin-top:16px;} .mt-24{margin-top:24px;}
.flex{display:flex;} .items-center{align-items:center;}
.justify-between{justify-content:space-between;}
.flex-wrap{flex-wrap:wrap;}
.text-muted{color:var(--txt3);}
.text-sm{font-size:.78rem;}
.font-mono{font-family:'JetBrains Mono',monospace;}
.w-full{width:100%;}
.hidden{display:none!important;}

/* Error log viewer */
.error-log-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;}
.error-log-toolbar .rp-input{max-width:620px;}
.error-log-path{margin-bottom:18px;color:var(--txt3);font-size:.75rem;overflow-wrap:anywhere;}
.error-log-list{display:grid;gap:12px;}
.error-log-entry{border:1px solid rgba(220,38,38,.22);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden;}
.error-log-entry summary{padding:14px 16px;color:var(--red);font-family:'JetBrains Mono',monospace;font-size:.76rem;font-weight:700;cursor:pointer;overflow-wrap:anywhere;}
.error-log-entry pre{max-height:520px;margin:0;padding:16px;overflow:auto;border-top:1px solid var(--border);background:#111827;color:#e5e7eb;font:12px/1.55 'JetBrains Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;}

/* Purchase order workspace — design v1 */
.erp-shell{--sidebar-w:240px;background:#f7f9fc;color:#12213f;}
.erp-shell .rp-sidebar{background:linear-gradient(180deg,#062b55 0%,#001d3d 100%);border:0;color:#fff;box-shadow:none;}
.erp-shell .rp-logo{padding:24px 18px;background:transparent;border-color:rgba(255,255,255,.11);}
.erp-shell .rp-logo-title{font-size:1.28rem;letter-spacing:-.5px;color:#fff;text-transform:none;}
.erp-shell .rp-logo-title b{color:#1680ff}.erp-shell .rp-logo-sub,.erp-shell .rp-logo-version{display:none;}
.erp-shell .rp-nav{padding:14px 10px 28px}.erp-shell .rp-nav-section{color:#7191b3;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;margin-top:12px;}
.erp-shell .rp-nav-item{color:#dce9f8;border-radius:6px;margin:2px 0;padding:10px 12px;}
.erp-shell .rp-nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.erp-shell .rp-nav-item.active{background:#0874ee;color:#fff;box-shadow:0 7px 18px rgba(0,100,255,.25);}
.erp-shell .rp-nav-icon{font-size:1.05rem}.erp-shell .rp-nav-parent{color:#dce9f8}.erp-shell .rp-sidebar-user{background:rgba(0,0,0,.12);border-color:rgba(255,255,255,.1)}
.erp-shell .rp-sidebar-user strong{color:#fff}.erp-shell .rp-sidebar-user .text-muted{color:#91aac5}.erp-shell .rp-logout{color:#ffb3b3;}
.po-main{background:#f7f9fc}.po-header{height:60px;padding:0 28px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;color:#263751;position:sticky;top:0;z-index:30;}
.po-header>div{display:flex;align-items:center;gap:16px}.po-divider{height:24px;width:1px;background:#d8e0eb}.po-header-actions{gap:8px!important}.lang-switch{border:1px solid #dbe3ed;border-radius:5px;color:#28415f;padding:4px 8px;font-size:.73rem;}
.po-language-form{display:flex;align-items:center;gap:12px;margin:0;}
.po-lang-option{display:flex;align-items:center;gap:5px;color:#4b5d75;font-size:11px;cursor:pointer;white-space:nowrap;}
.po-lang-option input{width:13px;height:13px;margin:0;accent-color:#0874ee;cursor:pointer;}
.po-lang-option:has(input:checked){color:#0874ee;font-weight:700;}
.po-page{padding:28px 28px 48px;max-width:1800px;width:100%;margin:auto}.po-page h1{font-size:1.9rem;line-height:1.2;margin-bottom:24px;color:#0c2045;letter-spacing:-.03em;}
.po-stats{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:16px;margin-bottom:26px}.po-stat{height:126px;border:1px solid #e1e7ef;border-radius:7px;background:#fff;display:flex;align-items:center;gap:18px;padding:18px;box-shadow:0 2px 5px rgba(20,40,80,.05)}
.po-stat i{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:1.7rem}.po-stat i.blue{background:#eaf3ff;color:#0675ed}.po-stat i.green{background:#e9f7ec;color:#23933d}.po-stat i.orange{background:#fff2e5;color:#ff7715}.po-stat i.red{background:#ffedef;color:#e9414d}.po-stat i.purple{background:#f0ebff;color:#7545d9}
.po-stat span{display:flex;flex-direction:column}.po-stat small{font-weight:600;white-space:nowrap;color:#273650}.po-stat b{font-size:2rem;color:#091b3b;line-height:1.2;margin-top:5px;}
.po-filter,.po-table-card,.po-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-shadow:0 2px 6px rgba(28,49,82,.04)}.po-filter{padding:20px;display:grid;grid-template-columns:minmax(260px,2fr) repeat(5,minmax(125px,1fr)) auto auto;gap:12px;align-items:end;margin-bottom:26px;}
.po-control{width:100%;height:42px;border:1px solid #cfd8e6;border-radius:5px;background:#fff;color:#263751;padding:0 12px;outline:none;transition:.15s}.po-control:focus{border-color:#0874ee;box-shadow:0 0 0 3px rgba(8,116,238,.1)}.po-search{padding-left:16px}.po-btn{height:42px;border:1px solid #d1dbe8;border-radius:5px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer;white-space:nowrap;background:#fff;color:#243856}.po-btn-primary{background:#0874ee;border-color:#0874ee;color:#fff;box-shadow:0 3px 7px rgba(8,116,238,.18)}.po-btn-primary:hover{background:#0562ca;color:#fff}.po-btn-light:hover{background:#f3f7fb;color:#12213f}
.po-table-card{overflow:hidden}.po-table-wrap{width:100%;overflow:auto}.po-table{width:100%;border-collapse:collapse;font-size:.76rem;white-space:nowrap}.po-table th{height:52px;text-align:left;padding:0 13px;border-bottom:1px solid #dfe6ef;color:#22334e;font-weight:700;background:#fff}.po-table td{height:55px;padding:8px 13px;border-bottom:1px solid #e5eaf1;color:#35455e}.po-table tbody tr:hover{background:#f8fbff}.po-table td>a{color:#0874ee;font-weight:600}.po-table-footer{padding:17px 14px;color:#53627a;font-size:.76rem}.po-empty{text-align:center!important;color:#8996a9!important;padding:35px!important}
.po-status{display:inline-flex;padding:4px 9px;border-radius:5px;background:#edf1f5;color:#4c596a}.po-status.IN_TRANSIT,.po-status.DRAFT{background:#eaf3ff;color:#0675ed}.po-status.RECEIVED,.po-status.COMPLETED{background:#e9f7ec;color:#248d3c}.po-status.PROCESSING,.po-status.IN_PROGRESS,.po-status.PENDING,.po-status.PARTIAL{background:#fff1e3;color:#e86d17}.po-status.OVERDUE{background:#ffeaec;color:#db3744}.po-edit{border:0;background:transparent;color:#0874ee;font:600 .73rem Inter,"Segoe UI",Arial,sans-serif;text-decoration:none}.po-edit:visited{color:#0874ee}.po-edit:hover{text-decoration:underline;color:#0562ca}
.cfg-combined-list>.po-table-footer{min-height:66px;padding:10px 16px 10px 18px;display:flex;align-items:center;justify-content:space-between;border-top:0}.cfg-combined-list>.po-table-footer>.po-pagination-footer{min-height:0;padding:0;gap:18px}.cfg-combined-list .cfg-card-title{border-bottom:1px solid #e2e8f0}
.po-delete-form{margin:0}.po-delete{padding:0;border:0;background:transparent;color:#dc3545;font:inherit;font-size:.73rem;font-weight:600;cursor:pointer}.po-delete:hover{text-decoration:underline;color:#b42331}
.po-confirm-backdrop[hidden],.po-delete-loading[hidden]{display:none!important}.po-confirm-backdrop{position:fixed;z-index:300;inset:0;background:rgba(7,23,46,.48);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.po-confirm-dialog{width:420px;max-width:100%;padding:28px 30px 24px;border:1px solid #e4e9f0;border-radius:10px;background:#fff;box-shadow:0 22px 60px rgba(8,28,58,.24);text-align:center;animation:po-dialog-in .18s ease-out}.po-confirm-icon{width:54px;height:54px;margin:0 auto 15px;border-radius:50%;background:#fff0f1;color:#dc3545;display:grid;place-items:center}.po-confirm-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.po-confirm-dialog h2{margin:0 0 9px;color:#152b4c;font-size:18px}.po-confirm-dialog p{margin:0;color:#65758b;font-size:12px;line-height:1.55}.po-confirm-dialog>strong{display:block;margin:9px 0 20px;color:#162d50;font-size:15px}.po-confirm-actions{display:flex;justify-content:center;gap:11px}.po-btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.po-btn-danger:hover{background:#b92534;border-color:#b92534;color:#fff}.po-delete-loading{position:fixed;z-index:310;inset:0;background:rgba(247,249,252,.88);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#15355e}.po-delete-loading .po-loading-spinner{width:42px;height:42px;margin-bottom:12px}.po-delete-loading b{font-size:15px}.po-delete-loading small{margin-top:5px;color:#687990;font-size:11px}@keyframes po-dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.po-form-page{padding-top:18px}.po-form-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.po-form-title>div:last-child,.po-bottom-actions{display:flex;gap:12px}.po-form-title h1{margin:5px 0 0}.po-crumb{font-size:.75rem;color:#687991}.po-info-strip{min-height:54px;border:1px solid #cae0ff;background:#f3f8ff;border-radius:6px;color:#2d4e78;padding:12px 16px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.po-info-strip>div{margin-left:auto;font-size:.72rem}.po-form-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.po-form-card{padding:16px;margin-bottom:14px}.po-form-card h2{font-size:.93rem;margin-bottom:12px;color:#182b4b}.po-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px}.po-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.po-fields label{display:block}.po-fields label>span{display:block;font-size:.7rem;font-weight:600;color:#354965;margin-bottom:5px}.po-fields .span2{grid-column:span 2}.status-fields{margin-top:11px}.po-textarea{height:76px;padding:10px;resize:vertical}.po-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.po-upload{border:1px dashed #8fbaf0;border-radius:6px;padding:10px 18px;display:flex;align-items:center;gap:9px;color:#0874ee;cursor:pointer}.po-upload input{display:none}.po-upload small{color:#74839a;max-width:220px;overflow:hidden;text-overflow:ellipsis}.po-items{grid-column:1/-1}.po-table.compact{font-size:.67rem}.po-table.compact th,.po-table.compact td{height:35px;padding:5px 8px}.po-bottom-actions{justify-content:flex-end}.po-notice{padding:11px 14px;border-radius:5px;margin-bottom:12px}.po-notice.success{background:#e9f7ec;color:#197633}.po-notice.error{background:#ffeaec;color:#c82935}.po-notes-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.attachment-upload{justify-content:center;min-height:76px}.po-attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.po-attachment-list a{padding:5px 9px;border-radius:4px;background:#eef5ff;font-size:.72rem}
.po-fields label>.po-field-label{display:flex;align-items:baseline;gap:3px;white-space:nowrap}.po-field-label>span{display:inline}.po-field-label .po-required{display:inline;color:#e32929}
.po-form-page .po-control[readonly],.po-form-page .po-control:disabled{border-color:#d7dee8;background:#f1f3f6;color:#657286;box-shadow:none;cursor:not-allowed}.po-form-page select.po-control:disabled{opacity:1}.po-form-page .po-date-field input:disabled{border-color:#d7dee8;background-color:#f1f3f6;color:#657286;cursor:not-allowed}
.po-form-card .po-upload-excel-toggle{display:flex;align-items:center;gap:9px;width:max-content;margin-top:16px;color:#263751;font-size:12px;font-weight:600;cursor:pointer}.po-upload-excel-toggle input{width:16px;height:16px;accent-color:#0874ee;cursor:pointer}.excel-upload-card[hidden]{display:none!important}
.excel-preview-table td[data-row]{cursor:text}.excel-preview-table td.editing{background:#fff;border:2px solid #0874ee;outline:none}
.po-area-page{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#0c2045}.po-area-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.po-area-title h1{margin:4px 0 5px;font-size:28px;font-weight:700;line-height:34px;color:#0c2045;letter-spacing:-.03em}.po-area-title p{margin:0;color:#718096;font-size:13px}.po-area-title>.po-btn{height:39px}.po-area-page .cfg-alert{font:12px Inter,"Segoe UI",Arial,sans-serif}.po-area-page .cfg-runtime-filter{border-color:#e2e8f0;border-radius:7px;box-shadow:0 2px 6px rgba(28,49,82,.04)}.po-area-page .cfg-runtime-filter .po-control{border-color:#cfd8e6;border-radius:5px;background:#fff;color:#263751}.po-area-page .cfg-filter-submit,.po-area-page .cfg-filter-clear{font-family:Inter,"Segoe UI",Arial,sans-serif}.po-area-page .cfg-combined-list{border-color:#e2e8f0;border-radius:7px;box-shadow:0 2px 6px rgba(28,49,82,.04)}.po-area-page .cfg-card-title{padding:20px 18px}.po-area-page .cfg-card-title h2{margin:0 0 5px;color:#0c2045;font-size:20px;font-weight:700}.po-area-page .cfg-card-title small{color:#53627a;font-size:11px}.po-area-page .cfg-row-actions a,.po-area-page .cfg-row-actions button{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:11px}.po-area-page .po-attachment-list{margin-top:0}
@media(max-width:1450px){.po-stats{grid-template-columns:repeat(4,1fr)}.po-filter{grid-template-columns:repeat(4,1fr)}.po-form-grid{grid-template-columns:1fr}}
@media(max-width:850px){.po-stats{grid-template-columns:repeat(2,1fr)}.po-filter,.po-fields.three,.po-fields{grid-template-columns:1fr}.po-header{padding:0 16px}.po-page{padding:18px 14px}.po-info-strip{align-items:flex-start;flex-direction:column}.po-info-strip>div{margin-left:0}.po-fields .span2{grid-column:auto}}

/* Purchase order visual calibration — matches the supplied 2048px desktop reference. */
.erp-shell{--sidebar-w:250px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:13px;}
.erp-shell .rp-logo{height:72px;padding:21px 18px;display:flex;align-items:center;}
.erp-shell .rp-logo-title{font-size:22px;font-weight:700;line-height:1;white-space:nowrap;}
.erp-shell .rp-nav{padding:17px 10px 24px;}
.erp-shell .rp-nav-item{min-height:50px;padding:0 15px;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:500;}
.erp-shell .rp-nav-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;}
.erp-shell .rp-nav-icon svg,.po-stat svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.erp-shell .rp-nav-section{font-size:10px;letter-spacing:.11em;margin:13px 12px 5px;padding-top:13px;}
.erp-shell .rp-sidebar-user{font-size:11px;padding:12px 16px;}
.po-header{height:60px;padding:0 30px;font-size:14px;}
.po-header strong{font-size:15px}.po-header-actions{font-size:13px}.lang-switch{font-size:11px;padding:3px 7px;}
.po-page{padding:27px 28px 38px;max-width:none;margin:0 auto;}
.po-page h1{font-size:28px;font-weight:700;line-height:34px;margin:0 0 22px;}
.po-stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:15px;margin-bottom:25px;}
.po-stat{height:118px;padding:16px;gap:15px;border-radius:6px;}
.po-stat i{width:52px;height:52px;padding:13px;flex:0 0 52px;border-radius:7px;}
.po-stat small{font-size:12px;line-height:17px}.po-stat b{font-size:27px;line-height:31px;margin-top:3px;}
.po-filter{min-height:104px;padding:20px;grid-template-columns:minmax(230px,1.65fr) repeat(5,minmax(105px,1fr)) auto auto;gap:11px;margin-bottom:25px;}
.po-control{height:39px;padding:0 11px;border-radius:4px;font-size:12px;}
.po-btn{height:39px;padding:0 17px;border-radius:4px;font-size:12px;}
.po-table{font-size:11px}.po-table th{height:48px;padding:0 11px;font-size:10px}.po-table td{height:51px;padding:7px 11px}.po-table-footer{padding:15px 13px;font-size:11px;}
.po-status{padding:4px 8px;border-radius:4px;font-size:10px;}

/* Create and edit stay inside the PO page as a full workspace layer. */
.po-editor-overlay{position:fixed;z-index:80;left:var(--sidebar-w);right:0;top:60px;bottom:0;background:#f7f9fc;overflow:auto;}
.po-editor-overlay .po-form-page{max-width:none;margin:0;padding:14px 28px 24px;}
.po-editor-overlay .po-form-title{min-height:52px;margin-bottom:9px;align-items:center;}
.po-editor-overlay .po-form-title h1{font-size:22px;line-height:26px;margin:2px 0 0;}
.po-editor-overlay .po-crumb{font-size:10px}.po-editor-overlay .po-btn{height:36px;}
.po-editor-overlay .po-info-strip{min-height:43px;padding:8px 13px;margin-bottom:9px;font-size:11px;}
.po-editor-overlay .po-form-grid{gap:9px;grid-template-columns:1.35fr 1fr;}
.po-editor-overlay .po-form-card{padding:11px 14px;margin-bottom:9px;border-radius:5px;}
.po-editor-overlay .po-form-card h2{font-size:13px;line-height:17px;margin-bottom:8px;}
.po-editor-overlay .po-fields{gap:7px 12px}.po-editor-overlay .po-fields label>span{font-size:9px;margin-bottom:3px;}
.po-editor-overlay .po-control{height:32px;font-size:10px;padding:0 9px;}
.po-editor-overlay .status-fields{margin-top:7px}.po-editor-overlay .po-card-head{min-height:40px;}
.po-editor-overlay .po-upload{min-height:38px;padding:6px 12px;font-size:10px;}
.po-editor-overlay .po-table-wrap{max-height:210px}.po-editor-overlay .po-table.compact{font-size:9px;}
.po-editor-overlay .po-table.compact th,.po-editor-overlay .po-table.compact td{height:28px;padding:4px 7px;}
.po-editor-overlay .po-notes-grid{gap:12px}.po-editor-overlay .po-textarea,.po-editor-overlay .attachment-upload{height:55px;min-height:55px;}
.po-editor-overlay .po-bottom-actions{position:sticky;bottom:0;background:#f7f9fc;padding-top:5px;}
.po-import-head{align-items:flex-start;padding-bottom:8px}.po-import-head>div:first-child{min-width:260px}.po-import-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1}.po-import-file{display:flex;align-items:center;gap:7px;color:#31445f;font-size:10px}.excel-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:2px;background:#1fa34a;color:#fff;font-size:9px;font-weight:800}.valid-mark{color:#20a454;font-size:14px;font-weight:800}.upload-icon{font-size:16px}.po-import-stats{display:flex;align-items:center;gap:9px}.po-import-stats>span{min-width:92px;height:32px;padding:0 11px;border:1px solid;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px}.po-import-stats .rows{border-color:#b8d6fb;background:#eef6ff;color:#1474db}.po-import-stats .valid{border-color:#bee4c8;background:#effaf2;color:#21843a}.po-import-stats .errors{border-color:#f4c3c7;background:#fff1f2;color:#d93644}.po-import-toolbar{min-height:27px;display:flex;align-items:center;justify-content:flex-end;gap:16px;color:#677991;font-size:9px}.po-import-toolbar label{cursor:pointer}.po-import-message{margin:1px 0 5px;padding:7px 10px;border-radius:4px;font-size:10px}.po-import-message.loading{background:#eef6ff;color:#1474db}.po-import-message.error{background:#fff0f1;color:#c92f3c}.po-import-table-wrap{height:190px;max-height:190px!important;border-top:1px solid #e1e7ef}.po-import-table{min-width:1280px}.po-import-table th:last-child,.po-import-table td:last-child{min-width:185px}.po-import-table tr.invalid{background:#fff7f7}.po-row-status{display:inline-block;padding:3px 7px;border-radius:9px;font-size:8px;line-height:1.2}.po-row-status.valid{background:#e7f7ea;color:#25813a}.po-row-status.error{max-width:230px;background:#ffe9eb;color:#d42d3b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-text{color:#c92f3c!important}
@media(max-width:1450px){.po-stats{grid-template-columns:repeat(7,minmax(130px,1fr));overflow-x:auto}.po-filter{grid-template-columns:repeat(4,minmax(150px,1fr))}.po-editor-overlay .po-form-grid{grid-template-columns:1fr 1fr}}

/* Dashboard filter bar — exact structure from the reference. */
.po-filter{min-height:128px;padding:25px 20px 23px;grid-template-columns:minmax(240px,1.8fr) repeat(7,minmax(110px,1fr)) 158px;gap:14px;align-items:end;border-radius:7px;}
.po-filter-field{display:flex;min-width:0;flex-direction:column;gap:6px;}
.po-filter-field>span{height:16px;padding-left:2px;color:#17253d;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap;}
.po-filter .po-control{height:52px;border:1px solid #d4dce7;border-radius:5px;background-color:#fff;padding:0 14px;color:#26364d;font-size:12px;box-shadow:0 1px 2px rgba(15,35,65,.02);}
.po-filter select.po-control{padding-right:32px;cursor:pointer;}
.po-filter-search{height:52px;position:relative;display:flex;align-items:center;}
.po-filter-search svg{position:absolute;z-index:1;left:15px;width:20px;height:20px;fill:none;stroke:#6a7a90;stroke-width:1.8;stroke-linecap:round;}
.po-filter .po-search{padding-left:45px;}
.po-filter .po-btn-primary{height:52px;border-radius:5px;font-size:13px;font-weight:600;gap:10px;box-shadow:0 3px 8px rgba(8,116,238,.2);}
.po-filter .po-btn-primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;}
@media(max-width:1650px){.po-filter{grid-template-columns:minmax(220px,1.6fr) repeat(7,minmax(105px,1fr)) 145px;gap:10px}}
@media(max-width:1250px){.po-filter{grid-template-columns:repeat(3,minmax(180px,1fr));}.po-filter-search{margin-top:22px}}

/* Final filter density/fit correction based on the actual 2048px render. */
.po-filter{
  width:100%;min-height:88px;padding:13px 18px 14px;
  grid-template-columns:minmax(0,2fr) repeat(7,minmax(0,1fr)) minmax(0,1fr);
  gap:10px;overflow:hidden;
}
.po-filter-search{min-width:0;height:38px;}
.po-filter-field{min-width:0;gap:3px;}
.po-filter-field>span{height:13px;padding-left:1px;font-size:9px;line-height:13px;overflow:hidden;text-overflow:ellipsis;}
.po-filter .po-control{min-width:0;height:38px;padding:0 10px;font-size:10px;}
.po-filter select.po-control{padding-right:24px;}
.po-filter-search svg{left:12px;width:16px;height:16px;}
.po-filter .po-search{padding-left:36px;}
.po-filter .po-btn-primary{min-width:0;width:100%;height:38px;padding:0 9px;font-size:10px;gap:7px;overflow:hidden;}
.po-filter .po-btn-primary svg{width:17px;height:17px;flex:0 0 17px;}
@media(max-width:1650px){
  .po-filter{grid-template-columns:minmax(0,2fr) repeat(7,minmax(0,1fr)) minmax(0,1fr);gap:8px;}
}
@media(max-width:1250px){
  .po-filter{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;}
  .po-filter-search{margin-top:16px;}
}

/* Table pagination — matches the supplied footer layout. */
.po-pagination-footer{min-height:66px;padding:10px 16px 10px 18px;display:flex;align-items:center;justify-content:space-between;border-top:0;color:#34445b;font-size:11px;}
.po-pagination-controls{display:flex;align-items:center;gap:14px;}
.po-page-size-form{margin:0}.po-page-size{height:38px;min-width:132px;padding:0 34px 0 13px;border:1px solid #d8e0ea;border-radius:5px;background:#fff;color:#34445b;font:inherit;cursor:pointer;}
.po-pagination{display:flex;align-items:center;gap:5px;}
.po-pagination a,.po-pagination .ellipsis{width:38px;height:38px;border:1px solid #dbe3ec;border-radius:5px;background:#fff;color:#33445c;display:grid;place-items:center;font-size:12px;line-height:1;text-decoration:none;}
.po-pagination a:hover{border-color:#0874ee;color:#0874ee}.po-pagination a.active{border-color:#0874ee;background:#0874ee;color:#fff;box-shadow:0 2px 5px rgba(8,116,238,.2);}
.po-pagination a.disabled{pointer-events:none;color:#aeb8c5;background:#fafbfd;}
.po-pagination .ellipsis{border-color:transparent;background:transparent;}
@media(max-width:850px){.po-pagination-footer{align-items:flex-start;flex-direction:column;gap:10px}.po-pagination-controls{width:100%;justify-content:space-between}.po-pagination a,.po-pagination .ellipsis{width:32px;height:32px}.po-page-size{height:32px;min-width:110px}}

/* PO Excel importer — calibrated to the supplied create-PO reference. */
.po-items [hidden]{display:none!important}.po-editor-overlay .po-items{padding:10px 14px 8px}.po-editor-overlay .po-items>h2{margin:0 0 7px;font-size:13px}
.po-items .po-import-head{display:grid;grid-template-columns:350px minmax(360px,1fr) minmax(560px,1.5fr);gap:22px;align-items:end;padding:0 0 7px}
.po-import-upload-column>b{display:block;margin:0 0 4px 7px;color:#263850;font-size:9px}.po-excel-drop{height:52px;border:1px dashed #9bbce8;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:14px;color:#394b66;font-size:10px;line-height:15px;cursor:pointer;background:#fff}.po-excel-drop input{display:none}.po-excel-drop svg{width:31px;height:31px;fill:none;stroke:#0874ee;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.po-excel-drop em{color:#0874ee;font-style:normal}
.po-excel-drop.dragging{border-color:#0874ee;background:#eef6ff}
.po-import-file-column{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;min-width:0}.po-import-file{height:22px;display:flex;align-items:center;gap:8px;color:#3b4c65;font-size:10px}.po-import-file b{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excel-icon{width:17px;height:17px}.valid-mark{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#20ae59;color:#fff;font-size:9px}.po-file-buttons{display:flex;gap:10px}.po-mini-btn{height:31px;min-width:150px;padding:0 13px;border:1px solid #d5deea;border-radius:4px;background:#fff;color:#2e405a;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:600;cursor:pointer;text-decoration:none}.po-mini-btn:hover{border-color:#0874ee;color:#0874ee}
.po-import-validation{display:flex;align-items:flex-end;justify-content:flex-end;gap:15px}.po-import-validation .po-btn{width:170px;height:34px;font-size:10px}.po-import-validation .po-btn:disabled{background:#aebdce;border-color:#aebdce;box-shadow:none;cursor:not-allowed}.po-import-stats{display:flex;gap:17px}.po-import-stats>span{width:122px;min-width:122px;height:34px;font-size:10px}
.po-items .po-import-toolbar{height:24px;min-height:24px;padding:0 4px;justify-content:flex-end;gap:28px}.po-import-toolbar a{color:#0874ee;text-decoration:none}.po-import-toolbar input{width:14px;height:14px;vertical-align:middle}
.po-editor-overlay .po-import-table-wrap{height:205px;max-height:205px!important;border:1px solid #dfe6ef;border-radius:3px;overflow-x:auto!important;overflow-y:scroll!important}.po-import-table{min-width:1850px;table-layout:auto}.po-editor-overlay .po-import-table.compact{font-size:8px}.po-editor-overlay .po-import-table.compact th,.po-editor-overlay .po-import-table.compact td{height:27px;padding:3px 7px;border-right:1px solid #e2e7ee}.po-import-table thead{position:sticky;top:0;z-index:2}.po-import-table th{font-size:8px!important}.po-import-table td{white-space:normal;min-width:72px}.po-import-table th:nth-child(8),.po-import-table td:nth-child(8){min-width:150px}.po-import-table th:nth-child(19),.po-import-table td:nth-child(19){min-width:190px}.po-import-table th:last-child,.po-import-table td:last-child{min-width:74px;text-align:center}.po-import-table .po-empty{height:150px!important}
.po-scroll-hint{height:19px;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-right:5px;color:#5d6e85;font-size:8px}.po-scroll-hint b{font-size:15px;color:#304862}.po-import-message{margin-bottom:5px}
.po-import-table td[data-row]{cursor:text}.po-import-table td[data-row]:hover{background:#f0f6ff}.po-import-table td.editing{background:#fff!important;outline:2px solid #0874ee;outline-offset:-2px;box-shadow:inset 0 0 0 1px #fff}
.po-import-table td.locked{cursor:not-allowed;background:#f7f9fc;color:#53647b}.po-import-table td.locked:hover{background:#f7f9fc}
.po-date{padding-right:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2338495f' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}
.po-date-field{position:relative}.po-date-picker{position:absolute;z-index:3;left:0;right:0;bottom:0;width:100%;height:32px;opacity:0;cursor:pointer}.po-date-field .po-date{pointer-events:none}
.po-items{position:relative}.po-loading-overlay{position:absolute;z-index:20;inset:0;border-radius:5px;background:rgba(255,255,255,.82);backdrop-filter:blur(1px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#173a68;font-size:11px}.po-loading-spinner{width:34px;height:34px;border:3px solid #d7e7fb;border-top-color:#0874ee;border-radius:50%;animation:po-spin .75s linear infinite}@keyframes po-spin{to{transform:rotate(360deg)}}
@media(max-width:1500px){.po-items .po-import-head{grid-template-columns:280px minmax(300px,1fr) minmax(430px,1.4fr);gap:12px}.po-import-stats{gap:7px}.po-import-stats>span{width:100px;min-width:100px}.po-import-validation .po-btn{width:140px}.po-mini-btn{min-width:125px}}

/* Configuration platform */
.cfg-main,.cfg-runtime{padding:28px;background:#f5f8fc;min-height:100vh;color:#0b2145}.cfg-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.cfg-page-head h1{font-size:30px;margin:4px 0 5px}.cfg-page-head p,.cfg-breadcrumb{margin:0;color:#71809a}.cfg-breadcrumb{font-size:13px;color:#3375da}.cfg-head-actions,.cfg-editor-actions{display:flex;gap:12px}.cfg-head-actions form,.cfg-inline{display:inline}.cfg-btn{border:1px solid #cdd7e5;background:#fff;border-radius:6px;padding:10px 17px;font:600 14px Inter,sans-serif;color:#20334f;text-decoration:none;cursor:pointer}.cfg-btn.primary{background:#0878ed;color:#fff;border-color:#0878ed;box-shadow:0 3px 8px #0878ed33}.cfg-btn.danger{color:#db3d4b;border-color:#efb3ba}.cfg-alert{border:1px solid;padding:12px 16px;border-radius:6px;margin-bottom:15px}.cfg-alert.success{background:#eaf8ee;border-color:#b6e2c0;color:#147c32}.cfg-alert.error{background:#fff0f1;border-color:#f2bdc2;color:#c82e3b}.cfg-alert.warning{background:#fff9e7;border-color:#eed98b;color:#806300}.cfg-scope,.cfg-card{background:#fff;border:1px solid #dae2ec;border-radius:7px;box-shadow:0 1px 3px #1b35540c}.cfg-scope{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:28px;padding:17px;margin-bottom:16px}.cfg-scope label,.cfg-field-editor label,.cfg-inline-form label,.cfg-dynamic-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.cfg-scope select,.cfg-field-editor input,.cfg-field-editor select,.cfg-field-editor textarea,.cfg-inline-form input,.cfg-inline-form select,.cfg-dynamic-grid input,.cfg-dynamic-grid select,.cfg-dynamic-grid textarea{border:1px solid #cbd6e4;border-radius:5px;padding:9px 11px;background:#fff;color:#1c2e49;font:14px Inter,sans-serif;min-height:39px}.cfg-scope small,.cfg-card small,.cfg-field-editor small{display:block;color:#7d8ba1;font-weight:400}.cfg-flow{display:flex;align-items:center;justify-content:space-around;border-left:1px solid #e2e8f0;font-weight:600}.cfg-builder-grid{display:grid;grid-template-columns:230px minmax(430px,1fr) minmax(460px,1.15fr);gap:14px;align-items:start}.cfg-card{padding:15px}.cfg-card h2{font-size:16px;margin:0}.cfg-card-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #e1e7ef}.cfg-modules{grid-row:span 2;padding:0;overflow:hidden}.cfg-modules h2{padding:18px}.cfg-modules h2 span{display:block;font-size:11px;color:#8795a9;margin-top:3px}.cfg-module{display:flex;justify-content:space-between;padding:17px 20px;color:#172b49;text-decoration:none;font-weight:650;border-top:1px solid #edf1f5}.cfg-module.active{background:#eaf3ff;border-left:4px solid #0878ed;color:#086bd2}.cfg-table-head,.cfg-area-row{display:grid;grid-template-columns:70px 1fr 100px 70px 70px;align-items:center;gap:8px;padding:11px 12px}.cfg-table-head,.cfg-field-head{font-size:12px;font-weight:700;color:#6f7e93}.cfg-area-row{border-top:1px solid #edf1f5;text-decoration:none;color:#20334f}.cfg-area-row.active,.cfg-field-row.active{background:#edf5ff;border-left:3px solid #0878ed}.cfg-area-row small,.cfg-field-row small{font-size:11px}.cfg-pill,.cfg-status{background:#e8f7ec;color:#278044;border-radius:3px;padding:4px 7px;font-size:11px;width:max-content}.cfg-inline-form{display:none;grid-template-columns:1fr 1fr;gap:12px;padding:16px;margin-top:10px;background:#f8fafc;border:1px solid #dce4ee}.cfg-inline-form.open{display:grid}.cfg-inline-form h3,.cfg-inline-form>div{grid-column:1/-1}.cfg-inline-form .cfg-check{flex-direction:row;align-items:center}.cfg-fields{grid-column:2}.cfg-field-editor{grid-column:3;grid-row:2}.cfg-field-head,.cfg-field-row{display:grid;grid-template-columns:65px 1.4fr 95px 75px 70px 55px;gap:7px;align-items:center;padding:10px 9px}.cfg-field-row{border-top:1px solid #edf1f5;text-decoration:none;color:#21344f;font-size:12px}.cfg-field-editor>form:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.cfg-wide,.cfg-switches,.cfg-editor-actions{grid-column:1/-1}.cfg-switches{display:flex;gap:18px;border-top:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;padding:13px 0}.cfg-switches label{display:flex;flex-direction:row;align-items:center}.cfg-editor-actions{justify-content:flex-end;margin-top:5px}.cfg-empty{text-align:center;color:#8593a8;padding:30px}.cfg-runtime-table{overflow:auto}.cfg-runtime-table table{width:100%;border-collapse:collapse}.cfg-runtime-table th,.cfg-runtime-table td{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.cfg-runtime-table button{border:0;background:none;color:#d43b48;cursor:pointer}.cfg-dynamic-editor{position:fixed;inset:0;background:#13243c88;z-index:2000;display:none;padding:35px;overflow:auto}.cfg-dynamic-editor.open{display:block}.cfg-dynamic-panel{max-width:1100px;margin:auto;background:#f6f8fb;border-radius:8px;padding:20px}.cfg-close{font-size:28px;text-decoration:none;color:#53627a}.cfg-dynamic-section{background:#fff;border:1px solid #dce4ee;border-radius:7px;margin:14px 0;padding:17px}.cfg-dynamic-section h3{margin:0 0 15px;text-transform:capitalize}.cfg-dynamic-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cfg-dynamic-grid label b{color:#d82f3e}.cfg-dynamic-grid .cfg-wide{grid-column:1/-1}.cfg-dynamic-grid textarea{min-height:100px}.cfg-dynamic-panel .cfg-editor-actions{display:flex;justify-content:flex-end;padding-top:10px}
@media(max-width:1200px){.cfg-builder-grid{grid-template-columns:200px 1fr}.cfg-field-editor{grid-column:1/-1;grid-row:auto}.cfg-scope{grid-template-columns:1fr 1fr}.cfg-flow{grid-column:1/-1;border-left:0}.cfg-fields{grid-column:auto}}@media(max-width:760px){.cfg-main,.cfg-runtime{padding:15px}.cfg-builder-grid,.cfg-scope,.cfg-dynamic-grid{grid-template-columns:1fr}.cfg-modules{grid-row:auto}.cfg-fields,.cfg-field-editor{grid-column:auto}.cfg-page-head{flex-direction:column}.cfg-dynamic-editor{padding:10px}}
.cfg-permissions{border-top:1px solid #e2e8f0;padding-top:12px;max-height:330px;overflow:auto}.cfg-permissions h3{margin:0 0 3px}.cfg-permission-head,.cfg-permission-row{display:grid;grid-template-columns:1fr 65px 65px 65px;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #edf1f5}.cfg-permission-head{position:sticky;top:0;background:#f4f7fb;font-size:11px;font-weight:700;z-index:1}.cfg-permission-row>input{min-height:auto;justify-self:center}

/* Pixel-oriented configuration builders */
.design-admin{background:#f8fafc;min-height:100vh;color:#121a29;font-family:Inter,Arial,sans-serif;padding:0 20px 28px}.design-topbar{height:64px;margin:0 -20px 22px;padding:0 28px;border-bottom:1px solid #e2e7ef;background:#fff;display:flex;align-items:center;justify-content:space-between}.design-crumb{font-size:13px;color:#657289}.design-tools{display:flex;align-items:center;gap:20px;color:#253348}.design-tools>span{position:relative;font-size:19px}.design-tools i{position:absolute;right:-9px;top:-9px;background:#0877e9;color:#fff;font-style:normal;font-size:9px;padding:2px 5px;border-radius:9px}.design-search{border:1px solid #dde4ed;border-radius:5px;padding:9px 12px;width:255px;color:#9aa5b4}.design-search kbd{float:right;border:0;background:none;color:#8290a4}.design-avatar{background:#e5f1ff;border-radius:50%;font-size:12px!important;padding:9px;color:#3072c5}.design-title h1,.field-design-title h1{margin:0;font-size:28px;letter-spacing:-.6px}.design-title{margin:0 0 17px}.design-notice{border:1px solid #e8d491;background:#fffaf0;border-radius:5px;padding:16px 18px;color:#313a49;font-size:13px}.design-notice span{color:#e7a315;margin-right:12px}.module-design-grid{display:grid;grid-template-columns:280px minmax(540px,1fr) 390px;gap:14px;margin-top:14px;align-items:stretch}.design-panel{background:#fff;border:1px solid #e2e7ed;box-shadow:0 1px 3px #263c5710}.module-lock-panel{display:flex;flex-direction:column}.module-lock-panel h2{font-size:15px;padding:18px 20px;margin:0}.module-lock{display:flex;justify-content:space-between;padding:16px 22px;border-top:1px solid #edf1f5;color:#202a3a;text-decoration:none;font-size:14px}.module-lock.active{border-left:4px solid #0675e7;background:#eaf4ff;color:#163e72}.module-lock-help{margin-top:auto;display:flex;gap:14px;padding:28px 25px;color:#667388;border-top:1px solid #e8edf3;font-size:12px;line-height:1.5}.areas-design-panel{display:flex;flex-direction:column}.area-module-head{display:grid;grid-template-columns:65px 1fr auto;gap:13px;align-items:center;padding:17px;border-bottom:1px solid #e5eaf0}.area-module-head h2{font-size:17px;margin:0 0 6px}.area-module-head p{font-size:13px;color:#6c788a;margin:0;max-width:300px;line-height:1.45}.area-module-icon{width:55px;height:55px;background:#eaf4ff;display:grid;place-items:center;font-size:25px}.design-primary,.design-secondary,.design-danger{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;padding:10px 15px;text-decoration:none;font:600 13px Inter;border:1px solid #cfd8e5;cursor:pointer;white-space:nowrap}.design-primary{background:#0777ea;border-color:#0777ea;color:#fff;box-shadow:0 2px 5px #0877ea38}.design-secondary{background:#fff;color:#28364b}.design-danger{background:#fff;color:#d53947;border-color:#eeb4ba}.area-design-head,.area-design-row{display:grid;grid-template-columns:35px 1fr 80px 75px 70px;align-items:center;padding:12px 16px;gap:8px}.area-design-head{font-size:12px;font-weight:700;color:#536174;border-bottom:1px solid #e6ebf1}.area-design-row{border-bottom:1px solid #edf1f5;min-height:58px;font-size:13px}.area-design-row.dragging,.field-design-row.dragging{opacity:.45}.area-design-row>span:nth-child(2){display:flex;align-items:center;gap:9px}.area-design-row em{font-size:10px;font-style:normal;padding:3px 7px;border-radius:3px}.area-design-row em.system{background:#e8f2ff;color:#3977c1}.area-design-row em.custom{background:#ecf9ef;color:#38844d}.drag-grip{cursor:grab;font-size:19px;color:#69778b}.design-switch{width:36px;height:20px;border:0;border-radius:12px;background:#b6c0cd;position:relative;cursor:pointer}.design-switch:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0004;transition:.2s}.design-switch.on{background:#35ad56}.design-switch.on:after{left:18px}.access-shield{font-size:20px}.area-design-row>a{color:#1671d1;text-decoration:none}.configuration-connection{border-top:1px solid #e2e8ef;margin-top:auto;padding:18px}.configuration-connection h3{font-size:14px;margin:0 0 18px}.configuration-connection>div{display:flex;align-items:center;justify-content:space-between;gap:7px}.configuration-connection>div span{background:#f0f6ff;padding:10px;font-size:11px}.configuration-connection p{font-size:12px;color:#68768a;margin:14px 0 0}.area-drawer{padding:0;align-self:start}.area-drawer:not(.open){visibility:hidden}.drawer-title{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #e4e9ef}.drawer-title h2{font-size:15px;margin:0}.drawer-title a{text-decoration:none;color:#263348}.area-drawer form{padding:18px;display:flex;flex-direction:column;gap:14px}.area-drawer label{font-size:12px;font-weight:600}.area-drawer label>b{color:#e03d4c}.area-drawer input,.area-drawer select,.locked-select{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d5dde7;border-radius:4px;background:#fff;padding:10px;font:13px Inter;color:#334158}.area-drawer input[readonly],.locked-select{background:#f5f7fa;color:#69778a}.area-drawer fieldset{border:0;padding:0;margin:0}.area-drawer legend{font-size:12px;font-weight:600;margin-bottom:6px}.area-subject-list{border:1px solid #dbe2eb;max-height:145px;overflow:auto;padding:6px}.area-subject-list label{display:flex;align-items:center;gap:8px;padding:5px}.area-subject-list input{width:auto;margin:0}.area-subject-list small{display:block;color:#8a96a7}.drawer-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #e5eaf0}
.field-design-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.field-design-title p{margin:4px 0;color:#627086;font-size:13px}.field-title-actions{display:flex;gap:10px}.field-title-actions form{display:inline-flex}.field-scope{background:#fff;border:1px solid #e0e6ee;padding:15px;margin-bottom:14px}.field-scope h3{font-size:14px;margin:0 0 15px}.field-scope-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:35px}.field-scope label{font-size:12px}.field-scope select{display:block;width:100%;margin:8px 0 5px;border:1px solid #d2dbe6;padding:9px;background:#fff}.field-scope small{color:#748195}.field-flow{display:flex;align-items:center;justify-content:space-around;border-left:1px solid #e4e9ef;font-size:13px;font-weight:600}.field-builder-grid{display:grid;grid-template-columns:minmax(540px,1.05fr) minmax(590px,1.2fr);gap:14px}.field-list-panel,.field-config-panel{background:#fff;border:1px solid #e0e6ee;min-width:0}.field-panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px}.field-panel-head h2,.field-config-panel>h2{font-size:15px;margin:0}.field-panel-head small{color:#7a8799}.field-search{margin:0 15px 9px;border:1px solid #d8e0e9;padding:8px 10px;width:290px;color:#7c899b}.field-search input{border:0;outline:0;width:250px}.functional-tabs{display:flex;gap:4px;padding:0 15px 9px;border-bottom:1px solid #e4e9ef;overflow:auto}.functional-tabs a{padding:8px 13px;background:#f7f8fa;border:1px solid #dde3eb;color:#586578;text-decoration:none;font-size:12px;white-space:nowrap}.functional-tabs a.active{color:#086ed7;border-bottom:2px solid #0877ea;background:#eff6ff}.field-design-head,.field-design-row{display:grid;grid-template-columns:30px 38px 1.35fr 105px 80px 70px 85px;align-items:center;gap:6px;padding:9px 13px;font-size:11px}.field-design-head{font-weight:700;border-bottom:1px solid #e0e6ed}.field-design-row{min-height:45px;border-bottom:1px solid #edf1f5}.field-design-row.selected{background:#edf5ff;border-left:3px solid #0877ea}.field-design-row>a{text-decoration:none;color:#24344e}.field-design-row>a small{display:block;color:#8591a3}.required-badge{background:#fff0ef;color:#c74643;padding:3px 5px;width:max-content}.active-badge{background:#eaf8ee;color:#318149;padding:3px 6px}.inactive-badge{background:#f1f3f6;color:#748096;padding:3px 6px}.field-row-actions{display:flex;align-items:center;gap:10px}.field-row-actions a,.field-row-actions button{border:0;background:none;color:#34435a;text-decoration:none;cursor:pointer;font-size:15px}.drag-help{text-align:center;color:#7b8798;padding:16px;font-size:12px}.field-config-panel>h2{padding:16px;border-bottom:1px solid #e2e7ed}.field-config-panel form{padding:14px}.field-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.field-config-grid>label{font-size:12px;font-weight:600}.field-config-grid input,.field-config-grid select,.field-config-grid textarea{box-sizing:border-box;width:100%;border:1px solid #d5dde7;border-radius:3px;padding:8px;margin-top:5px;font:12px Inter;background:#fff}.field-config-grid .full-row{grid-column:1/-1}.location-picker,.option-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;border:1px solid #d5dde7;min-height:35px;padding:5px}.location-picker label{position:relative}.location-picker input{position:absolute;opacity:0}.location-picker span,.option-chip{display:inline-flex;align-items:center;gap:5px;background:#f0f3f7;padding:5px 8px;font-size:11px;font-weight:500}.location-picker input:checked+span{background:#e6f1ff;color:#0872db}.option-chip button,.add-option{border:0;background:none;cursor:pointer;color:#657287}.add-option{border:1px solid #dbe2eb;padding:4px 8px}.field-switch-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e6ebf1;padding-top:9px}.field-switch-list label{display:flex;align-items:center;justify-content:space-between;padding:5px 18px 5px 0;position:relative}.field-switch-list input{position:absolute;opacity:0}.field-switch-list i{width:30px;height:17px;background:#b9c3d0;border-radius:10px;position:relative}.field-switch-list i:after{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;background:#fff;border-radius:50%;transition:.2s}.field-switch-list input:checked+i{background:#0877e8}.field-switch-list input:checked+i:after{left:15px}.permission-config{margin-top:14px;border-top:1px solid #dfe6ee;padding-top:12px}.permission-config h3{font-size:13px;margin:0 0 8px}.permission-tabs{display:flex}.permission-tabs button{flex:1;border:1px solid #d8e0ea;background:#fff;padding:7px;font-size:11px}.permission-tabs button.active{background:#eaf4ff;color:#086ed7;border-color:#7fb3ec}.permission-grid{display:grid;grid-template-columns:1fr 80px 100px 80px;align-items:center;padding:6px 10px;border-bottom:1px solid #edf1f5;font-size:11px}.permission-grid input{justify-self:center}.permission-head{background:#f7f9fb;font-weight:700}.permission-subject small{display:block;color:#8a96a6}.permission-note{margin-top:9px;background:#fff9e8;border:1px solid #e9d891;padding:8px;color:#756121;font-size:11px}.field-config-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e0e6ed;margin-top:14px;padding-top:14px}.empty-builder{background:#fff;border:1px dashed #cfd9e6;padding:70px;text-align:center;color:#78869a}
.preview-body{margin:0;background:#f5f8fc;font-family:Inter;color:#132744}.preview-header{height:72px;background:#fff;border-bottom:1px solid #dce4ee;padding:0 35px;display:flex;align-items:center;justify-content:space-between}.preview-header span{font-size:11px;color:#0877e8;text-transform:uppercase}.preview-header h1{font-size:21px;margin:2px 0}.preview-header button,.preview-actions button{border:1px solid #cad5e2;background:#fff;padding:10px 20px;border-radius:5px}.preview-canvas{max-width:1180px;margin:25px auto;padding:0 20px}.preview-banner{background:#eaf4ff;border:1px solid #b8d7fa;padding:13px;margin-bottom:14px;color:#315d8c}.preview-section{background:#fff;border:1px solid #dce4ed;border-radius:6px;padding:18px;margin:13px 0}.preview-section h2{font-size:16px;text-transform:capitalize}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview-grid label{font-size:12px;font-weight:600}.preview-grid label.wide{grid-column:1/-1}.preview-grid input,.preview-grid select,.preview-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #ccd8e6;padding:10px;background:#f9fafc}.preview-grid b{color:#db3544}.preview-actions{display:flex;justify-content:flex-end;gap:10px}.preview-actions .primary{background:#0877e8;color:#fff;border-color:#0877e8}
@media(max-width:1250px){.module-design-grid{grid-template-columns:220px 1fr}.area-drawer{grid-column:1/-1}.field-builder-grid{grid-template-columns:1fr}.field-scope-grid{grid-template-columns:1fr 1fr}.field-flow{grid-column:1/-1;border:0}}@media(max-width:760px){.design-tools{display:none}.module-design-grid,.field-scope-grid,.preview-grid{grid-template-columns:1fr}.module-lock-panel{display:none}.field-design-row,.field-design-head{grid-template-columns:25px 30px 1fr 80px 65px}.field-design-row>:nth-child(6),.field-design-head>:nth-child(6){display:none}.field-config-grid{grid-template-columns:1fr}.field-config-grid .full-row{grid-column:auto}}
.area-module-actions{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}
.cfg-version-strip{display:flex;align-items:center;gap:8px;margin:-5px 0 14px;padding:9px 12px;background:#fff;border:1px solid #e0e6ee;font-size:11px;overflow:auto}.cfg-version-strip span{padding:4px 8px;border-radius:10px;white-space:nowrap}.cfg-version-strip .published{background:#e9f8ed;color:#278141}.cfg-version-strip .draft{background:#edf4ff;color:#176bc2}
.cfg-media-field{display:flex;flex-direction:column;gap:7px}.cfg-media-preview img,.cfg-media-preview video{display:block;max-width:260px;max-height:180px;border-radius:6px;border:1px solid #dce4ee}.cfg-media-field>a{font-size:12px;color:#0877ea}
.cfg-excel-runtime{margin-bottom:16px}.cfg-excel-runtime .cfg-card-title form{display:flex;gap:8px;align-items:center}.cfg-excel-summary{display:flex;gap:10px;align-items:center;padding:12px 18px}.cfg-excel-summary>span{padding:7px 14px;border:1px solid #bdd8fa;background:#eef6ff;color:#1775d2}.cfg-excel-summary .ok{background:#edf9ef;border-color:#bde1c4;color:#298345}.cfg-excel-summary .error{background:#fff0f1;border-color:#f1c4c8;color:#d33e4b}.cfg-excel-summary form{margin-left:auto}.cfg-excel-errors{margin:0 18px 12px;padding:12px 28px;background:#fff1f2;color:#c93240}.cfg-excel-preview{max-height:330px;overflow:auto;border-top:1px solid #dfe6ef}.cfg-excel-preview table{border-collapse:collapse;min-width:100%;font-size:12px}.cfg-excel-preview th,.cfg-excel-preview td{border:1px solid #dfe6ef;padding:7px;white-space:nowrap}
.cfg-file-picker{min-width:260px;min-height:54px;display:flex!important;flex-direction:column!important;justify-content:center;gap:2px!important;padding:7px 15px;border:1px dashed #77aff2;border-radius:6px;background:#f8fbff;color:#0878ed;cursor:pointer}.cfg-file-picker span{font-size:13px;font-weight:700}.cfg-file-picker small{font-size:11px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cfg-list-guidance{margin:14px 0 0;padding:10px 13px;border-radius:5px;background:#fff8e7;color:#806000;font-size:12px}.cfg-runtime-table{margin-top:6px}.cfg-runtime-table th{height:43px;background:#f8fafc;color:#243a59;font-size:12px;font-weight:700}.cfg-runtime-table td{height:48px;font-size:13px;color:#40536f}.cfg-runtime-table .cfg-id-column{width:70px}.cfg-runtime-table .cfg-actions-column{width:150px}.cfg-row-actions{display:flex;align-items:center;gap:14px}.cfg-row-actions a,.cfg-row-actions button{font:600 12px Inter,sans-serif;text-decoration:none}.cfg-row-actions .cfg-action-edit{color:#0878ed}.cfg-row-actions form{margin:0}.cfg-row-actions button{padding:0;color:#db3d4b}.cfg-no-records{text-align:center!important;color:#8492a7!important;padding:40px!important}

.cfg-runtime-stats{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,220px));
  justify-content:start;
  gap:15px;
  overflow-x:auto;
  margin-bottom:25px;
}
.cfg-runtime-stats .po-stat{
  width:220px;
  min-width:190px;
  height:118px;
  padding:16px;
  gap:15px;
}
.cfg-runtime-stats .po-stat i{width:52px;height:52px;flex:0 0 52px;padding:0}
.cfg-runtime-stats .po-stat i svg{width:25px;height:25px}
.cfg-runtime-stats .po-stat small{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:17px}
.cfg-runtime-stats .po-stat b{font-size:27px;line-height:31px}
.po-area-title.po-area-actions-only{justify-content:flex-end;margin-bottom:20px}
.po-area-title.po-area-actions-only:empty{display:none}
.menu-visibility-layout{display:grid;grid-template-columns:360px minmax(560px,1fr);gap:18px;align-items:start}.menu-visibility-list{padding:0;overflow:hidden}.menu-visibility-list h2{margin:0;padding:18px;border-bottom:1px solid var(--border)}.menu-visibility-list>a{display:grid;grid-template-columns:18px 1fr;gap:2px 8px;padding:11px 16px;color:var(--txt);text-decoration:none;border-bottom:1px solid var(--border)}.menu-visibility-list>a:not(.child)>b{grid-column:1/-1}.menu-visibility-list>a.child{padding-left:30px}.menu-visibility-list>a small{grid-column:2;color:var(--txt3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-visibility-list>a.active{background:#eaf4ff;color:#0877e8;box-shadow:inset 3px 0 #0877e8}.menu-visibility-editor{padding:0}.menu-visibility-editor>header{padding:18px;border-bottom:1px solid var(--border)}.menu-visibility-editor h2{margin:4px 0}.menu-visibility-editor form{padding:18px}.menu-rule-help{padding:12px;background:#eef6ff;border:1px solid #bdd8fa;color:#315d8c;margin-bottom:14px}.menu-rule-group{border:1px solid var(--border);margin-bottom:10px}.menu-rule-group>summary{padding:12px 14px;font-weight:700;background:#f7f9fc;cursor:pointer}.menu-rule-group>small{display:block;padding:12px 18px;color:var(--txt3)}.menu-rule-row{display:grid;grid-template-columns:1fr 100px 140px;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--border)}.menu-rule-row.user{padding-left:34px}.menu-rule-row span{color:var(--txt3);font-size:12px}.menu-rule-row select{border:1px solid var(--border2);padding:8px;background:#fff}.menu-rule-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:1000px){.menu-visibility-layout{grid-template-columns:1fr}}
.cfg-runtime-filter{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  justify-content:flex-start;
  gap:11px;
  width:100%;
  min-height:88px;
  padding:14px 18px;
  margin-bottom:25px;
  overflow:visible;
}
.cfg-runtime-filter .po-filter-field{flex:0 1 260px;width:260px;min-width:210px;gap:3px}
.cfg-runtime-filter .po-filter-field>span{height:13px;font-size:9px;line-height:13px}
.cfg-runtime-filter .po-control{height:38px;padding:0 11px;font-size:10px}
.cfg-runtime-filter .cfg-filter-submit,.cfg-runtime-filter .cfg-filter-clear{
  flex:0 0 100px;
  width:100px;
  min-width:100px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:4px;
  white-space:nowrap;
  font-size:10px;
}
.cfg-runtime-filter .cfg-filter-clear{border:1px solid #d1dbe8;background:#fff;color:#243856;font-weight:600;text-decoration:none}
.cfg-runtime-filter .cfg-filter-clear:hover{border-color:#0874ee;color:#0874ee}
.po-pagination button,.po-pagination span.active{width:38px;height:38px;border:1px solid #dbe3ec;border-radius:5px;background:#fff;color:#33445c;display:grid;place-items:center;font:600 12px Inter,sans-serif;line-height:1}
.po-pagination button{cursor:pointer}.po-pagination button:hover:not(:disabled){border-color:#0874ee;color:#0874ee}.po-pagination button:disabled{color:#aeb8c5;background:#fafbfd;cursor:not-allowed}.po-pagination span.active{border-color:#0874ee;background:#0874ee;color:#fff;box-shadow:0 2px 5px rgba(8,116,238,.2)}
@media(max-width:900px){.cfg-runtime-stats{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.cfg-runtime-stats .po-stat{width:100%;min-width:0}.cfg-runtime-filter .po-filter-field{flex:1 1 100%;width:100%}.cfg-runtime-filter .cfg-filter-submit,.cfg-runtime-filter .cfg-filter-clear{flex:1 1 calc(50% - 6px);width:auto}}
.cfg-dashboard-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.cfg-dashboard-cards article{background:#fff;border:1px solid #dfe6ee;padding:18px;display:flex;flex-direction:column;gap:8px}.cfg-dashboard-cards span{color:#6f7d91}.cfg-dashboard-cards b{font-size:25px}.cfg-report-search{border:1px solid #d6dfe9;padding:9px 12px}.cfg-workflow-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cfg-workflow-column{background:#eef2f7;padding:12px;min-height:420px}.cfg-workflow-column>h2{font-size:14px}.cfg-workflow-column article{background:#fff;border:1px solid #dce4ed;border-left:3px solid #0877ea;padding:12px;margin-bottom:10px}.cfg-workflow-column dl{font-size:11px}.cfg-workflow-column dt{color:#78869a}.cfg-workflow-column dd{margin:0 0 6px}
.cfg-module-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.cfg-module-area-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;background:#fff;border:1px solid #dce4ee;border-radius:7px;padding:20px;box-shadow:0 2px 8px rgba(19,40,70,.05)}.cfg-module-area-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:6px;background:#eaf3ff;color:#0878ed;font-size:24px}.cfg-module-area-copy h2{font-size:17px;margin:0 0 6px}.cfg-module-area-copy p{min-height:18px;margin:0 0 10px;color:#71809a;font-size:13px}.cfg-status.draft{display:inline-block;background:#fff6df;color:#956b00;padding:4px 7px;border-radius:3px;font-size:11px}.cfg-module-empty{padding:55px}.cfg-module-empty p{margin:10px 0 18px}
.cfg-composed-area{padding:0;margin-bottom:18px;overflow:hidden}.cfg-composed-area-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid #dfe6ef}.cfg-composed-area-head h2{font-size:21px;margin:2px 0 4px}.cfg-composed-area-head p{margin:0;color:#71809a;font-size:13px}.cfg-composed-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0878ed}.cfg-composed-head-actions{display:flex;align-items:center;gap:12px}.cfg-inline-runtime-form{padding:5px 20px 18px}.cfg-inline-runtime-form .cfg-dynamic-section{box-shadow:none;margin:14px 0 0}.cfg-inline-runtime-form .cfg-editor-actions{display:flex;justify-content:flex-end;margin-top:14px}.cfg-composed-excel{margin:18px 20px;padding:18px;border:1px solid #dfe6ef;border-radius:7px}.cfg-composed-records{padding:18px 20px 20px}.cfg-composed-records>.cfg-card-title{margin-bottom:4px}.cfg-draft-summary{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border:1px solid #eed98b;background:#fff9e7;color:#806300;border-radius:6px;font-size:13px}.cfg-draft-summary a{color:#806300;font-weight:700}.cfg-row-actions{display:flex;align-items:center;gap:10px}.cfg-action-edit{color:#0878ed;text-decoration:none}.cfg-list-guidance{padding:13px;color:#71809a;background:#f7f9fc;border:1px dashed #d4deea;border-radius:5px;margin:12px 0}.cfg-media-preview img,.cfg-media-preview video{display:block;max-width:240px;max-height:160px;margin-top:8px;border-radius:5px}
@media(max-width:760px){.cfg-composed-area-head{flex-direction:column}.cfg-inline-runtime-form,.cfg-composed-records{padding-left:12px;padding-right:12px}.cfg-composed-excel{margin-left:12px;margin-right:12px}}

/* Configuration platform — pixel calibrated to the supplied 1920px admin screens. */
.cfg-admin-shell{--sidebar-w:250px;background:#f7f9fc;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#10213f}
.cfg-admin-shell .design-admin{padding:0 26px 32px;background:#f7f9fc;display:block;min-height:100vh}
.cfg-admin-shell .rp-logo{height:72px;padding:0 17px}.cfg-brand{display:flex;align-items:center;gap:10px;color:#fff}.cfg-brand svg{width:36px;height:36px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cfg-brand strong{font-size:16px;letter-spacing:-.2px;white-space:nowrap}
.cfg-admin-shell .design-topbar{height:64px;margin:0 -26px 24px;padding:0 30px;border-color:#e5eaf1;box-shadow:0 1px 2px rgba(15,35,65,.03)}
.cfg-admin-shell .design-crumb{font-size:13px;color:#596b83}.cfg-admin-shell .design-tools{gap:22px}.cfg-admin-shell .design-search{height:38px;width:290px;display:flex;align-items:center;border-color:#dce3ec;background:#fff}
.cfg-admin-shell .design-title{margin:0 0 18px}.cfg-admin-shell .design-title h1,.cfg-admin-shell .field-design-title h1{font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.7px;color:#101c31}
.cfg-admin-shell .design-notice{min-height:62px;display:flex;align-items:center;padding:0 21px;border-color:#eed88c;background:#fffaf0;border-radius:6px;font-size:13px;box-shadow:0 1px 3px rgba(50,55,30,.03)}
.cfg-admin-shell .module-design-grid{grid-template-columns:300px minmax(620px,1fr) 430px;gap:16px;margin-top:16px;max-width:none;align-items:stretch}
.cfg-admin-shell .design-panel{border-color:#e0e6ee;border-radius:2px;box-shadow:0 1px 4px rgba(19,40,70,.05)}
.cfg-admin-shell .module-lock-panel h2{height:58px;display:flex;align-items:center;padding:0 22px;font-size:15px}.cfg-admin-shell .module-lock{height:62px;padding:0 24px;align-items:center;border-color:#e9edf3;font-size:14px}.cfg-admin-shell .module-lock.active{border-left-width:4px;background:linear-gradient(90deg,#eaf4ff,#f4f9ff);color:#113e75;padding-left:20px}
.cfg-admin-shell .cfg-lock-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#52637a;flex:0 0 auto}.cfg-admin-shell .module-lock-help{min-height:160px;align-items:flex-start;padding:30px 25px;font-size:12px;line-height:1.55}.cfg-admin-shell .module-lock-help .cfg-lock-icon{margin-top:2px}
.cfg-admin-shell .area-module-head{min-height:118px;grid-template-columns:66px minmax(200px,1fr) auto;padding:19px 20px;gap:15px}.cfg-admin-shell .area-module-icon{width:60px;height:60px;border-radius:2px;background:#eaf3ff}.cfg-admin-shell .area-module-icon svg{width:31px;height:31px;fill:none;stroke:#0874ee;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cfg-admin-shell .area-module-head h2{font-size:18px}.cfg-admin-shell .area-module-head p{font-size:13px;max-width:330px}.cfg-admin-shell .area-module-actions{gap:10px}
.cfg-admin-shell .design-primary,.cfg-admin-shell .design-secondary,.cfg-admin-shell .design-danger{min-height:42px;border-radius:5px;padding:0 16px;font-size:13px}.cfg-admin-shell .design-primary svg,.cfg-admin-shell .design-secondary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.cfg-admin-shell .area-design-head,.cfg-admin-shell .area-design-row{grid-template-columns:36px minmax(250px,1fr) 84px 76px 155px;padding-left:21px;padding-right:21px}.cfg-admin-shell .area-design-head{height:50px}.cfg-admin-shell .area-design-row{min-height:72px;font-size:13px}.cfg-admin-shell .area-design-row em{padding:4px 8px;border-radius:3px}.area-action-links{display:flex;align-items:center;gap:12px}.area-action-links a{color:#1671d1;text-decoration:none;white-space:nowrap}
.cfg-admin-shell .configuration-connection{min-height:170px;padding:20px 22px}.cfg-admin-shell .configuration-connection h3{font-size:15px}.cfg-admin-shell .configuration-connection>div span{min-height:48px;display:flex;align-items:center;padding:10px 13px;border-radius:3px}
.cfg-admin-shell .area-drawer{min-height:860px}.cfg-admin-shell .drawer-title{height:58px;align-items:center;padding:0 20px}.cfg-admin-shell .drawer-title h2{font-size:16px}.cfg-admin-shell .area-drawer form{padding:19px 20px;gap:15px}.cfg-admin-shell .area-drawer label,.cfg-admin-shell .area-drawer legend{font-size:12px;color:#263850}.cfg-admin-shell .area-drawer input,.cfg-admin-shell .area-drawer select,.cfg-admin-shell .locked-select{height:42px;margin-top:7px;padding:0 12px;border-color:#d1d9e5;border-radius:4px}.cfg-admin-shell .area-subject-list{max-height:170px}.cfg-admin-shell .drawer-actions{position:sticky;bottom:0;background:#fff;padding:16px 0 0}
.cfg-admin-shell .field-design-title{min-height:70px;margin-bottom:14px}.cfg-admin-shell .field-design-title p{font-size:13px;margin-top:5px}.cfg-admin-shell .field-title-actions{gap:10px;padding-top:2px}.cfg-admin-shell .field-scope{padding:18px 20px;margin-bottom:16px;min-height:148px;border-radius:3px}.cfg-admin-shell .field-scope h3{font-size:15px;margin-bottom:18px}.cfg-admin-shell .field-scope-grid{grid-template-columns:minmax(310px,1fr) minmax(310px,1fr) 1.2fr;gap:40px}.cfg-admin-shell .field-scope label>b{font-size:12px}.cfg-admin-shell .field-scope select{height:42px;margin:8px 0 6px;padding:0 12px;border-radius:4px}.cfg-admin-shell .field-flow{font-size:14px}.cfg-admin-shell .cfg-version-strip{height:46px;margin:-6px 0 16px;border-radius:3px}
.cfg-admin-shell .field-builder-grid{grid-template-columns:minmax(570px,1fr) minmax(650px,1.1fr);gap:16px}.cfg-admin-shell .field-list-panel,.cfg-admin-shell .field-config-panel{border-radius:3px;box-shadow:0 1px 4px rgba(19,40,70,.04)}.cfg-admin-shell .field-panel-head{height:68px;padding:0 18px}.cfg-admin-shell .field-panel-head h2,.cfg-admin-shell .field-config-panel>h2{font-size:16px}.cfg-admin-shell .field-search{height:40px;margin:0 18px 12px;padding:0 12px;display:flex;align-items:center;width:310px;border-radius:4px}.cfg-admin-shell .functional-tabs{height:45px;padding:0 18px 10px;align-items:flex-end}.cfg-admin-shell .functional-tabs a{height:34px;display:flex;align-items:center;padding:0 14px;border-radius:3px 3px 0 0}
.cfg-admin-shell .field-design-head,.cfg-admin-shell .field-design-row{grid-template-columns:30px 42px minmax(140px,1.4fr) 100px 78px 70px 84px;min-width:620px;padding-left:15px;padding-right:15px}.cfg-admin-shell .field-design-head{height:42px}.cfg-admin-shell .field-design-row{min-height:53px}.cfg-admin-shell .field-row-actions{gap:12px}.cfg-admin-shell .field-config-panel>h2{height:55px;padding:0 18px;display:flex;align-items:center}.cfg-admin-shell .field-config-panel form{padding:16px 18px}.cfg-admin-shell .field-config-grid{gap:11px 16px}.cfg-admin-shell .field-config-grid input,.cfg-admin-shell .field-config-grid select{height:38px;padding:0 10px}.cfg-admin-shell .field-config-grid textarea{padding:9px 10px}.cfg-admin-shell .location-picker,.cfg-admin-shell .option-chips{min-height:40px;padding:6px}.cfg-admin-shell .field-switch-list{padding-top:11px}.cfg-admin-shell .permission-grid{min-height:34px}.cfg-admin-shell .field-config-actions{padding-top:16px}
@media(max-width:1550px){.cfg-admin-shell .module-design-grid{grid-template-columns:260px minmax(560px,1fr) 390px}.cfg-admin-shell .area-module-actions{flex-direction:column;align-items:stretch}.cfg-admin-shell .field-list-panel{overflow:auto}}

/* Field Builder: calibrated to the supplied 1365 x 1024 reference. */
.cfg-field-builder{font-size:13px}.cfg-field-builder .design-topbar{height:44px;margin-bottom:10px}.cfg-field-builder .design-crumb{display:flex;gap:8px;align-items:center;font-size:11px}.cfg-field-builder .design-crumb b{color:#1768b8}.cfg-field-builder .design-crumb i{font-style:normal;color:#9ba6b5}
.cfg-field-builder .field-design-title{min-height:58px;margin:0 0 10px}.cfg-field-builder .field-design-title h1{font-size:25px!important}.cfg-field-builder .field-design-title p{font-size:11px;margin-top:3px}.cfg-field-builder .field-title-actions svg,.cfg-field-builder .field-search svg,.cfg-field-builder .field-scope svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.cfg-field-builder .design-primary,.cfg-field-builder .design-secondary{min-height:36px;padding:0 14px;font-size:11px}.cfg-field-builder .disabled,.cfg-field-builder button:disabled{opacity:.45;pointer-events:none}
.cfg-field-builder .field-scope{min-height:124px;padding:13px 15px;margin-bottom:12px}.cfg-field-builder .field-scope h3{font-size:12px;margin-bottom:12px}.cfg-field-builder .field-scope-grid{grid-template-columns:1fr 1fr 1.3fr;gap:34px}.cfg-field-builder .field-scope label>b{font-size:11px}.cfg-field-builder .field-scope select{height:34px;margin:6px 0 5px;font-size:11px}.cfg-field-builder .field-scope small{display:flex;align-items:center;gap:5px;font-size:10px}.cfg-field-builder .field-scope small svg{width:13px;height:13px}.cfg-field-builder .field-flow{font-size:12px;gap:11px;justify-content:center}.cfg-field-builder .field-flow span{display:flex;align-items:center;gap:7px;white-space:nowrap}
.cfg-admin-shell .cfg-field-builder .field-builder-grid{grid-template-columns:minmax(0,48%) minmax(0,52%);gap:12px}.cfg-field-builder .field-panel-head{height:52px}.cfg-field-builder .field-panel-head h2,.cfg-field-builder .field-config-panel>h2{font-size:13px}.cfg-field-builder .field-search{height:32px;width:255px;margin:0 12px 8px;padding:0 9px;gap:7px}.cfg-field-builder .field-search input{width:215px;font-size:11px}.cfg-field-builder .functional-tabs{height:36px;padding:0 12px 7px}.cfg-field-builder .functional-tabs a{height:29px;padding:0 11px;font-size:10px}
.cfg-field-builder .field-design-head,.cfg-field-builder .field-design-row{grid-template-columns:24px 34px minmax(120px,1.35fr) 85px 65px 58px 70px;min-width:555px;padding:7px 9px;font-size:10px}.cfg-field-builder .field-design-head{height:32px}.cfg-field-builder .field-design-row{min-height:37px}.cfg-field-builder .drag-grip{font-size:15px}.cfg-field-builder .field-row-actions{gap:7px}.cfg-field-builder .drag-help{padding:11px;font-size:10px}
.cfg-field-builder .field-config-panel>h2{height:40px;padding:0 12px}.cfg-field-builder .field-config-panel form{padding:10px 12px}.cfg-field-builder .field-config-grid{gap:7px 10px}.cfg-field-builder .field-config-grid>label{font-size:10px}.cfg-field-builder .field-config-grid input,.cfg-field-builder .field-config-grid select{height:29px;margin-top:3px;padding:0 8px;font-size:10px}.cfg-field-builder .location-picker,.cfg-field-builder .option-chips{min-height:31px;padding:3px}.cfg-field-builder .field-switch-list{padding-top:5px}.cfg-field-builder .field-switch-list label{padding:3px 14px 3px 0;font-size:10px}.cfg-field-builder .permission-config{margin-top:8px;padding-top:7px}.cfg-field-builder .permission-grid{min-height:25px;padding:3px 7px;font-size:9px}.cfg-field-builder .permission-note{padding:6px;font-size:9px}.cfg-field-builder .field-config-actions{margin-top:8px;padding-top:8px}.cfg-field-builder .empty-builder{min-height:160px;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:12px}
@media(max-width:900px){.cfg-admin-shell .cfg-field-builder .field-builder-grid,.cfg-field-builder .field-scope-grid{grid-template-columns:1fr}.cfg-field-builder .field-flow{grid-column:1;border-left:0;padding-top:10px}.cfg-field-builder .field-title-actions{flex-wrap:wrap}}
.rp-nav-module>.rp-nav-item{justify-content:flex-start}.rp-nav-module>.rp-nav-item>b{margin-left:auto}.rp-nav-children{display:flex;flex-direction:column;margin:0 10px 7px 50px;border-left:1px solid #315776}.rp-nav-children a{padding:8px 12px;color:#bdd0e5;text-decoration:none;font-size:12px;line-height:1.3}.rp-nav-children a:hover,.rp-nav-children a.active{color:#fff;background:#ffffff12}.configuration-builder-children{margin:0 10px 7px 22px;border-left:1px solid #315776;padding:8px 0}.configuration-builder-children a{position:relative;margin-left:27px;padding:10px 14px;border-radius:7px}.configuration-builder-children a:before{content:"";position:absolute;left:-27px;top:50%;width:27px;border-top:1px solid #315776}.configuration-builder-children a:after{content:"";position:absolute;left:-1px;top:50%;width:7px;height:7px;border-radius:50%;background:#9bb5d1;transform:translate(-50%,-50%)}.po-required{color:#e43d4f;margin-left:4px}
.area-location-options{display:flex;gap:14px;flex-wrap:wrap;border:1px solid #dbe2eb;padding:9px;border-radius:4px}.area-location-options label{display:flex;align-items:center;gap:6px}.area-location-options input{width:auto!important;margin:0!important}
.po-configured-grid .po-area-full{grid-column:1/-1}

/* Core Module Builder: keep all three columns inside the application viewport. */
.cfg-admin-shell .cfg-module-builder{font-size:12px;padding-left:20px;padding-right:20px;overflow-x:hidden}
.cfg-admin-shell .cfg-module-builder .design-topbar{margin-left:-20px;margin-right:-20px;padding-left:24px;padding-right:24px}
.cfg-admin-shell .cfg-module-builder .design-title h1{font-size:26px}
.cfg-admin-shell .cfg-module-builder .design-notice{min-height:54px;font-size:12px;padding:0 18px}
.cfg-admin-shell .cfg-module-builder .module-design-grid{grid-template-columns:240px minmax(0,1fr) 360px;gap:12px}
.cfg-admin-shell .cfg-module-builder .module-lock-panel h2{height:52px;padding:0 18px;font-size:13px;line-height:1.35}
.cfg-admin-shell .cfg-module-builder .module-lock{height:54px;padding:0 19px;font-size:12px}
.cfg-admin-shell .cfg-module-builder .areas-design-panel{min-width:0;overflow:hidden}
.cfg-admin-shell .cfg-module-builder .area-module-head{min-height:96px;grid-template-columns:54px minmax(145px,1fr) auto;padding:14px;gap:11px}
.cfg-admin-shell .cfg-module-builder .area-module-icon{width:50px;height:50px}
.cfg-admin-shell .cfg-module-builder .area-module-icon svg{width:26px;height:26px}
.cfg-admin-shell .cfg-module-builder .area-module-head h2{font-size:15px;margin-bottom:4px}
.cfg-admin-shell .cfg-module-builder .area-module-head p{font-size:11px;line-height:1.35}
.cfg-admin-shell .cfg-module-builder .design-primary,.cfg-admin-shell .cfg-module-builder .design-secondary,.cfg-admin-shell .cfg-module-builder .design-danger{min-height:36px;padding:0 12px;font-size:11px}
.cfg-admin-shell .cfg-module-builder .area-design-head,.cfg-admin-shell .cfg-module-builder .area-design-row{grid-template-columns:27px minmax(170px,1fr) 64px 54px 118px;padding-left:13px;padding-right:13px;gap:5px}
.cfg-admin-shell .cfg-module-builder .area-design-head{height:40px;font-size:10px}
.cfg-admin-shell .cfg-module-builder .area-design-row{min-height:58px;font-size:11px}
.cfg-admin-shell .cfg-module-builder .area-design-row em{font-size:9px;padding:3px 5px}
.cfg-admin-shell .cfg-module-builder .area-action-links{gap:6px;font-size:10px}
.cfg-admin-shell .cfg-module-builder .design-switch{width:32px;height:18px}.cfg-admin-shell .cfg-module-builder .design-switch:after{width:14px;height:14px}.cfg-admin-shell .cfg-module-builder .design-switch.on:after{left:16px}
.cfg-admin-shell .cfg-module-builder .area-drawer{min-width:0;min-height:760px}
.cfg-admin-shell .cfg-module-builder .drawer-title{height:50px;padding:0 16px}.cfg-admin-shell .cfg-module-builder .drawer-title h2{font-size:14px}
.cfg-admin-shell .cfg-module-builder .area-drawer form{padding:15px 16px;gap:11px}
.cfg-admin-shell .cfg-module-builder .area-drawer label,.cfg-admin-shell .cfg-module-builder .area-drawer legend{font-size:10px}
.cfg-admin-shell .cfg-module-builder .area-drawer input,.cfg-admin-shell .cfg-module-builder .area-drawer select,.cfg-admin-shell .cfg-module-builder .locked-select{height:36px;margin-top:5px;padding:0 10px;font-size:11px}
.cfg-admin-shell .cfg-module-builder .area-location-options{gap:8px;padding:7px}.cfg-admin-shell .cfg-module-builder .area-subject-list{max-height:135px}
@media(max-width:1500px){.cfg-admin-shell .cfg-module-builder .module-design-grid{grid-template-columns:210px minmax(0,1fr) 330px}.cfg-admin-shell .cfg-module-builder .area-module-actions{flex-direction:column;gap:6px}.cfg-admin-shell .cfg-module-builder .area-design-head,.cfg-admin-shell .cfg-module-builder .area-design-row{grid-template-columns:24px minmax(135px,1fr) 56px 46px 106px}}

/* Thymeleaf inserts a hidden marker between its checkbox and this switch. */
.field-switch-list input[type="checkbox"]:checked~i{background:#0877e8}
.field-switch-list input[type="checkbox"]:checked~i:after{left:15px}
.cfg-module-area-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}.cfg-module-area-block{padding:20px;min-width:0}.cfg-module-area-block.cfg-area-half{grid-column:span 6}.cfg-module-area-block.cfg-area-full{grid-column:span 12}.cfg-module-area-block>h2{font-size:18px;margin:0 0 18px}.cfg-module-form-runtime .cfg-form-section+.cfg-form-section{margin-top:14px}.cfg-module-form-runtime .cfg-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.cfg-module-form-runtime .cfg-field{display:block;min-width:0}.cfg-module-form-runtime .cfg-field-normal{grid-column:span 4}.cfg-module-form-runtime .cfg-field-wide{grid-column:span 8}.cfg-module-form-runtime .cfg-field>span{display:inline-block;font-weight:600;margin-bottom:7px}.cfg-module-form-runtime .cfg-field>b{color:#dc3545;margin-left:3px}.cfg-module-form-runtime .cfg-field input,.cfg-module-form-runtime .cfg-field select,.cfg-module-form-runtime .cfg-field textarea{display:block;width:100%;min-width:0;min-height:42px;box-sizing:border-box;border:1px solid #cbd6e4;border-radius:5px;padding:9px 11px;background:#fff;color:#1c2e49}.cfg-module-form-runtime .cfg-field textarea{min-height:94px;resize:vertical}.cfg-combined-list{padding:0}.cfg-combined-list .cfg-card-title{padding:20px}.cfg-form-head-actions,.cfg-form-footer{display:flex;gap:12px;justify-content:flex-end}.cfg-form-footer{padding:20px 0}@media(max-width:1100px){.cfg-module-area-block{grid-column:span 12!important}}@media(max-width:720px){.cfg-module-form-runtime .cfg-field-normal,.cfg-module-form-runtime .cfg-field-wide{grid-column:span 12}}
.area-permission-config .permission-tabs{margin:4px 0 8px}.area-permission-config .area-subject-list{max-height:235px}.area-permission-help{display:block;margin-top:8px;color:#6f7d90;line-height:1.45}
.area-permission-config [data-area-subject-type][hidden]{display:none!important}
.department-management{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:22px}.department-editor{padding:24px}.department-editor>label{display:block;margin:14px 0}.department-editor .po-control{display:block;width:100%}.department-members{max-height:360px;overflow:auto;margin:16px 0}.department-members label{display:flex;gap:10px;align-items:center;padding:9px}.department-permission-tree{max-height:520px;overflow:auto}.department-permission-group{border-bottom:1px solid #e2e8f0}.department-permission-group>summary{display:flex;align-items:center;gap:8px;padding:8px 4px;cursor:pointer;list-style:none}.department-permission-group>summary:before{content:'▸';color:#6d829e}.department-permission-group[open]>summary:before{content:'▾'}.department-permission-group>summary .department-permission-row{flex:1;min-width:0;font-weight:600}.department-permission-row{padding:10px 5px;align-items:center;gap:8px}.department-permission-row input{width:17px!important;height:17px!important;min-height:0!important;margin:0;justify-self:center}.department-permission-row>span{overflow-wrap:anywhere}.department-permission-children{margin-left:18px;border-left:1px solid #cbd6e4;padding-left:12px}.department-permission-children small{display:block;padding:12px;color:#72829b}.area-tree-row{display:grid;grid-template-columns:minmax(0,1fr) 32px}.department-permission-group .permission-grid{grid-template-columns:minmax(0,1fr) repeat(3,72px)}.department-permission-group .permission-grid>input{justify-self:center}.permission-config>.permission-tabs>button:only-child,.area-permission-config>.permission-tabs>button:only-child{width:100%;flex:1}@media(max-width:900px){.department-management{grid-template-columns:1fr}.department-permission-group .permission-grid{grid-template-columns:minmax(0,1fr) repeat(3,48px)}}

/* Saved PO filters wrap instead of shrinking controls or overflowing the card. */
.po-filter.po-filter-with-templates{display:flex;flex-wrap:wrap;align-items:flex-end;overflow:visible}
.po-filter-with-templates .po-filter-search{flex:2 1 210px;margin-top:0}
.po-filter-with-templates .po-filter-field{flex:1 1 120px}
.po-filter-with-templates>.po-btn{flex:0 0 auto;width:auto;min-height:38px;height:38px;white-space:nowrap;font-size:12px}
.po-filter-with-templates .po-filter-feedback{flex-basis:100%;font-size:12px;color:#187c42}
.po-filter-with-templates .po-filter-feedback.is-error{color:#bd2636}
.po-filter-with-templates [hidden]{display:none!important}
@media(max-width:600px){.po-filter-with-templates .po-filter-search{flex-basis:100%}.po-filter-with-templates .po-filter-field{flex-basis:calc(50% - 10px)}}

/* Excel Import list reuses the PO dashboard controls and table styling. */
.excel-import-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.excel-import-title h1{margin-bottom:5px}.excel-import-title p{margin:0;color:#718096;font-size:13px}.excel-import-title>.po-btn{height:38px;white-space:nowrap}.excel-import-title svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.excel-import-filter{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));min-height:0;padding:18px;gap:11px;overflow:visible}.excel-import-filter-actions{display:flex;align-items:flex-end;gap:8px}.excel-import-filter-actions .po-btn{height:38px;padding:0 17px}.excel-import-table th,.excel-import-table td{max-width:240px;overflow:hidden;text-overflow:ellipsis}.excel-import-page-size{height:38px;padding:0 15px;border:1px solid #d8e0ea;border-radius:5px;background:#fff;display:flex;align-items:center;color:#34445b}@media(max-width:1450px){.excel-import-filter{grid-template-columns:repeat(5,minmax(130px,1fr))}}@media(max-width:900px){.excel-import-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.excel-import-title{align-items:stretch;flex-direction:column}.excel-import-title>.po-btn{align-self:flex-start}}
.excel-import-po-list{margin-bottom:25px}.excel-import-po-list .cfg-card-title{padding:18px;border-bottom:1px solid #e2e8f0}.excel-import-po-list .cfg-card-title h2{margin:0 0 4px;color:#0c2045;font-size:18px}.excel-import-po-list .cfg-card-title small{color:#53627a;font-size:11px}.excel-import-po-list tr.excel-import-po-selected{background:#eef6ff}.excel-import-po-list tr.excel-import-po-selected:hover{background:#e7f2ff}#excel-detail-list{scroll-margin-top:18px}
.excel-upload-card{padding:24px 26px}.excel-upload-heading h1{font-size:24px;margin:0 0 16px}.excel-upload-heading p{font-weight:700;margin:0 0 10px;color:#263751}.excel-upload-controls{display:grid;grid-template-columns:minmax(420px,510px) 250px;align-items:center;justify-content:space-between;gap:32px;margin-bottom:54px}.excel-upload-controls:not(.editing)>.excel-mapping-upload-form{display:contents}.excel-upload-zone{height:94px;border:2px dashed #9dc4f4;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:25px;cursor:pointer;background:#fff}.excel-upload-zone.dragging{border-color:#0874ee;background:#f4f9ff}.excel-upload-zone svg{width:52px;height:52px;fill:none;stroke:#0874ee;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.excel-upload-zone span{display:flex;flex-direction:column;color:#596b83}.excel-upload-zone b{font-size:16px}.excel-upload-zone em{font-style:normal;color:#0874ee;font-size:16px}.excel-upload-zone small{max-width:330px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.excel-validate-button{height:62px;font-size:16px}.excel-validation-summary{display:flex;align-items:center;gap:12px;margin:0 0 12px}.excel-validation-summary>span{min-width:115px;padding:10px 14px;border:1px solid #dce4ee;border-radius:5px;color:#52647a}.excel-validation-summary b{margin-left:8px;color:#142d51;font-size:17px}.excel-validation-summary .problem-count b{color:#d7394b}.excel-import-message{padding:11px 14px;margin-bottom:12px;border-radius:5px;background:#eaf8ee;color:#147c32}.excel-import-message.error{background:#fff0f2;color:#bd2636}.excel-preview-wrap{height:460px;border:1px solid #dce4ee;border-radius:5px;background:#f8fbff;overflow:auto}.excel-preview-table thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 #dfe6ef}.excel-preview-table th,.excel-preview-table td{min-width:135px}.excel-preview-table tbody:empty::after{content:'—';display:block;padding:130px;color:#8da0b7}.excel-preview-table .excel-cell-error{background:#ffdce3;color:#9f2032}.excel-preview-table .excel-current-error{outline:3px solid #e33b55;outline-offset:-3px;background:#ffc4d0}.excel-preview-table tr[hidden]{display:none}.excel-upload-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:22px}.excel-upload-footer form{margin:0}.excel-upload-footer .po-btn{min-width:120px;height:42px}.excel-import-loading{z-index:500}.po-btn:disabled{cursor:not-allowed;background:#adbdcf;border-color:#adbdcf;color:#fff;box-shadow:none}@media(max-width:1000px){.excel-upload-controls{grid-template-columns:1fr;gap:14px;margin-bottom:28px}.excel-upload-controls:not(.editing)>.excel-mapping-upload-form{display:block}.excel-upload-zone{min-width:0}.excel-validate-button{width:250px;height:48px;margin-top:14px}}
.excel-general-readonly{margin-bottom:18px}.excel-general-readonly h2{font-size:18px;margin-bottom:16px}.excel-general-readonly .po-control[readonly]{border-color:#d7dee8;background:#f1f3f6;color:#657286;box-shadow:none;cursor:not-allowed}.excel-general-readonly .po-field-label{display:flex;white-space:nowrap}.excel-general-readonly .po-field-label>span{font-size:11px;font-weight:600;color:#354965}
.excel-upload-controls.editing{grid-template-columns:minmax(420px,510px) 190px 250px;gap:38px}.excel-upload-controls.editing form{margin:0}.excel-delete-button{width:190px;height:48px}.excel-upload-controls.editing .excel-validate-button{width:250px}@media(max-width:1100px){.excel-upload-controls.editing{grid-template-columns:1fr;gap:14px}.excel-upload-controls.editing .excel-delete-button,.excel-upload-controls.editing .excel-validate-button{width:250px}}
.create-po-excel-card .excel-existing-file{min-height:94px;border:1px solid #d6e2ef;border-radius:6px;background:#f8fbff;display:flex;align-items:center;gap:14px;padding:16px 18px;box-sizing:border-box}.create-po-excel-card .excel-existing-file>span:nth-child(2){display:flex;flex-direction:column;min-width:180px}.create-po-excel-card .excel-existing-file small{color:#6b7d94;margin-bottom:4px}.create-po-excel-card .excel-existing-file b{color:#173457;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-po-excel-card .excel-existing-file .po-btn{margin-left:auto;white-space:nowrap}.create-po-excel-card .excel-existing-icon{flex:0 0 42px;width:42px;height:42px;border-radius:6px;background:#168044;color:#fff;display:grid;place-items:center;font-weight:800}.create-po-excel-card .excel-upload-controls.editing{grid-template-columns:minmax(520px,760px) 190px}.create-po-excel-card .excel-delete-button{justify-self:end}@media(max-width:1100px){.create-po-excel-card .excel-upload-controls.editing{grid-template-columns:1fr}.create-po-excel-card .excel-delete-button{justify-self:start}}
.excel-upload-zone.blocked{border-color:#cbd5e1;background:#f1f3f6;cursor:not-allowed;opacity:.78}.excel-upload-zone.blocked svg{stroke:#8492a6}.excel-upload-zone.blocked em{color:#7b8798}

/* Login landing module selector */
.module-menu-page{display:block;width:100%}
.erp-shell .erp-primary-menu>.rp-nav-item.active{background:transparent;color:#dce9f8;box-shadow:none}.erp-shell .erp-primary-menu>.rp-nav-item.active:hover{background:rgba(255,255,255,.08);color:#fff}
.module-menu-main{width:100%;min-height:calc(100vh - 76px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.module-menu-page{margin:0;min-height:100vh;background:#f3f7fc;color:#10213e;font-family:Inter,"Segoe UI",Arial,sans-serif}.module-menu-header{height:76px;padding:0 34px;display:grid;grid-template-columns:250px 1fr auto;align-items:center;background:#fff;border-bottom:1px solid #dce5f0;box-shadow:0 2px 8px rgba(21,54,91,.05)}.module-menu-header .rp-logo-title{font-size:22px}.module-menu-header .rp-logo-title b{color:#0878ee}.module-menu-header>div:nth-child(2){display:flex;gap:22px;align-items:center}.module-menu-header>div:nth-child(2) span{padding-left:22px;border-left:1px solid #d7e0eb;color:#53657d}.module-menu-user{display:flex;gap:18px;align-items:center}.module-menu-user a{color:#0878ee;text-decoration:none;font-weight:700}.module-menu-main{max-width:1280px;margin:0 auto;padding:58px 36px 80px}.module-menu-intro small{color:#0878ee;font-weight:800;letter-spacing:.15em}.module-menu-intro h1{font-size:38px;margin:8px 0 7px}.module-menu-intro p{color:#718198;font-size:16px;margin:0 0 34px}.module-tile-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:24px}.module-tile{aspect-ratio:1/1;min-height:230px;padding:28px;display:flex;flex-direction:column;background:#fff;border:1px solid #dce5ef;border-radius:18px;box-shadow:0 8px 25px rgba(27,63,104,.08);color:#10213e;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.module-tile:hover{transform:translateY(-5px);border-color:#6eb0f6;box-shadow:0 16px 34px rgba(8,116,238,.16)}.module-tile-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:#eaf4ff;color:#0878ee}.module-tile-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.module-tile-label{font-size:25px;font-weight:800;margin-top:25px}.module-tile-open{margin-top:auto;color:#6a7b91;font-weight:600}.module-tile-open b{float:right;color:#0878ee;font-size:22px}@media(max-width:1050px){.module-tile-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.module-menu-header{grid-template-columns:1fr auto;padding:0 18px}.module-menu-header>div:nth-child(2){display:none}.module-menu-main{padding:36px 20px}.module-tile-grid{grid-template-columns:repeat(2,1fr);gap:14px}.module-tile{min-height:180px;padding:20px}.module-tile-icon{width:58px;height:58px}.module-tile-label{font-size:20px}}@media(max-width:460px){.module-tile-grid{grid-template-columns:1fr}.module-tile{aspect-ratio:auto}}

/* Receiving create receipt */
.receiving-create{background:#f5f8fc;min-height:100vh;color:#14233d}.receiving-top{height:58px;background:#fff;border-bottom:1px solid #dbe4ef;padding:0 24px;display:flex;align-items:center}.receiving-top div{display:flex;gap:12px;color:#66768d}.receiving-page{padding:20px 24px 30px;max-width:1500px;margin:auto}.receiving-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.receiving-title h1{margin:0;font-size:28px}.receiving-title p{margin:4px 0;color:#64748b}.receiving-steps{display:flex;align-items:center;gap:8px;font-size:12px}.receiving-steps b{display:grid;place-items:center;background:#0877e8;color:#fff;border-radius:50%;width:27px;height:27px}.receiving-steps i{display:block;width:50px;height:2px;background:#9cc7f7}.receiving-steps .muted{background:#dce4ed;color:#52647a}.muted-text{color:#8491a3}.receiving-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.receiving-column{display:grid;gap:14px}.receiving-card{background:#fff;border:1px solid #d8e2ee;border-radius:7px;box-shadow:0 1px 4px #20385512;overflow:hidden}.receiving-card h2{font-size:16px;margin:0;padding:13px 16px;border-bottom:1px solid #d8e2ee}.receiving-card-body{padding:14px 16px}.receiving-card label>span,.receiving-card-body>label{font-size:12px;font-weight:700}.receiving-card em{color:#e32929;font-style:normal}.po-picker{display:flex;gap:10px;align-items:center;margin-top:6px}.po-picker select{flex:1}.receiving-card input,.receiving-card select,.receiving-card textarea{border:1px solid #cad7e6;border-radius:5px;padding:9px 10px;background:#fff;color:#1e304a;box-sizing:border-box}.po-picker button,.receiving-create .primary{background:#0878ed;color:#fff;border:0;border-radius:5px;padding:10px 28px;font-weight:700}.selected-badge{background:#d9f5e4;color:#16834b;padding:8px 12px;border-radius:18px;font-weight:700;font-size:12px}.po-facts{display:grid;grid-template-columns:repeat(5,1fr);background:#edf5fc;margin-top:12px;border-radius:5px}.po-facts div{padding:10px 14px;border-right:1px solid #d8e5f1}.po-facts small{display:block;color:#6c7e94}.po-facts b{display:block;margin-top:3px}.receiving-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.receiving-grid label{display:flex;flex-direction:column;gap:5px}.receiving-grid textarea{min-height:38px;resize:vertical}.damage-field{grid-column:1/3}.damage-field>span{font-size:12px;font-weight:700}.damage-field small{display:block;color:#687b92;margin-top:5px}.segmented{display:flex;margin-top:5px}.segmented label{display:block;flex:1}.segmented input{display:none}.segmented span{display:block;text-align:center;border:1px solid #cad7e6;padding:9px}.segmented input:checked+span{background:#13a15b;color:#fff}.receiving-info{grid-column:3/5;background:#eaf4ff;color:#2871bd;padding:11px;border-radius:5px;align-self:end}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-box{border:1px dashed #91bdeb;border-radius:6px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:4px;cursor:pointer}.upload-box small{display:block;color:#687b92}.upload-box input{grid-column:1/3;border:0;padding:5px 0}.upload-box>span{background:#0878ed;color:#fff;padding:7px 13px;border-radius:4px;grid-column:2;grid-row:1/3;align-self:center}.summary dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.summary dt,.summary dd{padding:10px 0;border-bottom:1px solid #e2e8f0;margin:0;font-size:13px}.summary dd{font-weight:700}.summary .green{color:#159151}.ready-box{background:#e2f7e9;margin-top:16px;padding:16px;border-radius:6px}.ready-box small,.ready-box b{display:block}.ready-box b{color:#159151;font-size:18px;margin-top:4px}.empty-summary{color:#718096}.receiving-actions{display:flex;justify-content:space-between;align-items:center;background:#fff;border-top:1px solid #d8e2ee;margin-top:14px;padding:12px 0}.receiving-actions>div{display:flex;gap:10px;align-items:center}.receiving-actions button,.receiving-actions a{padding:10px 20px;border-radius:5px;font-weight:700;text-decoration:none}.receiving-actions .secondary,.receiving-actions a{background:#fff;color:#244162;border:1px solid #b9c9db}.receiving-actions span{background:#fff4d8;color:#8a6500;padding:8px 12px;font-size:12px}.receiving-alert{padding:12px;margin-bottom:12px;border-radius:5px}.receiving-alert.error{background:#ffe6e6;color:#b42318}@media(max-width:1050px){.receiving-layout{grid-template-columns:1fr}.receiving-grid{grid-template-columns:1fr 1fr}.summary{grid-row:1}.receiving-title{align-items:flex-start}.receiving-steps{display:none}}@media(max-width:650px){.receiving-grid,.evidence-grid{grid-template-columns:1fr}.damage-field,.receiving-info{grid-column:auto}.po-facts{grid-template-columns:1fr 1fr}.receiving-actions{display:block}.receiving-actions>div{margin:8px 0;flex-wrap:wrap}}
.damage-photo-panel{grid-column:1/5}.damage-photo-panel[hidden]{display:none}.damage-photo-panel .upload-box{background:#fff8f8;border-color:#ef8f8f}.damage-photo-panel .upload-box>span{background:#d93d3d}
.ready-box.partial{background:#fde7ef}.ready-box.partial b{color:#cf3f72}
.upload-preview-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin-top:10px}.upload-preview-item{position:relative;display:flex;align-items:center;gap:8px;min-height:68px;padding:7px;background:#f8fafc;border:1px solid #d5e0ec;border-radius:6px;overflow:hidden}.upload-preview-item img{width:68px;height:56px;object-fit:cover;border-radius:4px;background:#e6edf5}.upload-preview-file-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:4px;background:#e7f1ff;color:#0878ed;font-size:18px;font-weight:700}.upload-preview-meta{min-width:0}.upload-preview-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.upload-preview-meta small{color:#718096}.upload-preview-remove{position:absolute;top:3px;right:3px;border:0!important;background:#fff!important;color:#d9363e!important;width:22px;height:22px;padding:0!important;border-radius:50%!important;box-shadow:0 1px 4px #0002;cursor:pointer}
.upload-box input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;border:0!important}.upload-box{position:relative}.upload-box>span{cursor:pointer;user-select:none}
.excel-config-page{background:#f5f8fc;min-height:100vh;padding:28px;color:#17233b}.excel-config-header{margin-bottom:20px}.excel-config-header small{color:#2076da;font-weight:700}.excel-config-header h1{font-size:34px;margin:5px 0}.excel-config-header p{color:#64748b;margin:0}.excel-config-card{background:#fff;border:1px solid #d8e2ee;border-radius:8px;box-shadow:0 2px 8px #213b5b12;overflow:hidden}.excel-config-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #d8e2ee}.excel-config-toolbar h2{margin:0;font-size:20px}.excel-config-toolbar p{margin:5px 0 0;color:#6d7d91}.excel-config-save{border:0;border-radius:5px;background:#0878ed;color:#fff;font-weight:700;padding:11px 18px}.excel-sheet-wrap{overflow-x:auto;padding:24px}.excel-sheet{border-collapse:collapse;table-layout:fixed;min-width:100%;width:max-content}.excel-sheet th,.excel-sheet td{border:1px solid #bdcbe0;width:170px;min-width:170px;height:62px;padding:7px;background:#fff}.excel-sheet .excel-row-label{position:sticky;left:0;z-index:2;width:135px;min-width:135px;background:#edf3fa;text-align:left}.excel-row-label b{display:inline-grid;place-items:center;background:#d8e5f4;width:25px;height:25px;margin-right:6px}.excel-column-header{position:relative;background:#e8f3ff!important}.excel-column-header.dragging{opacity:.45}.excel-drag-handle{position:absolute;left:6px;top:5px;color:#6d85a2;cursor:grab}.excel-column-header input,.excel-sheet select{width:100%;height:38px;border:1px solid #c7d4e4;border-radius:4px;padding:7px;background:#fff;box-sizing:border-box}.excel-column-header input{margin-top:10px;font-weight:700}.excel-add-cell{width:64px!important;min-width:64px!important;text-align:center;background:#f7faff!important}.excel-add-cell button{width:38px;height:38px;border:0;border-radius:50%;background:#0878ed;color:#fff;font-size:27px;line-height:1;cursor:pointer}.excel-config-help{display:flex;gap:15px;margin:0 24px 24px;padding:14px 16px;background:#fff7dc;border:1px solid #ead38a;color:#795d0d}.excel-config-help span{color:#806f3e}.excel-config-notice{padding:12px 16px;margin-bottom:14px;border-radius:5px}.excel-config-notice.success{background:#dff6e7;color:#147a43}.excel-config-notice.error{background:#ffe4e4;color:#b42318}
.excel-template-manager{background:#fff;border:1px solid #d8e2ee;border-radius:8px;padding:16px 20px;margin-bottom:16px;box-shadow:0 2px 8px #213b5b12}.excel-template-picker,.excel-template-create{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.excel-template-picker label,.excel-template-create label,.excel-template-name{display:grid;gap:6px;font-weight:700;color:#334155}.excel-template-picker select,.excel-template-create select,.excel-template-create input,.excel-template-name input{height:42px;min-width:260px;border:1px solid #c7d4e4;border-radius:5px;padding:8px 10px;background:#fff;box-sizing:border-box}.excel-template-new,.excel-template-create-button{height:42px;border:0;border-radius:5px;background:#0878ed;color:#fff;font-weight:700;padding:0 18px;cursor:pointer}.excel-template-create{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.excel-template-create[hidden]{display:none}.excel-template-cancel{height:42px;border:1px solid #c7d4e4;border-radius:5px;background:#fff;color:#334155;font-weight:700;padding:0 18px;cursor:pointer}.excel-template-name{margin-top:14px;font-size:13px}.excel-template-name input{min-width:320px;font-weight:600}