@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#142d3b;--teal:#19766e;--teal2:#e5f3f0;--ink:#20313d;--muted:#75838c;--line:#e4e9eb;--bg:#f5f7f8;--white:#fff;--gold:#c99b48;--red:#bd4b4b;--green:#287b61}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;font-size:14px}.layout{display:flex;min-height:100vh}.sidebar{width:258px;background:var(--navy);color:#fff;padding:23px 14px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 23px;border-bottom:1px solid #ffffff20}.logo{width:48px;height:48px;border:1px solid #ffffff80;border-radius:14px;display:grid;place-items:center;font-size:28px;font-weight:800;color:#f5d9a0;flex-shrink:0}.brand h1{font-size:19px;margin:0;font-weight:800}.brand small{display:block;color:#b8c7cd;font-size:10px;margin-top:3px}.navlabel{color:#8fa4ad;font-size:11px;margin:18px 12px 8px}.nav{width:100%;border:0;background:transparent;color:#c8d5d9;text-align:right;display:flex;align-items:center;gap:12px;padding:10px 13px;margin:2px 0;border-radius:9px;font:inherit;cursor:pointer}.nav span{font-size:12px}.nav:hover,.nav.active{background:#ffffff14;color:#fff}.nav.active{box-shadow:inset -3px 0 var(--gold)}.sidefoot{margin-top:auto;border-top:1px solid #ffffff20;padding:15px 8px 0;color:#93a7b0;font-size:11px}.main{flex:1;min-width:0;padding:27px clamp(16px,3vw,40px) 12px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{color:var(--teal);font-size:12px;font-weight:700}h2{margin:3px 0 0;font-size:25px;color:var(--navy)}h3{margin:0 0 14px;font-size:16px;color:var(--navy)}.head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{font-size:11px;color:var(--teal);background:var(--teal2);border-radius:30px;padding:7px 11px}.button,button{font-family:inherit;cursor:pointer}.button,.submit{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--teal);color:white;border:0;border-radius:8px;padding:9px 13px;text-decoration:none;font-size:12px;font-weight:700}.button.light{background:white;border:1px solid var(--line);color:var(--navy)}.button.muted-button{background:#eef2f3;color:#41525c;border:1px solid var(--line)}.button.danger{background:#fff1f0;color:#9b3636;border:1px solid #f0d8d6}.button.small{padding:6px 9px;font-size:11px}.grid{display:grid;gap:15px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat,.panel,.formcard{background:white;border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 3px 12px #132b3a05}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:10px;background:var(--teal2);display:grid;place-items:center;color:var(--teal);font-size:17px}.stat strong{display:block;font-size:25px;color:var(--navy);margin:8px 0 2px;direction:ltr;text-align:right}.stat small{color:var(--muted);font-size:11px}.cols{grid-template-columns:1.2fr .8fr}.panel{margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.panel-head h3{margin:0}.muted{color:var(--muted);font-size:12px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;background:#f7f9f9;color:#65747c;font-size:11px;font-weight:700;padding:11px 12px;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid #edf0f1;font-size:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.tag{display:inline-block;padding:4px 8px;border-radius:30px;background:#edf5f1;color:#287b61;font-size:10px}.tag.red{background:#fff0ef;color:#b54b4b}.tag.gold{background:#fff5df;color:#986c19}.tag.gray{background:#eff2f4;color:#58656c}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#53646e}.field input,.field select,.field textarea,.search{width:100%;border:1px solid #dce4e7;border-radius:8px;padding:10px 11px;background:white;color:var(--ink);font:inherit;font-size:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--teal);box-shadow:0 0 0 3px #19766e12}.field textarea{min-height:75px;resize:vertical}.form-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:16px;flex-wrap:wrap}.hidden{display:none!important}.notice{padding:11px 14px;border-radius:9px;background:#e7f5ed;color:#236c49;margin-bottom:15px}.notice.error{background:#fff0ef;color:#a33d3d}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.search{max-width:380px}.building-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.building-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.building-card h3{font-size:15px;margin:0 0 5px}.building-card .number{font-size:11px;color:var(--muted);margin-bottom:5px}.building-card .bstat{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;margin-top:10px;font-size:11px}.building-card input{width:100%;padding:8px;border:1px solid var(--line);border-radius:6px;font:inherit;margin-top:8px}.building-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.empty{text-align:center;color:var(--muted);padding:28px}.loading{padding:40px;text-align:center;color:var(--muted)}footer{text-align:center;color:#95a0a5;font-size:10px;padding:20px 0}.actions{display:flex;gap:5px;align-items:center}.mini{border:1px solid var(--line);background:#fff;border-radius:6px;padding:5px 8px;font-size:11px;color:var(--ink);font-family:inherit}.mini:hover{border-color:var(--teal)}.center-brand{border-radius:16px;background:linear-gradient(120deg,#142d3b,#205052);color:white;text-align:center;padding:24px 15px;margin-bottom:18px}.center-brand .biglogo{margin:0 auto 10px;border:1px solid #e5d3aa;color:#f5d9a0;border-radius:18px;width:58px;height:58px;display:grid;place-items:center;font-size:32px;font-weight:800}.center-brand h3{color:white;font-size:25px;margin:0 0 3px}.center-brand p{color:#d4e1e2;margin:4px 0 0;font-size:12px}.hint{background:#f5f8f8;border:1px dashed #d4e0e3;padding:11px 13px;border-radius:9px;color:#61717a;font-size:11px;margin:8px 0 14px}.balance{font-size:15px;font-weight:800}.positive{color:var(--green)}.negative{color:var(--red)}.auth-layer{position:fixed;inset:0;z-index:1000;background:rgba(11,28,37,.94);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 80px #0004}.auth-logo{width:64px;height:64px;margin:0 auto 10px;display:grid;place-items:center;border-radius:18px;background:var(--navy);color:#f5d9a0;font-size:35px;font-weight:800}.auth-card h2,.auth-card p{text-align:center}.auth-card p{color:var(--muted);font-size:12px;margin:6px 0 20px}.auth-card .field{margin:14px 0}.auth-card .button{width:100%;padding:12px}.modal-bg{position:fixed;inset:0;z-index:900;background:#122632a8;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;border-radius:14px;padding:20px;width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:0 15px 60px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.modal-head h3{margin:0}.file-list{display:grid;gap:8px;margin-top:10px}.file-item{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:9px}.file-meta{min-width:0}.file-meta a{font-weight:700;text-decoration:none;color:var(--teal);overflow-wrap:anywhere}.file-meta small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.login-lock{text-align:center;color:var(--muted);font-size:11px;margin-top:14px}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.inline-form .field{flex:1;min-width:130px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}.detail-box{border:1px solid var(--line);border-radius:10px;padding:12px}.detail-box small{display:block;color:var(--muted);font-size:11px}.detail-box strong{display:block;color:var(--navy);font-size:18px;margin-top:5px}@media(max-width:1180px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}}@media(max-width:760px){.layout{display:block}.sidebar{width:100%;padding:12px;display:block}.brand{padding-bottom:12px}.navlabel,.sidefoot{display:none}.sidebar .nav{display:inline-flex;width:auto;padding:8px 9px;margin:2px 1px;font-size:11px}.nav span{font-size:11px}.main{padding:18px 12px}header{align-items:flex-start;flex-direction:column}h2{font-size:22px}.head-actions{flex-wrap:wrap}.formgrid,.detail-grid{grid-template-columns:1fr 1fr}.field.full{grid-column:1/-1}.stats{gap:9px}.stat{padding:12px}.stat strong{font-size:21px}.building-grid{grid-template-columns:1fr 1fr}.panel{padding:13px}}@media(max-width:450px){.formgrid,.building-grid,.detail-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.pill{display:none}.center-brand h3{font-size:21px}}
.auth-error{background:#fff0ef;color:#a33d3d;border-radius:8px;padding:10px 12px;margin:10px 0;font-size:12px}
.quickgrid{grid-template-columns:1fr 1fr;gap:10px}

@media print{body{background:#fff}.sidebar,.head-actions,footer,.notice,.nav,.form-actions,form,.building-buttons,.toolbar input,.toolbar button,.mini,.button,.hint{display:none!important}.layout{display:block}.main{padding:0}header{margin:0 0 10px}#content{width:100%}.panel,.stat,.building-card{box-shadow:none;break-inside:avoid;border-color:#bbb}.tablewrap{overflow:visible}table{white-space:normal}th,td{font-size:9pt;padding:5px}h2{font-size:18pt}}

.company-logo-sidebar{width:108px;height:78px;object-fit:contain;background:#fff;border-radius:10px;padding:5px;flex-shrink:0}.brand{align-items:center;gap:10px}.brand h1{font-size:18px}.company-phones{font-size:11px;font-weight:700;color:#f5d9a0;margin-top:8px;white-space:nowrap}.company-logo-main{display:block;width:min(360px,85%);height:180px;object-fit:contain;background:white;border-radius:14px;padding:12px;margin:0 auto 15px;box-shadow:0 5px 22px #0002}.center-brand .company-contact{font-size:16px;font-weight:800;color:#fff;letter-spacing:1px;margin-top:10px}@media(max-width:760px){.company-logo-sidebar{width:88px;height:64px}.company-logo-main{height:145px}}

/* Tenant lookup and payment details */
.payment-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:18px;align-items:start}.payment-search{position:sticky;top:12px}.payment-search input{width:100%;box-sizing:border-box;margin:12px 0}.payment-matches{max-height:440px;overflow:auto}.payment-match{display:block;width:100%;text-align:right;background:transparent;border:1px solid #d9e1e8;border-radius:8px;margin:6px 0;padding:10px;cursor:pointer;color:inherit}.payment-match small,.payment-summary-grid small{display:block;opacity:.75;margin-top:5px}.payment-match.chosen{background:#e8f3ff;border-color:#2785c7}.payment-main{min-width:0}.payment-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;padding:12px 0 18px}.payment-summary-grid>div{background:#f5f8fb;border-radius:8px;padding:12px}.payment-summary-grid strong{display:block;margin-top:6px;overflow-wrap:anywhere}@media(max-width:760px){.payment-layout{grid-template-columns:1fr}.payment-search{position:static}}

/* SAAQAF PHOTO FIX — original pre-photo app functionality preserved */
body{background:#f4f6f8 url('saqaf-approved-background-v16.jpg') center center/cover fixed no-repeat;}
.sidebar{background:#112b42;color:#f7f9fb;box-shadow:-4px 0 20px #10283b18;}
.brand{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 8px 22px;}
.brand>div{text-align:center}.brand h1{font-size:20px;color:#fff}.brand small{font-size:10px;color:#d5e0e9}.company-phones{white-space:normal!important;line-height:1.85;color:#eacb8e!important;text-align:center;font-size:12px!important;}
.company-logo-sidebar{width:175px!important;max-width:100%;height:110px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;}
.nav.active{background:#d6ac63!important;color:#10283b!important;box-shadow:none!important;font-weight:800;}
.main{position:relative;isolation:isolate;}
.main::before{content:'';position:fixed;inset:0 258px 0 0;background:linear-gradient(90deg,rgba(250,252,255,.70),rgba(249,251,254,.79)),url('saqaf-approved-background-v16.jpg') center/cover no-repeat;z-index:-1;pointer-events:none;}
.center-brand{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(9,31,49,.55),rgba(9,31,49,.30)),url('saqaf-approved-background-v16.jpg') center 48%/cover no-repeat!important;min-height:300px;border:1px solid #d6e1e7;border-radius:17px;}
.center-brand::before{content:none!important;}
.company-logo-main{background:transparent!important;box-shadow:none!important;object-fit:contain!important;padding:0!important;width:min(340px,80%)!important;height:160px!important;}
.stat,.panel,.formcard{background:rgba(255,255,255,.95);box-shadow:0 7px 25px #152b3b12;border:1px solid #dfe8ed;}
@media(max-width:960px){.main::before{right:0}}
@media print{body{background:#fff!important}.main::before{display:none}}

/* ACTUAL 22 OCT REDESIGN — structured dashboard + forms, not a photo-only patch */
:root{--navy:#102d49;--gold:#d7ae65;--ink:#183451;--line:#dfe7f0}
body{background:#edf3f8!important;color:#19354c}
.layout{align-items:stretch}
.sidebar{width:270px!important;min-height:100vh;background:linear-gradient(180deg,#092740,#123451)!important;padding:19px 14px!important}
.brand{padding:4px 6px 22px!important;border-bottom:1px solid #ffffff26}
.company-logo-sidebar{height:118px!important;width:190px!important;filter:brightness(0) invert(1);object-fit:contain}
.brand h1{font-size:23px!important;letter-spacing:.3px}
.brand small{font-size:10px!important}
.company-phones{font-size:12px!important;color:#e9c787!important}
.nav{min-height:38px;border-radius:8px!important;padding:8px 13px!important;margin:1px 0!important}
.nav span{font-size:12px!important}
.nav.active{background:linear-gradient(90deg,#f1d4a1,#d7a856)!important;color:#17334a!important}
.main{padding:18px clamp(18px,2.6vw,38px) 16px!important;min-width:0;background:#f4f7fb}
.main::before{display:none!important}
header{background:#fff;border:1px solid #e1e9f0;border-radius:13px;padding:16px 18px;margin-bottom:16px!important;box-shadow:0 3px 12px #1234520b}
h2{font-size:24px!important}
#content{min-width:0}
.saqaf-overview{display:flex;flex-direction:column;gap:14px}
.saqaf-overview-top,.saqaf-overview-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.saqaf-overview .stat{margin:0!important;min-height:116px;background:#fff!important;border:1px solid #e0e7f0!important;border-radius:12px!important;box-shadow:0 3px 15px #14355310!important}
.saqaf-overview .stat strong{color:#102d49!important;font-size:22px}
.saqaf-showcase{height:clamp(275px,34vw,460px);position:relative;overflow:hidden;border-radius:13px;background:linear-gradient(90deg,rgba(244,249,255,.13),rgba(255,255,255,.12)),url('saqaf-approved-background-v16.jpg') center 50%/cover no-repeat;box-shadow:0 6px 22px #153a5d21;border:1px solid #d6e3ed}
.saqaf-showcase::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.36) 50%,rgba(255,255,255,.20))}
.saqaf-showcase-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#0c2d48;text-shadow:0 1px 4px #ffffffaa}
.saqaf-showcase-logo{width:min(320px,54%);height:118px;object-fit:contain;mix-blend-mode:multiply}
.saqaf-showcase-content h3{font-size:28px!important;color:#10314c!important;margin:2px 0 0!important}
.saqaf-showcase-content p{font-size:15px!important;font-weight:700;margin:0}
.saqaf-showcase-phones{font-size:15px;font-weight:800;line-height:1.8;margin-top:10px}
.saqaf-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.saqaf-shortcuts button{background:#fff;border:1px solid #dce5ee;border-radius:11px;padding:14px 9px;color:#123452;font:700 13px Cairo,Tahoma,sans-serif;cursor:pointer}
.saqaf-shortcuts button:hover{background:#e9f2fc;border-color:#b4ccdf}
body:has(.formcard) .main{background:linear-gradient(rgba(246,249,253,.88),rgba(246,249,253,.91)),url('saqaf-approved-background-v16.jpg') center/cover fixed no-repeat!important}
.formcard,.panel{background:#fff!important;border:1px solid #dce6f0!important;border-radius:13px!important;box-shadow:0 4px 20px #102e4b0c!important}
.formgrid{gap:16px!important}
.field label{color:#183852!important;font-weight:700!important}
.field input,.field select,.field textarea,input,select,textarea{border-color:#d5e1eb}
.button:not(.light){background:#133c60;color:white}
@media(max-width:1120px){.saqaf-overview-top,.saqaf-overview-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.saqaf-shortcuts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{width:210px!important}.saqaf-showcase{height:280px}.saqaf-showcase-logo{height:85px}.saqaf-showcase-content h3{font-size:22px!important}.main{padding:12px!important}header{flex-wrap:wrap}}
@media(max-width:550px){.saqaf-overview-top,.saqaf-overview-bottom{grid-template-columns:1fr 1fr}.sidebar{width:155px!important;padding:10px 5px!important}.brand h1{font-size:15px!important}.company-logo-sidebar{width:130px!important;height:70px!important}.company-phones{font-size:9px!important}.nav span{font-size:10px!important}.saqaf-shortcuts{grid-template-columns:1fr 1fr}}
@media print{.saqaf-showcase{height:180px}.saqaf-shortcuts{display:none}}


/* SAQF v4 — consolidated visual implementation. No legacy design overrides. */
:root{--navy:#0c3157;--teal:#0e4b85;--gold:#d9b576;--bg:#eff3f9;--ink:#0c2e51;--muted:#74849a;--line:#dce5ef}
body{background:var(--bg);color:var(--ink);font-size:12px}
.layout{display:flex;flex-direction:row;align-items:stretch;min-height:100vh}
.sidebar{width:278px;flex:0 0 278px;min-height:100vh;height:100vh;position:sticky;top:0;padding:20px 16px 15px;background:linear-gradient(150deg,#143b65,#06213d);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}
.new-brand{text-align:center;padding:0 0 22px}.new-brand-logo{width:210px;height:112px;display:block;object-fit:contain;margin:auto;filter:brightness(0) invert(1)}.new-brand-sub{font-size:11px;font-weight:700;color:white}
.new-navigation{display:grid;gap:5px}.sidebar .nav{min-height:44px;padding:8px 14px;border-radius:9px;gap:13px;color:#f4f7fd;font-size:14px;font-weight:700;box-shadow:none}.sidebar .nav span{font-size:13px}.sidebar .nav b{display:flex;align-items:center;justify-content:center;width:26px}.sidebar .nav.active{background:linear-gradient(100deg,#cfa55e,#f0d397);color:#0a3055;box-shadow:0 3px 8px #0001}.sidebar .nav:hover{background:#ffffff22}.sidebar .nav.active:hover{background:linear-gradient(100deg,#cfa55e,#f0d397)}
.ui-icon{width:23px;height:23px;display:inline-block;vertical-align:middle;flex-shrink:0}.new-side-bottom{margin-top:auto;border-top:1px solid #ffffff38;padding-top:12px}.new-side-bottom .nav{color:#ff5262}.new-more{border-top:1px solid #ffffff25;margin-top:8px;padding-top:8px}.new-more summary{color:#bdcddd;font-size:11px;text-align:center;cursor:pointer}.new-more .nav{min-height:28px;padding:3px 8px;font-size:11px}
.main{flex:1;min-width:0;padding:0 20px 20px;background:#f0f4fa}.new-topbar{height:96px;display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:space-between;margin:0 -20px 0;padding:12px 32px;background:linear-gradient(#f1f7ff,#e8f0fa);box-shadow:0 2px 10px #0d355014}.new-search{display:flex;align-items:center;flex:1;max-width:620px;min-width:160px;gap:12px;background:#ffffffa9;border:1px solid #d5dfeb;border-radius:14px;padding:0 14px;box-shadow:0 2px 6px #00000009}.new-search input{height:50px;border:0;background:transparent;min-width:0;width:100%;font:13px 'Cairo',sans-serif;outline:0}.new-search .ui-icon{width:25px;height:25px}.new-top-date{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;white-space:nowrap}.new-top-bell{position:relative;color:#092f58}.new-top-bell:after{content:'3';position:absolute;right:-5px;top:-8px;color:white;background:#e32036;border-radius:50%;font-size:10px;line-height:17px;width:17px;text-align:center}.new-top-user{white-space:nowrap;display:grid;gap:2px;font-size:13px}.new-top-user small{font-size:10px}.new-avatar{background:white;color:#0a64b3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.new-avatar .ui-icon{width:27px;height:27px}
.new-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.new-page-heading h2{font-size:17px;margin:0;color:#0b3058}.new-tools{display:flex;gap:5px;align-items:center}.new-tools .button{font-size:9px;padding:5px 8px;min-height:27px}.new-tools #logoutBtn{display:none}
#content{min-width:0}.new-dashboard{margin:-5px -20px 0;min-height:calc(100vh - 131px);background:linear-gradient(#ffffff35,#e7eff94f),url('saqaf-approved-background-v16.jpg') center center/cover no-repeat;padding-bottom:13px}.new-hero{min-height:clamp(325px,43vh,448px);display:flex;align-items:center;justify-content:center;position:relative}.new-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#ffffffa0 0%,#ffffff65 40%,transparent 76%)}.new-hero-content{position:relative;text-align:center;font-weight:800;color:#082d55;text-shadow:0 1px 1px #ffffffc9}.new-hero-logo{display:block;width:min(340px,50vw);height:165px;object-fit:contain;margin:0 auto -5px}.new-hero-content h3{font-size:25px;margin:0;color:#092f5a}.new-hero-content p{font-size:15px;margin:0}.new-hero-content strong{font-size:22px;display:block;margin:6px 0}.new-hero-caption{font-size:14px}
.new-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 20px}.new-kpis .stat{min-width:0;min-height:145px;padding:16px 17px;margin:0;border:1px solid #e4e9f1;background:#fffffff0;border-radius:15px;box-shadow:0 4px 14px #17345412}.new-kpis .stat-top{align-items:start;gap:8px}.new-kpis .stat-top span:first-child{font-size:12px;font-weight:800;color:#0a3159}.new-kpis .stat-icon{background:#e8f3ff;font-size:23px;width:40px;height:40px}.new-kpis .stat strong{font-size:clamp(19px,2.05vw,27px);color:#092f60;margin:7px 0 2px;white-space:normal;overflow-wrap:anywhere}.new-kpis .stat small{font-size:10px}.new-dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 20px}.new-dashboard-actions button{min-height:70px;background:#ffffffed;border:1px solid #e3e8f0;border-radius:14px;color:#0b3156;text-align:right;padding:14px 20px;font-size:15px;font-weight:800;box-shadow:0 4px 14px #1734540c}
body:has(.tenant-page) .main{background:linear-gradient(#f6f9fdc9,#f6f9fdc9),url('saqaf-approved-background-v16.jpg') center/cover fixed no-repeat}.tenant-page{position:relative;padding:7px 0 0}.tenant-breadcrumb{font-size:12px;color:#174b7a;margin:10px 0 24px}.tenant-title{font-size:23px;font-weight:800;color:#082f59;text-align:right;margin:-54px 0 30px}.tenant-title span{color:#1676d1}.tenant-form-panel,.tenant-list-panel{background:#fffffff0;border:1px solid #e1e8f2;border-radius:12px;box-shadow:0 5px 20px #1133540b;padding:22px;margin-bottom:15px}.tenant-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 26px}.tenant-form-grid .field{min-width:0}.tenant-form-grid .field label{font-size:12px;font-weight:800;color:#0d3158;text-align:right}.tenant-form-grid .field em{color:#e63a53;font-style:normal}.tenant-form-grid .field input:not([type=file]),.tenant-form-grid .field select,.tenant-form-grid .field textarea{min-height:45px;width:100%;background:#f9fbff;border:1px solid #d6e0ec;border-radius:7px;color:#1a3655;font:12px 'Cairo',sans-serif;padding:9px 12px}.tenant-form-grid .field textarea{height:115px;resize:vertical}.tenant-upload{grid-column:span 1}.tenant-notes{grid-column:span 2}.upload-zone{height:150px;border:1.5px dashed #afc0d3;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#154f86;cursor:pointer;background:#f9fbff;text-align:center}.upload-zone .upload-symbol{font-size:39px;line-height:1;color:#1c74c0}.upload-zone strong{font-size:12px}.upload-zone small{font-size:10px;color:#7c8da1}.upload-zone.dragover{border-color:#0b70c4;background:#e9f5ff}.tenant-extra{grid-column:1/-1}.tenant-extra details{border-top:1px solid #e9eef4;padding:7px 0}.tenant-extra summary{font-size:11px;color:#3c688e;cursor:pointer}.tenant-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 0}.tenant-form-buttons{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}.tenant-form-buttons button{min-width:140px;height:43px;font-size:13px}.tenant-form-buttons .submit{background:#0b3868}.tenant-form-buttons .button{background:#eaf0f7;color:#0b315a}.tenant-list-panel{padding:17px}.tenant-list-panel h3{font-size:15px;text-align:right}.tenant-list-panel table th{font-size:10px;background:#eef4fa;color:#0d3158}.tenant-list-panel table td{font-size:11px;padding:8px}.tenant-list-panel .toolbar{justify-content:flex-start}
@media(max-width:1280px){.sidebar{width:235px;flex-basis:235px}.new-brand-logo{width:175px;height:100px}.sidebar .nav{min-height:39px}.sidebar .nav span{font-size:12px}.new-topbar{gap:12px;padding:10px 18px}.new-kpis{gap:9px;padding:0 12px}.new-kpis .stat{padding:12px;min-height:120px}.new-dashboard-actions{padding:12px}.tenant-form-grid{gap:14px}}
@media(max-width:1020px){.sidebar{width:200px;flex-basis:200px}.sidebar .nav span{font-size:11px}.new-top-date{display:none}.new-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-title{margin:0 0 15px}.tenant-breadcrumb{margin:10px 0}.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-notes{grid-column:span 1}.tenant-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.layout{display:block}.sidebar{position:relative;height:auto;min-height:0;width:100%;padding:8px 12px}.new-brand{padding:0}.new-brand-logo{height:55px;width:120px}.new-brand-sub{font-size:9px}.new-navigation{display:flex;flex-wrap:wrap;flex-direction:row}.sidebar .nav{width:auto;min-height:30px;padding:4px 8px}.sidebar .nav span{font-size:10px}.sidebar .nav b .ui-icon{width:15px;height:15px}.new-side-bottom,.new-more{display:none}.main{padding:0 10px 10px}.new-topbar{height:64px;margin:0 -10px}.new-top-user,.new-avatar,.new-top-bell{display:none}.new-page-heading{flex-wrap:wrap}.new-dashboard{margin:0 -10px}.new-hero{min-height:300px}.new-hero-logo{height:120px;width:240px}.new-hero-content h3{font-size:19px}.new-hero-content p,.new-hero-caption{font-size:11px}.new-hero-content strong{font-size:15px}.new-kpis{gap:8px}.new-kpis .stat{padding:10px;min-height:108px}.new-kpis .stat strong{font-size:18px}.new-dashboard-actions{gap:8px}.new-dashboard-actions button{font-size:11px;padding:8px}.tenant-form-grid{grid-template-columns:1fr}.tenant-upload,.tenant-notes{grid-column:span 1}.tenant-extra-grid{grid-template-columns:1fr}}
@media print{.sidebar,.new-topbar,.new-page-heading,.tenant-form-buttons{display:none!important}.main{padding:0}.new-dashboard{background:white}.tenant-form-panel{display:none}}



/* V7: unified design, no negative-margin header overlays */
:root{--saqf-navy:#0a3159;--saqf-gold:#e0bd7d}
.new-page-heading{min-height:36px;padding:6px 0;margin:0}
.new-page-heading h2{font-size:15px}
.new-dashboard{margin:0 -20px;background-color:#eef4fa;background-image:linear-gradient(180deg,rgba(255,255,255,.06),rgba(245,249,253,.25) 42%,rgba(239,245,251,.86) 90%),url('saqaf-approved-background-v16.jpg');background-size:100% 100%,100% auto;background-position:center top;background-repeat:no-repeat}
.new-hero{min-height:clamp(280px,38vh,390px)}
.new-hero:before{background:radial-gradient(ellipse at center,rgba(255,255,255,.63) 0%,rgba(255,255,255,.29) 46%,transparent 78%)}
.new-hero-logo{width:270px;height:115px;margin:0 auto -3px}
.new-hero-content h3{font-size:21px}.new-hero-content p{font-size:13px}.new-hero-content strong{font-size:19px;margin:4px 0}.new-hero-caption{font-size:12px}
.new-kpis{gap:11px;padding:0 18px}.new-kpis .stat{min-height:119px;padding:12px 14px;background:rgba(255,255,255,.96)}.new-kpis .stat strong{font-size:clamp(17px,1.7vw,24px)}.new-kpis .stat-top span:first-child{font-size:12px}.new-kpis .stat small{font-size:10px}
.new-dashboard-actions{padding:12px 18px;gap:12px}.new-dashboard-actions button{min-height:59px;font-size:13px;padding:10px 16px}
/* Tenant page has its own structured header; generic page heading is suppressed. */
body:has(.tenant-page) .main{background:#f1f6fb}
body:has(.tenant-page) .new-page-heading{display:none}
body:has(.tenant-page) #content{position:relative;isolation:isolate}
body:has(.tenant-page) #content:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(249,251,254,.93),rgba(249,251,254,.96)),url('saqaf-approved-background-v16.jpg') center top/cover no-repeat}
.tenant-page{padding:14px 0 10px}
.tenant-header{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:53px;margin:0 2px 14px}
.tenant-breadcrumb{order:2;margin:0;font-size:12px;line-height:1.5;color:#1c4a75}
.tenant-title{order:1;margin:0;position:static;line-height:1.5;font-size:22px;font-weight:800;color:#0a3159;white-space:nowrap}
.tenant-title span{color:#0877d4;margin-right:6px}
.tenant-form-panel,.tenant-list-panel{background:rgba(255,255,255,.96);border:1px solid #e0e7ef;border-radius:12px;box-shadow:0 5px 18px #0a355b10}
.tenant-form-panel{padding:20px 22px;margin-bottom:14px}
.tenant-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 25px;align-items:start}
.tenant-form-grid>.field{min-width:0;margin:0}
.tenant-form-grid>.field>label{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:#0b3158}
.tenant-form-grid>.field>input:not([type=file]),.tenant-form-grid>.field>select,.tenant-form-grid>.field>textarea{width:100%;min-height:45px;padding:10px 12px;font-size:12px;background:#fafcff;border:1px solid #d5e0ed;border-radius:7px;box-shadow:none;color:#12395d}
.tenant-form-grid>.field>textarea{height:115px}
.tenant-upload{grid-column:1;grid-row:4 / span 2}
.tenant-notes{grid-column:2 / 4;grid-row:4 / span 2}
.upload-zone{height:153px;border:1.5px dashed #a7bbd0;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#f9fbff;color:#0e5793;cursor:pointer;text-align:center}
.upload-zone .upload-symbol{font-size:34px;line-height:1}.upload-zone strong{font-size:12px}.upload-zone small{font-size:10px}
.tenant-extra,.tenant-form-buttons{grid-column:1/-1}
.tenant-extra-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tenant-form-buttons{display:flex;justify-content:flex-end;gap:12px}.tenant-form-buttons button{min-width:145px;height:43px;font-size:12px}
.tenant-list-panel{padding:16px}.tenant-list-panel h3{font-size:15px;margin:0 0 10px}.tenant-list-panel table th{font-size:11px}.tenant-list-panel table td{font-size:11px}
@media(max-width:1100px){.tenant-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.tenant-form-panel{padding:15px}.tenant-title{font-size:19px}.tenant-header{gap:8px}.tenant-breadcrumb{font-size:10px}.new-dashboard{background-size:100% 100%,100% auto}}
@media(max-width:760px){.tenant-header{align-items:flex-start;flex-direction:column}.tenant-title,.tenant-breadcrumb{order:initial}.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-upload,.tenant-notes{grid-column:1/-1;grid-row:auto}.tenant-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-dashboard{background-size:100% 100%,auto 460px}}
@media(max-width:520px){.tenant-form-grid{grid-template-columns:1fr}.tenant-extra-grid{grid-template-columns:1fr}.new-kpis{padding:0 8px;gap:7px}.new-kpis .stat{padding:9px}}
@media print{body:has(.tenant-page) #content:before{display:none}}

/* ===== SAAQAF MASTER V8: final visual override, all navigation visible ===== */
.sidebar{width:252px!important;flex:0 0 252px!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;scrollbar-width:thin!important;padding:12px 10px!important}
.new-brand{padding:2px 0 10px!important}.new-brand-logo{height:94px!important;width:185px!important;object-fit:contain!important}.new-brand-sub{font-size:10px!important}
.new-navigation,.new-more-expanded{display:flex!important;flex-direction:column!important;gap:2px!important}
.new-more-expanded{margin:0!important;padding:0!important;border:0!important}
.sidebar .nav,.new-more-expanded .nav{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:33px!important;padding:5px 11px!important;font-size:11px!important;border-radius:7px!important;text-align:right!important;line-height:1.25!important;white-space:normal!important}
.sidebar .nav span{font-size:11px!important}.sidebar .nav b{width:20px!important;min-width:20px!important}.sidebar .nav .ui-icon{width:17px!important;height:17px!important}
.new-more-expanded .nav:before{content:'◈';font-size:13px;display:inline-block;width:20px;min-width:20px;text-align:center;color:#e1c58d}
.new-side-bottom{margin-top:8px!important;padding-top:8px!important}
.main{min-width:0!important}.new-dashboard{background-color:#f1f5f9!important;background-image:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(247,250,253,.30) 35%,rgba(241,246,251,.93) 88%),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,100% auto!important;background-position:center top!important;background-repeat:no-repeat!important}
.new-hero{min-height:clamp(235px,30vh,340px)!important}.new-hero-logo{width:210px!important;height:85px!important}.new-hero-content h3{font-size:18px!important}.new-hero-content p{font-size:12px!important}.new-hero-content strong{font-size:17px!important}.new-hero-caption{font-size:11px!important}
.new-kpis{gap:9px!important;padding:0 16px!important}.new-kpis .stat{min-height:100px!important;padding:11px!important}.new-kpis .stat strong{font-size:clamp(15px,1.6vw,21px)!important}.new-kpis .stat-top span:first-child{font-size:11px!important}.new-dashboard-actions button{min-height:50px!important;font-size:12px!important}
/* Second page: remove old pseudo background and show the separate clean image */
body:has(.tenant-page) .main{background:#eef4fa!important}
body:has(.tenant-page) #content{position:relative!important;isolation:isolate!important}
body:has(.tenant-page) #content:before{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;background-image:linear-gradient(rgba(248,251,255,.50),rgba(248,251,255,.72)),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,cover!important;background-position:center top!important;background-repeat:no-repeat!important;opacity:1!important}
body:has(.tenant-page) .new-page-heading{display:none!important}
.tenant-page{padding:8px 0 14px!important}.tenant-header{min-height:45px!important;margin-bottom:12px!important}.tenant-title{position:static!important;margin:0!important;font-size:19px!important;line-height:1.5!important}.tenant-breadcrumb{margin:0!important;font-size:11px!important}
.tenant-form-panel,.tenant-list-panel{background:rgba(255,255,255,.94)!important;box-shadow:0 5px 18px #0b33551c!important}
.tenant-form-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px 20px!important}.tenant-form-grid>.field>label{font-size:12px!important}.tenant-form-grid>.field>input:not([type=file]),.tenant-form-grid>.field>select{min-height:39px!important;font-size:12px!important}
.tenant-upload{grid-column:1!important;grid-row:4/span 2!important}.tenant-notes{grid-column:2/4!important;grid-row:4/span 2!important}
@media(max-width:1050px){.sidebar{width:220px!important;flex-basis:220px!important}.new-hero{min-height:260px!important}.tenant-form-grid{gap:10px!important}}
@media(max-width:740px){.layout{display:flex!important}.sidebar{width:160px!important;flex-basis:160px!important;position:sticky!important;height:100vh!important;min-height:100vh!important}.sidebar .nav span{font-size:10px!important}.new-brand-logo{width:130px!important;height:70px!important}.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tenant-upload,.tenant-notes{grid-column:1/-1!important;grid-row:auto!important}.new-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.tenant-form-grid{grid-template-columns:1fr!important}}


/* V9 approved two-screen design: image layers are photography only, never screenshots. */
body:has(.tenant-page) .main::before{display:none!important}
.new-dashboard{background-image:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(245,249,253,.30) 32%,rgba(239,245,251,.95) 96%),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,100% auto!important;background-position:center top!important;background-repeat:no-repeat!important}
.new-hero{min-height:clamp(220px,27vh,310px)!important}
.new-hero-logo{width:195px!important;height:78px!important}
.new-hero-content h3{font-size:17px!important}.new-hero-content p{font-size:11px!important}.new-hero-content strong{font-size:16px!important}.new-hero-caption{font-size:10px!important}
.new-kpis{gap:10px!important;padding:0 14px!important}
.new-kpis .stat{min-height:92px!important;padding:10px 12px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(3px)}
.new-kpis .stat strong{font-size:clamp(15px,1.5vw,20px)!important;margin:5px 0 2px!important}
.new-kpis .stat-top span:first-child{font-size:10px!important}.new-kpis .stat small{font-size:9px!important}
.new-dashboard-actions button{min-height:45px!important;font-size:11px!important}
body:has(.tenant-page) #content:before{background-image:linear-gradient(180deg,rgba(246,250,255,.45),rgba(246,250,255,.86) 64%,rgba(246,250,255,.96)),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,100% auto!important;background-position:center top!important;opacity:1!important}
.tenant-page{padding:6px 0 14px!important}
.tenant-header{margin-bottom:10px!important}
.tenant-form-panel{padding:17px 20px!important;background:rgba(255,255,255,.96)!important}
.tenant-form-grid{gap:12px 17px!important}
.tenant-form-grid>.field>label{font-size:11px!important}
.tenant-form-grid>.field>input:not([type=file]),.tenant-form-grid>.field>select{min-height:38px!important}
.tenant-form-grid>.field>textarea{height:95px!important;min-height:95px!important}
.upload-zone{height:132px!important;background:rgba(248,251,255,.90)!important}
.tenant-list-panel{background:rgba(255,255,255,.97)!important}
@media(max-width:900px){.new-dashboard{background-size:100% 100%,auto 560px!important}.tenant-form-panel{padding:13px!important}}
@media(max-width:740px){.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tenant-upload,.tenant-notes{grid-column:1/-1!important;grid-row:auto!important}}
@media(max-width:480px){.tenant-form-grid{grid-template-columns:1fr!important}}

/* V10: precise responsive dashboard and readable tenant form; no screenshots used as backgrounds */
.new-dashboard{background-color:#eaf2fa!important;background-image:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.30) 32%,rgba(239,246,253,.89) 88%),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,cover!important;background-position:center top!important;background-repeat:no-repeat!important;padding-bottom:22px!important}
.new-hero{min-height:clamp(295px,36vh,395px)!important}
.new-hero:before{background:radial-gradient(ellipse at center,rgba(255,255,255,.80),rgba(255,255,255,.33) 55%,transparent 80%)!important}
.new-hero-logo{width:225px!important;height:95px!important}
.new-hero-content h3{font-size:20px!important}.new-hero-content p{font-size:13px!important}.new-hero-caption{font-size:12px!important;margin-top:9px!important}
.saqf-contact-grid{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;gap:3px 28px;margin:8px auto!important;direction:ltr;font-size:clamp(15px,1.7vw,22px);font-weight:900;line-height:1.2}
.saqf-contact-grid a{color:#0b3c81;text-decoration:none;white-space:nowrap;text-shadow:0 1px 2px white}
.new-kpis{position:relative;z-index:1}
.saqf-quicklinks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;padding:0 14px;margin:1px 0 0}
.saqf-quicklinks button{background:rgba(255,255,255,.96);border:1px solid #dce6f1;border-radius:12px;min-height:76px;padding:10px 5px;color:#0b3561;font-weight:800;font-size:11px;cursor:pointer;box-shadow:0 3px 12px #102c4d12}
.saqf-quicklinks button span{display:block;font-size:25px;margin-bottom:5px}
.saqf-quicklinks button:hover{background:#e7f2ff;border-color:#94b7df}
.tenant-form-grid>.field>label{color:#1664ad!important;font-size:13px!important;font-weight:850!important;text-shadow:none!important}
.tenant-title{color:#0a3e78!important}
.tenant-form-panel{background:rgba(255,255,255,.94)!important}
body:has(.tenant-page) #content:before{background-image:linear-gradient(180deg,rgba(244,249,255,.78),rgba(247,251,255,.90)),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,cover!important}
@media(max-width:1150px){.saqf-quicklinks{grid-template-columns:repeat(4,minmax(0,1fr))}.new-dashboard{background-size:100% 100%,auto 700px!important}}
@media(max-width:700px){.saqf-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))}.new-hero{min-height:320px!important}.saqf-contact-grid{gap:4px 12px;font-size:13px}}


/* V11 APPROVED TWO-SCREEN DESIGN - single authoritative visual layer.
   Keep all application controls, forms, API and business calculations intact. */
:root{--navy:#09284b;--ink:#0b2c57;--gold:#e7b968}
body{color:#0b2c57}
.sidebar{background:linear-gradient(180deg,#082849,#062342)!important;width:250px!important;flex:0 0 250px!important;padding:16px 12px!important;overflow-y:auto!important}
.new-brand-logo{width:205px!important;height:118px!important;object-fit:contain!important}
.new-brand-sub{font-size:11px!important;color:#fff!important;margin:0 0 14px!important}
.sidebar .nav,.new-more-expanded .nav{font-size:13px!important;min-height:41px!important;padding:8px 12px!important;color:#f9fbff!important;border-radius:9px!important;gap:12px!important}
.sidebar .nav span{font-size:13px!important}.sidebar .nav .ui-icon{width:20px!important;height:20px!important}
.sidebar .nav.active{background:linear-gradient(90deg,#e6b766,#f4d596)!important;color:#092849!important}
.sidebar .nav.active span,.sidebar .nav.active b{color:#092849!important}
.new-more-expanded .nav{min-height:33px!important;font-size:11px!important}
.new-side-bottom{margin-top:auto!important;border-top:1px solid #ffffff44!important;padding-top:10px!important}
#sidebarLogoutBtn,#sidebarLogoutBtn span{color:#ff5864!important}
.main{background:#eaf3fa!important;min-width:0!important}
.new-topbar{height:90px!important;min-height:90px!important;background:linear-gradient(100deg,#e6f3ffed,#d6ebfdf2)!important;box-shadow:0 1px 10px #0b335522!important;position:relative!important;z-index:3!important}
.new-search{background:#fffef8e8!important;border:1px solid #d1e1f0!important}
/* The image is photography, never a screenshot of controls. No white fog overlay. */
.new-dashboard{background:#d4eaf8 url('saqaf-approved-background-v16.jpg') center top / cover no-repeat!important;min-height:calc(100vh - 90px)!important;margin:0 -20px!important;padding:0 0 22px!important}
.new-hero{min-height:clamp(360px,43vh,460px)!important}
.new-hero:before{background:radial-gradient(ellipse at 50% 52%,rgba(255,255,255,.40),rgba(255,255,255,.12) 47%,transparent 72%)!important}
.new-hero-content{color:#072b54!important;text-shadow:0 1px 2px #ffffffd9!important}
.new-hero-logo{width:clamp(210px,22vw,310px)!important;height:clamp(95px,12vh,150px)!important;object-fit:contain!important}
.new-hero-content h3{font-size:clamp(19px,2vw,27px)!important}
.new-hero-content p{font-size:clamp(12px,1.25vw,17px)!important}
.saqf-contact-grid{font-size:clamp(16px,1.65vw,23px)!important;gap:2px 26px!important;margin:9px auto!important}
.saqf-contact-grid a{color:#0046ad!important;text-shadow:0 1px 1px #fff!important}
.new-hero-caption{font-size:clamp(11px,1.1vw,15px)!important;color:#082c5d!important}
.new-kpis{gap:12px!important;padding:0 18px!important}
.new-kpis .stat{min-height:116px!important;background:rgba(255,255,255,.91)!important;border:1px solid #e1e9f5!important;box-shadow:0 5px 16px #183e6526!important;border-radius:14px!important;padding:12px 14px!important;backdrop-filter:none!important}
.new-kpis .stat strong{font-size:clamp(18px,2vw,28px)!important;color:#0745ad!important}
.new-kpis .stat-top span:first-child{font-size:clamp(11px,1vw,14px)!important}
.new-kpis .stat small{font-size:10px!important}
.saqf-quicklinks{margin-top:12px!important;gap:10px!important;padding:0 18px!important}
.saqf-quicklinks button{min-height:112px!important;background:rgba(255,255,255,.93)!important;border:1px solid #e3edf6!important;box-shadow:0 5px 14px #173f6021!important;font-size:12px!important;border-radius:12px!important}
.saqf-quicklinks button span{font-size:31px!important}
.new-dashboard-actions{margin:10px 18px!important}
.new-dashboard-actions button{background:rgba(255,255,255,.9)!important;border-radius:12px!important;color:#0a376e!important}
/* All secondary pages share the same crisp background and navy typography. */
.main #content{position:relative}
body:has(.tenant-page) .main{background:#eaf3fa!important}
body:has(.tenant-page) #content:before{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;background:url('saqaf-approved-background-v16.jpg') center top / cover no-repeat!important;opacity:1!important}
body:has(.tenant-page) #content{isolation:isolate!important}
.tenant-page{padding:12px 0 22px!important}
.tenant-header{margin-bottom:12px!important;min-height:48px!important}
.tenant-title{font-size:clamp(20px,2vw,27px)!important;color:#0646a2!important}
.tenant-breadcrumb{font-size:12px!important;color:#0b3e75!important}
.tenant-form-panel,.tenant-list-panel{background:rgba(255,255,255,.89)!important;border:1px solid #e2eaf4!important;border-radius:15px!important;box-shadow:0 5px 20px #102e4d20!important;backdrop-filter:none!important}
.tenant-form-panel{padding:22px 24px!important}
.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px 28px!important}
.tenant-form-grid>.field>label{font-size:14px!important;color:#0649a3!important;font-weight:800!important}
.tenant-form-grid>.field>input:not([type=file]),.tenant-form-grid>.field>select,.tenant-form-grid>.field>textarea{min-height:46px!important;background:rgba(255,255,255,.87)!important;border:1px solid #bdcfe3!important;color:#0a315e!important;font-size:13px!important}
.tenant-form-grid>.field>textarea{min-height:100px!important}
.tenant-upload,.tenant-notes{grid-column:auto!important;grid-row:auto!important}
.upload-zone{height:122px!important;background:rgba(244,250,255,.68)!important;border:1px dashed #7eabd5!important;color:#0a4c9e!important}
.tenant-extra,.tenant-form-buttons{grid-column:1/-1!important}
.tenant-form-buttons .submit{background:#0755ce!important;color:white!important}
.tenant-list-panel{margin-top:16px!important}
/* Make secondary screens use the same photographic language, without hiding tables. */
body:not(:has(.new-dashboard)) .main{background-image:url('saqaf-approved-background-v16.jpg')!important;background-size:cover!important;background-position:center top!important;background-attachment:fixed!important}
body:not(:has(.new-dashboard)) .main .card,body:not(:has(.new-dashboard)) .main .panel{background-color:rgba(255,255,255,.94)}
@media(min-width:1150px) and (min-height:760px){.new-dashboard{background-size:100% auto!important}.new-hero{min-height:clamp(350px,43vh,470px)!important}}
@media(max-width:1150px){.sidebar{width:215px!important;flex-basis:215px!important}.new-brand-logo{width:170px!important}.sidebar .nav span{font-size:11px!important}.new-kpis{gap:8px!important}.saqf-quicklinks{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){.sidebar{width:160px!important;flex-basis:160px!important}.new-brand-logo{width:132px!important;height:85px!important}.new-dashboard{background-size:auto 100%!important}.new-hero{min-height:310px!important}.new-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tenant-form-grid{grid-template-columns:1fr!important}.tenant-upload,.tenant-notes{grid-column:1!important}.saqf-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media print{body:has(.tenant-page) #content:before{display:none!important}}

/* V12: final responsive layout; source imagery remains photography, controls remain live. */
:root{--navy:#06284e;--teal:#0a58c9;--ink:#082d61;--line:#d9e5f2}
html,body{min-height:100%;color:#082d61}
.layout{min-height:100vh}
.sidebar{position:sticky!important;top:0;height:100vh!important;min-height:0!important;overscroll-behavior:contain;scrollbar-width:thin}
.sidebar .new-navigation{flex-shrink:0}
.sidebar .nav{justify-content:flex-start!important}
.sidebar .nav b{order:0;flex-shrink:0}
.main{padding:0!important;min-width:0;overflow-x:hidden}
.new-topbar{margin:0!important;padding:9px clamp(14px,2.4vw,35px)!important;height:74px!important;min-height:74px!important}
.new-topbar .new-search{min-width:0;flex:1}
.new-page-heading{margin:0!important;padding:6px 20px!important;min-height:0!important;background:#eaf3faed}
body:has(.new-dashboard) .new-page-heading{display:none!important}
#content{min-height:calc(100vh - 74px)}
.new-dashboard{margin:0!important;min-height:calc(100vh - 74px)!important;display:flex;flex-direction:column;padding:0 0 9px!important;background:#c9e7fb url('saqaf-approved-background-v16.jpg') center top/100% 100% no-repeat!important}
.new-hero{min-height:0!important;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:12px!important}
.new-hero:before{background:radial-gradient(ellipse at center,rgba(255,255,255,.30),transparent 70%)!important}
.new-hero-content{position:relative;z-index:1}
.new-hero-logo{width:clamp(175px,20vw,285px)!important;height:clamp(75px,10vh,128px)!important;margin:0 auto!important}
.new-hero-content h3{font-size:clamp(17px,1.7vw,23px)!important;margin:0!important}
.new-hero-content p{font-size:clamp(11px,1.1vw,14px)!important;margin:2px 0!important}
.saqf-contact-grid{font-size:clamp(15px,1.45vw,21px)!important;margin:5px auto!important}
.new-hero-caption{font-size:clamp(10px,1vw,13px)!important;margin-top:5px!important}
.new-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:0 clamp(12px,2vw,28px)!important;flex:0 0 auto}
.new-kpis .stat{min-width:0;min-height:clamp(88px,11vh,115px)!important;padding:10px 13px!important;background:rgba(255,255,255,.92)!important}
.new-kpis .stat strong{font-size:clamp(16px,1.7vw,26px)!important;margin:5px 0 1px!important;color:#034ab6!important}
.new-kpis .stat-top span:first-child{font-size:clamp(10px,.9vw,13px)!important}
.new-kpis .stat small{font-size:10px!important}
.new-dashboard-actions{display:none!important}
.saqf-quicklinks{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important;padding:0 clamp(12px,2vw,28px)!important;margin:10px 0 0!important;flex:0 0 auto}
.saqf-quicklinks button{min-height:clamp(75px,10vh,103px)!important;padding:7px 4px!important;font-size:clamp(9px,.85vw,12px)!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.saqf-quicklinks button span{font-size:clamp(19px,2.1vw,29px)!important}
body:has(.new-dashboard) footer{display:none}
/* Secondary pages use the approved villas/pool image; no fogged white photo layer. */
body:not(:has(.new-dashboard)) .main{background:#cbe9fb url('saqaf-approved-background-v16.jpg') center top/cover fixed no-repeat!important}
body:not(:has(.new-dashboard)) #content{background:transparent!important;position:relative;isolation:isolate;padding:clamp(10px,2vh,22px) clamp(12px,2vw,30px) 25px!important}
body:not(:has(.new-dashboard)) #content:before{display:none!important}
body:not(:has(.new-dashboard)) .new-page-heading{background:rgba(232,243,252,.8)!important}
body:not(:has(.new-dashboard)) .panel,body:not(:has(.new-dashboard)) .formcard,body:not(:has(.new-dashboard)) .building-card,body:not(:has(.new-dashboard)) .stat{background:rgba(255,255,255,.91)!important;border-color:#d9e5f2!important}
body:not(:has(.new-dashboard)) h2,body:not(:has(.new-dashboard)) h3,body:not(:has(.new-dashboard)) .field label{color:#06429a!important}
body:not(:has(.new-dashboard)) .field input,body:not(:has(.new-dashboard)) .field select,body:not(:has(.new-dashboard)) .field textarea{color:#082d61!important;border-color:#bfd0e5!important}
body:not(:has(.new-dashboard)) td,body:not(:has(.new-dashboard)) .balance,body:not(:has(.new-dashboard)) .stat strong{font-variant-numeric:tabular-nums}
.tenant-page{max-width:1320px;margin:0 auto;padding:0!important}
.tenant-header{padding:0 6px!important}
.tenant-form-panel{background:rgba(255,255,255,.90)!important;padding:clamp(14px,2vw,24px)!important}
.tenant-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(10px,1.6vh,17px) clamp(14px,2.4vw,30px)!important}
.tenant-form-grid>.field{min-width:0}
.tenant-form-grid>.field>label{font-size:clamp(12px,1vw,14px)!important;color:#06429a!important}
.tenant-form-grid>.field>input:not([type=file]),.tenant-form-grid>.field>select{min-height:42px!important;height:42px!important}
.tenant-form-grid>.field:nth-child(1){order:1}.tenant-form-grid>.field:nth-child(2){order:2}
.tenant-form-grid>.field:nth-child(3){order:4}.tenant-form-grid>.field:nth-child(4){order:5}
.tenant-form-grid>.field:nth-child(5){order:7}.tenant-form-grid>.field:nth-child(6){order:6}
.tenant-form-grid>.field:nth-child(7){order:9}.tenant-form-grid>.field:nth-child(8){order:10}
.tenant-form-grid>.field:nth-child(9){order:8}
.tenant-form-grid>.tenant-upload{order:12;grid-column:2!important;grid-row:span 2!important}
.tenant-form-grid>.tenant-notes{order:13;grid-column:1!important}
.tenant-form-grid>.tenant-payment{order:11;grid-column:1!important}
.tenant-form-grid>.tenant-extra{order:14;grid-column:1/-1!important}
.tenant-form-grid>.tenant-form-buttons{order:15;grid-column:1/-1!important}
.payment-choice{min-height:44px;display:flex;align-items:center;justify-content:flex-start;gap:24px;color:#082d61;font-weight:700}
.payment-choice label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#082d61!important}
.payment-choice input{width:18px;height:18px;accent-color:#0758d6}
.upload-zone{height:115px!important}
.tenant-form-buttons .submit{background:#0755d8!important}
.tenant-list-panel{background:rgba(255,255,255,.94)!important}
@media(min-width:900px) and (max-height:800px){.new-topbar{height:62px!important;min-height:62px!important}.new-dashboard{min-height:calc(100vh - 62px)!important}.new-kpis .stat{min-height:83px!important;padding:7px 10px!important}.saqf-quicklinks button{min-height:73px!important}.new-hero-logo{height:72px!important}.new-hero-caption{margin-top:3px!important}}
@media(max-width:1100px){.new-kpis{gap:6px!important}.saqf-quicklinks{gap:5px!important}.new-kpis .stat{padding:8px!important}.sidebar{width:205px!important;flex-basis:205px!important}}
@media(max-width:760px){.sidebar{width:155px!important;flex-basis:155px!important}.new-dashboard{background-size:cover!important;min-height:calc(100vh - 74px)!important}.new-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.saqf-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tenant-form-grid{grid-template-columns:1fr!important}.tenant-form-grid>.tenant-upload,.tenant-form-grid>.tenant-notes,.tenant-form-grid>.tenant-payment{grid-column:1!important;grid-row:auto!important}.new-topbar{flex-wrap:wrap;height:auto!important;min-height:74px!important}}
@media print{.sidebar,.new-topbar{display:none!important}body:not(:has(.new-dashboard)) .main{background:#fff!important}}

/* V13: working notifications */
.new-topbar{position:relative}.new-top-bell{position:relative;cursor:pointer;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:inherit}
.saaqaf-bell-count{position:absolute;top:-6px;left:-7px;background:#c52d35;color:white;border-radius:999px;font-size:11px;font-weight:700;min-width:19px;height:19px;line-height:19px;text-align:center;padding:0 3px}
.saaqaf-notifications{position:absolute;top:calc(100% + 5px);left:10px;z-index:1000;width:min(440px,calc(100vw - 40px));max-height:min(540px,75vh);overflow:hidden;background:#fff;color:#18304b;border:1px solid #d7e2ed;border-radius:14px;box-shadow:0 14px 45px #102f4d40;direction:rtl}
.saaqaf-notifications[hidden],.saaqaf-bell-count[hidden]{display:none!important}
.saaqaf-notif-head{display:flex;align-items:center;gap:12px;padding:15px;border-bottom:1px solid #e3eaf0}.saaqaf-notif-head small{margin-right:auto;color:#567}.saaqaf-notif-head button{border:0;background:transparent;cursor:pointer}
.saaqaf-notif-list{max-height:450px;overflow-y:auto}.saaqaf-notif-item{display:flex;flex-direction:column;text-align:right;gap:5px;width:100%;border:0;border-bottom:1px solid #e6edf4;padding:12px 16px;background:white;color:#173149;cursor:pointer}.saaqaf-notif-item:hover{background:#edf5ff}.saaqaf-notif-item span{font-size:12px;line-height:1.6;color:#506274}.saaqaf-notif-empty{padding:18px;color:#506274}

/* V15: readable photographic backgrounds and consistent right-hand navigation. */
.sidebar .nav span,.sidebar .new-more .nav,.sidebar .new-side-bottom .nav{font-size:13px!important;font-weight:600!important;line-height:1.35!important}
@media(max-width:1020px){.sidebar .nav span,.sidebar .new-more .nav,.sidebar .new-side-bottom .nav{font-size:12px!important}}
.new-dashboard{background-image:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.08) 40%,rgba(239,246,253,.56) 100%),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,cover!important;background-position:center center!important}
body:not(:has(.new-dashboard)) .main{background-image:linear-gradient(rgba(244,249,255,.38),rgba(244,249,255,.55)),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,cover!important;background-position:center center!important}
body:has(.tenant-page) #content:before{background-image:linear-gradient(rgba(244,249,255,.32),rgba(244,249,255,.54)),url('saqaf-approved-background-v16.jpg')!important;background-size:100% 100%,cover!important;background-position:center center!important}
#checkoutForm button[type=submit]:disabled{opacity:.6;cursor:wait}

/* V16: approved background. Single source, all pages; never stretch the photo. */
body, .main, .new-dashboard, .center-brand, .saqaf-showcase,
body:not(:has(.new-dashboard)) .main,
body:has(.formcard) .main,
body:has(.tenant-page) .main {
 background-image:linear-gradient(rgba(247,250,254,.22),rgba(247,250,254,.45)),url('saqaf-approved-background-v16.jpg')!important;
 background-size:100% 100%,cover!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
}
.main::before, body:has(.tenant-page) #content:before {
 background-image:linear-gradient(rgba(247,250,254,.45),rgba(247,250,254,.65)),url('saqaf-approved-background-v16.jpg')!important;
 background-size:100% 100%,cover!important;
 background-position:center center!important;
}

/* V28 navigation and paste target */
.sidebar .new-navigation .nav b{width:26px;min-width:26px;display:inline-flex;align-items:center;justify-content:center;font-size:20px}
.sidebar .new-navigation .nav[data-page="tenant-messages"] b{color:#25d366}
.clipboard-zone{margin:12px 0;padding:20px;border:2px dashed #2785b7;border-radius:12px;background:#edf8ff;color:#14345c;cursor:pointer;line-height:1.8}
.clipboard-zone:focus,.clipboard-zone.dragover{outline:3px solid #8fd3fa;background:#d6f0ff}
#attachmentPastePreview{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
#attachmentPastePreview p,#attachmentPastePreview img,#attachmentPastePreview iframe{flex-basis:100%}
/* Legal manager overview — isolated from the approved home-page background. */
.legal-overview{padding:24px;border:1px solid #dbe6ec;border-radius:22px;background:linear-gradient(135deg,#edf6f8 0%,#fff 48%,#f1f7fb 100%);box-shadow:0 14px 38px #193d5414;color:#1b3546}
.legal-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.legal-overview-heading h2{font-size:26px;margin:5px 0 7px;color:#16364c}.legal-overview-heading p{margin:0;color:#647989}.legal-eyebrow{font-size:12px;letter-spacing:.5px;color:#41848d;font-weight:700}
.legal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.legal-kpis>div{background:#fff;border:1px solid #e0eaf0;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}.legal-kpis b{font-size:25px;color:#16465e}.legal-kpis span{font-size:12px;color:#5b7181}
.legal-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.legal-toolbar input{flex:1;min-width:0;border:1px solid #d4e1e8;border-radius:12px;padding:12px;background:#fff}.legal-case-card{background:#fff;border:1px solid #dfe8ef;border-radius:17px;padding:18px;margin:12px 0;box-shadow:0 4px 16px #24475b0a}.legal-case-card.legal-new{border-right:4px solid #d28d36}.legal-case-top{display:flex;justify-content:space-between;align-items:start;gap:10px;border-bottom:1px solid #edf1f4;padding-bottom:12px}.legal-case-top strong{display:block;font-size:17px;color:#1b384a}.legal-case-top small{display:block;margin-top:5px;color:#647b8b}.legal-new-tag{color:#9c611c;background:#fff2d9;padding:5px 10px;border-radius:20px;font-size:12px;white-space:nowrap}
.legal-case-columns{display:grid;grid-template-columns:1.25fr .8fr 1.5fr;gap:16px;margin-top:16px}.legal-case-columns>div{min-width:0}.legal-case-columns label{display:block;color:#6a7d8a;font-size:12px;margin-bottom:8px}.legal-case-columns b{font-size:14px;color:#22485d}.legal-case-columns p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#445d6d;font-size:13px;line-height:1.7}.legal-case-columns small{color:#8495a0}.legal-case-columns .legal-message{padding:10px 12px;background:#f2f7fa;border-radius:10px;max-height:110px;overflow:auto}.legal-case-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.legal-financial{font-size:12px;color:#9d5c17}.legal-settings{margin-top:16px;background:#fff;border:1px solid #dce7ed;border-radius:14px;padding:15px}.legal-settings>summary{cursor:pointer;font-weight:700;color:#305469}.legal-settings-inner{margin-top:18px}
@media(max-width:800px){.legal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-case-columns{grid-template-columns:1fr}.legal-overview{padding:14px}.legal-overview-heading h2{font-size:21px}}

/* V39: management-only lawyer dashboard visual refresh. Existing main page background untouched. */
.legal-dashboard{padding:0;overflow:hidden;background:#f4f6fa;border:1px solid #d9e2ec;border-radius:19px;box-shadow:0 16px 42px #0c24451b}
.legal-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:172px;padding:32px 36px;background:radial-gradient(circle at 82% 15%,#d5a95e38,transparent 38%),linear-gradient(115deg,#081d38 0%,#10385c 65%,#173c57 100%);color:#fff;overflow:hidden}
.legal-hero:after{content:' ';position:absolute;inset:auto -8% -120px auto;width:320px;height:320px;border:2px solid #d9ad5c45;border-radius:50%;pointer-events:none}
.legal-hero-content{position:relative;z-index:1}.legal-hero .legal-eyebrow{color:#e7c57f;letter-spacing:.2px;font-size:13px}.legal-hero h2{color:#fff;font-size:31px;margin:8px 0}.legal-hero p{color:#dce6f0;font-size:14px;margin:0;max-width:660px;line-height:1.8}.legal-hero-symbol{font-size:76px;color:#e4bf75;opacity:.75;line-height:1}
.legal-dashboard-body{padding:24px}.legal-dashboard .legal-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 25px;gap:14px}.legal-dashboard .legal-kpis>div{border:1px solid #e1e6ec;border-radius:14px;box-shadow:0 5px 18px #0a27410c;padding:20px;background:#fff;border-top:3px solid #d5ad60}.legal-dashboard .legal-kpis b{color:#12365a;font-size:29px}.legal-dashboard .legal-kpis span{color:#586d80;font-size:13px}
.legal-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.legal-section-title h3{margin:0 0 4px;color:#102d4f;font-size:20px}.legal-section-title p{margin:0;color:#718397;font-size:13px}.legal-dashboard .legal-toolbar{display:flex;margin-bottom:16px}.legal-dashboard .legal-toolbar input{border:1px solid #d7e0e8;padding:14px 16px;box-shadow:0 2px 8px #12345209}.legal-table-wrap{overflow-x:auto;border:1px solid #e0e6ed;border-radius:14px;background:#fff}.legal-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed;direction:rtl}.legal-table th{background:#0d2c4c;color:#fff;text-align:right;padding:16px 12px;font-size:12px;font-weight:700}.legal-table td{padding:15px 12px;border-bottom:1px solid #e8edf2;vertical-align:top;color:#243b52;font-size:13px;overflow-wrap:anywhere}.legal-table tbody tr:nth-child(even){background:#fafbfd}.legal-table tbody tr:hover{background:#f1f6fc}.legal-table tbody tr:last-child td{border-bottom:0}.legal-table td strong{display:block;font-size:13px;color:#153453}.legal-table td small{display:block;margin-top:5px;color:#7a8a99;font-size:11px}.legal-table .legal-row-new{box-shadow:inset -4px 0 #d6a34e}.legal-status-pill{display:inline-block;background:#e9f1fa;color:#204c78;border-radius:7px;padding:5px 8px;font-size:11px}.legal-table .legal-new-tag{display:inline-block;margin-top:7px;background:#fff1d9;color:#89550b}.legal-cell-detail{margin-top:5px;color:#63768a;line-height:1.6;max-height:48px;overflow:auto;font-size:11px}.legal-reply{line-height:1.75;max-height:92px;overflow:auto;white-space:pre-wrap;background:#f3f7fb;padding:9px;border-radius:8px}.legal-open-btn{padding:8px 12px;font-size:12px;white-space:nowrap}.legal-read-btn{display:block;border:0;background:none;color:#9b6a21;cursor:pointer;font-size:11px;margin-top:8px}.legal-empty{background:#fff;padding:26px;text-align:center;color:#6c8093;border-radius:12px}
@media(max-width:900px){.legal-dashboard .legal-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-hero{padding:23px}.legal-dashboard-body{padding:14px}.legal-hero-symbol{font-size:45px}.legal-section-title{flex-wrap:wrap}}
/* V39 inline legal case review */
.legal-expanded-row td{background:#eef3f9!important;padding:18px!important}.legal-inline-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;color:#102d4f;font-size:17px}.legal-inline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;margin:12px 0}.legal-inline-stat{padding:12px;background:white;border:1px solid #dbe3ed;border-radius:12px}.legal-inline-stat small{display:block;color:#62768a;margin-bottom:6px}.legal-inline-stat strong{font-size:13px;color:#193b60;white-space:pre-wrap}.legal-inline-section{margin:14px 0;padding:16px;background:#fff;border:1px solid #dbe3ed;border-radius:13px}.legal-inline-section h4{margin:0 0 12px;color:#133456;border-bottom:1px solid #e9edf2;padding-bottom:9px}.legal-inline-entry{border-right:3px solid #c7a05c;background:#f8fafc;padding:10px 13px;margin:8px 0;border-radius:8px}.legal-inline-entry b,.legal-inline-entry small{display:block}.legal-inline-entry small{color:#687d92;margin-top:5px}.legal-inline-entry p{margin:6px 0 0;white-space:pre-wrap;color:#304b64}.legal-inline-section form{display:grid;gap:9px;margin:12px 0}.legal-inline-section textarea{width:100%;min-height:85px;padding:10px;border:1px solid #d5e0ea;border-radius:9px}.legal-inline-section summary{cursor:pointer;color:#173e63;font-weight:700}.legal-inline-section .button{justify-self:start}@media(max-width:700px){.legal-expanded-row td{padding:8px!important}.legal-inline-section{padding:11px}}

/* SAQF V39 | Unified lawyer visual identity | 2026-10-28 */
.legal-dashboard{border:1px solid #c9ab73!important;border-radius:18px!important;overflow:hidden;box-shadow:0 14px 42px #0a27421c!important;background:#f9f7f2!important}
.legal-dashboard .legal-hero{background:linear-gradient(105deg,#081e38ed,#0b2e50ef),url('/lawyer-hero-v39.jpg') center/cover!important;min-height:205px;padding:32px 38px 32px 170px!important}
.legal-dashboard .legal-hero:before{content:'';position:absolute;left:30px;top:25px;width:116px;height:116px;background:#fff url('/saqf-original-logo.png') center/contain no-repeat;border:3px solid #d8b46e;border-radius:18px;box-shadow:0 8px 26px #0004;z-index:2}
.legal-dashboard .legal-hero-symbol{color:#e8c17b!important}
.legal-dashboard .legal-dashboard-body{background:linear-gradient(180deg,#fffdfa,#f2f5f9)}
.legal-dashboard .legal-section-title h3{color:#0d294a}
.legal-dashboard button{border-radius:10px}
@media(max-width:650px){.legal-dashboard .legal-hero{padding:145px 16px 22px!important}.legal-dashboard .legal-hero:before{top:14px;left:16px;width:105px;height:105px}}