:root{--ink:#182b3a;--green:#126b55;--muted:#647480}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:#f6f8fa;color:var(--ink);line-height:1.65}.topbar{background:#fff;border-bottom:1px solid #e7ecee;padding:20px 0}.brand{font-weight:750;font-size:19px;letter-spacing:-.6px;color:var(--ink);text-decoration:none;position:relative;padding-inline-start:49px}.brand-mark{position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:37px;height:41px;border-radius:12px;background:var(--green);color:#fff;font-size:26px}.brand-caption{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover{background:#0d5140;border-color:#0d5140}.btn{border-radius:9px;padding:10px 18px;font-weight:600}.btn-lg{font-size:15px;padding:15px 22px}a{color:var(--green)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:var(--muted)}.hero{padding:65px 0 45px}.hero h1{font-size:clamp(42px,5vw,76px);line-height:1.1;letter-spacing:-3px;margin-top:24px;font-weight:750}.hero .lead{max-width:580px;font-size:19px}.feature-card{padding:38px;background:linear-gradient(145deg,#e6f2eb,#fff);border:1px solid #d8e6df;border-radius:22px;box-shadow:0 20px 50px #183e2a08}.feature-line{display:flex;gap:20px;margin-top:30px}.feature-line>b{color:var(--green);font-size:13px;padding-top:3px}.feature-line p{font-size:14px;color:var(--muted);margin:3px 0}.category{padding:12px 20px;background:#fff;border:1px solid #e2e8eb;border-radius:9px;font-size:14px}.sidebar{padding:24px 14px;background:#fff;border:1px solid #e6ebef;border-radius:14px}.sidebar a,.sidebar>span{display:block;padding:11px 7px;text-decoration:none;font-size:13px}.sidebar>span{color:#7a8790}.sidebar small{display:block;font-size:10px}.auth-card{max-width:500px;margin:40px auto;background:#fff;padding:36px;border:1px solid #e5eaee;border-radius:17px;box-shadow:0 10px 40px #183e2a05}.auth-card input:not([type=hidden]),.auth-card select{display:block;width:100%;border:1px solid #d8e0e5;border-radius:8px;padding:10px 12px}.auth-card input:focus{outline:2px solid #96caba;outline-offset:1px}.auth-card label{font-size:13px;font-weight:600}.errorlist{color:#a32935;font-size:13px;padding-inline-start:18px}.form-text{font-size:12px}.panel,.stat{background:#fff;border:1px solid #e3e9ed;border-radius:14px;padding:28px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:36px;margin-top:10px}.table{font-size:13px}.table th{color:var(--muted);font-weight:500}dt{font-size:12px;color:var(--muted);font-weight:500}dd{font-size:14px;margin-bottom:14px}@media(max-width:767px){.hero{padding:30px 5px}.auth-card{padding:24px;margin:15px auto}.sidebar{display:flex;flex-wrap:wrap;gap:10px}.sidebar .eyebrow{width:100%}.brand{margin-bottom:8px}}

.hero{margin-inline:0}.topbar .brand{min-width:210px}footer{overflow-wrap:anywhere}

.career-form{max-width:820px}.toolkit a{display:flex;justify-content:space-between;text-decoration:none;padding:13px 0;border-bottom:1px solid #edf1f3}.toolkit span{color:var(--muted)}.progress{height:9px}.career-form textarea{resize:vertical}.form-control:focus,.form-select:focus{border-color:#126b55;box-shadow:0 0 0 .2rem #126b5518}.panel .errorlist{margin-bottom:0}.panel h2{overflow-wrap:anywhere}

.workspace-menu summary{padding:14px 18px;border:1px solid #e3e9ed;border-radius:12px;background:white;font-weight:600;font-size:13px;cursor:pointer}
.workspace-menu[open] summary{margin-bottom:10px}
@media(max-width:575px){.topbar .brand{width:100%;margin-bottom:0}.topbar .container-fluid{gap:8px!important}.topbar .btn{padding:7px 10px}.topbar .nav-link{font-size:13px}.panel{padding:22px}.sidebar{gap:5px}}

.company-logo{width:90px;height:90px;object-fit:contain;border-radius:14px;background:#fff}.company-switcher{position:relative}.company-switcher .panel{position:absolute;inset-inline-end:0;z-index:5;min-width:240px;box-shadow:0 10px 30px #182b3a15}

/* Theme matched to the footer landmarks illustration: forest green, cream, sand and terracotta. */
:root{--forest:#003b2d;--green:#0b5a44;--green-dark:#073f30;--cream:#fcf8ee;--sand:#efd2a6;--sand-deep:#c99a5b;--terracotta:#a65428;--ink:#14261f;--muted:#5d6b63;--line:#ebe2cf;--bs-link-color:#0b5a44;--bs-link-hover-color:#073f30;--bs-success:#0b5a44;--bs-success-rgb:11,90,68}
body{background:var(--cream);color:var(--ink);display:flex;flex-direction:column;min-height:100vh}
body>.container-fluid{flex:1 0 auto}
.topbar{background:#fffdf7;border-bottom:1px solid var(--line)}
.brand-mark{background:var(--forest)}
.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover,.btn-primary:focus{background:var(--green-dark);border-color:var(--green-dark)}
.btn-outline-success{color:var(--green);border-color:var(--green)}.btn-outline-success:hover{background:var(--green);border-color:var(--green);color:#fff}
.btn-outline-dark{color:var(--forest);border-color:var(--forest)}.btn-outline-dark:hover{background:var(--forest);color:var(--cream)}
.btn-dark{background:var(--forest);border-color:var(--forest)}
a{color:var(--green)}a:hover{color:var(--green-dark)}
.text-bg-success,.bg-success{background-color:var(--green)!important;color:#fff!important}.text-success{color:var(--green)!important}
.text-bg-dark{background-color:var(--forest)!important}
.eyebrow{color:var(--terracotta)}
.feature-card{background:linear-gradient(145deg,#f6ead3,#fffdf7);border-color:#ead9b9;box-shadow:0 20px 50px #003b2d0d}
.feature-line>b{color:var(--terracotta)}
.panel,.stat,.sidebar,.category,.auth-card,.workspace-menu summary{background:#fffdf7;border-color:var(--line)}
.table{--bs-table-bg:transparent}
.form-control,.form-select{border-color:#e0d5bd;background-color:#fffefa}
.form-control:focus,.form-select:focus{border-color:var(--green);box-shadow:0 0 0 .2rem #0b5a4426}
.progress{background-color:#efe6d3}
:focus-visible{outline:3px solid var(--sand-deep);outline-offset:2px}

.site-footer{margin-top:3rem;background:var(--forest);color:var(--cream);overflow-wrap:anywhere}
.footer-art{height:max(170px,23.5vw);background:var(--cream) url('../img/footer-saudi-landmarks.jpg') center top/max(100%,720px) auto no-repeat}
@media(max-width:1200px){.footer-art{background-image:url('../img/footer-saudi-landmarks-1200.jpg')}}
.footer-body{padding:8px 0 28px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--cream);font-weight:750;font-size:19px;text-decoration:none}
.footer-brand .brand-mark{position:static;width:34px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--sand);color:var(--forest);font-size:22px}
.footer-tagline{color:#d9e4dc;font-size:14px;max-width:360px}
.footer-heading{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--sand);font-weight:750;margin-bottom:10px}
.site-footer nav a{display:block;color:var(--cream);text-decoration:none;font-size:14px;padding:4px 0}
.site-footer nav a:hover,.site-footer a:focus-visible{color:var(--sand);text-decoration:underline}
.footer-copy{margin:28px 0 0;padding-top:18px;border-top:1px solid #ffffff22;font-size:13px;color:#c9d6cd}
/* Step 6: job matching score badge */
.match-score{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border-radius:12px;background:#e6f2eb;color:var(--green);line-height:1.1}.match-score strong{font-size:18px}.match-score span{font-size:10px;letter-spacing:1px;text-transform:uppercase}.match-score-lg{min-width:96px;padding:12px}.match-score-lg strong{font-size:30px}

.feed-json{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:460px;overflow:auto;direction:ltr;text-align:left;background:#f6f8fa;border-radius:8px;padding:16px}

/* STEP 9 control center: same forest-green / cream theme, denser admin layout. */
.admin-shell{display:block;min-height:100vh}
.admin-skip{position:absolute;inset-inline-start:8px;top:8px;z-index:1100;background:#fff;padding:8px 12px;border-radius:8px}
.admin-topbar{position:sticky;top:0;z-index:1030;background:#fffdf7;border-bottom:1px solid var(--line);padding:12px 20px}
.admin-topbar .brand{min-width:0}
.admin-search{max-width:420px;min-width:180px}
.admin-layout{display:flex;align-items:flex-start}
.admin-sidebar{width:250px;flex:0 0 250px;padding:18px 12px;background:#fffdf7;border-inline-end:1px solid var(--line);min-height:calc(100vh - 66px);position:sticky;top:66px}
.admin-sidebar a{display:block;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:13px;color:var(--ink)}
.admin-sidebar a:hover{background:#f3ead7}
.admin-sidebar a[aria-current=page]{background:var(--green);color:#fff}
.admin-sidebar .eyebrow{margin:16px 10px 4px;font-size:10px}
.admin-main{flex:1 1 auto;min-width:0;padding:22px 28px 48px}
.admin-main .stat{padding:18px}.admin-main .stat strong{font-size:28px;margin-top:4px}
.admin-main .stat small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.admin-main .panel{padding:22px}
.chart-box{position:relative;height:240px}
.status-ok{color:var(--green)}.status-warning{color:#8a5a00}.status-critical{color:#a32935}.status-unknown{color:var(--muted)}
.badge-status{font-weight:600}
@media(max-width:991.98px){.admin-sidebar{position:fixed;top:0;min-height:100vh;width:270px}.admin-main{padding:16px}}
.admin-shell .nav-pills .nav-link{color:var(--green)}.admin-shell .nav-pills .nav-link.active{background:var(--green);color:#fff}
.seeker-avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 14px #183e2a1f;background:#126b55;color:#fff;font-weight:750;flex-shrink:0}