/* Dark Glass / gold identity. Last stylesheet wins over legacy components. */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root {
  color-scheme:dark;
  --primary:#25231e;--primary-mid:#383024;--primary-light:#d6aa4b;
  --accent:#d6aa4b;--accent-light:#f6d785;
  --text-dark:#f8f7f2;--text-mid:#d9d7d0;--text-muted:#aaa9a4;
  --surface:#151619;--surface-2:#191a1e;--surface-3:#202125;
  --border:rgba(255,255,255,.10);--border-strong:rgba(214,170,75,.4);
  --shadow:0 14px 40px #0003;--shadow-lg:0 24px 60px #0006;
  --radius-sm:12px;--radius:20px;--radius-lg:30px;
}
body {
  background:radial-gradient(ellipse at 90% 0%,#d6aa4b12,transparent 40%),radial-gradient(ellipse at 0% 60%,#529ba008,transparent 45%),#090a0c!important;
  color:#f8f7f2;font-family:Tajawal,Tahoma,Arial,sans-serif!important;
  font-size:16px;overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,input,select,textarea,button{font-family:Tajawal,Tahoma,Arial,sans-serif!important}
a{color:var(--accent-light)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
[hidden]{display:none!important}
.page-wrapper{width:calc(100% - 48px);max-width:1440px;margin:40px auto 70px;padding:0}
.page-header{margin-bottom:28px}
.page-header h1{font-size:clamp(30px,4vw,46px);line-height:1.4}
.page-header h2{font-size:28px;color:#f8f7f2}
.page-header p,.form-text-pro{color:var(--text-muted)}
.page-header-icon{background:#d6aa4b18!important;color:var(--accent-light);border:1px solid #d6aa4b40;border-radius:18px}
.app-navbar{background:#111214eb;backdrop-filter:blur(14px);border-bottom:1px solid #d6aa4b40;box-shadow:none}
.navbar-brand-custom{font-size:18px}
.navbar-brand-custom .brand-icon{background:#d6aa4b1c;border:1px solid #d6aa4b40;border-radius:12px}
.navbar-actions{flex-wrap:wrap}
.nav-btn{border-radius:100px;padding:8px 14px}
.nav-btn-gold{background:#d6aa4b20!important;color:#f6d785!important;border:1px solid #d6aa4b60}
.nav-btn-outline{color:#d9d7d0}
.nav-btn-danger{color:#ffb8b8!important;background:#b9404017}
.role-badge{background:#d6aa4b20;color:#f6d785}
.card-pro{background:linear-gradient(130deg,#ffffff03,transparent),#151619f2;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
.card-pro-header,.card-pro-header.primary,.card-pro-header.gold{background:#ffffff02;color:#f6d785;border-bottom:1px solid var(--border);padding:20px 24px;flex-wrap:wrap;gap:12px}
.card-pro-header h5{color:var(--accent-light)!important;font-size:17px}
.card-pro-body{padding:24px}
.form-label-pro{font-size:15px;color:#d9d7d0}
.form-control-pro,.form-select-pro,.form-control-static {
  background:#0c0d10!important;color:#f8f7f2!important;border:1px solid #ffffff20;
  border-radius:14px;font-size:16px!important;min-width:0;min-height:48px;
}
.form-control-pro::placeholder{color:#858580}
.form-control-pro:focus,.form-select-pro:focus{border-color:#d6aa4b;box-shadow:0 0 0 3px #d6aa4b18;background:#111215}
select option{background:#17181b;color:#f8f7f2}
.btn-pro{border-radius:100px;min-height:38px;padding:9px 18px;transition:background .2s,transform .2s;font-size:14px;white-space:normal;text-align:center}
.btn-pro-primary,.btn-pro-gold,.btn-pro-success{background:linear-gradient(120deg,#f6d785,#d6aa4b)!important;color:#17140e!important;border-color:#d6aa4b!important;box-shadow:none}
.btn-pro-outline{background:#ffffff03;color:#e7d5a9;border:1px solid #d6aa4b40}
.btn-pro-danger{background:#dc464616;color:#ffb8b8;border-color:#dc46464a}
.btn-pro:hover{filter:brightness(1.12)}
.btn-pro-outline:hover{color:#f6d785}
.badge-user{color:#f6d785;background:#d6aa4b15}
.badge-admin{color:#ffb8b8}
.alert-info-pro{color:#bce5ed;background:#4aa7b515;border-color:#4aa7b535}
.form-section-title{color:#f6d785}
.btn-pro:disabled{opacity:.4;cursor:default;transform:none}
.btn-pro-sm{font-size:12px;padding:5px 10px;min-height:30px}
.table-pro{table-layout:fixed;width:100%;min-width:0!important;border-collapse:collapse;font-size:14px}
.table-pro thead th{background:#25231c;color:#f6d785;font-size:13px;padding:15px 8px;border-color:var(--border);white-space:normal}
.table-pro tbody td{background:#151619;color:#e5e4df;padding:18px 8px;border-color:var(--border);overflow-wrap:anywhere;white-space:normal!important;vertical-align:middle}
.table-pro tbody tr:nth-child(even) td{background:#191a1e}
.table-pro tbody tr:hover td{background:#22211d}
.table-pro th:first-child{width:4%}
.table-pro th:nth-child(2){width:13%}
.table-pro th:last-child{width:10%}
.note-clip{max-width:100%;white-space:normal}
.badge-pro{white-space:normal;font-size:12px}
.badge-pending{background:#ffffff08;color:#bcbbb5;border:1px solid #ffffff10}
.badge-complete{background:#49aa7b18;color:#a3e4c1;border:1px solid #49aa7b30}
.badge-partial{background:#d6aa4b18;color:#f6d785;border:1px solid #d6aa4b30}
.badge-count{background:#d6aa4b17;color:#f6d785}
.group-label{display:block;color:#f6d785;margin-bottom:7px}
.group-preview{font-size:13px;color:#bcbab3;margin-bottom:10px}
.alert-pro{border-radius:16px}
.alert-success-pro{background:#49aa7b15;color:#a3e4c1;border-color:#49aa7b40}
.alert-warning-pro{background:#d6aa4b12;color:#f6d785;border-color:#d6aa4b35}
.alert-danger-pro{background:#dc464616;color:#ffb8b8;border-color:#dc46464a}
.dashboard-home{max-width:1120px;padding-top:40px}
.eyebrow{color:#d6aa4b!important;font-weight:700}
.dashboard-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dashboard-link{position:relative;padding:38px;border:1px solid #d6aa4b30;border-radius:32px;background:radial-gradient(ellipse at 100% 0%,#d6aa4b0e,transparent 65%),#151619;text-decoration:none;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.dashboard-link:hover{transform:translateY(-4px);border-color:#d6aa4b80}
.dashboard-link h2{font-size:28px;margin:20px 0 6px}
.dashboard-link p{color:#aaa9a4}
.dash-symbol{display:flex;width:64px;height:64px;align-items:center;justify-content:center;background:#d6aa4b12;border:1px solid #d6aa4b35;border-radius:20px;color:#f6d785;font-size:34px}
.dash-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f8f7f2;color:#151619;margin-top:25px;font-size:22px}
.person-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:12px 0}
.picker-actions{display:flex;gap:12px;flex-wrap:wrap}
.picker-actions label{position:relative;overflow:hidden;cursor:pointer}
.picker-actions input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.image-preview{padding:12px;background:#0d0e11;border:1px solid var(--border);border-radius:18px;min-width:0}
.image-preview img{width:100%;height:160px;object-fit:contain;border-radius:10px}
.image-preview p{font-size:12px;overflow-wrap:anywhere}
.preview-controls{display:flex;flex-wrap:wrap;gap:5px}
#image-error{color:#ffb8b8}
dialog{width:min(620px,calc(100% - 28px));max-height:80vh;overflow:auto;border:1px solid #d6aa4b50;border-radius:28px;background:#17181b;color:#f8f7f2;padding:24px;box-shadow:0 24px 80px #0008}
dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
.member-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.member-line span{min-width:0}
.img-thumb{border:1px solid var(--border);background:#0d0e11;border-radius:16px}
.fg input{font-size:16px!important;border-radius:14px!important}
.btn-login{border-radius:100px!important}
.card{border-radius:30px!important}
.ga{background:#d6aa4b!important;opacity:.08!important}
.gb{opacity:.08!important}
.fg input:focus{border-color:#d6aa4b!important}
.btn-login{background:#d6aa4b!important;color:#17140e!important}
body:has(.btn-login){overflow:auto!important;padding:24px 0}
.divider{border-color:var(--border)}
@media(max-width:900px){
  .app-navbar .container-fluid{flex-wrap:wrap}
  .navbar-brand-custom{padding:14px 18px;border:0}
  .navbar-actions{padding:8px 14px;width:100%;gap:6px}
  .page-wrapper{width:calc(100% - 28px);margin-top:24px}
  .table-pro,.table-pro tbody{display:block}
  .table-pro thead{display:none}
  .table-pro tr{display:grid;grid-template-columns:1fr 1fr;margin:12px;border:1px solid var(--border);border-radius:18px;overflow:hidden}
  .table-pro tbody td{display:flex;flex-direction:column;gap:5px;padding:12px;border:0;min-width:0}
  .table-pro td::before{content:attr(data-label);font-size:12px;color:#aaa9a4;font-weight:400}
  .table-pro td:last-child{grid-column:1/-1}
  .table-pro td[colspan]{grid-column:1/-1}
  .dashboard-link{padding:26px}
}
@media(max-width:600px){
  .dashboard-links{grid-template-columns:1fr;gap:16px}
  .dashboard-home{padding-top:8px}
  .card-pro-body{padding:18px}
  .card-pro-header{padding:18px}
  .card-pro-body div[style*="grid-template-columns:1fr"]{grid-template-columns:1fr!important}
  .card-pro-body form[style*="display:flex"]{flex-wrap:wrap}
  .card-pro-body form input{flex-basis:100%!important}
  .person-row{grid-template-columns:1fr auto;padding-bottom:12px;border-bottom:1px solid var(--border)}
  .person-row input:first-child{grid-column:1/-1}
  .nav-btn{font-size:12px;padding:6px 10px}
  .navbar-user{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
  :root{color-scheme:light}
  body{background:white!important;color:black!important}
  .app-navbar,.no-print{display:none!important}
  .card-pro,.card-pro-header,.card-pro-body,.form-control-static,.table-pro td,.table-pro th{background:white!important;color:black!important;box-shadow:none!important;border-color:#ccc!important}
  h1,h2,h3,h4,h5,.card-pro-header h5,.form-label-pro{color:black!important}
  .page-wrapper{width:100%;max-width:none!important;margin:0}
  .table-pro{display:table}.table-pro tbody{display:table-row-group}.table-pro thead{display:table-header-group}
  .table-pro tr{display:table-row}.table-pro td{display:table-cell}.table-pro td::before{display:none}
}