/* =============================================================
   NI ADMIN PREMIUM V2 — Refined operational interface
   CSS-only. Existing auth, sessions, CMS forms, and actions intact.
   ============================================================= */
:root{color:#25382f;background:#f5f5ef;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-synthesis:none}
body{color:#25382f;-webkit-font-smoothing:antialiased}
.overline{color:#a18050!important;letter-spacing:.16em!important;font-size:10px!important}
/* Login: asymmetric, restrained architectural expression */
.login-shell{grid-template-columns:50% 50%;background:#fdfcf8}
.login-side{background:linear-gradient(0deg,rgba(7,44,35,.94),rgba(8,51,40,.92)),url('/assets/images/about-campus.webp') center/cover no-repeat;padding:clamp(38px,6vw,80px);color:#fff}
.login-side:after{width:220px;height:220px;right:-120px;bottom:-110px;box-shadow:none;border:1px solid #d9b57655}
.login-brand img{border-radius:8px;width:49px;height:49px}
.login-brand small{color:#e4c18a;letter-spacing:.17em}
.login-brand strong{font-size:18px;letter-spacing:.025em}
.login-side-copy{max-width:540px;margin:75px 0}
.login-side-copy h1{font-family:Georgia,serif;font-size:clamp(42px,4.5vw,67px);letter-spacing:-.045em;font-weight:500;line-height:1.14}
.login-side-copy em{color:#e0bd81;font-style:normal}
.login-side-copy>p{font-size:14px;line-height:1.95;color:#d6e3d7}
.login-tags span{background:transparent;border-radius:4px;border-color:#ffffff45;font-size:11px;padding:11px 13px}
.login-form-side{background:#fdfcf8}
.login-card{max-width:435px;width:100%}
.login-lock{background:#f1efe7;border:1px solid #e7e2d6;color:#396849;border-radius:5px;width:49px;height:49px;font-size:22px}
.login-card h2{font-family:Georgia,serif;font-size:42px;font-weight:500;letter-spacing:-.04em;margin:13px 0 10px}
.login-card>p{color:#6d7c72;line-height:1.8;font-size:13px}
.login-card label:not(.upload-action){font-weight:650;font-size:12px;color:#3b5548}
.login-card input{height:52px;border-radius:5px;border:1px solid #dce1d8;background:#fff;font-size:13px}
.login-card input:focus{border-color:#28654c;box-shadow:0 0 0 3px #e5ede5}
.login-button{height:54px;border-radius:5px;background:#124738;box-shadow:none;letter-spacing:.01em}
.login-button:hover{background:#0b392c}
.login-back{font-size:12px;color:#537461}
.login-form-foot{border-top:1px solid #e5e7dd;padding-top:15px;max-width:430px;margin-inline:auto}
/* Dashboard: quiet work surface, less decoration, stronger hierarchy */
.admin-shell{grid-template-columns:248px minmax(0,1fr)}
.sidebar{background:#102f29;box-shadow:none;scrollbar-color:#698678 #102f29}
.side-head{padding:26px 21px 23px;border-color:#ffffff19}
.side-brand img{border-radius:6px}
.side-brand small{font-size:9px;color:#d3b27d;letter-spacing:.14em}
.side-brand strong{font-size:14px;letter-spacing:.02em}
.side-chip{border:0;border-top:1px solid #ffffff29;border-bottom:1px solid #ffffff29;border-radius:0;margin-top:21px;padding:12px 2px;font-size:9px;letter-spacing:.13em}
.side-nav-label{font-size:9px;letter-spacing:.17em;color:#97b7a6;padding-top:24px}
.side-nav-label.inset{padding-top:20px}
.side-nav{padding:0 13px}
.side-nav button{border-radius:5px;padding:11px 13px;font-weight:560;font-size:12px;gap:12px;color:#bfd0c4}
.side-nav button>span{font-size:17px;width:22px}
.side-nav button.selected{background:#e2f0e317;color:#fff;box-shadow:inset 3px 0 #d2ae72}
.side-nav button.selected>span{color:#e9c98e}
.side-nav button:hover{background:#ffffff12}
.side-bottom{padding:18px;border-color:#ffffff22}
.avatar{border-radius:5px;background:#e6e9dc;color:#144936}
#logout-btn{border-radius:5px}
.main-shell{background:#f6f7f3}
.topbar{min-height:85px;padding:18px clamp(22px,3.3vw,48px);border-color:#e1e5dc;background:#fff}
.topbar-heading p{color:#788a7d;font-size:11px}
.topbar-heading h1{font-family:Georgia,serif;color:#1c3c30;font-size:25px;letter-spacing:-.035em;font-weight:500;margin:3px 0 0}
.site-live{color:#286849;font-size:10px;letter-spacing:.09em}
.site-live i{width:6px;height:6px;background:#2c9870}
.btn-outline{border-radius:5px;border-color:#dbe1d7;font-size:11px;padding:11px 14px}
.content-shell{padding:28px clamp(22px,3.3vw,48px) 48px;max-width:1550px}
.page-subrow{margin-bottom:22px}
.page-desc{font-size:12px;color:#79887e}
.draft-status{font-size:11px;color:#829084}
.btn-save{border-radius:5px;padding:12px 18px;background:#0e5940}
/* Dashboard welcome: slim utility masthead instead of giant decorative gradient */
.dashboard-hello{background:#fff;color:#223d30;border:1px solid #e0e5dc;border-left:4px solid #b59560;border-radius:5px;min-height:0;padding:30px 32px;box-shadow:0 7px 22px #173c3008}
.dashboard-hello:after{content:none}
.dashboard-hello .overline{color:#a17e4c!important}
.dashboard-hello h2{font-family:Georgia,serif;font-size:clamp(25px,2.35vw,32px);color:#193e2e;font-weight:500;letter-spacing:-.025em;margin:11px 0 9px}
.dashboard-hello h2 span{color:#96703f}
.dashboard-hello p{color:#6b7a6e;font-size:12px;line-height:1.75}
.hero-out{color:#146445;font-size:11px;border-bottom:1px solid #8fad98;padding-bottom:5px;margin-top:9px}
.metric-grid{gap:13px;margin-top:16px}
.metric-card{border-radius:5px;border:1px solid #e1e6df;padding:24px 23px;background:#fff;box-shadow:0 4px 12px #143b3007;gap:9px}
.metric-icon{background:#f1f4ec;color:#245e44;border-radius:5px;width:35px;height:35px;font-size:19px}
.metric-card strong{font-family:Georgia,serif;font-size:35px;letter-spacing:-.04em;font-weight:500;color:#193c2e}
.metric-card>span:last-child{color:#7d8d81;font-weight:590;font-size:11px}
.dashboard-panels{gap:14px;margin-top:15px}
.edit-panel{border-radius:5px;border:1px solid #e1e5dc;background:#fff;padding:clamp(22px,2.5vw,31px);margin-bottom:16px;box-shadow:0 4px 15px #133b3006}
.card-heading h3,.edit-panel h3{color:#274737;font-size:15px;font-weight:720}
.quick-grid{gap:10px}
.quick-link{border-radius:4px;padding:18px;background:#fafbf7;border-color:#e3e9df}
.quick-link:hover{background:#eff3eb;border-color:#c6d9cc}
.quick-link span{font-size:22px;color:#327150}
.quick-link strong{font-size:12px;color:#2a4738}
.quick-link small{font-size:11px}
.system-line{border-bottom:1px solid #e9ede5;padding:15px 0}
.note{border-radius:3px;background:#f2f5ed;border-left-color:#b2915c;color:#66796b}
.section-intro h2{font-family:Georgia,serif;font-size:31px;font-weight:500;color:#163b2b;letter-spacing:-.035em}
.doc-pill{background:#f5f3e9;border-color:#e4e4d7;color:#856b45;border-radius:4px}
.form-grid{gap:19px}
.form-field>label{font-size:11px;letter-spacing:.01em}
.form-field input:not([type=file]):not([type=checkbox]),.form-field textarea,.form-field select,.gallery-input input{background:#fdfefb;border-color:#dce3d9;border-radius:5px;font-size:13px;padding:13px 14px}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.gallery-input input:focus{box-shadow:0 0 0 3px #e6efe8;border-color:#4c8362}
.repeat-card{border-radius:4px;background:#fcfdfb;border-color:#e2e7df}
.repeat-card-index{background:#eef3eb;border-radius:4px;color:#236245}
.upload-action,.btn-secondary{border-radius:4px;background:#eff4ea;border-color:#d0dfce;color:#215c43}
.icon-action{border-radius:4px}
.gallery-edit{border-radius:4px}
.image-mini,.gallery-edit img{border-radius:3px}
.admin-footer{border-color:#e0e4dc;background:#fff;color:#78867b;font-size:10px;padding:20px clamp(22px,3.3vw,48px)}
.admin-footer .wafa-love-link,.login-form-foot .wafa-love-link{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap;text-decoration:none}
.admin-footer .wafa-name,.login-form-foot .wafa-name{color:#0b6547}
/* responsive: operational admin, no desktop overflow */
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panels{grid-template-columns:1fr}}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.sidebar{width:264px;box-shadow:14px 0 45px #071c1740}.topbar{min-height:74px}.login-shell{grid-template-columns:1fr}.login-side{min-height:245px;padding:28px 29px}.login-side-copy{margin:35px 0 18px}.login-side-copy h1{font-size:30px;letter-spacing:-.02em}.login-form-side{padding:40px 25px 125px}}
@media(max-width:650px){
 .content-shell{padding:18px 15px 42px}.topbar{padding:14px 16px}
 .topbar-heading h1{font-size:20px}.topbar-right .btn-outline{font-size:10px;padding:10px 11px}
 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .metric-card{padding:18px 16px;gap:7px}.metric-card strong{font-size:29px}.metric-icon{width:32px;height:32px}
 .dashboard-hello{padding:23px 20px}.dashboard-hello h2{font-size:25px}.dashboard-hello p{font-size:12px}
 .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.quick-link{padding:14px 12px}.quick-link strong{font-size:11px}.quick-link small{font-size:10px}
 .form-grid{grid-template-columns:1fr}.edit-panel{padding:20px 15px}.section-intro h2{font-size:27px}.page-subrow{gap:12px}
 .admin-footer{padding:18px 15px;flex-direction:column;gap:7px}.login-card h2{font-size:36px}
 .login-side-copy h1{font-size:29px}.login-form-side{padding:42px 23px 125px}
}
@media(max-width:390px){.metric-grid{gap:8px}.metric-card{padding:17px 12px}.quick-grid{grid-template-columns:1fr}.page-subrow{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}