/* V9 Production: external font import disabled by CSP for safer offline use */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#ffffff;--bg-2:#ffffff;--surface:#ffffff;--surface-2:#fbfbfc;--surface-3:#f4f5f7;--surface-4:#eceff2;
  --border:#e3e6ea;--border-light:#cfd5dc;
  --text:#16181c;--text-dim:#5d6570;--text-faint:#8b939d;
  --accent:#d71920;--accent-2:#b9141a;--accent-soft:rgba(215,25,32,.08);--accent-glow:rgba(215,25,32,.18);
  --teal:#278f85;--teal-soft:rgba(39,143,133,.10);
  --blue:#386fd4;--blue-soft:rgba(56,111,212,.10);
  --green:#23865a;--green-soft:rgba(35,134,90,.10);
  --red:#c93338;--red-soft:rgba(201,51,56,.10);
  --purple:#8254b5;--purple-soft:rgba(130,84,181,.10);
  --orange:#b96d2f;--orange-soft:rgba(185,109,47,.10);
  --pink:#b84f82;--pink-soft:rgba(184,79,130,.10);
  --shadow-sm:0 2px 8px rgba(16,24,40,.06);--shadow:0 8px 30px rgba(16,24,40,.08);--shadow-lg:0 16px 50px rgba(16,24,40,.12);
}
#app{font-family:'Cairo',sans-serif;direction:rtl;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}
.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:18px;color:var(--text-dim)}
.spinner{width:42px;height:42px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}

/* Login */
.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 30% 20%,rgba(212,164,76,.12),transparent 50%),radial-gradient(circle at 70% 80%,rgba(63,182,168,.08),transparent 50%),var(--bg)}
.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:36px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:fadeIn .4s}
.login-logo{width:116px;height:86px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 8px 28px rgba(0,0,0,.22);overflow:hidden;padding:8px}
.login-logo img{max-width:100%;max-height:100%;object-fit:contain}
.login-card h1{text-align:center;font-size:22px;font-weight:800;margin-bottom:5px}
.security-note{margin:12px 0;padding:10px 12px;border:1px solid rgba(224,106,106,.35);background:rgba(201,51,56,.08);color:#a5282d;border-radius:12px;font-size:12px;line-height:1.7;text-align:center}
.sec-meter{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:8px}.sec-meter span{display:block;height:100%;width:0;background:var(--red);transition:.2s}.sec-meter.ok span{background:var(--green)}.sec-meter.mid span{background:var(--orange)}
.login-card .sub{text-align:center;color:var(--text-dim);font-size:13px;margin-bottom:26px}

/* Layout */
.layout{display:flex;min-height:100vh}
.sidebar{width:252px;background:var(--bg-2);border-left:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;flex-shrink:0;overflow-y:auto;scrollbar-width:thin}
.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 12px}
.brand-logo{width:48px;height:42px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.18);overflow:hidden;padding:4px}
.brand-logo img{max-width:100%;max-height:100%;object-fit:contain}
.brand-text h1{font-size:14px;font-weight:800;line-height:1.2}
.brand-text span{font-size:10.5px;color:var(--text-faint);font-weight:500}
.user-chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px 11px;margin-bottom:8px;cursor:pointer;transition:all .15s}
.user-chip:hover{border-color:var(--accent)}
.user-chip .ua{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#b8893a);color:#1a2129;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;font-family:'Tajawal'}
.user-chip .un{flex:1;font-size:12.5px;font-weight:700;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip .ur{font-size:10px;color:var(--text-faint);font-weight:600}
.global-search-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 11px;color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;margin-bottom:10px;transition:all .15s}
.global-search-btn:hover{border-color:var(--accent);color:var(--text)}
.global-search-btn .kbd{margin-right:auto;background:var(--surface-3);border:1px solid var(--border);padding:1px 6px;border-radius:5px;font-size:10px;font-family:monospace}
.nav-section{font-size:10px;font-weight:800;color:var(--text-faint);text-transform:uppercase;letter-spacing:.7px;padding:10px 13px 6px}
.nav-item{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:10px;cursor:pointer;color:var(--text-dim);font-weight:600;font-size:13px;transition:all .15s;border:1px solid transparent;position:relative}
.nav-item:hover{background:var(--surface-2);color:var(--text)}
.nav-item.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(212,164,76,.25)}
.nav-item.active::before{content:'';position:absolute;right:0;top:8px;bottom:8px;width:3px;background:var(--accent);border-radius:2px}
.nav-item svg{width:18px;height:18px;flex-shrink:0}
.nav-item .nav-badge{margin-right:auto;background:var(--red);color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px}
.nav-item .nav-badge.warn{background:var(--accent);color:#1a2129}
.nav-sep{height:1px;background:var(--border);margin:8px 8px}
.nav-footer{margin-top:auto;padding:8px}
.backup-btns{display:flex;gap:6px}
.backup-btns button{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:7px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:10.5px;font-weight:700}
.backup-btns button:hover{color:var(--text);border-color:var(--accent)}

.main{flex:1;padding:22px 28px;overflow-x:hidden;max-width:100%;animation:fadeIn .25s}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:14px}
.page-head h2{font-size:24px;font-weight:800;letter-spacing:-.5px}
.page-head p{color:var(--text-dim);font-size:13px;margin-top:3px}
.head-actions{display:flex;gap:8px;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;transition:all .15s;white-space:nowrap}
.btn-primary{background:var(--accent);color:#1a2129}
.btn-primary:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-glow)}
.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}
.btn-ghost:hover{background:var(--surface-3);border-color:var(--border-light)}
.btn-green{background:var(--green);color:#0f1419}
.btn-green:hover{background:#5cc78f}
.btn-red{background:var(--red);color:#fff}
.btn-red-g{background:var(--surface-2);color:var(--red);border:1px solid var(--border)}
.btn-red-g:hover{border-color:var(--red)}
.btn svg{width:16px;height:16px}
.btn-sm{padding:6px 11px;font-size:11.5px;border-radius:8px}
.btn-xs{padding:4px 8px;font-size:11px;border-radius:7px;gap:4px}

.alert-strip{display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:11px;margin-bottom:10px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}
.alert-strip:hover{transform:translateX(-2px)}
.alert-strip.red{background:var(--red-soft);border:1px solid rgba(224,106,106,.3);color:var(--red)}
.alert-strip.warn{background:var(--accent-soft);border:1px solid rgba(212,164,76,.3);color:var(--accent)}
.alert-strip.info{background:var(--blue-soft);border:1px solid rgba(91,141,239,.3);color:var(--blue)}
.alert-strip svg{width:18px;height:18px;flex-shrink:0}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:13px;margin-bottom:22px}
.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:all .15s}
.stat-card.clickable{cursor:pointer}
.stat-card.clickable:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.stat-card .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:11px}
.stat-card .ic svg{width:18px;height:18px}
.stat-card .num{font-size:24px;font-weight:800;font-family:'Tajawal';letter-spacing:-1px;line-height:1}
.stat-card .num.sm{font-size:18px}
.stat-card .lbl{color:var(--text-dim);font-size:12px;font-weight:600;margin-top:6px}
.stat-card .trend{font-size:11px;font-weight:700;margin-top:5px;display:inline-flex;align-items:center;gap:3px}
.stat-card .trend.up{color:var(--green)}
.stat-card .trend.down{color:var(--red)}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.grid-3-2{display:grid;grid-template-columns:2fr 1fr;gap:15px}
.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:17px}
.panel h3{font-size:15px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.panel h3 .panel-sub{font-size:11px;color:var(--text-faint);font-weight:600}

.kanban{display:flex;gap:13px;overflow-x:auto;padding-bottom:14px;align-items:flex-start;scrollbar-width:thin}
.kanban::-webkit-scrollbar{height:8px}.kanban::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
.kanban-col{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:262px;flex-shrink:0}
.col-head{padding:13px 14px 9px;display:flex;align-items:center;justify-content:space-between}
.col-head .ttl{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}
.col-dot{width:8px;height:8px;border-radius:50%}
.col-count{background:var(--surface-3);color:var(--text-dim);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}
.col-body{padding:0 9px 9px;display:flex;flex-direction:column;gap:7px;min-height:50px}
.col-body.drag-over{background:var(--accent-soft);border-radius:10px}
.cand-card{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:10px 11px;cursor:grab;transition:all .15s}
.cand-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.cand-card.dragging{opacity:.4}
.cand-top{display:flex;align-items:center;gap:9px;margin-bottom:6px}
.avatar{width:33px;height:33px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px;font-family:'Tajawal';color:#fff}
.cand-name{font-weight:700;font-size:12.5px;line-height:1.2}
.cand-pos{color:var(--text-dim);font-size:10.5px;margin-top:2px}
.cand-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:6px}
.chip{font-size:10px;padding:2px 7px;border-radius:6px;font-weight:600;background:var(--surface-3);color:var(--text-dim)}
.chip-accent{background:var(--accent-soft);color:var(--accent)}
.stars{color:var(--accent);font-size:10.5px}
.quick-actions{display:flex;gap:4px;margin-top:7px;padding-top:7px;border-top:1px solid var(--border)}
.qa{width:23px;height:23px;border-radius:6px;background:var(--surface-3);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dim);text-decoration:none;transition:all .15s}
.qa:hover{background:var(--accent);color:#1a2129}
.qa.wa:hover{background:#25D366;color:#fff}
.qa svg{width:11px;height:11px}
.add-card-btn{width:100%;background:transparent;border:1.5px dashed var(--border);color:var(--text-faint);padding:7px;border-radius:9px;cursor:pointer;font-family:inherit;font-weight:600;font-size:11.5px;transition:all .15s}
.add-card-btn:hover{border-color:var(--accent);color:var(--accent)}

.data-table{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:auto}
.data-table::-webkit-scrollbar{height:8px}.data-table::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
.data-table table{width:100%;border-collapse:collapse;min-width:640px}
.data-table th{text-align:right;padding:12px 14px;font-size:11px;font-weight:700;color:var(--text-dim);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}
.data-table td{padding:12px 14px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle}
.data-table tr:last-child td{border-bottom:none}
.data-table tbody tr{transition:background .12s}
.data-table tbody tr:hover{background:var(--surface-2)}
.data-table tr.clickable{cursor:pointer}
.data-table tr.urgent{background:rgba(224,106,106,.06)}
.data-table tr.warn-row{background:rgba(212,164,76,.05)}
.row-title{font-weight:700}
.row-sub{color:var(--text-dim);font-size:11px;margin-top:2px}
.icon-btn{background:var(--surface-2);border:1px solid var(--border);width:28px;height:28px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:all .15s}
.icon-btn:hover{color:var(--text);border-color:var(--border-light)}
.icon-btn.danger:hover{color:var(--red);border-color:var(--red)}
.icon-btn svg{width:13px;height:13px}
.icon-btn.wa:hover{color:#25D366;border-color:#25D366}
.icon-btn.call:hover{color:var(--green);border-color:var(--green)}
.badge{display:inline-flex;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}
.action-cell{display:flex;gap:4px;align-items:center}

.doc-dots{display:inline-flex;gap:3px;flex-wrap:wrap}
.doc-dot{height:20px;min-width:20px;padding:0 5px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;cursor:pointer;transition:all .15s;user-select:none}
.doc-dot.done{background:var(--green-soft);color:var(--green)}
.doc-dot.miss{background:var(--surface-3);color:var(--text-faint)}
.doc-dot.uploaded{background:var(--blue-soft);color:var(--blue);position:relative}
.doc-dot.uploaded::after{content:'📎';position:absolute;top:-3px;right:-3px;font-size:7px}
.doc-dot:hover{transform:scale(1.12)}

.empty{text-align:center;padding:46px 20px;color:var(--text-faint)}
.empty svg{width:44px;height:44px;opacity:.4;margin-bottom:12px}
.empty p{font-size:13px}

.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s}
.modal-overlay.show{opacity:1;pointer-events:all}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;transform:translateY(14px) scale(.98);transition:transform .25s;box-shadow:var(--shadow-lg);scrollbar-width:thin}
.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.modal.wide{max-width:740px}.modal.xl{max-width:920px}
.modal-overlay.show .modal{transform:translateY(0) scale(1)}
.modal-head{padding:20px 22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.modal-head h3{font-size:17px;font-weight:800}
.modal-body{padding:17px 22px 22px}
.tabs{display:flex;gap:3px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{padding:9px 13px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--text-dim);border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}
.tab:hover{color:var(--text)}
.tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.form-group{margin-bottom:13px}
.form-group label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:var(--text-dim)}
.form-group label .req{color:var(--red)}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:13px;transition:all .15s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}
.form-group textarea{resize:vertical;min-height:68px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
.star-pick{display:flex;gap:4px}
.star-pick span{font-size:23px;color:var(--border);cursor:pointer;transition:color .1s}
.star-pick span.on{color:var(--accent)}
.modal-footer{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.modal-footer .btn{flex:1;min-width:90px;justify-content:center}
.close-x{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;border-radius:9px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.close-x:hover{color:var(--text)}
.seg{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px}
.seg button{flex:1;border:none;background:transparent;color:var(--text-dim);padding:8px;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;font-size:12px;transition:all .15s}
.seg button.on{background:var(--accent);color:#1a2129}
.seg button.on-in{background:var(--green);color:#0f1419}
.seg button.on-out{background:var(--red);color:#fff}
.info-box{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;margin-bottom:11px}
.info-box .ib-row{display:flex;align-items:center;gap:9px;font-size:12.5px;margin:3px 0}
.info-box .ib-row svg{width:14px;height:14px;color:var(--text-faint);flex-shrink:0}
.info-box .ib-row a{color:var(--accent);text-decoration:none}
.profit-box{background:linear-gradient(135deg,var(--accent-soft),var(--surface-2));border:1px solid rgba(212,164,76,.3);border-radius:11px;padding:13px;margin-bottom:13px}
.profit-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12.5px}
.profit-row.total{border-top:1px solid var(--border);margin-top:5px;padding-top:8px;font-weight:800;font-size:14px;font-family:'Tajawal'}

.detail-section{margin-bottom:13px}
.detail-section .dl{font-size:11px;color:var(--text-faint);font-weight:700;margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px}
.detail-section .dv{font-size:13px;font-weight:500}
.detail-section .dv a{color:var(--accent);text-decoration:none}
.detail-note{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:12px;font-size:12.5px;line-height:1.7;color:var(--text-dim);white-space:pre-wrap}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.timeline{border-right:2px solid var(--border);padding-right:13px;margin-right:6px}
.timeline-item{position:relative;padding:5px 0;font-size:12px}
.timeline-item::before{content:'';position:absolute;right:-21px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg)}
.timeline-item .t-time{color:var(--text-faint);font-size:10.5px}
.timeline-item .t-by{color:var(--blue);font-size:10.5px;font-weight:600}

.bar-row{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.bar-row .bl{width:90px;font-size:11.5px;font-weight:700;color:var(--text-dim)}
.bar-track{flex:1;height:13px;background:var(--surface-2);border-radius:7px;overflow:hidden}
.bar-fill{height:100%;border-radius:7px;transition:width .5s}
.bar-val{font-size:12px;font-weight:700;font-family:'Tajawal';white-space:nowrap}

.month-chart{display:flex;gap:6px;align-items:flex-end;height:130px;padding:5px 0}
.month-bar{flex:1;background:var(--surface-2);border-radius:5px 5px 0 0;position:relative;min-height:4px;transition:all .3s;display:flex;flex-direction:column-reverse;overflow:hidden;cursor:pointer}
.month-bar:hover{opacity:.85}
.month-bar .bar-in{background:linear-gradient(180deg,var(--green),#3a9968);width:100%}
.month-bar .bar-out{background:linear-gradient(180deg,var(--red),#c25555);width:100%}
.month-labels{display:flex;gap:6px;margin-top:6px}
.month-labels span{flex:1;text-align:center;font-size:10px;color:var(--text-faint);font-weight:600}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--surface-3);color:var(--text);padding:11px 20px;border-radius:11px;font-weight:600;font-size:13px;box-shadow:var(--shadow);z-index:200;transition:transform .3s;border:1px solid var(--border-light)}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast.success{border-color:var(--green);background:linear-gradient(135deg,var(--surface-3),rgba(76,183,130,.1))}
.toast.error{border-color:var(--red);background:linear-gradient(135deg,var(--surface-3),rgba(224,106,106,.1))}

.search-box{position:relative;max-width:340px;flex:1}
.search-box input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 38px 10px 13px;color:var(--text);font-family:inherit;font-size:13px}
.search-box input:focus{outline:none;border-color:var(--accent)}
.search-box svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-faint)}
.filters-bar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}
.filter-select{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;color:var(--text);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}
.list-item{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}
.list-item:last-child{border-bottom:none}
.li-date{background:var(--accent-soft);color:var(--accent);border-radius:9px;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font-family:'Tajawal'}
.li-date .d{font-size:16px;font-weight:800;line-height:1}
.li-date .m{font-size:10px;font-weight:600}
.li-date.today{background:var(--red);color:#fff}
.li-date.urgent{background:var(--orange-soft);color:var(--orange)}

/* Tasks */
.task-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-bottom:7px;transition:all .15s}
.task-item:hover{border-color:var(--border-light)}
.task-item.done{opacity:.55}
.task-item.done .task-title{text-decoration:line-through}
.task-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface);color:transparent;transition:all .15s}
.task-check:hover{border-color:var(--accent)}
.task-check.done{background:var(--green);border-color:var(--green);color:#fff}
.task-check svg{width:13px;height:13px}
.task-title{font-size:12.5px;font-weight:600}
.task-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--text-faint);margin-top:3px}

/* Payments */
.payment-row{display:flex;justify-content:space-between;align-items:center;background:var(--surface-2);padding:9px 12px;border-radius:9px;font-size:12.5px;border:1px solid var(--border);margin-bottom:6px}
.payment-row .pay-amt{font-weight:800;font-family:'Tajawal';color:var(--green)}
.payment-row.pending .pay-amt{color:var(--accent)}

/* Calendar */
.cal-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cal-head h3{font-size:16px;font-weight:800;font-family:'Tajawal'}
.cal-nav{display:flex;gap:6px}
.cal-nav button{background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;border-radius:8px;color:var(--text);cursor:pointer;font-size:14px;font-weight:700}
.cal-nav button:hover{border-color:var(--accent)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-day-name{text-align:center;font-size:10.5px;font-weight:700;color:var(--text-faint);padding:6px 0}
.cal-day{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;min-height:80px;padding:6px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.cal-day:hover{border-color:var(--accent)}
.cal-day.empty{background:transparent;border-color:transparent;cursor:default}
.cal-day.today{background:var(--accent-soft);border-color:var(--accent)}
.cal-day .cal-num{font-size:11.5px;font-weight:700;font-family:'Tajawal'}
.cal-day .cal-event{font-size:9.5px;background:var(--surface-3);padding:2px 5px;border-radius:4px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.cal-day .cal-event.interview{background:var(--blue-soft);color:var(--blue)}
.cal-day .cal-event.task{background:var(--accent-soft);color:var(--accent)}
.cal-day .cal-event.travel{background:var(--teal-soft);color:var(--teal)}
.cal-day .cal-event.pay{background:var(--green-soft);color:var(--green)}

/* Global Search */
.gsearch-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;z-index:300;padding:60px 20px 20px;opacity:0;pointer-events:none;transition:opacity .2s}
.gsearch-overlay.show{opacity:1;pointer-events:all}
.gsearch-box{background:var(--surface);border:1px solid var(--border-light);border-radius:14px;width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}
.gsearch-input{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:11px}
.gsearch-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:15px;font-weight:600}
.gsearch-input svg{width:18px;height:18px;color:var(--text-faint)}
.gsearch-results{flex:1;overflow-y:auto;padding:8px}
.gsearch-cat{font-size:10px;font-weight:800;color:var(--text-faint);text-transform:uppercase;padding:9px 12px 5px}
.gsearch-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;cursor:pointer;font-size:12.5px}
.gsearch-item:hover,.gsearch-item.active{background:var(--surface-2)}
.gsearch-item .gi-name{font-weight:700;flex:1}
.gsearch-item .gi-sub{color:var(--text-faint);font-size:11px}

/* WhatsApp Templates */
.tpl-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;margin-bottom:8px;cursor:pointer;transition:all .15s}
.tpl-card:hover{border-color:var(--accent)}
.tpl-card .tpl-name{font-weight:700;font-size:13px;margin-bottom:4px}
.tpl-card .tpl-preview{color:var(--text-dim);font-size:11.5px;line-height:1.5;white-space:pre-wrap}

/* File uploads */
.file-attach{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:8px 11px;margin-bottom:5px;font-size:12px}
.file-attach .fa-icon{width:30px;height:30px;border-radius:7px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:14px}
.file-attach .fa-name{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-attach .fa-size{color:var(--text-faint);font-size:10.5px}

/* Print */
@media print{
  body{background:#fff;color:#000}
  .sidebar,.menu-toggle,.no-print,.head-actions{display:none !important}
  .main{padding:20px}
  .panel,.data-table,.stat-card{box-shadow:none !important;border:1px solid #ccc !important;background:#fff !important;color:#000 !important}
}

/* Passation v6 */
.passation-card{background:linear-gradient(135deg,rgba(212,164,76,.10),rgba(63,182,168,.06));border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}
.passation-card.urgent{border-color:rgba(224,106,106,.45);background:linear-gradient(135deg,rgba(224,106,106,.10),rgba(212,164,76,.06))}
.passation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.passation-title{font-weight:900;color:var(--text);font-size:15px}.passation-meta{color:var(--text-dim);font-size:11.5px;margin-top:2px}
.passation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.passation-block{background:rgba(255,255,255,.025);border:1px solid var(--border);border-radius:12px;padding:10px;min-height:64px}
.passation-block b{display:block;color:var(--accent);font-size:11px;margin-bottom:5px}.passation-block p{white-space:pre-wrap;color:var(--text-dim);font-size:12.5px;line-height:1.65}
.passation-kpi{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.passation-kpi span{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--text-dim);font-size:11.5px;font-weight:700}
.passation-missing{display:flex;gap:8px;flex-wrap:wrap}.missing-chip{background:var(--red-soft);color:var(--red);border:1px solid rgba(224,106,106,.25);padding:5px 10px;border-radius:999px;font-size:11.5px;font-weight:800}
.checkline{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 10px;color:var(--text-dim);font-size:12px;font-weight:700}.checkline input{width:16px;height:16px;accent-color:var(--accent)}

.share-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow-sm)}
.share-card.off{opacity:.62}
.share-url{direction:ltr;text-align:left;background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--accent);overflow:auto;white-space:nowrap}
.share-cands{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.share-cands span{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--text-dim);font-size:11px;font-weight:800}
.public-share{min-height:100vh;background:#10141a;color:#f5f2ea;font-family:'Cairo',Arial,sans-serif;direction:rtl;padding:26px}
.public-wrap{max-width:1050px;margin:auto}.public-hero{background:linear-gradient(135deg,#181e27,#251418);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px;margin-bottom:16px;box-shadow:0 20px 45px rgba(0,0,0,.24)}
.public-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.public-logo{width:46px;height:46px;border-radius:14px;background:#b3212b;color:white;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:900}.public-title{font-size:25px;font-weight:900;margin:0}.public-sub{color:#c8ccd2;font-size:13px;line-height:1.8}.public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.public-card{background:#161b23;border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:15px}.public-code{color:#d4a44c;font-weight:900;font-size:13px;margin-bottom:4px}.public-name{font-size:18px;font-weight:900}.public-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.public-chip{background:rgba(212,164,76,.12);border:1px solid rgba(212,164,76,.22);color:#e7ca91;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.public-note{color:#c8ccd2;font-size:12.5px;line-height:1.75;white-space:pre-wrap;margin:8px 0}.public-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.public-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#b3212b;color:#fff;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:900}.public-btn.alt{background:#242b35;color:#f5f2ea;border:1px solid rgba(255,255,255,.12)}.public-media{margin-top:10px;border-radius:12px;overflow:hidden;background:#0d1117}.public-media video,.public-media img{width:100%;max-height:260px;object-fit:cover;display:block}.public-foot{color:#8f98a6;font-size:11px;text-align:center;margin-top:18px}

@media(max-width:880px){.passation-grid{grid-template-columns:1fr}.public-share{padding:14px}.public-grid{grid-template-columns:1fr}}

@media(max-width:880px){
  .sidebar{position:fixed;right:-260px;z-index:90;transition:right .25s;box-shadow:var(--shadow)}
  .sidebar.open{right:0}
  .main{padding:16px}
  .menu-toggle{display:flex !important}
  .form-row,.form-row-3,.grid-2,.grid-3,.grid-3-2,.detail-grid{grid-template-columns:1fr}
}
.menu-toggle{display:none;background:var(--surface-2);border:1px solid var(--border);width:38px;height:38px;border-radius:9px;cursor:pointer;color:var(--text);align-items:center;justify-content:center}

/* Achab CRM Pro workflow improvements */
.travel-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:8px}
.stage-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:10px 12px;text-align:right;display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:800}
.stage-pill span{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--text-muted);font-size:12px}
.stage-pill.done{border-color:rgba(76,183,130,.35);background:var(--green-soft);color:var(--green)}
.stage-pill.done span{background:var(--green);color:#fff}
.stage-pill.current{border-color:rgba(212,164,76,.55);background:var(--accent-soft);color:var(--accent)}
.stage-pill.current span{background:var(--accent);color:#111}
.stage-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}

/* =========================================================
   Achab Recruitment OS V11 Workspace — UI organization layer
   Keeps the production workflow intact; improves hierarchy,
   dashboard density, Candidate Sheet, and sidebar quick links.
   ========================================================= */
:root{
  --workspace-max:1540px;
  --brand-red:#c83b46;
  --brand-red-soft:rgba(200,59,70,.12);
  --surface-elev:#182230;
}
body{background:var(--bg)}
.layout{background:var(--bg)}
.sidebar{width:268px;padding:14px 11px 12px;gap:1px;background:linear-gradient(180deg,#0e1620 0%,#0c131c 100%);border-left-color:rgba(255,255,255,.07)}
.brand{padding:5px 8px 13px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.055)}
.brand-logo{width:50px;height:44px;border-radius:13px}.brand-text h1{font-size:14.5px}.brand-text span{font-size:10px}
.user-chip{margin-top:8px;background:rgba(255,255,255,.028);border-color:rgba(255,255,255,.08);padding:9px 10px}
.global-search-btn{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.075);margin-bottom:4px}
.nav-section{padding:10px 12px 5px;font-size:9px;letter-spacing:.6px;color:#647184}
.nav-item{padding:8px 11px;border-radius:9px;font-size:12.5px;gap:10px;min-height:38px}
.nav-item svg{width:17px;height:17px}.nav-item.active{background:linear-gradient(90deg,rgba(212,164,76,.14),rgba(212,164,76,.07));border-color:rgba(212,164,76,.2)}
.nav-item.active::before{top:6px;bottom:6px;width:3px}
.nav-badge{box-shadow:0 0 0 2px #0e1620}
.quick-links-title{margin-top:2px}
.quick-link-stack{display:grid;gap:6px;padding:0 3px 7px}
.side-quick-card{display:flex;align-items:stretch;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.075);border-radius:10px;overflow:hidden;min-height:48px;transition:.16s ease}
.side-quick-card:hover{border-color:rgba(212,164,76,.33);background:rgba(255,255,255,.04)}
.side-quick-card>a{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:8px 9px;text-decoration:none;color:var(--text)}
.side-quick-card .sq-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 28px;background:var(--blue-soft);color:var(--blue)}
.side-quick-card.employer-link .sq-icon{background:var(--teal-soft);color:var(--teal)}
.side-quick-card .sq-icon svg{width:15px;height:15px;display:block}
.side-quick-card .sq-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}.side-quick-card .sq-copy b{font-size:10.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-quick-card .sq-copy small{font-size:8.7px;color:var(--text-faint);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-quick-card>button{width:43px;border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;color:var(--text-faint);font-family:inherit;font-size:9.5px;font-weight:800;cursor:pointer}.side-quick-card>button:hover{background:var(--accent-soft);color:var(--accent)}
.nav-footer{padding:5px 3px 0}.nav-footer .backup-btns button{padding:6px 5px;font-size:9.5px}.nav-footer>a{font-size:9.5px!important;margin-top:5px!important}.nav-footer>div:first-child{font-size:8.5px!important;margin-bottom:5px!important}

.main{padding:0 26px 30px;min-width:0}
.office-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:0;z-index:35;background:linear-gradient(180deg,rgba(10,15,21,.98),rgba(10,15,21,.90));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.055);margin:0 -26px 22px;padding:0 26px}
.topbar-start,.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-title{display:flex;flex-direction:column;line-height:1.25}.topbar-title b{font-size:12.5px}.topbar-title span{font-size:9.5px;color:var(--text-faint);margin-top:2px}
.topbar-search{height:34px;display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--text-dim);padding:0 10px;font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer}.topbar-search:hover{border-color:var(--accent);color:var(--text)}.topbar-search svg{width:14px;height:14px}.topbar-search kbd{font-size:8.5px;background:var(--surface-3);border:1px solid var(--border);border-radius:5px;padding:2px 5px;color:var(--text-faint);font-family:monospace}
#pageContent{max-width:var(--workspace-max);margin:0 auto;width:100%}

.eyebrow{display:block;color:var(--accent);font-size:9.5px;font-weight:900;letter-spacing:1.2px;margin-bottom:6px}
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#18222e 0%,#141c26 58%,rgba(200,59,70,.15) 100%);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:19px 20px;margin-bottom:16px;box-shadow:0 12px 30px rgba(0,0,0,.13)}
.dashboard-hero h2{font-size:22px;line-height:1.25;margin:0}.dashboard-hero p{font-size:11.5px;color:var(--text-dim);margin-top:5px}.hero-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hero-actions .btn{font-size:11px;padding:8px 11px}.hero-actions a{text-decoration:none}
.dashboard-section{margin-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title>div{display:flex;align-items:baseline;gap:8px}.section-title b{font-size:13px}.section-title span{font-size:9.5px;color:var(--text-faint)}
.alert-center{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.alert-center .alert-strip{margin:0;padding:9px 11px;border-radius:9px;font-size:10.7px;min-height:38px}.alert-center .alert-strip svg{width:14px;height:14px}
.dashboard-stats{grid-template-columns:repeat(6,minmax(125px,1fr));gap:9px;margin-bottom:15px}.dashboard-stats .stat-card{padding:13px 14px;border-radius:12px;background:linear-gradient(180deg,var(--surface),rgba(22,30,42,.72))}.dashboard-stats .stat-card .ic{width:31px;height:31px;margin-bottom:9px;border-radius:8px}.dashboard-stats .stat-card .num{font-size:21px}.dashboard-stats .stat-card .lbl{font-size:10px;margin-top:5px}
.dashboard-grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:12px;margin-bottom:15px}.panel{border-color:rgba(255,255,255,.075);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.panel-head-rich{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-head-rich h3{font-size:13.5px;margin:0 0 3px}.panel-head-rich p{font-size:9.8px;color:var(--text-faint);line-height:1.5}.panel-head-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.new-reg-count{font-size:9px;font-weight:800;color:var(--green);background:var(--green-soft);border:1px solid rgba(76,183,130,.2);padding:4px 7px;border-radius:999px}
.recent-candidate{display:flex;align-items:center;gap:8px;padding:8px 3px;border-top:1px solid rgba(255,255,255,.055);cursor:pointer;min-height:48px}.recent-candidate:hover{background:rgba(255,255,255,.022)}.recent-candidate .avatar{width:30px;height:30px;border-radius:8px;font-size:10px}.recent-main{flex:1;min-width:0}.recent-main .row-title{font-size:11.5px}.recent-main .row-sub{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-link{padding:3px 6px;border:1px solid var(--border);border-radius:6px;color:var(--accent);font-size:9px;font-weight:900;text-decoration:none}.mini-link:hover{border-color:var(--accent)}.compact-empty{padding:22px 10px}
.quick-work-panel h3{font-size:13.5px}.quick-work-grid{display:grid;grid-template-columns:1fr;gap:7px}.quick-work-grid button{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 10px;text-align:right;cursor:pointer;font-family:inherit;transition:.15s}.quick-work-grid button:hover{border-color:var(--accent);background:rgba(212,164,76,.07);transform:translateY(-1px)}.quick-work-grid button>svg{width:17px;height:17px;color:var(--accent);flex:0 0 17px}.quick-work-grid button span{display:flex;flex-direction:column;min-width:0}.quick-work-grid button b{font-size:10.8px}.quick-work-grid button small{font-size:8.8px;color:var(--text-faint);margin-top:2px}

/* Candidate bank / internal Sheet */
.candidate-page-head{align-items:center}.candidate-page-head h2{margin-top:0}
.candidate-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:11px}.candidate-summary-grid>div,.candidate-summary-grid>button{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:10px 11px;color:var(--text);font-family:inherit;text-align:right}.candidate-summary-grid>button{cursor:pointer}.candidate-summary-grid>button:hover{border-color:var(--accent);background:rgba(212,164,76,.045)}.candidate-summary-grid>*>span:last-child{display:flex;flex-direction:column}.candidate-summary-grid b{font-size:16px;line-height:1;font-family:'Tajawal',sans-serif}.candidate-summary-grid small{font-size:9px;color:var(--text-faint);margin-top:4px}.cs-icon{width:31px;height:31px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 31px}.cs-icon svg{width:15px;height:15px}.cs-icon.form{background:var(--blue-soft);color:var(--blue)}.cs-icon.new{background:var(--accent-soft);color:var(--accent)}.cs-icon.cv{background:var(--teal-soft);color:var(--teal)}.cs-icon.total{background:var(--purple-soft);color:var(--purple)}
.sheet-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px;margin-bottom:10px;position:relative}.sheet-toolbar .search-box{flex:1;min-width:220px}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:100%;height:34px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:10.8px;padding:0 10px 0 32px}.search-box input:focus{outline:none;border-color:var(--accent)}.search-box svg{position:absolute;left:9px;width:14px;height:14px;color:var(--text-faint)}
.filter-select{height:34px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-family:inherit;font-size:9.8px;font-weight:700;padding:0 8px;max-width:170px}.filter-select:focus{outline:none;border-color:var(--accent)}.filter-select:disabled{opacity:.48}
.view-toggle{display:flex;padding:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;height:34px}.view-toggle button{border:0;background:transparent;color:var(--text-faint);font-family:inherit;font-size:9.5px;font-weight:800;border-radius:6px;padding:0 9px;cursor:pointer}.view-toggle button.active{background:var(--surface-4);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.2)}
.catalog-stat{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.025);border:1px solid var(--border);color:var(--text-faint);font-size:9px;font-weight:800;white-space:nowrap}
.sheet-table{min-width:1320px!important}.sheet-table th{padding:9px 10px;font-size:9.5px}.sheet-table td{padding:9px 10px;font-size:10.8px}.sheet-table .row-title{font-size:10.8px}.sheet-table .row-sub{font-size:9px}.prof-stack{display:flex;flex-direction:column;gap:2px}.prof-main{font-weight:700;font-size:10.5px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prof-sub{font-size:8.8px;color:var(--text-faint);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid var(--border);color:var(--text-dim);font-size:8.8px;font-weight:800;white-space:nowrap}.source-chip.fresh{background:var(--blue-soft);border-color:rgba(91,141,239,.22);color:#8bb0ff}.source-chip.fresh::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:5px}

/* Slightly calmer standard pages */
.page-head{margin-bottom:14px}.page-head h2{font-size:21px}.page-head p{font-size:11px}.head-actions .btn{padding:7px 10px;font-size:10.5px}.data-table{border-radius:12px}.data-table th{padding:10px 11px;font-size:10px}.data-table td{padding:10px 11px;font-size:11.5px}

@media(max-width:1250px){
  .dashboard-stats{grid-template-columns:repeat(3,minmax(140px,1fr))}
  .dashboard-grid-main{grid-template-columns:1fr}
  .quick-work-grid{grid-template-columns:repeat(2,1fr)}
  .candidate-summary-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:880px){
  .sidebar{width:268px;right:-280px}.main{padding:0 13px 22px}.office-topbar{height:58px;margin:0 -13px 14px;padding:0 13px}.topbar-title{display:none}.topbar-search span,.topbar-search kbd{display:none}.topbar-search{width:34px;padding:0;justify-content:center}.dashboard-hero{padding:14px;align-items:flex-start;flex-direction:column}.hero-actions{width:100%}.hero-actions .btn{flex:1;justify-content:center}.alert-center{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}.candidate-summary-grid{grid-template-columns:repeat(2,1fr)}.sheet-toolbar{align-items:stretch}.sheet-toolbar .search-box{flex-basis:100%}.filter-select{max-width:none;flex:1}.panel-head-rich{flex-direction:column}.panel-head-actions{width:100%;justify-content:space-between}.quick-work-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .dashboard-stats{grid-template-columns:1fr 1fr}.candidate-summary-grid{grid-template-columns:1fr 1fr}.quick-work-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%;flex-basis:100%}.candidate-summary-grid>div,.candidate-summary-grid>button{padding:8px}.cs-icon{display:none}
}

/* =========================================================
   Achab Recruitment OS V12 — Fast + Mobile App layer
   - keeps desktop workflow intact
   - reduces visual weight and DB-navigation latency (JS)
   - adds bottom navigation and mobile drawer
   ========================================================= */
.mobile-bottom-nav,.sidebar-backdrop{display:none}
@media(min-width:881px){
  .main{padding-left:24px;padding-right:24px}
  .dashboard-hero{box-shadow:none;background:linear-gradient(135deg,#151e29,#121922)}
  .panel,.stat-card{box-shadow:none}
  .alert-strip:hover,.stat-card.clickable:hover,.quick-work-grid button:hover{transform:none}
}
@media(max-width:880px){
  html,body,#app{min-height:100%;background:var(--bg)}
  body{overscroll-behavior-y:none}
  .layout{display:block;min-height:100dvh}
  .sidebar{width:min(86vw,310px)!important;right:calc(-1 * min(88vw,325px))!important;top:0;height:100dvh;z-index:220;padding:13px 10px 94px;transition:right .2s ease;box-shadow:0 0 45px rgba(0,0,0,.5)}
  .sidebar.open{right:0!important}
  .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:210;opacity:0;pointer-events:none;transition:opacity .18s}
  .sidebar-backdrop.show{opacity:1;pointer-events:auto}
  .brand{padding-top:max(5px,env(safe-area-inset-top))}
  .main{padding:0 10px calc(82px + env(safe-area-inset-bottom))!important;width:100%;min-height:100dvh}
  .office-topbar{height:54px;margin:0 -10px 10px!important;padding:0 10px!important;top:0;border-bottom-color:rgba(255,255,255,.06)}
  .office-topbar .btn{height:34px;padding:0 9px}
  #btnRefreshShared{font-size:0!important;width:34px;padding:0!important;justify-content:center}
  #btnRefreshShared svg{margin:0}
  .menu-toggle{display:flex!important;width:36px;height:36px}
  .topbar-search{width:36px!important;height:36px!important;padding:0!important}
  #pageContent{max-width:none}
  .page-head{align-items:flex-start;margin-bottom:10px;gap:8px}
  .page-head h2{font-size:18px;line-height:1.25}.page-head p{font-size:10px}
  .head-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.head-actions .btn{justify-content:center;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .dashboard-hero{padding:13px 14px!important;margin-bottom:10px;border-radius:13px;background:var(--surface);box-shadow:none}
  .dashboard-hero h2{font-size:18px}.dashboard-hero p{font-size:10px}.eyebrow{font-size:8.5px}
  .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}.hero-actions .btn{width:100%;font-size:10px!important;padding:8px 6px!important}
  .dashboard-section{margin-bottom:10px}.section-title{margin-bottom:6px}.section-title b{font-size:12px}
  .alert-center{gap:5px}.alert-center .alert-strip{min-height:34px;padding:7px 9px;font-size:10px;border-radius:8px}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:10px!important}.dashboard-stats .stat-card{padding:10px!important;border-radius:10px!important}.dashboard-stats .stat-card .ic{width:28px;height:28px;margin-bottom:6px}.dashboard-stats .stat-card .num{font-size:19px}.dashboard-stats .stat-card .lbl{font-size:9.5px;margin-top:4px}
  .stats-grid{gap:7px;margin-bottom:11px}.stat-card{padding:11px;border-radius:11px;box-shadow:none}.stat-card .num{font-size:20px}.stat-card .lbl{font-size:10px}
  .dashboard-grid-main{display:block!important}.dashboard-grid-main>.panel{margin-bottom:8px}
  .panel{padding:12px;border-radius:11px;box-shadow:none}.panel h3{font-size:13px;margin-bottom:8px}.panel-sub{font-size:9px!important}
  .grid-2,.grid-3,.grid-3-2,.form-row,.form-row-3,.detail-grid{grid-template-columns:1fr!important;gap:8px!important}
  .candidate-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.candidate-summary-grid>div,.candidate-summary-grid>button{padding:8px;border-radius:9px}.candidate-summary-grid b{font-size:14px}
  .sheet-toolbar{padding:7px;border-radius:10px;gap:6px}.sheet-toolbar .search-box{min-width:0}.filter-select{min-width:calc(50% - 4px);max-width:none!important;flex:1}.view-toggle{margin-right:auto}
  .data-table{border-radius:10px;margin-left:-2px;margin-right:-2px;max-width:calc(100vw - 16px);-webkit-overflow-scrolling:touch}.data-table table{min-width:720px}.data-table th,.data-table td{padding:8px 9px;font-size:10.5px}.sheet-table{min-width:1040px!important}
  .modal-overlay{padding:0;align-items:flex-end;z-index:260}.modal{max-width:none!important;width:100%;max-height:92dvh;border-radius:18px 18px 0 0;border-bottom:0;transform:translateY(30px)}.modal-head{padding:15px 15px 0}.modal-body{padding:13px 15px calc(18px + env(safe-area-inset-bottom))}.modal-head h3{font-size:15px}.form-group label{font-size:10.5px}.form-group input,.form-group select,.form-group textarea{font-size:16px;min-height:44px}
  .gsearch-overlay{padding:10px;align-items:flex-start}.gsearch-box{max-height:82dvh;border-radius:13px;margin-top:46px}.gsearch-input input{font-size:16px}
  .toast{bottom:calc(72px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);font-size:11px;text-align:center}
  .mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;right:0;left:0;bottom:0;z-index:205;height:calc(64px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:rgba(15,22,32,.97);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 -8px 25px rgba(0,0,0,.28)}
  .mobile-bottom-nav button{border:0;background:transparent;color:var(--text-faint);font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:8px;font-size:9px;font-weight:800;min-width:0;cursor:pointer}
  .mobile-bottom-nav button svg{width:19px;height:19px}.mobile-bottom-nav button.active{color:var(--accent);background:var(--accent-soft)}
  .quick-link-stack{padding-bottom:12px}
}
@media(max-width:520px){
  .topbar-title{display:none}.dashboard-hero{gap:10px}.hero-actions{grid-template-columns:1fr 1fr}.dashboard-stats{grid-template-columns:1fr 1fr!important}.candidate-summary-grid{grid-template-columns:1fr 1fr!important}.cs-icon{display:none}.quick-work-grid{grid-template-columns:1fr 1fr!important}.quick-work-grid button{padding:8px}.quick-work-grid button small{display:none}.month-chart{height:100px}.cal-day{min-height:62px;padding:4px}.cal-day .cal-event{font-size:8px}.cal-wrap{padding:8px}.cal-grid{gap:2px}
}
@media(max-width:880px){
  .office-topbar,.mobile-bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .office-topbar{background:#0a0f15!important}.mobile-bottom-nav{background:#0f1620!important}
  .modal-overlay,.gsearch-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  *{scrollbar-width:thin}
}
/* Achab Recruitment OS V13 — White Operations UI
   Keeps V12.2 functional layout and overrides presentation only. */
:root{
  --bg:#f5f6f8;
  --bg-2:#ffffff;
  --surface:#ffffff;
  --surface-2:#f8f9fb;
  --surface-3:#eef1f4;
  --surface-4:#e5e9ee;
  --border:#e3e6ea;
  --border-light:#cfd5dc;
  --text:#16181c;
  --text-dim:#5d6570;
  --text-faint:#8b939d;
  --accent:#d71920;
  --accent-2:#b9141a;
  --accent-soft:rgba(215,25,32,.08);
  --accent-glow:rgba(215,25,32,.18);
  --teal:#0f9f92; --teal-soft:rgba(15,159,146,.09);
  --blue:#316dd8; --blue-soft:rgba(49,109,216,.09);
  --green:#168a55; --green-soft:rgba(22,138,85,.09);
  --red:#d71920; --red-soft:rgba(215,25,32,.08);
  --purple:#7b50b5; --purple-soft:rgba(123,80,181,.09);
  --orange:#c66a17; --orange-soft:rgba(198,106,23,.09);
  --pink:#bf4d7d; --pink-soft:rgba(191,77,125,.09);
  --shadow-sm:0 2px 10px rgba(18,25,38,.055);
  --shadow:0 12px 34px rgba(18,25,38,.09);
  --shadow-lg:0 26px 70px rgba(18,25,38,.14);
}
html,body{background:var(--bg);color:var(--text)}
#app{background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",Tahoma,sans-serif;letter-spacing:0}
.loading-screen{background:#fff}
.spinner{border-color:#eceff2;border-top-color:var(--accent)}

/* Login */
.login-bg{background:linear-gradient(145deg,#fff 0%,#f7f8fa 55%,#f1f3f6 100%)}
.login-card{background:#fff;border:1px solid #e6e9ed;box-shadow:0 28px 80px rgba(16,24,40,.12);border-radius:24px}
.login-card::before{content:"";display:block;width:46px;height:4px;background:var(--accent);border-radius:99px;margin:0 auto 18px}
.login-logo{box-shadow:none;border:1px solid #eceff2}
.security-note{background:#fff6f6;color:#9f141a;border-color:#f2c9cb}

/* Primary shell */
.layout{background:var(--bg)}
.sidebar{width:270px;background:#fff;border-left:1px solid var(--border);padding:18px 14px;box-shadow:-2px 0 18px rgba(16,24,40,.025)}
.brand{padding:2px 7px 17px;border-bottom:1px solid #eef0f2;margin-bottom:12px}
.brand-logo{width:52px;height:46px;border-radius:13px;box-shadow:none;border:1px solid #eceff2;background:#fff}
.brand-text h1{font-size:14px;color:#111;font-weight:900}
.brand-text span{font-size:10.5px;color:#9097a1}
.user-chip{background:#fbfbfc;border:1px solid #eceef1;padding:10px 11px;border-radius:13px}
.user-chip:hover{border-color:#d8dade;background:#fff}
.user-chip .ua{background:#111;color:#fff;border-radius:10px}
.user-chip .un{color:#15171a}
.global-search-btn{background:#fff;border-color:#e4e7eb;color:#5d6570;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.global-search-btn:hover{border-color:#cdd2d8;color:#111;background:#fafafa}
.global-search-btn .kbd{background:#f3f4f6;border-color:#e4e7eb;color:#737b86}
.nav-section{color:#a0a6ae;padding:13px 12px 6px;font-size:9.5px;letter-spacing:.8px}
.nav-item{color:#5c626b;padding:10px 12px;border-radius:10px;font-weight:700}
.nav-item:hover{background:#f6f7f9;color:#111}
.nav-item.active{background:#fff4f4;color:#b5141a;border-color:#f3d5d7}
.nav-item.active::before{background:var(--accent);width:3px;right:-1px}
.nav-item svg{opacity:.82}
.nav-badge{box-shadow:0 0 0 2px #fff}
.nav-sep{background:#eef0f2}
.nav-footer{border-top:1px solid #eef0f2;margin-top:auto;padding-top:12px}
.backup-btns button{background:#fff;border-color:#e3e6ea;color:#666f79}
.side-quick-card{background:#fff!important;border:1px solid #e7e9ed!important;box-shadow:none!important}
.side-quick-card:hover{border-color:#d6d9de!important;box-shadow:var(--shadow-sm)!important}

.main{padding:0 30px 34px;background:var(--bg)}
.office-topbar{margin:0 -30px 24px;padding:14px 30px;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}
.topbar-title b{color:#16181c;font-size:13px}.topbar-title span{color:#9097a0}
.topbar-search{background:#fff;border:1px solid #e2e5e9;color:#626a75}
.topbar-search:hover{border-color:#cfd4da;color:#15171a}
.topbar-search kbd{background:#f5f6f8;border-color:#e5e7eb;color:#8b929b}
.menu-toggle{background:#fff;border-color:#e0e4e8;color:#222}

/* Typography and headers */
.page-head{align-items:center;margin-bottom:18px}
.page-head h2{font-size:25px;color:#121417;font-weight:900;letter-spacing:-.7px}
.page-head p{color:#7a828d}

/* Buttons */
.btn{border-radius:9px;font-weight:800;box-shadow:none}
.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}
.btn-primary:hover{background:#b9141a;color:#fff;box-shadow:0 7px 18px var(--accent-glow);transform:translateY(-1px)}
.btn-ghost{background:#fff;color:#3f4751;border:1px solid #dfe3e8}
.btn-ghost:hover{background:#f8f9fa;border-color:#cfd4da;color:#16181c}
.btn-green{background:#13834f;color:#fff}.btn-green:hover{background:#0f7445;color:#fff}
.btn-red{background:#d71920;color:#fff}.btn-red-g{background:#fff;color:#c6181e;border-color:#eccfd1}
.icon-btn{background:#fff!important;border-color:#e1e5e9!important;color:#626b75!important}
.icon-btn:hover{border-color:#c9ced5!important;color:#15171a!important;background:#f9fafb!important}
.icon-btn.wa{color:#128c4e!important}.icon-btn.call{color:#316dd8!important}.icon-btn.danger{color:#c61a20!important}

/* Cards & data */
.panel,.stat-card,.cal-wrap,.data-table,.kanban-col,.passation-card,.profit-box,.info-box{background:#fff;border-color:var(--border);box-shadow:var(--shadow-sm)}
.panel{border-radius:16px;padding:18px}.panel h3{color:#16181c}
.stat-card{border-radius:15px;padding:17px 18px;box-shadow:0 2px 12px rgba(16,24,40,.04)}
.stat-card.clickable:hover{border-color:#d4d8de;box-shadow:0 10px 24px rgba(16,24,40,.08)}
.stat-card .num{color:#111}.stat-card .lbl{color:#6e7680}
.list-item,.task-item,.recent-candidate,.payment-row,.file-attach{border-color:#edf0f2!important}
.list-item:hover,.recent-candidate:hover{background:#fafafa!important}
.row-title,.task-title{color:#17191d}.row-sub,.task-meta{color:#808892}
.avatar{color:#fff}
.badge{font-weight:800;border:1px solid rgba(20,24,28,.03)}
.source-chip{background:#f3f5f7!important;color:#555e69!important;border-color:#e6e9ed!important}
.source-chip.fresh{background:#effaf5!important;color:#16784d!important;border-color:#d8eee4!important}

/* Tables */
.data-table{border-radius:14px;overflow:auto}
table{background:#fff} thead th{background:#fafbfc;color:#68717c;border-bottom:1px solid #e7eaee;font-size:10.5px;text-transform:none}
tbody td{color:#30363e;border-bottom:1px solid #eef0f3}tbody tr:hover{background:#fafbfc}
.sheet-table tbody tr:nth-child(even){background:#fdfdfd}.sheet-table tbody tr:nth-child(even):hover{background:#fafbfc}

/* Forms */
input,select,textarea{background:#fff!important;color:#20242a!important;border-color:#dfe3e8!important;box-shadow:0 1px 2px rgba(16,24,40,.02)}
input:focus,select:focus,textarea:focus{border-color:#b7bdc6!important;box-shadow:0 0 0 3px rgba(22,24,28,.055)!important}
.form-group label{color:#565e68}.form-group small{color:#939aa3!important}
.checkline{background:#fafbfc!important;border-color:#e7eaee!important;color:#4f5862!important}

/* Modal / detail */
.modal-overlay{background:rgba(17,20,24,.28);backdrop-filter:blur(4px)}
.modal{background:#fff;border:1px solid #e4e7ea;box-shadow:0 30px 90px rgba(15,23,42,.2);border-radius:18px}
.modal-head{background:#fff;border-bottom:1px solid #eceef1;padding:16px 20px}.modal-head h3{color:#14171a}.close-x{background:#f6f7f9!important;color:#555e68!important;border:1px solid #e7e9ec!important}
.modal-body{background:#fff}.modal-footer{background:#fafafa;border-top:1px solid #eceef1}
.tabs{background:#f6f7f8;border:1px solid #e9ebee;border-radius:11px;padding:4px;gap:3px}
.tab{color:#6c7480;border-radius:8px}.tab:hover{background:#fff;color:#222}.tab.active{background:#fff;color:#b3141a;box-shadow:0 1px 5px rgba(16,24,40,.08)}
.detail-section{background:#fff;border-color:#e6e9ed!important}.detail-section .dl{color:#89919b}.detail-section .dv{color:#22272d}
.detail-note{background:#fafbfc!important;border-color:#e8ebee!important;color:#3f4751!important}

/* Travel timeline — preserve all stages, improve scanability */
.travel-progress{background:#f7f8fa;border:1px solid #e9ecef;border-radius:14px;padding:13px!important;gap:8px!important}
.stage-pill{background:#fff!important;border:1px solid #dfe3e8!important;color:#6c7480!important;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.stage-pill span{background:#f0f2f5!important;color:#636b75!important}
.stage-pill.done{background:#f2fbf6!important;border-color:#cfe9da!important;color:#157347!important}.stage-pill.done span{background:#198754!important;color:#fff!important}
.stage-pill.current{background:#fff3f3!important;border-color:#efbfc2!important;color:#b3141a!important;box-shadow:0 0 0 3px rgba(215,25,32,.06)}.stage-pill.current span{background:#d71920!important;color:#fff!important}
.timeline{border-color:#e9ecef}.timeline-item{border-color:#e7eaee;color:#414952}.timeline-item::before{background:#fff;border-color:#cfd5db}.t-time{color:#9198a1}
.doc-dot{background:#fff!important;border-color:#dfe3e8!important;color:#67707a!important}.doc-dot.done,.doc-dot.uploaded{background:#f1faf5!important;border-color:#cde8d8!important;color:#147749!important}.doc-dot.miss{background:#fff8f8!important;border-color:#f0d1d3!important;color:#b71d22!important}

/* Calendar */
.cal-day{background:#fff;border-color:#e8ebee}.cal-day:hover{background:#fafbfc}.cal-day.today{background:#fff6f6;border-color:#efc9cb}.cal-num{color:#343b44}.cal-day-name{color:#8b929a}

/* Search */
.gsearch-overlay{background:rgba(16,20,24,.26);backdrop-filter:blur(5px)}.gsearch-box{background:#fff;border-color:#e5e8eb;box-shadow:0 28px 80px rgba(16,24,40,.18)}
.gsearch-input{border-bottom-color:#eceef1}.gsearch-input input{box-shadow:none!important}.gsearch-cat{color:#979ea7}.gsearch-item:hover,.gsearch-item.active{background:#f7f8fa}.gi-name{color:#1d2126}.gi-sub{color:#89919b}

/* Alerts */
.alert-strip.red{background:#fff3f3;border-color:#f0cccc;color:#ad161b}.alert-strip.warn{background:#fff9ef;border-color:#f1dfbb;color:#96600c}.alert-strip.info{background:#f3f7ff;border-color:#d8e2f7;color:#285fae}

/* V13 Dashboard */
.dashboard-v13{display:flex;flex-direction:column;gap:16px}
.ops-hero{background:#111318;color:#fff;border-radius:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;box-shadow:0 14px 36px rgba(17,19,24,.13)}
.ops-hero::after{content:"";position:absolute;left:-30px;top:-75px;width:190px;height:190px;border-radius:50%;background:rgba(215,25,32,.75);filter:blur(1px)}
.ops-hero>*{position:relative;z-index:1}.ops-hero .eyebrow{font-size:10px;letter-spacing:1.2px;color:#b5bac2;font-weight:900}.ops-hero h2{font-size:25px;margin:5px 0 5px;font-weight:900}.ops-hero p{font-size:12.5px;color:#c2c6cc}
.ops-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ops-hero .btn-ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}.ops-hero .btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.ops-hero .btn-primary{box-shadow:0 8px 20px rgba(215,25,32,.28)}
.ops-pulse{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.pulse-card{background:#fff;border:1px solid #e6e9ed;border-radius:14px;padding:14px 15px;min-width:0;cursor:pointer;transition:.15s;box-shadow:0 2px 9px rgba(16,24,40,.035)}.pulse-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,24,40,.07)}.pulse-card strong{display:block;font-size:22px;color:#111;font-weight:900;line-height:1}.pulse-card span{display:block;font-size:10.5px;color:#7e8690;font-weight:800;margin-top:7px}.pulse-card.urgent{border-top:3px solid #d71920}.pulse-card.today{border-top:3px solid #111}.pulse-card.good{border-top:3px solid #168a55}.pulse-card.warn{border-top:3px solid #d29122}
.ops-section{background:#fff;border:1px solid #e4e7eb;border-radius:17px;padding:18px;box-shadow:0 2px 10px rgba(16,24,40,.035)}.ops-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.ops-section-head h3{font-size:15px;margin:0;color:#14171a}.ops-section-head p{font-size:10.5px;color:#8a929c;margin-top:3px}.ops-section-head .mini-total{background:#f4f5f7;color:#626a74;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900;border:1px solid #e7e9ec}
.recruitment-stage-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.rstage{background:#fafbfc;border:1px solid #e8ebee;border-radius:12px;padding:12px;position:relative;overflow:hidden}.rstage::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--stage-color,#999)}.rstage .rnum{font-size:20px;font-weight:900;color:#17191c}.rstage .rname{font-size:10.5px;font-weight:800;color:#6b737d;margin-top:5px}.rstage .rbar{height:4px;border-radius:99px;background:#eceff2;margin-top:10px;overflow:hidden}.rstage .rbar span{display:block;height:100%;border-radius:99px;background:var(--stage-color,#999)}
.ops-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}.ops-col{min-width:0}.ops-list{display:flex;flex-direction:column;gap:7px}.ops-row{display:flex;align-items:center;gap:10px;border:1px solid #edf0f2;border-radius:11px;padding:9px 10px;background:#fff;min-width:0}.ops-row:hover{background:#fafbfc}.ops-row .ops-main{flex:1;min-width:0}.ops-row .ops-title{font-size:11.5px;font-weight:900;color:#2a3037;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-row .ops-sub{font-size:9.8px;color:#8b929c;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-index{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#555e68;font-size:10px;font-weight:900;flex:0 0 auto}.ops-index.red{background:#fff1f1;color:#b5141a}.ops-index.black{background:#17191d;color:#fff}.ops-index.green{background:#eff9f3;color:#168a55}
.travel-stage-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.travel-stage-mini{border:1px solid #e7eaee;border-radius:11px;padding:10px 9px;background:#fbfcfd;min-height:73px;display:flex;flex-direction:column;justify-content:space-between}.travel-stage-mini .ts-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.travel-stage-mini .ts-no{width:22px;height:22px;border-radius:7px;background:#fff;border:1px solid #dfe3e8;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6b737d;font-weight:900}.travel-stage-mini .ts-count{font-size:15px;font-weight:900;color:#1a1d21}.travel-stage-mini .ts-name{font-size:9.6px;line-height:1.35;color:#69727d;font-weight:800;margin-top:6px}
.ops-two{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.job-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.job-mini{border:1px solid #e8ebee;border-radius:12px;padding:11px;background:#fbfcfd}.job-mini b{font-size:11.5px;color:#282e35}.job-mini small{display:block;font-size:9.8px;color:#8a929c;margin-top:4px}.job-mini .job-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px}.job-mini .job-count{font-size:9.5px;font-weight:900;color:#555e68}
.ops-empty{padding:18px;text-align:center;color:#9aa1aa;font-size:11px;border:1px dashed #e1e5e9;border-radius:11px;background:#fcfcfd}
.finance-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.finance-chip{border:1px solid #e8ebee;border-radius:11px;padding:11px;background:#fbfcfd}.finance-chip span{display:block;font-size:9.5px;color:#8d949d;font-weight:800}.finance-chip strong{display:block;font-size:16px;color:#1c2025;margin-top:5px}.finance-chip.in strong{color:#14774a}.finance-chip.out strong{color:#b9181e}

/* Mobile */
.mobile-bottom-nav{background:rgba(255,255,255,.98)!important;border-top-color:#e2e5e8!important;box-shadow:0 -6px 20px rgba(16,24,40,.06)!important}.mobile-bottom-nav button{color:#7a828c!important}.mobile-bottom-nav button.active{color:#c3181e!important}
@media(max-width:1280px){.ops-pulse{grid-template-columns:repeat(3,1fr)}.recruitment-stage-grid{grid-template-columns:repeat(3,1fr)}.travel-stage-board{grid-template-columns:repeat(4,1fr)}.ops-grid{grid-template-columns:1fr 1fr}.ops-grid>.ops-col:last-child{grid-column:1/-1}.ops-two{grid-template-columns:1fr}}
@media(max-width:900px){.main{padding:0 14px 80px}.office-topbar{margin:0 -14px 16px;padding:10px 14px}.ops-hero{align-items:flex-start;flex-direction:column}.ops-hero-actions{justify-content:flex-start}.ops-pulse{grid-template-columns:repeat(2,1fr)}.recruitment-stage-grid{grid-template-columns:repeat(2,1fr)}.travel-stage-board{grid-template-columns:repeat(2,1fr)}.ops-grid{grid-template-columns:1fr}.ops-grid>.ops-col:last-child{grid-column:auto}.job-mini-grid{grid-template-columns:1fr}.finance-brief{grid-template-columns:1fr 1fr}.sidebar{background:#fff}}
@media(max-width:520px){.ops-pulse{grid-template-columns:1fr 1fr}.recruitment-stage-grid{grid-template-columns:1fr 1fr}.ops-hero h2{font-size:21px}.finance-brief{grid-template-columns:1fr}.travel-stage-board{grid-template-columns:1fr 1fr}}

/* Candidate unified file */
.candidate-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border:1px solid #e7eaee;border-radius:14px;background:#fbfcfd;margin-bottom:12px}.candidate-summary-main{display:flex;align-items:center;gap:12px;min-width:0}.candidate-summary-avatar{width:52px;height:52px;border-radius:15px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;flex:0 0 auto}.candidate-summary h4{font-size:17px;color:#171a1e;margin:0 0 4px}.candidate-summary p{font-size:10.8px;color:#7c8490;margin:0}.candidate-summary-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.candidate-summary-tags span{font-size:9.5px;font-weight:900;padding:4px 7px;border-radius:99px;background:#f0f2f4;color:#626a74;border:1px solid #e5e8eb}.candidate-summary-tags span.success{background:#eef9f3;color:#15794b;border-color:#d5ebdf}.candidate-summary-actions{display:flex;gap:7px;flex-wrap:wrap}.candidate-lifecycle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:12px}.candidate-life-step{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid #e7eaee;border-radius:10px;background:#fff;color:#7a828c;min-width:0}.candidate-life-step span{width:22px;height:22px;border-radius:7px;background:#f2f4f6;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;flex:0 0 auto}.candidate-life-step b{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-life-step.done{background:#f4fbf7;border-color:#d9ecdf;color:#16784d}.candidate-life-step.done span{background:#168a55;color:#fff}.candidate-life-step.current{background:#fff3f3;border-color:#efc3c5;color:#b4151b;box-shadow:0 0 0 2px rgba(215,25,32,.045)}.candidate-life-step.current span{background:#d71920;color:#fff}
@media(max-width:900px){.candidate-summary{align-items:flex-start;flex-direction:column}.candidate-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.candidate-lifecycle{grid-template-columns:repeat(2,1fr)}}

/* ===== V13.1 corrections: true white, cleaner hierarchy, rejection branch ===== */
:root{--bg:#ffffff;--bg-2:#ffffff;--surface:#ffffff;--surface-2:#fbfbfc;--surface-3:#f4f5f7;--surface-4:#eceff2}
html,body,#app,.layout,.main{background:#fff!important}
.office-topbar{background:rgba(255,255,255,.98)!important}
.sidebar{background:#fff!important}
.ops-hero{background:#fff!important;color:#17191d!important;border:1px solid #e5e8ec!important;box-shadow:0 5px 20px rgba(16,24,40,.055)!important;padding-right:28px!important}
.ops-hero::before{content:"";position:absolute;right:0;top:0;bottom:0;width:5px;background:var(--accent)}
.ops-hero::after{display:none!important}
.ops-hero .eyebrow{color:#b5161c!important}
.ops-hero h2{color:#15181c!important}
.ops-hero p{color:#6f7782!important;max-width:720px}
.ops-hero .btn-ghost{background:#fff!important;border-color:#dfe3e8!important;color:#343b44!important}
.ops-hero .btn-ghost:hover{background:#f8f9fa!important;border-color:#cfd4da!important;color:#16181c!important}
.ops-pulse,.ops-section,.pulse-card,.job-mini,.travel-stage-mini,.rstage,.candidate-summary,.candidate-life-step{background:#fff}
.recruitment-stage-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.rstage.rejected-branch{border-style:dashed;background:#fff8f8}
.candidate-lifecycle{grid-template-columns:repeat(6,minmax(0,1fr))}
.candidate-life-step.rejected-branch{border-style:dashed;background:#fffafa;color:#a52a2f}
.candidate-life-step.rejected-branch.current{background:#fff1f1;border-color:#e8aeb1;color:#b4151b;box-shadow:0 0 0 2px rgba(215,25,32,.045)}
.candidate-life-step.rejected-branch.current span{background:#d71920;color:#fff}
.tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.tabs .tab{white-space:nowrap;flex:0 0 auto}
.modal.xl{max-width:min(1180px,96vw)}
.travel-progress{overflow-x:auto;flex-wrap:nowrap!important}.travel-progress .stage-pill{flex:0 0 auto}
@media(max-width:1280px){.recruitment-stage-grid{grid-template-columns:repeat(3,1fr)}.candidate-lifecycle{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.recruitment-stage-grid{grid-template-columns:repeat(2,1fr)}.candidate-lifecycle{grid-template-columns:repeat(2,1fr)}.ops-hero{padding:18px!important}.ops-hero::before{width:4px}}

/* ===== V13.3 production corrections ===== */
:root{
  --bg:#ffffff;--bg-2:#ffffff;--surface:#ffffff;--surface-2:#fbfbfc;--surface-3:#f4f5f7;--surface-4:#eceff2;
  --border:#e3e6ea;--border-light:#cfd5dc;--text:#16181c;--text-dim:#5d6570;--text-faint:#8b939d;
  --accent:#d71920;--accent-2:#b9141a;--accent-soft:rgba(215,25,32,.08);--accent-glow:rgba(215,25,32,.18)
}
html,body,#app,.layout,.main{background:#fff!important;color:var(--text)}
.sidebar,.office-topbar,.login-bg{background:#fff!important}
.ops-hero{background:#fff!important;border:1px solid #e3e6ea!important;color:#16181c!important;box-shadow:0 2px 12px rgba(16,24,40,.035)!important}
.ops-hero h2,.ops-hero p,.ops-hero .eyebrow{color:inherit!important}
.next-action-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e3e6ea;border-right:4px solid #17191d;border-radius:13px;padding:13px 14px;margin:0 0 12px;box-shadow:0 2px 8px rgba(16,24,40,.025)}
.next-action-card.urgent{border-right-color:#d71920;background:#fffafa}.next-action-card>div{min-width:0}.next-action-card .na-label{display:block;font-size:9.5px;font-weight:900;color:#8c949e;margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}.next-action-card b{display:block;font-size:12.5px;color:#1b1e22;white-space:normal}.next-action-card small{display:block;margin-top:4px;color:#7b838d;font-size:10.5px}
.secretary-queue{border-right:4px solid #d71920}.secretary-queue .ops-row{cursor:pointer}.secretary-queue .ops-row:hover{border-color:#d9dde2;transform:translateY(-1px)}
.travel-case-list{display:flex;flex-direction:column;gap:12px}.travel-case-card{border:1px solid #e4e7eb;border-radius:14px;padding:14px;background:#fff}.travel-case-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.travel-case-head b{font-size:12px;color:#20242a}.travel-case-head small{display:block;font-size:10px;color:#7d858f;margin-top:4px}.travel-progress.compact{margin-top:10px}.travel-progress.compact .stage-pill{font-size:9px;padding:5px 6px}.travel-case-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:10px}.linked-app-ok,.linked-app-warn{font-size:9.5px;font-weight:900;padding:5px 8px;border-radius:99px}.linked-app-ok{background:#eef9f3;color:#15794b;border:1px solid #d7ebdf}.linked-app-warn{background:#fff6e9;color:#9a6514;border:1px solid #f1dfbb}
@media(max-width:700px){.next-action-card,.travel-case-head{align-items:flex-start;flex-direction:column}.next-action-card .btn{width:100%;justify-content:center}}

/* V13.3 workflow-safe additions */
.queue-filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.queue-filters .btn{min-width:72px;justify-content:center}


/* ===== Achab Recruitment OS V14 — Production hardening ===== */
:root{color-scheme:light;--bg:#fff;--bg-2:#fff;--surface:#fff;--surface-2:#fafbfc;--surface-3:#f3f5f7;--surface-4:#eceff2}
html,body,#app,.layout,.main{background:#fff!important;color:var(--text)}
body{overflow-x:hidden}
.office-topbar{background:#fff!important;border-bottom:1px solid #e7eaee!important;box-shadow:0 1px 0 rgba(16,24,40,.02)!important}
.sidebar,.mobile-bottom-nav{background:#fff!important;color:var(--text)!important}
.sidebar-backdrop{background:rgba(15,23,42,.34)!important}
.public-share{background:#f7f8fa;color:#17191d}.public-hero{background:#fff!important;color:#17191d!important;border:1px solid #e5e8ec!important;box-shadow:0 8px 28px rgba(16,24,40,.08)!important}.public-sub{color:#66707b!important}
.public-card{background:#fff!important;color:#17191d!important;border-color:#e5e8ec!important;box-shadow:0 4px 18px rgba(16,24,40,.05)!important}.public-note{background:#fafbfc!important;color:#4e5965!important;border-color:#e7eaee!important}.public-chip{background:#f4f5f7!important;color:#4d5661!important;border-color:#e1e5e9!important}
.public-btn{background:#d71920!important;color:#fff!important}.public-btn.alt{background:#fff!important;color:#333b44!important;border:1px solid #dfe3e8!important}

/* Make touch targets usable without disabling browser zoom. */
@media(max-width:900px){button,.btn,.icon-btn,.nav-item,a.public-btn{min-height:42px}.nav-item{min-height:44px}.office-topbar{background:#fff!important}.mobile-bottom-nav{background:#fff!important;border-top:1px solid #e1e5e9!important;box-shadow:0 -5px 18px rgba(16,24,40,.07)!important}}

/* Mobile tables become readable cards instead of 1000px horizontal sheets. */
@media(max-width:700px){
  .data-table{overflow:visible!important;max-width:none!important;border:0!important;background:transparent!important}
  .data-table table,.data-table thead,.data-table tbody,.data-table tr,.data-table th,.data-table td{display:block!important;width:100%!important;min-width:0!important}
  .data-table thead{display:none!important}
  .data-table tbody{display:grid!important;gap:10px!important}
  .data-table tr{background:#fff!important;border:1px solid #e4e8ec!important;border-radius:14px!important;padding:10px 12px!important;box-shadow:0 2px 10px rgba(16,24,40,.04)!important}
  .data-table td{border:0!important;padding:7px 0!important;display:grid!important;grid-template-columns:minmax(92px,34%) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;text-align:right!important;white-space:normal!important;overflow:visible!important}
  .data-table td::before{content:attr(data-label);font-size:10px;font-weight:900;color:#8a929c;line-height:1.5}
  .data-table td:empty{display:none!important}.data-table td .action-cell{justify-content:flex-start;flex-wrap:wrap}.sheet-table{min-width:0!important}
}

/* Secretary: keep the action queue visually dominant. */
body.role-secretary .ops-section:not(.secretary-queue){opacity:.96}
body.role-secretary .secretary-queue{border-color:#efc9cc;box-shadow:0 8px 26px rgba(215,25,32,.06)}

/* V14.2 data-quality panel */
.quality-center{margin-top:16px}.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}.quality-grid>div{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.quality-grid strong{display:block;font-size:22px;color:var(--text)}.quality-grid span{font-size:11px;color:var(--text-dim)}.quality-list{display:grid;gap:6px}.quality-row{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:right;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer;color:var(--text)}.quality-row:hover{border-color:var(--accent);background:var(--accent-soft)}.quality-row small{color:var(--red);font-size:10px}@media(max-width:700px){.quality-grid{grid-template-columns:1fr}.quality-row{display:block}.quality-row small{display:block;margin-top:4px}}

/* V15 complete visual refresh — Achab black / red / white system */
:root{--bg:#f4f5f7;--bg-2:#111315;--surface:#fff;--surface-2:#f8f9fa;--surface-3:#eef0f2;--border:#e1e4e8;--border-light:#c9ced4;--text:#17191c;--text-dim:#69727d;--text-faint:#9aa2aa;--accent:#d71920;--accent-2:#ad1117;--accent-soft:rgba(215,25,32,.08);--accent-glow:rgba(215,25,32,.22);--shadow-sm:0 3px 12px rgba(15,18,22,.06);--shadow:0 12px 34px rgba(15,18,22,.08);--shadow-lg:0 22px 70px rgba(15,18,22,.16)}
body{background:var(--bg)}#app{background:var(--bg)}.layout{background:var(--bg)}
.sidebar{background:#111315;border-left:1px solid #2a2d30;color:#e9eaec;padding:20px 13px}.brand{border-bottom:1px solid #2a2d30;padding-bottom:18px;margin-bottom:6px}.brand-text h1{color:#fff}.brand-text span,.nav-section{color:#858b92}.brand-logo,.login-logo{border-radius:10px}.user-chip,.global-search-btn{background:#1a1d20;border-color:#30343a;color:#fff}.user-chip .un{color:#fff}.user-chip .ur,.global-search-btn{color:#9ea5ac}.global-search-btn:hover,.user-chip:hover{border-color:#e2474c}.nav-item{color:#b9bec4}.nav-item:hover{background:#1b1e21;color:#fff}.nav-item.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(215,25,32,.2)}.nav-item.active::before{display:none}.nav-sep{background:#2a2d30}.nav-footer{border-top:1px solid #2a2d30;padding-top:12px}.nav-footer button{color:#afb5bb!important;border-color:#34383d!important}.quick-link-stack .side-quick-card{background:#1a1d20;border-color:#30343a}.quick-link-stack b{color:#f3f4f5}.quick-link-stack small{color:#91989f}.main{padding:26px 32px}.office-topbar{background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px 16px;margin-bottom:22px;box-shadow:var(--shadow-sm)}.topbar-title b{font-size:16px}.topbar-title span{color:var(--text-faint)}.ops-hero{border-radius:20px!important;background:linear-gradient(120deg,#17191c 0%,#272a2e 58%,#d71920 170%)!important;color:#fff!important;box-shadow:var(--shadow)!important}.ops-hero p{color:#d5d8db!important}.eyebrow{color:#ffb3b6!important}.ops-section,.panel,.data-table,.stat-card,.kanban-col,.login-card{border-radius:16px!important;box-shadow:var(--shadow-sm)}.ops-section-head h3,.panel h3{letter-spacing:-.2px}.stat-card{padding:18px}.stat-card .num{font-size:28px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#b9141a}.btn-ghost{background:#fff}.mobile-bottom-nav{box-shadow:0 -4px 20px rgba(0,0,0,.1)!important}.modal-overlay .modal,.modal{border-radius:18px!important}.modal-head{background:#17191c!important;color:#fff!important}.modal-head h3{color:#fff!important}.form-control:focus,.form-select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.badge{font-weight:800}.quality-center{border-top:3px solid var(--accent)}
@media(max-width:900px){.main{padding:18px 15px}.sidebar{width:238px}.ops-hero{padding:22px!important}}
@media(max-width:700px){.main{padding:12px 10px 78px}.office-topbar{margin-bottom:13px;border-radius:12px}.ops-hero{border-radius:15px!important}.page-head h2{font-size:21px}.ops-grid,.ops-two,.grid-2,.grid-3-2,.grid-3{grid-template-columns:1fr!important}.sidebar{box-shadow:0 0 35px rgba(0,0,0,.28)}}

/* V16 CRM workspace hub */
.crm-workspace-hub{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;margin:0 0 16px;box-shadow:var(--shadow-sm)}.crm-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.crm-hub-head h3{font-size:20px;margin:4px 0}.crm-hub-head p{color:var(--text-dim);font-size:12px}.crm-hub-status{font-size:11px;font-weight:800;color:var(--green);display:flex;gap:6px;align-items:center;padding:7px 10px;border:1px solid var(--green-soft);background:var(--green-soft);border-radius:999px;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(35,134,90,.14)}.crm-workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.crm-workspace-card{position:relative;min-height:185px;padding:15px;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:15px;background:linear-gradient(145deg,#fff,#fafafa);cursor:pointer;transition:.18s;display:flex;flex-direction:column}.crm-workspace-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.crm-workspace-card.blue{border-top-color:var(--blue)}.crm-workspace-card.purple{border-top-color:var(--purple)}.crm-workspace-card.teal{border-top-color:var(--teal)}.crm-workspace-card.red{border-top-color:var(--accent)}.crm-card-icon{width:39px;height:39px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.blue .crm-card-icon{background:var(--blue-soft);color:var(--blue)}.purple .crm-card-icon{background:var(--purple-soft);color:var(--purple)}.teal .crm-card-icon{background:var(--teal-soft);color:var(--teal)}.crm-card-icon svg{width:19px;height:19px}.crm-card-body{flex:1}.crm-card-body h4{font-size:15px;margin-bottom:5px}.crm-card-body p{font-size:11px;line-height:1.6;color:var(--text-dim);min-height:36px}.crm-card-body strong{display:block;margin-top:10px;font-size:16px}.crm-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.crm-open-arrow{border:0;background:transparent;color:var(--text-faint);font-size:19px;cursor:pointer}.crm-workspace-card:hover .crm-open-arrow{color:var(--accent)}@media(max-width:1050px){.crm-workspace-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.crm-workspace-hub{padding:14px;border-radius:15px}.crm-hub-head{display:block}.crm-hub-status{display:inline-flex;margin-top:10px}.crm-workspace-grid{grid-template-columns:1fr}.crm-workspace-card{min-height:150px}}