/* WIBLIV unified soft-red design system — visual-only layer */
:root{
 --wibliv-red:#d9344b;--wibliv-red-hover:#c92740;--wibliv-red-soft:#fff1f3;
 --wibliv-ink:#17243b;--wibliv-muted:#71809a;--wibliv-line:#e3e9f2;
 --wibliv-bg:#f5f7fb;--wibliv-white:#fff;--wibliv-green:#16845b;
 --wibliv-shadow:0 10px 28px rgba(22,39,68,.055);--wibliv-radius:16px;
}
html{scroll-behavior:smooth}
body:not(.wbl-dashboard){background:var(--wibliv-bg);color:var(--wibliv-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:not(.wbl-dashboard) :is(input,select,textarea,button){font:inherit}
body:not(.wbl-dashboard) :is(input,select,textarea){border:1px solid #dce4ef;border-radius:10px;background:#fff;color:var(--wibliv-ink);padding:11px 13px;max-width:100%;transition:border-color .18s,box-shadow .18s}
body:not(.wbl-dashboard) :is(input,select,textarea):focus{outline:0;border-color:#e26b7b;box-shadow:0 0 0 3px rgba(217,52,75,.11)}
body:not(.wbl-dashboard) :is(button,.btn,.submit-btn,[type=submit]){border-radius:10px;font-weight:650;transition:transform .16s,box-shadow .16s,background .16s}
body:not(.wbl-dashboard) :is(button,.btn-primary,.btn:not(.secondary):not(.btn-light),.submit-btn,[type=submit]){background:var(--wibliv-red);border-color:var(--wibliv-red);color:#fff}
body:not(.wbl-dashboard) :is(button,.btn,.submit-btn,[type=submit]):hover{filter:brightness(.98);box-shadow:0 6px 16px rgba(217,52,75,.13)}
body:not(.wbl-dashboard) a{transition:color .18s,background .18s,border-color .18s}
body:not(.wbl-dashboard) :is(.panel,.card,.employee-directory,.employee-form-panel,.hierarchy-board,.hierarchy-toolbar,.login-card,.stat,.hierarchy-stat,.employee-form-section){border-color:var(--wibliv-line);border-radius:var(--wibliv-radius);box-shadow:var(--wibliv-shadow)}
body:not(.wbl-dashboard) :is(.panel,.card,.employee-directory,.employee-form-panel,.hierarchy-board,.hierarchy-toolbar,.login-card){background:#fff}
body:not(.wbl-dashboard) :is(.topbar,header,.brand-header){background:rgba(255,255,255,.96);border-color:var(--wibliv-line)}
body:not(.wbl-dashboard) :is(.sidebar){background:linear-gradient(180deg,#fff8f9 0%,#fff 100%);border-right:1px solid #f0dce0;color:var(--wibliv-ink)}
body:not(.wbl-dashboard) :is(.nav-link,.wbl-nav-link){border-radius:10px}
body:not(.wbl-dashboard) .nav-link.active,
body:not(.wbl-dashboard) .nav-link:hover{background:var(--wibliv-red-soft);color:var(--wibliv-red);border-color:#f5cbd1}
body:not(.wbl-dashboard) :is(.eyebrow,.nav-label){color:var(--wibliv-red)}
body:not(.wbl-dashboard) :is(.page-head h1,.employee-form-heading,.hierarchy-heading h1,.panel-title,.panel-head h2,.top h1){color:var(--wibliv-ink);letter-spacing:-.025em}
body:not(.wbl-dashboard) :is(.stats,.hierarchy-stats){gap:14px}
body:not(.wbl-dashboard) :is(.stat,.hierarchy-stat){background:#fff;padding:20px}
body:not(.wbl-dashboard) :is(.stat-number,.stat .number){color:var(--wibliv-ink);font-weight:800}
body:not(.wbl-dashboard) :is(.table-wrap){overflow-x:auto;border:1px solid var(--wibliv-line);border-radius:14px;background:#fff}
body:not(.wbl-dashboard) table{border-collapse:separate;border-spacing:0;width:100%}
body:not(.wbl-dashboard) thead th{background:#f8f9fc;color:#63718a;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.055em;border-bottom:1px solid var(--wibliv-line)}
body:not(.wbl-dashboard) :is(th,td){padding:13px 14px;border-bottom:1px solid #edf0f5;vertical-align:middle}
body:not(.wbl-dashboard) tbody tr:hover{background:#fff8f9}
body:not(.wbl-dashboard) tbody tr:last-child td{border-bottom:0}
body:not(.wbl-dashboard) :is(.notice,.status,.hint,.muted){color:var(--wibliv-muted)}
body:not(.wbl-dashboard) :is(.notice.error,.error,.employee-error-list){background:#fff1f2;border-color:#f7c8cf;color:#a92338;border-radius:10px}
body:not(.wbl-dashboard) :is(.notice.success,.success){background:#edfaf3;border-color:#c6edd8;color:#18734e;border-radius:10px}
body:not(.wbl-dashboard) :is(.pill,.badge,.admin-chip,.hierarchy-badge){border-radius:999px;font-weight:650}
body:not(.wbl-dashboard) :is(.filters,.hierarchy-filters,.form-actions,.employee-form-footer){gap:12px}
body:not(.wbl-dashboard) .logo{object-fit:contain}
body:not(.wbl-dashboard) .brand{border-color:var(--wibliv-line)}
body:not(.wbl-dashboard) .login-shell{background:radial-gradient(circle at 15% 15%,#fff0f2 0,transparent 34%),var(--wibliv-bg)}
body:not(.wbl-dashboard) .login-card{border:1px solid var(--wibliv-line)}
body:not(.wbl-dashboard) .submit-btn{box-shadow:0 8px 18px rgba(217,52,75,.16)}
/* Employee / hierarchy pages */
body:not(.wbl-dashboard) .employee-page{color:var(--wibliv-ink)}
body:not(.wbl-dashboard) .person-card{border:1px solid var(--wibliv-line);border-radius:13px;background:#fff;box-shadow:0 4px 15px rgba(22,39,68,.035)}
body:not(.wbl-dashboard) .person-avatar{background:#fff0f2;color:var(--wibliv-red);border-radius:11px}
body:not(.wbl-dashboard) .hierarchy-board{background:#f9faff}
/* Forms: comfortable spacing, clear labels */
body:not(.wbl-dashboard) .field{gap:7px}
body:not(.wbl-dashboard) .field label{font-weight:650;color:#34435b}
body:not(.wbl-dashboard) textarea{min-height:92px}
body:not(.wbl-dashboard) :is(.btn-light,.btn.secondary,.secondary){background:#f2f5f9;color:#34435b;border-color:#e4e9f1}
@media(max-width:850px){
 body:not(.wbl-dashboard) :is(.main,.content,.container){max-width:100%;padding-left:16px;padding-right:16px}
 body:not(.wbl-dashboard) :is(.stats,.hierarchy-stats){grid-template-columns:repeat(2,minmax(0,1fr))}
 body:not(.wbl-dashboard) :is(.filters,.hierarchy-filters){display:flex;flex-wrap:wrap}
 body:not(.wbl-dashboard) :is(.filters>* ,.hierarchy-filters>*){min-width:min(100%,220px);flex:1}
}
@media(max-width:560px){
 body:not(.wbl-dashboard) :is(.stats,.hierarchy-stats,.grid){grid-template-columns:1fr}
 body:not(.wbl-dashboard) :is(.page-head,.employee-form-header,.hierarchy-heading){align-items:flex-start;gap:12px;flex-wrap:wrap}
 body:not(.wbl-dashboard) :is(.panel,.card,.employee-form-panel,.login-card){border-radius:13px}
 body:not(.wbl-dashboard) :is(th,td){padding:11px 10px}
}