:root{--bg:#09110f;--panel:#101b18;--panel2:#14211d;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--text:#f4f7f5;--muted:#93a39d;--muted2:#6f8079;--accent:#d9ee72;--accent2:#bfd752;--green:#6ccf97;--amber:#efbe62;--orange:#eb8b5f;--red:#e76d6d;--blue:#85aef5;--sidebar:272px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(217,238,114,.06),transparent 32rem),linear-gradient(180deg,#0a1210,#07100d 68%);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.noscript{padding:16px;background:#6c2626;color:white;text-align:center}::selection{background:rgba(217,238,114,.25)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:26px 18px 20px;border-right:1px solid var(--line);background:rgba(8,15,13,.96);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:50}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 24px}.mark{width:43px;height:43px;border-radius:13px;background:var(--accent);color:#142014;display:grid;place-items:center;font-weight:950}.brand strong{display:block;font-size:13px;letter-spacing:.14em}.brand span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.owner{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin:0 3px 22px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#93c65f);display:grid;place-items:center;color:#12190f;font-weight:900;font-size:11px}.owner strong{display:block;font-size:10px}.owner span{display:block;color:var(--muted);font-size:8px;margin-top:3px}.nav{display:grid;gap:5px}.nav-item{border:1px solid transparent;background:transparent;color:var(--muted);display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:center;padding:12px 13px;border-radius:12px;text-align:left;transition:.16s}.nav-item span{font-size:7px;color:#617068;font-weight:800}.nav-item b{font-size:10px;font-weight:650}.nav-item:hover{background:rgba(255,255,255,.035);color:var(--text)}.nav-item.active{color:var(--text);background:linear-gradient(90deg,rgba(217,238,114,.10),rgba(217,238,114,.025));border-color:rgba(217,238,114,.13)}.nav-item.active span{color:var(--accent)}.grow{flex:1}.privacy{display:grid;grid-template-columns:9px 1fr;gap:10px;margin:10px 5px 12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.privacy i{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:3px;box-shadow:0 0 10px rgba(108,207,151,.45)}.privacy strong{font-size:9px;display:block}.privacy span{font-size:7px;color:var(--muted);line-height:1.45;display:block;margin-top:3px}.visitor-launch{border:1px solid rgba(217,238,114,.17);background:rgba(217,238,114,.045);color:var(--text);border-radius:13px;padding:13px;text-align:left}.visitor-launch span{display:block;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.visitor-launch b{display:block;color:var(--accent);font-size:9px;margin-top:4px}
.main{margin-left:var(--sidebar);min-height:100vh}.topbar{min-height:90px;position:sticky;top:0;z-index:40;padding:20px 36px;border-bottom:1px solid var(--line);background:rgba(8,15,13,.86);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between}.top-title p{margin:0 0 4px;color:var(--accent);font-size:7px;font-weight:850;letter-spacing:.17em}.top-title h1{margin:0;font-size:21px;letter-spacing:-.035em}.top-actions{display:flex;gap:8px;align-items:center}.private-pill{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font-size:8px;display:flex;gap:7px;align-items:center}.private-pill i{width:6px;height:6px;border-radius:50%;background:var(--green)}.mobile-menu{display:none;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);width:38px;height:38px;border-radius:11px}.view{display:none;padding:32px 36px 60px;max-width:1540px;margin:0 auto}.view.active{display:block}
.accent,.outline,.ghost,.text-btn{border-radius:11px;font-weight:750;transition:.16s}.accent{border:1px solid var(--accent);background:var(--accent);color:#131a11;padding:11px 15px}.accent:hover{background:var(--accent2);transform:translateY(-1px)}.outline{border:1px solid var(--line2);background:rgba(255,255,255,.025);color:var(--text);padding:11px 15px}.outline:hover,.ghost:hover{background:rgba(255,255,255,.055)}.ghost{border:1px solid var(--line);background:transparent;color:#bec8c4;padding:10px 13px}.text-btn{border:0;background:transparent;color:var(--accent);padding:5px;font-size:9px}.compact{padding:9px 12px;font-size:9px}.full{width:100%}
.hero{min-height:312px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(110deg,rgba(217,238,114,.085),transparent 43%),linear-gradient(145deg,#14211d,#0d1714);box-shadow:0 24px 70px rgba(0,0,0,.27);padding:42px;display:grid;grid-template-columns:1fr 270px;gap:50px;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-135px;top:-145px;border:1px solid rgba(217,238,114,.10);box-shadow:0 0 0 55px rgba(217,238,114,.019),0 0 0 110px rgba(217,238,114,.011)}.hero>*{position:relative;z-index:2}.kicker{color:var(--accent);font-size:7px;font-weight:850;letter-spacing:.18em}.hero h2{margin:10px 0 12px;font-size:clamp(38px,4vw,58px);letter-spacing:-.055em;line-height:.98}.hero h2 em{font-style:normal;color:#c5d1cc;font-weight:450}.hero>div>p{max-width:760px;color:#9dada6;font-size:11px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:9px;margin-top:24px}.identity{border:1px solid rgba(217,238,114,.14);border-radius:20px;background:rgba(6,13,11,.46);padding:23px;backdrop-filter:blur(8px)}.identity-top{display:flex;justify-content:space-between;margin-bottom:22px}.avatar.large{width:56px;height:56px;border-radius:16px;font-size:15px}.identity-top>span{width:25px;height:25px;border-radius:50%;border:1px solid rgba(217,238,114,.22);display:grid;place-items:center;color:var(--accent);font-size:9px}.identity small{font-size:6px;letter-spacing:.16em;color:var(--muted)}.identity h3{font-size:18px;margin:7px 0 6px}.identity>strong{display:block;color:var(--accent);font-size:9px}.identity>p{color:#c4ceca;font-size:9px!important;margin:3px 0!important}.identity hr{border:0;border-top:1px solid var(--line);margin:17px 0}.identity em{font-style:normal;color:var(--muted);font-size:7px;line-height:1.45;display:block}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0}.metrics article{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:20px}.metrics span{color:var(--muted);font-size:8px}.metrics strong{display:block;font-size:34px;letter-spacing:-.055em;margin:12px 0 4px}.metrics small{color:var(--muted2);font-size:7px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.panel,.form-card,.data-card,.document-form{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.panel-head span,.section-head>div>span,.visitor-section-head>span,.visitor-about>div>span{color:var(--accent);font-size:6px;font-weight:850;letter-spacing:.17em}.panel-head h3{margin:4px 0 0;font-size:14px}.panel-head small{color:var(--muted2);font-size:7px}.priority>div{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055)}.priority>div:last-child{border:0}.priority i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.danger{background:rgba(231,109,109,.08);color:var(--red)}.warning{background:rgba(239,190,98,.08);color:var(--amber)}.good{background:rgba(108,207,151,.08);color:var(--green)}.priority strong{display:block;font-size:9px}.priority section span{display:block;color:var(--muted);font-size:7px;margin-top:3px}.priority b{font-size:21px}.area-cloud{display:flex;gap:7px;flex-wrap:wrap}.area-cloud span{border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.02);font-size:7px;color:#bdc8c4}.recent-panel{margin-top:17px}.recent-item{display:grid;grid-template-columns:46px minmax(0,1.5fr) minmax(150px,.85fr) 90px 78px;gap:12px;align-items:center;padding:11px 9px;border-top:1px solid rgba(255,255,255,.05);border-radius:10px}.recent-item:first-child{border-top:0}.recent-item:hover{background:rgba(255,255,255,.025)}.date-tile{width:42px;height:42px;border-radius:11px;background:var(--panel2);display:grid;place-items:center;text-align:center}.date-tile b{font-size:12px}.date-tile span{font-size:6px;color:var(--muted);margin-top:-8px}.recent-main strong{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-main span,.recent-category{font-size:7px;color:var(--muted);display:block;margin-top:3px}.badge{display:inline-flex;width:max-content;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:6px!important}.Low{color:var(--green)}.Medium{color:var(--amber)}.High{color:var(--orange)}.Critical{color:var(--red)}.Closed{color:var(--green)}.Open{color:var(--amber)}.InProgress{color:var(--blue)}.published{color:var(--green)}.private{color:var(--muted)}.empty{text-align:center;padding:28px;color:var(--muted)}.empty.large{padding:56px 20px}.empty i{width:42px;height:42px;border-radius:13px;background:rgba(217,238,114,.06);color:var(--accent);display:grid;place-items:center;margin:0 auto 10px;font-style:normal}.empty strong{font-size:10px;color:var(--text);display:block}.empty p{font-size:8px;margin:5px 0 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:3px 0 22px}.section-head h2{font-size:27px;letter-spacing:-.04em;margin:4px 0 6px}.section-head p{font-size:9px;color:var(--muted);margin:0}.mode{border:1px solid rgba(217,238,114,.15);border-radius:999px;padding:7px 10px;color:var(--accent);font-size:6px;letter-spacing:.12em}.section-actions{display:flex;gap:8px}.file-label{position:relative;display:inline-flex;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px}.form-main{display:grid;gap:17px}.form-head{display:flex;gap:11px;align-items:flex-start;margin-bottom:20px}.form-head>span{width:30px;height:30px;border-radius:9px;border:1px solid rgba(217,238,114,.14);display:grid;place-items:center;color:var(--accent);font-size:7px;font-weight:850;flex:none}.form-head h3{font-size:12px;margin:0}.form-head p{font-size:7px;color:var(--muted);margin:4px 0 0}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 2}label{display:grid;gap:6px}label>span,.existing>span{color:#b5c1bc;font-size:7px;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--line);background:#0a1310;color:var(--text);border-radius:10px;padding:11px 12px;outline:0}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#56665f}input:focus,select:focus,textarea:focus{border-color:rgba(217,238,114,.38);box-shadow:0 0 0 3px rgba(217,238,114,.045)}.input-error{border-color:var(--red)!important}.guidance{margin-top:15px;padding:12px 13px;border:1px solid rgba(217,238,114,.12);border-radius:11px;background:rgba(217,238,114,.025);font-size:7px;color:#aab8b2;line-height:1.55}.guidance strong{color:var(--accent)}.dropzone{position:relative;min-height:145px;border:1px dashed rgba(217,238,114,.24);border-radius:14px;background:rgba(217,238,114,.02);display:grid;place-items:center;align-content:center;text-align:center;padding:22px;gap:5px}.dropzone.dragover,.dropzone:hover{border-color:rgba(217,238,114,.45);background:rgba(217,238,114,.04)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone>div{width:35px;height:35px;border-radius:10px;background:var(--accent);color:#11190f;display:grid;place-items:center;font-weight:900}.dropzone strong{font-size:9px}.dropzone span{font-size:6px;color:var(--muted)}.file-list{display:grid;gap:7px;margin-top:10px}.file-item{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018)}.file-ext{width:32px;height:32px;border-radius:8px;background:var(--panel2);color:var(--accent);display:grid;place-items:center;font-size:6px;font-weight:850}.file-item strong{font-size:7px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.file-item small{font-size:6px;color:var(--muted);display:block;margin-top:2px}.file-action{border:0;background:transparent;color:var(--muted);font-size:7px}.sticky{position:sticky;top:110px}.risk-box{border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center;background:rgba(255,255,255,.018)}.risk-box>span{font-size:6px;color:var(--muted);letter-spacing:.1em}.risk-box strong{display:block;font-size:34px;line-height:1;margin:7px 0}.risk-box small{font-size:7px;color:var(--muted)}.visibility-note{display:grid;grid-template-columns:18px 1fr;gap:8px;border:1px solid var(--line);border-radius:11px;padding:10px;background:rgba(255,255,255,.018)}.visibility-note b{color:var(--green);font-size:7px}.visibility-note p{font-size:6px;color:var(--muted);line-height:1.45;margin:0}.visibility-note p strong{color:#c5d0cc}.form-actions{display:grid;gap:8px;margin-top:18px}.filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,175px);gap:9px;margin-bottom:13px}.search{position:relative;display:flex;align-items:center}.search>b{position:absolute;left:12px;color:var(--muted);z-index:2}.search input{padding-left:34px}.data-card{padding:0;overflow:hidden}.data-meta{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.data-meta strong{font-size:8px}.data-meta>span{font-size:6px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:920px}th,td{text-align:left;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.05)}th{font-size:6px;color:var(--muted);letter-spacing:.07em;background:rgba(255,255,255,.012)}td{font-size:7px;color:#bbc7c2}td strong{display:block;font-size:8px;color:var(--text);max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td small{display:block;margin-top:3px;color:var(--muted);font-size:6px}.row-actions{display:flex;justify-content:flex-end;gap:4px}.mini{width:29px;height:29px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018);color:var(--muted);font-size:8px}.mini:hover{color:var(--text);background:rgba(255,255,255,.05)}.mini.danger:hover{color:var(--red)}
.document-form{margin-bottom:15px}.document-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.document-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.doc-filters{grid-template-columns:minmax(260px,1fr) 220px 180px}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.document-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:17px;min-height:185px;display:flex;flex-direction:column}.document-card-top{display:flex;justify-content:space-between}.document-symbol{width:38px;height:38px;border-radius:10px;background:rgba(217,238,114,.06);color:var(--accent);display:grid;place-items:center;font-size:7px;font-weight:850}.document-card h3{font-size:10px;margin:16px 0 5px}.document-card p{font-size:7px;line-height:1.5;color:var(--muted);margin:0}.document-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.document-card-actions{display:flex;gap:6px;margin-top:auto;padding-top:14px}.document-card-actions button{flex:1;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#bdc8c4;border-radius:9px;padding:8px;font-size:6px}.category-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:17px}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.category-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:1fr auto;gap:10px}.category-item strong{font-size:8px;display:block}.category-item p{font-size:6px;color:var(--muted);line-height:1.45;margin:4px 0 0}.category-tag{font-size:5px;color:var(--muted2);border:1px solid var(--line);border-radius:999px;padding:4px 6px}.remove-category{border:0;background:transparent;color:var(--muted);font-size:7px}.note{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.note strong{font-size:7px}.note p{font-size:6px;color:var(--muted);line-height:1.5}
.visitor-shell{min-height:100vh;background:#f5f6f2;color:#15201b;color-scheme:light}.visitor-top{position:sticky;top:0;z-index:60;min-height:78px;padding:14px clamp(20px,5vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:rgba(247,248,244,.94);border-bottom:1px solid rgba(20,32,27,.10);backdrop-filter:blur(16px)}.visitor-brand{display:flex;align-items:center;gap:10px}.visitor-brand>div{width:38px;height:38px;border-radius:10px;background:#17231d;color:#d9ee72;display:grid;place-items:center;font-size:9px;font-weight:900}.visitor-brand strong{display:block;font-size:9px}.visitor-brand span{display:block;color:#69766f;font-size:6px;margin-top:2px}.visitor-top nav{display:flex;gap:26px}.visitor-top nav a{font-size:7px;font-weight:750;color:#55625c}.visitor-controls{display:flex;justify-content:flex-end;gap:7px}.v-primary,.v-secondary{border-radius:9px;padding:9px 12px;font-size:7px;font-weight:800;display:inline-flex;align-items:center}.v-primary{border:1px solid #17231d;background:#17231d;color:#f6f7f3}.v-secondary{border:1px solid rgba(20,32,27,.15);background:#fff;color:#1a2821}.visitor-main{max-width:1420px;margin:0 auto;padding:0 clamp(20px,5vw,70px)}.visitor-hero{min-height:520px;display:grid;grid-template-columns:1fr 320px;gap:70px;align-items:center;padding:70px 0;border-bottom:1px solid rgba(20,32,27,.11)}.visitor-hero>div>span{color:#637068;font-size:7px;font-weight:850;letter-spacing:.18em}.visitor-hero h1{font-size:clamp(52px,7vw,88px);line-height:.92;letter-spacing:-.065em;margin:14px 0 12px}.visitor-hero h2{font-size:19px;font-weight:500;color:#536159;margin:0}.visitor-hero h2 i{font-style:normal;color:#9dac63}.visitor-hero>div>p{max-width:700px;font-size:11px;line-height:1.75;color:#65726b;margin:22px 0 0}.visitor-actions{display:flex;gap:8px;margin-top:26px}.visitor-hero aside{border-left:1px solid rgba(20,32,27,.12);padding-left:46px}.seal{width:150px;height:150px;border-radius:50%;border:1px solid rgba(20,32,27,.18);display:grid;place-items:center;margin-bottom:25px}.seal span{width:92px;height:92px;border-radius:50%;background:#17231d;color:#d9ee72;display:grid;place-items:center;font-size:23px;font-weight:900}.visitor-hero aside>strong{font-size:8px}.visitor-hero aside>p{font-size:7px;line-height:1.5;color:#6a7770}.visitor-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(20,32,27,.11)}.visitor-summary>div{padding:28px 0;border-right:1px solid rgba(20,32,27,.11)}.visitor-summary>div:not(:first-child){padding-left:32px}.visitor-summary>div:last-child{border:0}.visitor-summary span{font-size:7px;color:#6c7972;text-transform:uppercase}.visitor-summary strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:8px}.visitor-section{padding:72px 0;border-bottom:1px solid rgba(20,32,27,.11)}.visitor-section-head{max-width:720px;margin-bottom:28px}.visitor-section-head>span,.visitor-about>div>span{color:#7a8858!important}.visitor-section-head h2,.visitor-about h2{font-size:34px;letter-spacing:-.045em;margin:8px 0}.visitor-section-head p{font-size:9px;line-height:1.6;color:#6a7770;margin:0}.visitor-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.visitor-filter{border:1px solid rgba(20,32,27,.12);background:#fff;color:#536059;border-radius:999px;padding:7px 10px;font-size:6px}.visitor-filter.active{background:#17231d;color:#f5f6f2}.visitor-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visitor-record-card{border:1px solid rgba(20,32,27,.11);background:#fff;border-radius:15px;padding:18px;min-height:220px;display:flex;flex-direction:column}.visitor-record-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,32,27,.06)}.visitor-record-card-top{display:flex;justify-content:space-between}.visitor-record-card-top span{font-size:6px;color:#75817a}.visitor-record-card-top b{font-size:6px}.visitor-record-card h3{font-size:13px;line-height:1.25;margin:22px 0 7px}.visitor-record-card p{font-size:7px;line-height:1.55;color:#6e7a73;margin:0}.visitor-record-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px}.visitor-record-card footer span{font-size:6px;color:#6a7770}.visitor-record-card footer button{border:0;background:transparent;color:#25342c;font-size:6px;font-weight:850}.visitor-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.visitor-area-card{border:1px solid rgba(20,32,27,.11);border-radius:13px;background:#fff;padding:15px;min-height:100px}.visitor-area-card span{font-size:6px;color:#8a967f}.visitor-area-card strong{display:block;font-size:9px;margin-top:18px;line-height:1.35}.visitor-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.visitor-document-card{border:1px solid rgba(20,32,27,.11);background:#fff;border-radius:14px;padding:17px}.visitor-document-card span{font-size:6px;color:#7b877f}.visitor-document-card h3{font-size:10px;margin:14px 0 6px}.visitor-document-card p{font-size:7px;color:#6b7770;line-height:1.5}.visitor-document-card button{margin-top:10px;border:1px solid rgba(20,32,27,.12);background:#f7f8f4;color:#1c2a22;border-radius:8px;padding:8px 10px;font-size:6px}.visitor-empty{padding:26px;border:1px dashed rgba(20,32,27,.14);border-radius:13px;color:#68756e;text-align:center}.visitor-empty strong{font-size:8px;color:#243229}.visitor-empty p{font-size:7px}.visitor-about{padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.visitor-about p{font-size:9px;line-height:1.7;color:#68756e}.visitor-footer{padding:28px 0 42px;display:flex;gap:13px;align-items:center;color:#657169}.visitor-footer strong{font-size:8px;color:#1b2921}.visitor-footer span{font-size:7px}.visitor-footer small{font-size:6px;margin-left:auto}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.modal{width:min(860px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line2);border-radius:20px;background:#0c1512;box-shadow:0 30px 100px rgba(0,0,0,.5)}.modal-head{padding:20px 22px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head span{font-size:6px;color:var(--accent);letter-spacing:.15em}.modal-head h2{font-size:20px;margin:4px 0 0}.modal-head button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);font-size:18px}.modal-body{padding:20px 22px}.modal-actions{padding:14px 22px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:7px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detail-box{border:1px solid var(--line);border-radius:10px;padding:10px;background:rgba(255,255,255,.018)}.detail-box span{display:block;font-size:5px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.detail-box strong{font-size:7px}.detail-section{margin-top:16px}.detail-section h4{font-size:7px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.detail-section p{font-size:8px;line-height:1.65;color:#bec9c4;white-space:pre-wrap;margin:0}.toast-region{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:7px}.toast{min-width:260px;max-width:360px;padding:12px 14px;border-radius:10px;border:1px solid var(--line2);background:#13201c;color:var(--text);font-size:7px}.toast.error{border-color:rgba(231,109,109,.3)}
@media(max-width:1150px){:root{--sidebar:235px}.topbar,.view{padding-left:25px;padding-right:25px}.metrics{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.sticky{position:static}.filters{grid-template-columns:1fr 1fr}.document-grid{grid-template-columns:repeat(2,1fr)}.visitor-record-grid,.visitor-document-grid{grid-template-columns:repeat(2,1fr)}.visitor-area-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.sidebar{transform:translateX(-104%);width:min(84vw,290px);transition:.18s}.sidebar.open{transform:none}.main{margin-left:0}.mobile-menu{display:block}.topbar{padding:13px 15px;min-height:74px;gap:10px;justify-content:flex-start}.top-title{flex:1}.top-title h1{font-size:18px}.top-actions{display:none}.view{padding:20px 14px 42px}.hero{grid-template-columns:1fr;padding:26px 22px;min-height:360px}.identity{display:none}.hero h2{font-size:40px}.hero-actions{flex-wrap:wrap}.metrics{gap:8px}.metrics article{padding:16px}.metrics strong{font-size:29px}.overview-grid{grid-template-columns:1fr}.recent-item{grid-template-columns:42px 1fr auto}.recent-category,.recent-item>.badge:last-child{display:none}.section-head{align-items:flex-start;flex-direction:column}.section-actions{width:100%}.section-actions>*{flex:1}.form-grid.two,.document-form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.filters,.doc-filters{grid-template-columns:1fr}.document-grid{grid-template-columns:1fr}.category-layout{grid-template-columns:1fr}.category-list{grid-template-columns:1fr}.visitor-top{grid-template-columns:1fr auto;padding:12px 16px}.visitor-top nav,.visitor-controls .v-secondary{display:none}.visitor-main{padding:0 16px}.visitor-hero{grid-template-columns:1fr;min-height:520px;padding:55px 0}.visitor-hero aside{display:none}.visitor-hero h1{font-size:54px}.visitor-summary>div:not(:first-child){padding-left:15px}.visitor-summary>div{padding:20px 0}.visitor-summary strong{font-size:22px}.visitor-section{padding:52px 0}.visitor-record-grid,.visitor-document-grid{grid-template-columns:1fr}.visitor-area-grid{grid-template-columns:repeat(2,1fr)}.visitor-about{grid-template-columns:1fr;gap:10px}.detail-grid{grid-template-columns:1fr 1fr}.modal-actions{flex-wrap:wrap}.modal-actions>*{flex:1}}
@media print{body{background:#fff!important;color:#111!important}.workspace-shell,.visitor-shell,.modal-head,.modal-actions,.toast-region{display:none!important}.modal-backdrop{display:block!important;position:static!important;background:#fff!important;padding:0!important}.modal{width:100%!important;max-height:none!important;border:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}.modal-body{padding:0!important}.detail-box{background:#fff!important;border-color:#bbb!important}.detail-box span,.detail-section h4{color:#555!important}.detail-box strong,.detail-section p{color:#111!important}.file-action{display:none!important}}


/* ===== V2.1 READABILITY UPGRADE =====
   Client/government-facing readability takes priority over density.
*/
.brand strong{font-size:15px}.brand span{font-size:12px}
.owner strong{font-size:13px}.owner span{font-size:11px}
.nav-item span{font-size:10px}.nav-item b{font-size:14px}
.privacy strong{font-size:12px}.privacy span{font-size:10px}
.visitor-launch span{font-size:10px}.visitor-launch b{font-size:12px}
.top-title p{font-size:10px}.top-title h1{font-size:28px}
.private-pill{font-size:11px}.ghost,.accent,.outline{font-size:13px}.compact{font-size:12px}
.kicker{font-size:10px}
.hero>div>p{font-size:15px;line-height:1.72}
.identity small{font-size:9px}.identity h3{font-size:22px}.identity>strong{font-size:13px}.identity>p{font-size:13px!important}.identity em{font-size:11px}
.metrics span{font-size:12px}.metrics strong{font-size:40px}.metrics small{font-size:11px}
.panel-head span,.section-head>div>span{font-size:9px}.panel-head h3{font-size:20px}.panel-head small{font-size:11px}
.priority strong{font-size:14px}.priority section span{font-size:11px;line-height:1.45}.priority b{font-size:27px}
.area-cloud span{font-size:11px;padding:9px 12px}
.recent-main strong{font-size:13px}.recent-main span,.recent-category{font-size:11px}
.badge{font-size:10px!important;padding:6px 9px}
.empty strong{font-size:14px}.empty p{font-size:12px;line-height:1.55}
.section-head h2{font-size:34px}.section-head p{font-size:13px;line-height:1.5}.mode{font-size:10px}
.form-head>span{font-size:10px}.form-head h3{font-size:17px}.form-head p{font-size:12px}
label>span,.existing>span{font-size:12px}
input,select,textarea{font-size:14px;line-height:1.45}
.guidance{font-size:12px;line-height:1.6}
.dropzone strong{font-size:14px}.dropzone span{font-size:11px}
.file-item strong{font-size:12px}.file-item small{font-size:10px}.file-action{font-size:11px}
.risk-box>span{font-size:10px}.risk-box strong{font-size:40px}.risk-box small{font-size:12px}
.visibility-note b{font-size:10px}.visibility-note p{font-size:11px;line-height:1.55}
.data-meta strong{font-size:12px}.data-meta>span{font-size:10px}
th{font-size:10px}td{font-size:12px}td strong{font-size:13px}td small{font-size:10px}
.document-symbol{font-size:10px}.document-card h3{font-size:15px}.document-card p{font-size:12px}.document-card-actions button{font-size:10px}
.category-item strong{font-size:13px}.category-item p{font-size:11px;line-height:1.55}.category-tag{font-size:9px}.remove-category{font-size:11px}
.note strong{font-size:11px}.note p{font-size:10px;line-height:1.55}

/* Visitor portfolio readability */
.visitor-brand strong{font-size:13px}.visitor-brand span{font-size:10px}
.visitor-top nav a{font-size:11px}.v-primary,.v-secondary{font-size:11px}
.visitor-hero>div>span{font-size:10px}.visitor-hero h2{font-size:23px}.visitor-hero>div>p{font-size:14px;line-height:1.75}
.visitor-hero aside>strong{font-size:12px}.visitor-hero aside>p{font-size:10px;line-height:1.55}
.visitor-summary span{font-size:10px}.visitor-summary strong{font-size:32px}
.visitor-section-head>span,.visitor-about>div>span{font-size:10px!important}
.visitor-section-head h2,.visitor-about h2{font-size:40px}.visitor-section-head p{font-size:13px;line-height:1.65}
.visitor-filter{font-size:11px;padding:8px 12px}
.visitor-record-card-top span,.visitor-record-card-top b{font-size:10px}
.visitor-record-card h3{font-size:17px}.visitor-record-card p{font-size:12px;line-height:1.6}
.visitor-record-card footer span,.visitor-record-card footer button{font-size:10px}
.visitor-area-card span{font-size:10px}.visitor-area-card strong{font-size:13px}
.visitor-document-card span{font-size:10px}.visitor-document-card h3{font-size:15px}.visitor-document-card p{font-size:12px}.visitor-document-card button{font-size:11px}
.visitor-empty strong{font-size:13px}.visitor-empty p{font-size:11px}
.visitor-about p{font-size:13px;line-height:1.7}
.visitor-footer strong{font-size:12px}.visitor-footer span{font-size:11px}.visitor-footer small{font-size:10px}

@media(max-width:780px){
  .top-title h1{font-size:22px}
  .hero>div>p{font-size:14px}
  .metrics span{font-size:11px}.metrics small{font-size:10px}
  .panel-head h3{font-size:18px}
  .area-cloud span{font-size:10px}
  label>span,.existing>span{font-size:11px}
  input,select,textarea{font-size:16px}
  .visitor-section-head h2,.visitor-about h2{font-size:34px}
}


/* ===== V3 PRE-HOSTING: SAUDI INFRASTRUCTURE IDENTITY + NORMAL TYPOGRAPHY ===== */
:root{--accent:#63c6cf;--accent2:#2d9ca6;--deep:#071c29;--teal:#0d6d75;--gold:#cfa754}
body{background:linear-gradient(180deg,#071c29,#061821);font-size:15px}
.sidebar{background:linear-gradient(180deg,#061923,#071f2b);border-color:rgba(115,203,209,.13)}
.mark,.avatar{background:linear-gradient(135deg,#62c2ca,#8dd8dc);color:#08242e}.owner .avatar{background:linear-gradient(135deg,#cfa754,#e5c778)}
.nav-item.active{background:linear-gradient(90deg,rgba(98,194,202,.14),rgba(98,194,202,.03));border-color:rgba(98,194,202,.2)}.nav-item.active span,.kicker,.panel-head span,.section-head>div>span,.text-btn{color:#83d6db}.accent{background:linear-gradient(135deg,#62c2ca,#76d0d5);border-color:#62c2ca;color:#07222c}.privacy i,.private-pill i{background:#65d69b}.visitor-launch{border-color:rgba(207,167,84,.28);background:rgba(207,167,84,.05)}.visitor-launch b{color:#e0c376}
.hero{background:linear-gradient(110deg,rgba(13,109,117,.19),transparent 45%),linear-gradient(145deg,#0a2a37,#071d28)}.hero:after{border-color:rgba(98,194,202,.13);box-shadow:0 0 0 55px rgba(98,194,202,.02),0 0 0 110px rgba(98,194,202,.01)}
.v3-quote{max-width:720px;margin:18px 0 0;padding-left:15px;border-left:3px solid #cfa754;color:#e8eff0;font-size:17px;line-height:1.55;font-weight:600}.hero>div>p{margin-top:17px}.v3-visitor-quote{max-width:720px;margin:22px 0 0;padding-left:17px;border-left:4px solid #cfa754;color:#294951;font-size:18px;line-height:1.6;font-weight:600}
.v3-lang{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:3px;background:rgba(255,255,255,.02)}.v3-lang.light{border-color:rgba(17,65,75,.14);background:#fff}.v3-lang-btn{border:0;background:transparent;color:#9fb5b8;padding:7px 9px;border-radius:7px;font-size:11px;font-weight:800}.v3-lang-btn.active{background:#62c2ca;color:#07212b}.v3-lang.light .v3-lang-btn{color:#60777b}.v3-lang.light .v3-lang-btn.active{background:#0d6d75;color:#fff}
.v3-reference{display:grid;grid-template-columns:1fr 110px;gap:14px;align-items:end;margin-bottom:16px;padding:13px 14px;border:1px solid rgba(207,167,84,.2);background:rgba(207,167,84,.04);border-radius:13px}.v3-reference>div span{display:block;color:#91a9ad;font-size:11px}.v3-reference>div strong{display:block;color:#e1c579;font-size:14px;margin-top:3px}.v3-file-vis{font-size:11px;padding:8px 9px;min-width:130px}.file-item{grid-template-columns:36px 1fr 140px auto}.v3-ref-cell{color:#84d5da!important;font-size:11px;font-weight:800}.modal-reference{margin:4px 0 0;color:#dfc074;font-size:11px;font-weight:800}
/* normal readable sizes */
.brand strong{font-size:15px}.brand span{font-size:12px}.owner strong{font-size:13px}.owner span{font-size:11px}.nav-item b{font-size:14px}.nav-item span{font-size:10px}.privacy strong{font-size:12px}.privacy span{font-size:10px}.top-title p{font-size:10px}.top-title h1{font-size:28px}.private-pill,.ghost,.accent,.outline{font-size:12px}.kicker{font-size:10px}.hero>div>p{font-size:15px}.identity small{font-size:9px}.identity h3{font-size:22px}.identity>strong,.identity>p{font-size:13px!important}.metrics span{font-size:12px}.metrics small{font-size:11px}.panel-head h3{font-size:19px}.panel-head small{font-size:11px}.priority strong{font-size:14px}.priority section span{font-size:11px}.area-cloud span{font-size:11px}.recent-main strong{font-size:13px}.recent-main span,.recent-category{font-size:11px}.badge{font-size:10px!important}label>span,.existing>span{font-size:12px}input,select,textarea{font-size:14px}.guidance{font-size:12px}.dropzone strong{font-size:14px}.dropzone span{font-size:11px}.file-item strong{font-size:12px}.file-item small{font-size:10px}.risk-box>span{font-size:10px}.risk-box small{font-size:12px}.visibility-note p{font-size:11px}.section-head p{font-size:13px}th{font-size:10px}td{font-size:12px}td strong{font-size:13px}td small{font-size:10px}.document-card h3{font-size:15px}.document-card p{font-size:12px}.category-item strong{font-size:13px}.category-item p{font-size:11px}
/* visitor NWC/Saudi infra style */
.visitor-shell{background:#f5fafb;color:#12343e}.visitor-top{background:rgba(249,252,252,.95);border-color:rgba(17,65,75,.12)}.visitor-brand>div{background:linear-gradient(135deg,#0d6d75,#083946);color:#fff}.visitor-brand strong{font-size:13px}.visitor-brand span{font-size:10px}.visitor-top nav a{font-size:11px;color:#526c72}.v-primary{background:linear-gradient(135deg,#0d6d75,#0a505b);border-color:#0d6d75}.visitor-hero{position:relative;overflow:hidden;min-height:580px}.visitor-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(91,185,196,.15),transparent 18rem),linear-gradient(122deg,transparent 0 65%,rgba(13,109,117,.1) 65.2% 65.4%,transparent 65.6%);pointer-events:none}.visitor-hero>*{position:relative;z-index:2}.visitor-hero>div>span{font-size:10px;color:#0e7580}.visitor-hero h1{color:#0b3540}.visitor-hero h2{font-size:23px;color:#496269}.visitor-hero>div>p{font-size:14px}.seal span{background:linear-gradient(135deg,#0d6d75,#083946);color:#fff}.visitor-summary span{font-size:10px}.visitor-summary strong{font-size:32px}.visitor-section-head>span{font-size:10px!important;color:#0e7882!important}.visitor-section-head h2{font-size:40px;color:#143a43}.visitor-section-head p{font-size:13px}.visitor-filter{font-size:11px}.visitor-filter.active{background:#0d6d75;color:#fff}.visitor-record-card h3{font-size:17px;color:#1b3e46}.visitor-record-card p{font-size:12px}.visitor-record-card-top span,.visitor-record-card-top b,.visitor-record-card footer span,.visitor-record-card footer button{font-size:10px}.visitor-area-card strong{font-size:13px}.visitor-document-card h3{font-size:15px}.visitor-document-card p{font-size:12px}.visitor-document-card button{font-size:11px}
.v3-org-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v3-org-card{display:grid;grid-template-columns:165px 1fr;gap:22px;align-items:center;border:1px solid rgba(17,65,75,.12);border-radius:17px;background:#fff;padding:18px}.v3-logo{height:125px;border-radius:13px;background:#fff;border:1px solid #edf2ef;display:grid;place-items:center;padding:10px}.v3-logo img{max-width:100%;max-height:100%;object-fit:contain}.v3-org-card>div:last-child>span{font-size:9px;color:#0e7a84;font-weight:850;letter-spacing:.12em}.v3-org-card h3{font-size:20px;color:#173b44;margin:5px 0 7px}.v3-org-card p{font-size:12px;color:#6d8287;line-height:1.6;margin:0}.v3-logo-note{font-size:10px;color:#7b8e92;line-height:1.55}.v3-credential-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.v3-credential-grid article{border:1px solid rgba(17,65,75,.12);background:#fff;border-radius:15px;padding:18px;min-height:170px}.v3-credential-grid article>span{font-size:10px;color:#b18b41;font-weight:800}.v3-credential-grid strong{display:block;font-size:15px;color:#173a43;margin:20px 0 7px}.v3-credential-grid p{font-size:11px;color:#6c8186;line-height:1.55;margin:0}.v3-contact{padding:70px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center;border-bottom:1px solid rgba(20,32,27,.11)}.v3-contact>div:first-child>span{font-size:10px;color:#0e7882;font-weight:850;letter-spacing:.15em}.v3-contact h2{font-size:40px;color:#143a43;letter-spacing:-.04em;margin:8px 0}.v3-contact>div:first-child>p{font-size:13px;color:#6a8085}.v3-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v3-contact-card{border:1px solid rgba(17,65,75,.13);border-radius:17px;background:#fff;padding:19px}.v3-contact-card>span{font-size:10px;color:#788d91;text-transform:uppercase}.v3-contact-card strong{display:block;font-size:15px;color:#193e47;margin:10px 0}.v3-contact-card small{font-size:10px;color:#0c6d77}
html[dir="rtl"] body{font-family:Tahoma,Arial,"Segoe UI",sans-serif}html[dir="rtl"] .sidebar{right:0;left:auto;border-right:0;border-left:1px solid rgba(115,203,209,.13)}html[dir="rtl"] .main{margin-left:0;margin-right:var(--sidebar)}html[dir="rtl"] .nav-item{text-align:right}html[dir="rtl"] .v3-quote,html[dir="rtl"] .v3-visitor-quote{padding-left:0;padding-right:16px;border-left:0;border-right:3px solid #cfa754}html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}
@media(max-width:1150px){.v3-credential-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){html[dir="rtl"] .main{margin-right:0}.v3-lang{display:flex}.v3-org-grid{grid-template-columns:1fr}.v3-contact{grid-template-columns:1fr;gap:25px}.v3-contact-grid{grid-template-columns:1fr}.v3-credential-grid{grid-template-columns:1fr 1fr}.file-item{grid-template-columns:36px 1fr}.v3-file-vis,.file-action{grid-column:2}.v3-reference{grid-template-columns:1fr}.visitor-top nav{display:none}.visitor-controls .v-secondary{display:none}}@media(max-width:480px){.v3-credential-grid{grid-template-columns:1fr}.v3-org-card{grid-template-columns:1fr}.v3-logo{height:135px}}

.v3-ar-field{border-left:2px solid rgba(207,167,84,.27);padding-left:12px}
html[dir="rtl"] .v3-ar-field{border-left:0;border-right:2px solid rgba(207,167,84,.27);padding-left:0;padding-right:12px}

/* =========================================================
   V3.3 — SAUDI WATER / INFRASTRUCTURE BRAND INTEGRATION
   Original Amir HSE identity. NWC/Taj logos are not modified.
   ========================================================= */
:root{
  --bg:#041720;
  --panel:#082731;
  --panel2:#0b3340;
  --line:rgba(187,226,233,.12);
  --line2:rgba(187,226,233,.22);
  --text:#f5fbfc;
  --muted:#a9bec4;
  --muted2:#78949b;
  --accent:#59c7d7;
  --accent2:#2da5b8;
  --infra-blue:#137e9d;
  --infra-navy:#052737;
  --infra-deep:#03131d;
  --water-teal:#0b7b86;
  --contract-gold:#d6ad52;
}
body{
  background:
    radial-gradient(circle at 78% -10%,rgba(57,172,196,.15),transparent 34rem),
    radial-gradient(circle at 18% 82%,rgba(11,123,134,.10),transparent 30rem),
    linear-gradient(180deg,#051923 0%,#03131c 58%,#020f16 100%);
}
.sidebar{
  background:linear-gradient(180deg,rgba(3,22,31,.985),rgba(3,16,24,.985));
  border-right-color:rgba(82,185,205,.16);
}
.mark{
  background:linear-gradient(135deg,#74d4df,#2b9fb5);
  color:#06222d;
  box-shadow:0 8px 28px rgba(54,178,201,.15);
}
.owner{
  background:linear-gradient(145deg,rgba(15,55,67,.68),rgba(7,35,45,.78));
  border-color:rgba(92,188,205,.18);
}
.owner .avatar{
  background:linear-gradient(135deg,#e5c56d,#b78d32);
  color:#14202a;
}
.nav-item.active{
  background:linear-gradient(90deg,rgba(67,184,207,.17),rgba(10,96,118,.07));
  border-color:rgba(83,193,214,.25);
}
.nav-item.active span,.top-title p,.kicker,.panel-head span,.section-head>div>span,
.form-head>span,.guidance strong,.text-btn,.file-ext{
  color:#67d0df!important;
}
.privacy{
  background:linear-gradient(145deg,rgba(8,45,57,.55),rgba(5,29,38,.62));
  border-color:rgba(86,188,205,.18);
}
.visitor-launch{
  border-color:rgba(214,173,82,.28);
  background:linear-gradient(135deg,rgba(13,105,125,.13),rgba(214,173,82,.07));
}
.visitor-launch b{color:#70d4e0}
.topbar{
  background:rgba(3,18,26,.91);
  border-bottom-color:rgba(86,188,205,.15);
}
.private-pill{border-color:rgba(89,199,215,.18)}
.accent{
  background:linear-gradient(135deg,#6fd4e0,#3bb4c7);
  border-color:#6fd4e0;
  color:#05212c;
  box-shadow:0 10px 30px rgba(48,171,194,.12);
}
.accent:hover{
  background:linear-gradient(135deg,#80dce6,#48bfd0);
}
.outline,.ghost{
  border-color:rgba(145,211,222,.20);
  background:rgba(255,255,255,.025);
}
.hero{
  border-color:rgba(86,188,205,.17);
  background:
    linear-gradient(118deg,rgba(16,123,145,.23),transparent 42%),
    radial-gradient(circle at 82% 22%,rgba(89,199,215,.14),transparent 17rem),
    linear-gradient(145deg,#0a3440,#051c27 72%);
  box-shadow:0 26px 80px rgba(0,0,0,.34);
}
.hero:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#51c4d5 0 54%,rgba(81,196,213,.2) 54% 78%,#d6ad52 78% 100%);
  opacity:.9;
}
.hero h2 em{color:#c6dce1}
.v3-quote{
  border-left-color:#d6ad52!important;
}
html[dir="rtl"] .v3-quote{
  border-right-color:#d6ad52!important;
}
.identity{
  border-color:rgba(83,193,214,.24);
  background:linear-gradient(160deg,rgba(6,38,49,.82),rgba(4,26,35,.82));
  box-shadow:inset 0 3px 0 rgba(214,173,82,.75);
}
.identity>strong{color:#68d0df}
.metrics article,.panel,.form-card,.data-card,.document-form{
  background:linear-gradient(145deg,rgba(9,41,51,.96),rgba(6,31,40,.96));
  border-color:rgba(111,194,210,.14);
}
.area-cloud span{
  border-color:rgba(93,192,209,.18);
  background:rgba(30,117,136,.08);
}
.mode{
  border-color:rgba(88,198,214,.22);
  color:#6fd2df;
}
input,select,textarea{
  background:#061a23;
  border-color:rgba(117,193,207,.16);
}
input:focus,select:focus,textarea:focus{
  border-color:rgba(88,199,216,.48);
  box-shadow:0 0 0 3px rgba(63,177,197,.08);
}
.risk-box,.visibility-note,.file-item{
  border-color:rgba(106,193,208,.15);
}
.data-meta{border-bottom-color:rgba(101,191,207,.12)}
th{background:rgba(20,93,109,.08)}
td,th{border-bottom-color:rgba(107,190,204,.08)}

/* Project context — visible immediately in Owner Overview */
.v33-project-context{
  margin:17px 0;
  padding:18px 20px;
  border:1px solid rgba(91,193,210,.20);
  border-radius:18px;
  background:
    linear-gradient(100deg,rgba(22,104,123,.13),transparent 45%),
    linear-gradient(145deg,rgba(8,42,53,.96),rgba(5,29,38,.96));
  display:grid;
  grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);
  gap:20px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.v33-project-context:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#59c7d7 0 65%,#d6ad52 65% 100%);
}
.v33-project-copy>span{
  color:#65cfde;
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
}
.v33-project-copy h3{
  margin:6px 0 5px;
  font-size:19px;
  letter-spacing:-.025em;
}
.v33-project-copy p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
.v33-project-orgs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.v33-project-org{
  min-width:0;
  display:grid;
  grid-template-columns:90px 1fr;
  gap:12px;
  align-items:center;
  padding:11px;
  border:1px solid rgba(124,202,216,.14);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.v33-project-org.v33-client{
  box-shadow:inset 0 2px 0 rgba(89,199,215,.60);
}
.v33-project-org.v33-contractor{
  box-shadow:inset 0 2px 0 rgba(214,173,82,.68);
}
.v33-project-logo{
  height:64px;
  border-radius:9px;
  background:#fff;
  display:grid;
  place-items:center;
  padding:6px;
  overflow:hidden;
}
.v33-project-logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.v33-project-org span{
  display:block;
  color:#68cfdd;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}
.v33-project-org.v33-contractor span{color:#dfbd69}
.v33-project-org strong{
  display:block;
  margin-top:4px;
  font-size:12px;
}
.v33-project-org small{
  display:block;
  margin-top:3px;
  color:var(--muted2);
  font-size:9px;
  line-height:1.35;
}
.v33-project-disclaimer{
  grid-column:1/-1;
  margin:0;
  padding-top:3px;
  color:#78949b;
  font-size:9px;
  line-height:1.45;
}

/* Visitor experience: stronger water-infrastructure character */
.visitor-shell{background:#f4fafb}
.visitor-top{
  border-bottom-color:rgba(15,92,111,.13);
  box-shadow:0 8px 28px rgba(20,71,83,.035);
}
.visitor-brand>div,.v-primary,.seal span{
  background:linear-gradient(135deg,#137f9d,#0b6978)!important;
}
.visitor-hero{
  background:
    radial-gradient(circle at 82% 22%,rgba(48,166,190,.12),transparent 20rem),
    linear-gradient(135deg,rgba(255,255,255,.0),rgba(220,244,247,.30));
}
.visitor-hero:before{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#137f9d 0 57%,#4fc5d4 57% 82%,#d6ad52 82% 100%);
}
.visitor-section-head>span,.visitor-about>div>span{color:#147f91!important}
.v3-org-card:first-child{
  border-top:3px solid #4fc5d4;
}
.v3-org-card:nth-child(2){
  border-top:3px solid #d6ad52;
}
.v3-org-card:first-child span{color:#137f91}
.v3-org-card:nth-child(2) span{color:#a9791c}
.v3-contact{
  border-top:3px solid #4fc5d4;
}

/* Arabic / responsive */
html[dir="rtl"] .v33-project-context:before{left:auto;right:0}
@media(max-width:980px){
  .v33-project-context{grid-template-columns:1fr}
}
@media(max-width:720px){
  .v33-project-context{padding:16px}
  .v33-project-orgs{grid-template-columns:1fr}
  .v33-project-org{grid-template-columns:82px 1fr}
  .v33-project-logo{height:58px}
  .v33-project-copy h3{font-size:18px}
}
@media(max-width:430px){
  .v33-project-org{grid-template-columns:72px 1fr}
  .v33-project-logo{height:54px}
  .v33-project-org strong{font-size:11px}
}


/* =========================================================
   V3.4 — READABILITY & LOGO VISIBILITY LOCK
   Readability takes priority over compact density.
   ========================================================= */

/* More breathing room */
:root{--sidebar:300px}
.view{padding:38px 42px 72px;max-width:1600px}
.topbar{min-height:100px;padding:22px 42px}
.top-title h1{font-size:32px}
.top-title p{font-size:11px}

/* Sidebar normal website sizing */
.brand strong{font-size:17px}
.brand span{font-size:13px}
.owner strong{font-size:15px}
.owner span{font-size:12px;line-height:1.45}
.nav-item{padding:15px 15px}
.nav-item span{font-size:11px}
.nav-item b{font-size:16px}
.privacy strong{font-size:13px}
.privacy span{font-size:11px;line-height:1.55}
.visitor-launch span{font-size:11px}
.visitor-launch b{font-size:13px}

/* Main hero */
.hero{min-height:350px;padding:48px}
.kicker{font-size:11px}
.hero h2{font-size:clamp(44px,4.2vw,64px)}
.hero>div>p{font-size:17px;line-height:1.75;max-width:800px}
.hero-actions{margin-top:28px}
.accent,.outline,.ghost{font-size:15px;padding:13px 18px}
.compact{font-size:13px;padding:11px 15px}
.identity small{font-size:10px}
.identity h3{font-size:24px}
.identity>strong{font-size:15px}
.identity>p{font-size:14px!important}
.identity em{font-size:12px;line-height:1.55}

/* Project context expanded and fully readable */
.v33-project-context{
  padding:26px 28px;
  grid-template-columns:minmax(260px,.70fr) minmax(0,1.55fr);
  gap:28px;
  min-height:220px;
}
.v33-project-copy>span{font-size:11px}
.v33-project-copy h3{font-size:26px;line-height:1.2;margin:8px 0 8px}
.v33-project-copy p{font-size:14px;line-height:1.65}
.v33-project-orgs{gap:16px}
.v33-project-org{
  grid-template-columns:150px minmax(0,1fr);
  gap:18px;
  min-height:146px;
  padding:16px;
  align-items:center;
}
.v33-project-logo{
  width:150px;
  height:112px;
  padding:10px;
  overflow:visible;
  border-radius:12px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.v33-project-logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.v33-project-org span{font-size:11px}
.v33-project-org strong{
  font-size:16px;
  line-height:1.35;
  margin-top:6px;
}
.v33-project-org small{
  font-size:12px;
  line-height:1.55;
  margin-top:5px;
}
.v33-project-disclaimer{
  font-size:11px;
  line-height:1.55;
  padding-top:8px;
}

/* Dashboard cards */
.metrics{gap:16px;margin:20px 0}
.metrics article{padding:24px;min-height:150px}
.metrics span{font-size:14px}
.metrics strong{font-size:44px;margin:15px 0 7px}
.metrics small{font-size:12px;line-height:1.45}
.overview-grid{gap:20px}
.panel,.form-card,.data-card,.document-form{padding:28px}
.panel-head span,.section-head>div>span{font-size:10px}
.panel-head h3{font-size:22px}
.panel-head small{font-size:12px}
.priority>div{padding:16px 0}
.priority i{width:42px;height:42px}
.priority strong{font-size:15px}
.priority section span{font-size:12px;line-height:1.5}
.priority b{font-size:30px}
.area-cloud{gap:9px}
.area-cloud span{font-size:12px;padding:10px 13px}

/* Recent records */
.recent-item{
  grid-template-columns:54px minmax(0,1.5fr) minmax(190px,.85fr) 112px 100px;
  padding:14px 11px;
}
.date-tile{width:48px;height:48px}
.date-tile b{font-size:15px}
.date-tile span{font-size:9px}
.recent-main strong{font-size:14px}
.recent-main span,.recent-category{font-size:12px}
.badge{font-size:11px!important;padding:7px 10px}

/* Forms */
.section-head h2{font-size:36px}
.section-head p{font-size:14px;line-height:1.6}
.mode{font-size:11px;padding:9px 13px}
.form-layout{grid-template-columns:minmax(0,1fr) 380px;gap:20px}
.form-head>span{width:34px;height:34px;font-size:11px}
.form-head h3{font-size:18px}
.form-head p{font-size:13px;line-height:1.5}
label>span,.existing>span{font-size:13px}
input,select,textarea{font-size:15px;padding:13px 14px}
.guidance{font-size:13px;line-height:1.65}
.dropzone{min-height:175px}
.dropzone strong{font-size:15px}
.dropzone span{font-size:12px}
.file-item strong{font-size:13px}
.file-item small{font-size:11px}
.file-action{font-size:12px}
.risk-box>span{font-size:11px}
.risk-box strong{font-size:46px}
.risk-box small{font-size:13px}
.visibility-note p{font-size:12px;line-height:1.6}

/* Tables / documents / safety areas */
.data-meta strong{font-size:13px}
.data-meta>span{font-size:11px}
th{font-size:11px}
td{font-size:13px;padding:15px 16px}
td strong{font-size:14px}
td small{font-size:11px}
.document-card{min-height:220px;padding:20px}
.document-card h3{font-size:16px}
.document-card p{font-size:13px;line-height:1.6}
.document-card-actions button{font-size:11px;padding:10px}
.category-item{padding:15px}
.category-item strong{font-size:14px}
.category-item p{font-size:12px;line-height:1.6}
.category-tag{font-size:10px}
.remove-category{font-size:12px}
.note strong{font-size:12px}
.note p{font-size:11px;line-height:1.6}

/* Visitor portfolio — comfortable public reading */
.visitor-top{min-height:88px}
.visitor-brand strong{font-size:14px}
.visitor-brand span{font-size:11px}
.visitor-top nav a{font-size:12px}
.v-primary,.v-secondary{font-size:12px;padding:11px 14px}
.visitor-hero{min-height:560px;padding:82px 0}
.visitor-hero>div>span{font-size:11px}
.visitor-hero h1{font-size:clamp(58px,7vw,94px)}
.visitor-hero h2{font-size:25px}
.visitor-hero>div>p{font-size:16px;line-height:1.8}
.visitor-hero aside>strong{font-size:13px}
.visitor-hero aside>p{font-size:11px;line-height:1.6}
.visitor-summary span{font-size:11px}
.visitor-summary strong{font-size:34px}
.visitor-section{padding:82px 0}
.visitor-section-head>span,.visitor-about>div>span{font-size:11px!important}
.visitor-section-head h2,.visitor-about h2{font-size:44px}
.visitor-section-head p{font-size:15px;line-height:1.7}
.visitor-filter{font-size:12px;padding:9px 13px}
.visitor-record-card{min-height:270px;padding:22px}
.visitor-record-card-top span,.visitor-record-card-top b{font-size:11px}
.visitor-record-card h3{font-size:19px;line-height:1.35}
.visitor-record-card p{font-size:14px;line-height:1.7}
.visitor-record-card footer span,.visitor-record-card footer button{font-size:11px}
.visitor-area-card{min-height:120px;padding:18px}
.visitor-area-card span{font-size:11px}
.visitor-area-card strong{font-size:14px}
.visitor-document-card{padding:20px}
.visitor-document-card span{font-size:11px}
.visitor-document-card h3{font-size:17px}
.visitor-document-card p{font-size:14px;line-height:1.65}
.visitor-document-card button{font-size:12px;padding:10px 12px}
.visitor-about p{font-size:15px;line-height:1.8}
.visitor-footer strong{font-size:13px}
.visitor-footer span{font-size:12px}
.visitor-footer small{font-size:11px}

/* Responsive: do not shrink text into unreadability */
@media(max-width:1150px){
  :root{--sidebar:260px}
  .view{padding-left:28px;padding-right:28px}
  .v33-project-context{grid-template-columns:1fr}
  .v33-project-org{grid-template-columns:130px 1fr}
  .v33-project-logo{width:130px;height:100px}
  .form-layout{grid-template-columns:1fr}
}
@media(max-width:780px){
  .topbar{min-height:78px;padding:14px 16px}
  .view{padding:22px 16px 48px}
  .hero{padding:30px 24px}
  .hero h2{font-size:42px}
  .hero>div>p{font-size:16px}
  .metrics{grid-template-columns:1fr 1fr}
  .v33-project-context{padding:20px}
  .v33-project-orgs{grid-template-columns:1fr}
  .v33-project-org{grid-template-columns:110px 1fr}
  .v33-project-logo{width:110px;height:88px}
  .section-head h2{font-size:31px}
  input,select,textarea{font-size:16px}
  .visitor-section-head h2,.visitor-about h2{font-size:36px}
}
@media(max-width:500px){
  .metrics{grid-template-columns:1fr}
  .v33-project-org{
    grid-template-columns:1fr;
    text-align:center;
  }
  .v33-project-logo{
    width:100%;
    max-width:220px;
    height:120px;
    margin:0 auto;
  }
  .v33-project-org span,.v33-project-org strong,.v33-project-org small{text-align:center}
  .hero h2{font-size:38px}
}


/* =========================================================
   V3.5 — FINAL HUMAN-CENTERED POLISH
   Organization-card integrity + prominent contact + safety philosophy
   ========================================================= */

/* Philosophical safety principle */
.v35-quote-wrap{
  max-width:850px;
  margin:22px 0 0;
  padding:17px 20px 18px;
  border:1px solid rgba(91,194,211,.20);
  border-left:4px solid #d6ad52;
  border-radius:0 14px 14px 0;
  background:linear-gradient(105deg,rgba(12,83,99,.22),rgba(255,255,255,.018));
}
.v35-quote-wrap>span{
  display:block;
  margin-bottom:7px;
  color:#6ed4df;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
}
.v35-quote-wrap .v3-quote{
  margin:0;
  padding:0;
  border:0;
  background:none;
  color:#dcecef;
  font-size:17px;
  line-height:1.65;
  font-weight:550;
}
.v35-visitor-quote-wrap{
  max-width:760px;
  margin:22px 0 0;
  padding:17px 20px;
  border-left:4px solid #d6ad52;
  background:rgba(19,127,157,.055);
  border-radius:0 12px 12px 0;
}
.v35-visitor-quote-wrap>span{
  display:block;
  margin-bottom:7px;
  color:#147f91;
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em;
}
.v35-visitor-quote-wrap .v3-visitor-quote{
  margin:0;
  padding:0;
  border:0;
  color:#334941;
  font-size:16px;
  line-height:1.7;
  font-weight:550;
}

/* Project organization cards: deliberate, balanced, no floating/overflow label */
.v33-project-context{
  grid-template-columns:minmax(300px,.75fr) minmax(0,1.7fr);
  gap:30px;
}
.v33-project-orgs{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.v33-project-org{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start;
  gap:14px!important;
  min-width:0!important;
  min-height:278px!important;
  padding:18px!important;
  overflow:hidden!important;
}
.v33-project-logo{
  width:100%!important;
  height:142px!important;
  max-width:none!important;
  min-width:0!important;
  padding:12px 18px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.v33-project-logo img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.v33-project-org>div:last-child{
  min-width:0!important;
  width:100%!important;
  text-align:left!important;
}
.v33-project-org span{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:auto!important;
  margin:0!important;
  color:#6ed4df;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.11em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.v33-project-org.v33-contractor span{color:#dfbd69!important}
.v33-project-org strong{
  display:block!important;
  margin-top:7px!important;
  font-size:18px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.v33-project-org small{
  display:block!important;
  margin-top:7px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}
.v33-project-disclaimer{
  font-size:12px!important;
  line-height:1.6!important;
}

/* Owner contact: impossible to miss, but still professional */
.v35-owner-contact{
  margin:0 0 20px;
  padding:25px 28px;
  border:1px solid rgba(90,195,212,.20);
  border-radius:18px;
  background:
    linear-gradient(105deg,rgba(19,126,157,.13),transparent 45%),
    linear-gradient(145deg,rgba(8,42,53,.97),rgba(5,29,38,.97));
  display:grid;
  grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr);
  gap:26px;
  align-items:center;
}
.v35-owner-contact-copy>span{
  color:#6ed4df;
  font-size:11px;
  font-weight:850;
  letter-spacing:.15em;
}
.v35-owner-contact-copy h3{
  margin:7px 0 7px;
  font-size:25px;
  line-height:1.25;
}
.v35-owner-contact-copy p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.v35-owner-contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.v35-owner-contact-card{
  min-width:0;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(108,196,211,.18);
  border-radius:14px;
  background:rgba(255,255,255,.025);
  transition:.18s ease;
}
.v35-owner-contact-card:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.045);
}
.v35-owner-contact-card.whatsapp{box-shadow:inset 0 2px 0 rgba(108,207,151,.78)}
.v35-owner-contact-card.email{box-shadow:inset 0 2px 0 rgba(89,199,215,.78)}
.v35-contact-badge{
  width:48px;
  height:48px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(89,199,215,.10);
  color:#79d7e2;
  font-size:12px;
  font-weight:900;
}
.v35-owner-contact-card.whatsapp .v35-contact-badge{
  background:rgba(108,207,151,.10);
  color:#86dfaa;
}
.v35-owner-contact-card span{
  display:block;
  color:#6fd3df;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}
.v35-owner-contact-card.whatsapp span{color:#83dda8}
.v35-owner-contact-card strong{
  display:block;
  margin-top:4px;
  color:#f5fbfc;
  font-size:16px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.v35-owner-contact-card small{
  display:block;
  margin-top:4px;
  color:var(--muted2);
  font-size:11px;
  line-height:1.45;
}

/* Existing visitor contact: make it as readable as the rest */
.v3-contact{
  padding:66px 0!important;
}
.v3-contact>div:first-child>span{
  font-size:11px!important;
}
.v3-contact h2{
  font-size:40px!important;
  margin:8px 0 9px!important;
}
.v3-contact>div:first-child>p{
  font-size:14px!important;
  line-height:1.7!important;
}
.v3-contact-card{
  padding:22px!important;
  border-radius:15px!important;
}
.v3-contact-card span{font-size:11px!important}
.v3-contact-card strong{
  margin-top:10px!important;
  font-size:18px!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}
.v3-contact-card small{
  margin-top:9px!important;
  font-size:12px!important;
}

/* RTL */
html[dir="rtl"] .v35-quote-wrap{
  border-left:1px solid rgba(91,194,211,.20);
  border-right:4px solid #d6ad52;
  border-radius:14px 0 0 14px;
}
html[dir="rtl"] .v35-visitor-quote-wrap{
  border-left:0;
  border-right:4px solid #d6ad52;
  border-radius:12px 0 0 12px;
}
html[dir="rtl"] .v33-project-org>div:last-child{text-align:right!important}

/* Responsive */
@media(max-width:1100px){
  .v33-project-context,
  .v35-owner-contact{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:780px){
  .v33-project-orgs,
  .v35-owner-contact-grid{
    grid-template-columns:1fr!important;
  }
  .v33-project-org{min-height:auto!important}
  .v33-project-logo{height:155px!important}
  .v35-quote-wrap .v3-quote{font-size:16px}
  .v35-visitor-quote-wrap .v3-visitor-quote{font-size:15px}
}
@media(max-width:480px){
  .v35-owner-contact{padding:20px}
  .v35-owner-contact-card{
    grid-template-columns:44px minmax(0,1fr);
    padding:14px;
  }
  .v35-contact-badge{width:42px;height:42px}
  .v35-owner-contact-card strong{font-size:14px}
}


/* =========================================================
   V3.6 — ABOUT ME + PORTAL PURPOSE
   First-person, concise, international professional tone
   ========================================================= */

.v36-about-me{
  margin:20px 0;
  padding:30px 32px;
  border:1px solid rgba(92,195,212,.18);
  border-radius:20px;
  background:
    linear-gradient(110deg,rgba(18,112,135,.10),transparent 42%),
    linear-gradient(145deg,rgba(8,42,53,.96),rgba(5,29,38,.96));
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:start;
}
.v36-about-label>span{
  display:block;
  color:#6ed4df;
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
}
.v36-about-label h3{
  margin:9px 0 0;
  max-width:370px;
  font-size:26px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.v36-about-copy{
  display:grid;
  gap:14px;
}
.v36-about-copy p{
  margin:0;
  color:#c7d9dd;
  font-size:15px;
  line-height:1.78;
}
.v36-about-copy strong{color:#f6fbfc}

/* Visitor About Me */
.v36-visitor-about-me{
  padding:62px 0;
  border-bottom:1px solid rgba(20,32,27,.11);
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:70px;
  align-items:start;
}
.v36-visitor-about-label>span{
  display:block;
  color:#147f91;
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
}
.v36-visitor-about-label h2{
  margin:10px 0 0;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-.045em;
}
.v36-visitor-about-copy{
  display:grid;
  gap:15px;
}
.v36-visitor-about-copy p{
  margin:0;
  color:#5f6d66;
  font-size:15px;
  line-height:1.78;
}
.v36-visitor-about-copy strong{color:#17231d}

/* Purpose of portal */
.v36-purpose{
  padding:70px 0;
  border-bottom:1px solid rgba(20,32,27,.11);
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:70px;
  align-items:start;
}
.v36-purpose>div:first-child>span{
  display:block;
  color:#147f91;
  font-size:11px;
  font-weight:850;
  letter-spacing:.16em;
}
.v36-purpose h2{
  margin:10px 0 0;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-.045em;
}
.v36-purpose-copy{
  display:grid;
  gap:20px;
}
.v36-purpose-copy p{
  margin:0;
  color:#5f6d66;
  font-size:15px;
  line-height:1.8;
}
.v36-purpose-copy p strong{color:#17231d}
.v36-purpose-copy blockquote{
  margin:0;
  padding:17px 20px;
  border-left:4px solid #d6ad52;
  background:rgba(19,127,157,.055);
  border-radius:0 12px 12px 0;
  color:#334941;
  font-size:15px;
  line-height:1.7;
  font-weight:550;
}

html[dir="rtl"] .v36-purpose-copy blockquote{
  border-left:0;
  border-right:4px solid #d6ad52;
  border-radius:12px 0 0 12px;
}

@media(max-width:900px){
  .v36-about-me,
  .v36-visitor-about-me,
  .v36-purpose{
    grid-template-columns:1fr;
    gap:24px;
  }
}
@media(max-width:600px){
  .v36-about-me{padding:22px}
  .v36-about-label h3,
  .v36-visitor-about-label h2,
  .v36-purpose h2{font-size:30px}
  .v36-about-copy p,
  .v36-visitor-about-copy p,
  .v36-purpose-copy p{font-size:14px}
}


/* =========================================================
   V3.7 — CREDENTIAL ARCHITECTURE + VISITOR LOGO CONTAINMENT
   ========================================================= */

/* Visitor project cards — logo can NEVER escape its container */
.v3-org-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.v3-org-card{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:210px!important;
  padding:20px!important;
  overflow:hidden!important;
}
.v3-logo{
  width:190px!important;
  height:160px!important;
  max-width:100%!important;
  min-width:0!important;
  padding:12px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}
.v3-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
}
.v3-org-card>div:last-child{
  min-width:0!important;
  overflow:hidden!important;
}
.v3-org-card>div:last-child>span{
  display:block!important;
  position:static!important;
  width:auto!important;
  font-size:11px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
.v3-org-card h3{
  font-size:22px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
.v3-org-card p{
  font-size:13px!important;
  line-height:1.65!important;
  overflow-wrap:anywhere!important;
}

/* Credentials */
.v37-credentials{position:relative}
.v37-credential-subhead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin:30px 0 14px;
}
.v37-credential-subhead>div>span{
  display:block;
  color:#147f91;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
.v37-credential-subhead h3{
  margin:6px 0 0;
  color:#173b44;
  font-size:22px;
  letter-spacing:-.025em;
}
.v37-credential-subhead small{
  max-width:430px;
  color:#75898e;
  font-size:11px;
  line-height:1.5;
  text-align:right;
}

.v37-featured-credentials{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
}
.v37-featured-card{
  position:relative;
  min-height:260px;
  padding:22px;
  border:1px solid rgba(17,65,75,.13);
  border-radius:17px;
  background:
    linear-gradient(145deg,rgba(224,246,248,.55),rgba(255,255,255,.96) 54%),
    #fff;
  overflow:hidden;
}
.v37-featured-card:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#45bdcf,#137f9d 76%,#d6ad52);
}
.v37-cred-index{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#123e48;
  color:#fff;
  font-size:11px;
  font-weight:900;
  margin-bottom:22px;
}
.v37-featured-card>span{
  color:#147f91;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}
.v37-featured-card h3{
  margin:7px 0 9px;
  color:#123a43;
  font-size:20px;
  line-height:1.35;
}
.v37-featured-card p{
  margin:0;
  color:#657c81;
  font-size:12px;
  line-height:1.65;
}

.v37-core-credential-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
  margin-top:13px;
}
.v37-core-credential-grid article{
  min-height:178px;
  padding:18px;
  border:1px solid rgba(17,65,75,.12);
  border-radius:15px;
  background:#fff;
}
.v37-core-credential-grid article>span{
  color:#b18b41;
  font-size:10px;
  font-weight:850;
}
.v37-core-credential-grid strong{
  display:block;
  margin:20px 0 7px;
  color:#173a43;
  font-size:15px;
  line-height:1.35;
}
.v37-core-credential-grid p{
  margin:0;
  color:#6c8186;
  font-size:11px;
  line-height:1.6;
}

.v37-recognition{
  margin-top:24px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  align-items:center;
  border:1px solid rgba(207,167,84,.28);
  border-radius:16px;
  background:linear-gradient(100deg,rgba(214,173,82,.10),#fff 45%);
}
.v37-recognition-mark{
  width:68px;
  height:68px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#137f9d,#0b6978);
  color:#fff;
  font-weight:900;
  letter-spacing:.04em;
}
.v37-recognition span{
  color:#a87820;
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
}
.v37-recognition h3{
  margin:5px 0 5px;
  color:#173a43;
  font-size:19px;
}
.v37-recognition p{
  margin:0;
  color:#657c81;
  font-size:12px;
  line-height:1.6;
}

.v37-capability-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.v37-capability-grid article{
  padding:19px;
  border:1px solid rgba(17,65,75,.12);
  border-radius:15px;
  background:#fff;
}
.v37-capability-grid strong{
  display:block;
  color:#173a43;
  font-size:15px;
}
.v37-capability-grid p{
  margin:7px 0 0;
  color:#6a8085;
  font-size:12px;
  line-height:1.6;
}

.v37-additional-block{margin-top:12px}
.v37-training-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.v37-training-grid span{
  min-height:54px;
  padding:12px 13px;
  display:flex;
  align-items:center;
  border:1px solid rgba(17,65,75,.11);
  border-radius:12px;
  background:#fff;
  color:#294c54;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}
.v37-certificate-note{
  margin:20px 0 0!important;
  padding:14px 16px;
  border-left:3px solid #4fc5d4;
  background:rgba(79,197,212,.055);
  color:#6a8085!important;
  font-size:11px!important;
  line-height:1.6!important;
}

/* RTL */
html[dir="rtl"] .v37-credential-subhead small{text-align:left}
html[dir="rtl"] .v37-certificate-note{
  border-left:0;
  border-right:3px solid #4fc5d4;
}

/* Responsive */
@media(max-width:1150px){
  .v37-featured-credentials{grid-template-columns:1fr 1fr}
  .v37-featured-card:first-child{grid-column:1/-1}
  .v37-core-credential-grid{grid-template-columns:1fr 1fr}
  .v37-training-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .v3-org-grid{grid-template-columns:1fr!important}
  .v3-org-card{grid-template-columns:170px minmax(0,1fr)!important}
  .v3-logo{width:170px!important;height:145px!important}
}
@media(max-width:700px){
  .v37-credential-subhead{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .v37-credential-subhead small{text-align:left}
  .v37-featured-credentials,
  .v37-core-credential-grid,
  .v37-capability-grid,
  .v37-training-grid{
    grid-template-columns:1fr!important;
  }
  .v37-featured-card:first-child{grid-column:auto}
}
@media(max-width:520px){
  .v3-org-card{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .v3-logo{
    width:100%!important;
    height:165px!important;
    margin:0 auto!important;
  }
  .v3-org-card>div:last-child{text-align:center!important}
  .v37-recognition{
    grid-template-columns:1fr;
    text-align:center;
  }
  .v37-recognition-mark{margin:0 auto}
}




  :root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:#153a43;background:#f5fafb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5fafb;color:#153a43;font-size:15px;line-height:1.55}.wrap{max-width:1370px;margin:auto;padding:0 clamp(17px,5vw,70px)}.top{position:sticky;top:0;z-index:20;min-height:78px;display:flex;align-items:center;gap:12px;background:rgba(249,252,252,.96);border-bottom:1px solid #d8e5e5}.mark{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#0d6d75,#083946);color:#fff;display:grid;place-items:center;font-weight:900}.top strong{font-size:13px}.top small{display:block;color:#6d8287;font-size:10px}.langs{margin-left:auto;display:flex;border:1px solid #d6e3e3;border-radius:10px;padding:3px;background:#fff}.langs button{border:0;background:transparent;padding:7px 9px;border-radius:7px;font-weight:800;color:#657b80}.langs button.active{background:#0d6d75;color:#fff}.hero{position:relative;overflow:hidden;min-height:570px;display:grid;grid-template-columns:1fr 300px;gap:70px;align-items:center;padding:72px 0;border-bottom:1px solid #d8e5e5}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 20%,rgba(91,185,196,.16),transparent 18rem),linear-gradient(122deg,transparent 0 64%,rgba(13,109,117,.11) 64.2% 64.4%,transparent 64.6%)}.hero>*{position:relative;z-index:2}.ey{color:#0e7882;font-size:11px;font-weight:850;letter-spacing:.16em}.hero h1{font-size:clamp(56px,7vw,90px);line-height:.9;letter-spacing:-.06em;margin:14px 0 13px;color:#0b3540}.hero h2{font-size:22px;color:#4a636a;margin:0}.hero blockquote{max-width:780px;margin:24px 0 0;padding-left:18px;border-left:4px solid #cfa754;color:#294951;font-size:18px;font-weight:600;line-height:1.6}.hero p{max-width:760px;color:#667e83;font-size:14px;line-height:1.75}.seal{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#0d6d75,#083946);color:white;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 0 0 12px #edf7f8,0 0 0 13px rgba(13,109,117,.16)}.summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d8e5e5}.summary div{padding:28px 0}.summary div+div{padding-left:30px;border-left:1px solid #d8e5e5}.summary span{display:block;color:#6d8388;font-size:10px;text-transform:uppercase}.summary b{display:block;font-size:31px;margin-top:7px}.section{padding:68px 0;border-bottom:1px solid #d8e5e5}.section h2{font-size:38px;letter-spacing:-.04em;margin:8px 0 25px}.section>p{max-width:780px;color:#6c8186;font-size:12px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filters button{border:1px solid #d3e0e0;background:#fff;color:#566e73;border-radius:999px;padding:8px 12px;font-size:11px}.filters button.active{background:#0d6d75;color:#fff}.records{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.record{background:#fff;border:1px solid #d8e5e5;border-radius:15px;padding:18px;min-height:250px}.meta{display:flex;justify-content:space-between;color:#71878b;font-size:10px}.ref{display:block;color:#0d7580;font-size:10px;font-weight:800;margin-top:14px}.record h3{font-size:17px;margin:8px 0}.record p{font-size:12px;color:#697f84;line-height:1.6}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.details div{border:1px solid #e2e9e9;border-radius:9px;padding:9px}.details span{display:block;color:#7a8c90;font-size:9px}.details b{font-size:10px}.record h4{font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin:18px 0 5px}.attachments{display:flex;gap:7px;flex-wrap:wrap}.attachments a,.doc a{display:inline-block;border:1px solid #d2dfdf;background:#f7fbfb;border-radius:8px;padding:8px 10px;color:#0d6871;text-decoration:none;font-size:10px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:13px}.org{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #d8e5e5;border-radius:16px;padding:17px}.logo{height:115px;display:grid;place-items:center;border:1px solid #eef1ee;border-radius:12px;padding:10px}.logo img{max-width:100%;max-height:100%;object-fit:contain}.org span{font-size:9px;color:#0e7a84;font-weight:800}.org h3{font-size:19px;margin:5px 0}.org p{font-size:12px;color:#6d8287;line-height:1.6}.areas,.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.area,.cred,.doc{background:#fff;border:1px solid #d8e5e5;border-radius:14px;padding:16px}.cred.feature{min-height:210px;border-top:3px solid #0e7882}.cred.core{min-height:150px}.cred h3{font-size:15px;margin:8px 0;color:#173a43}.recognition{display:grid;grid-template-columns:65px 1fr;gap:16px;align-items:center;margin-top:16px;padding:18px;border:1px solid #ead7ac;border-radius:14px;background:linear-gradient(100deg,#fff9eb,#fff 45%)}.recognition .mark2{width:60px;height:60px;border-radius:15px;background:#0e7882;color:#fff;display:grid;place-items:center;font-weight:900}.recognition span{font-size:9px;color:#a87920;font-weight:850;letter-spacing:.1em}.recognition h3{font-size:17px;margin:4px 0}.recognition p{font-size:11px;color:#6d8287;margin:0}.training{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.training span{background:#fff;border:1px solid #d8e5e5;border-radius:10px;padding:10px 11px;font-size:10px;font-weight:700}.area span,.cred span,.doc span{color:#839695;font-size:9px}.area b,.cred b{display:block;font-size:13px;margin-top:18px}.cred p,.doc p{font-size:11px;color:#6d8287;line-height:1.55}.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.doc h3{font-size:15px}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-card{display:block;background:#fff;border:1px solid #d8e5e5;border-radius:15px;padding:18px;text-decoration:none;color:#153a43}.contact-card span{font-size:10px;color:#71868a}.contact-card b{display:block;font-size:14px;margin:9px 0}.foot{padding:28px 0 42px;color:#697f84;font-size:10px}.Low{color:#2f8a5b}.Medium{color:#9c741f}.High{color:#b5683f}.Critical{color:#b64d4d}html[dir="rtl"] body{font-family:Tahoma,Arial,"Segoe UI",sans-serif}html[dir="rtl"] .langs{margin-left:0;margin-right:auto}html[dir="rtl"] .hero blockquote{padding-left:0;padding-right:18px;border-left:0;border-right:4px solid #cfa754}html[dir="rtl"] .summary div+div{padding-left:0;padding-right:30px;border-left:0;border-right:1px solid #d8e5e5}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:580px}.hero aside{display:none}.records,.docs{grid-template-columns:1fr}.experience{grid-template-columns:1fr}.areas,.creds{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.org{grid-template-columns:110px 1fr}}@media(max-width:520px){.wrap{padding:0 16px}.hero h1{font-size:48px}.areas,.creds{grid-template-columns:1fr}.org{grid-template-columns:1fr}.logo{height:130px}.details{grid-template-columns:1fr}}

/* =========================================================
   V4 — SERVER DATABASE / OWNER AUTH
   ========================================================= */
.v4-auth{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,rgba(59,183,201,.16),transparent 25rem),linear-gradient(145deg,#03131d,#062932 65%,#041820)}
.v4-auth.hidden{display:none!important}.v4-auth-card{width:min(460px,100%);padding:34px;border:1px solid rgba(105,203,217,.22);border-radius:22px;background:rgba(7,38,48,.96);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.v4-auth-mark{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#65cedc,#1587a4);color:#06242d;font-weight:950;margin-bottom:22px}.v4-auth-card>span{font-size:11px;font-weight:850;letter-spacing:.16em;color:#6ed4df}.v4-auth-card h1{margin:8px 0 8px;font-size:31px;color:#f6fbfc}.v4-auth-card>p{margin:0 0 23px;color:#a9c0c5;line-height:1.6;font-size:14px}.v4-auth-card form{display:grid;gap:14px}.v4-auth-card label span{display:block;margin-bottom:6px;color:#c8dade;font-size:12px;font-weight:750}.v4-auth-card input{width:100%;padding:14px 15px;border-radius:12px;border:1px solid rgba(112,194,208,.22);background:#061f28;color:#f4fbfc;font:inherit;outline:none}.v4-auth-card input:focus{border-color:#65cedc;box-shadow:0 0 0 3px rgba(101,206,220,.10)}.v4-auth-card>a{display:inline-block;margin-top:20px;color:#8fc9d2;font-size:12px}.v4-auth-error{margin:0!important;padding:10px 12px;border-radius:9px;background:rgba(206,72,72,.12);color:#ffb5b5!important;font-size:12px!important}
.v4-server-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#9ac1c8}.v4-server-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#52d99a;box-shadow:0 0 10px rgba(82,217,154,.75)}
.v4-public .visitor-controls a.v-secondary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.v4-storage-note{margin:10px 0 0;color:#8ca7ad;font-size:11px;line-height:1.55}


/* =========================================================
   V4.1 — PUBLIC MOBILE NAVIGATION
   ========================================================= */
.visitor-brand-link{color:inherit;text-decoration:none;min-width:0}
.mobile-nav-toggle{display:none;width:48px;height:48px;border:1px solid rgba(13,109,117,.18);border-radius:14px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 8px 22px rgba(15,71,82,.06);cursor:pointer}
.mobile-nav-toggle span{display:block;width:21px;height:2px;border-radius:99px;background:#0b5965;transition:transform .2s ease,opacity .2s ease}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav-backdrop{position:fixed;inset:0;z-index:89;background:rgba(2,22,28,.44);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.mobile-nav-backdrop.open{opacity:1;visibility:visible}
.mobile-nav-panel{position:fixed;z-index:90;top:0;right:0;width:min(88vw,360px);height:100dvh;padding:22px;display:flex;flex-direction:column;background:linear-gradient(160deg,#f9fcfc 0%,#edf7f8 66%,#f8f8f3 100%);border-left:1px solid rgba(15,92,103,.14);box-shadow:-24px 0 70px rgba(7,42,49,.18);transform:translateX(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s ease;overflow-y:auto}
.mobile-nav-panel.open{transform:translateX(0);visibility:visible}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(12,93,105,.13)}
.mobile-nav-head>div>span{display:block;color:#148493;font-size:10px;font-weight:900;letter-spacing:.15em}
.mobile-nav-head>div>strong{display:block;margin-top:5px;color:#103c46;font-size:24px;letter-spacing:-.035em}
.mobile-nav-head button{width:43px;height:43px;border:1px solid rgba(13,109,117,.16);border-radius:12px;background:#fff;color:#123d46;font-size:25px;line-height:1;cursor:pointer}
.mobile-nav-links{display:grid!important;gap:7px!important;padding:20px 0!important}
.mobile-nav-links a{display:grid!important;grid-template-columns:33px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:13px 12px!important;border:1px solid transparent!important;border-radius:12px!important;color:#244b53!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important}
.mobile-nav-links a:hover,.mobile-nav-links a:focus-visible{background:#fff!important;border-color:rgba(13,109,117,.13)!important;outline:none}
.mobile-nav-links a span{color:#0c8390;font-size:10px;font-weight:900;letter-spacing:.08em}
.mobile-nav-links a strong{font-size:15px;line-height:1.25}
.mobile-nav-tools{margin-top:auto;padding-top:18px;border-top:1px solid rgba(12,93,105,.13);display:grid;gap:13px}
.mobile-nav-tools>div>span,.mobile-owner-login>span{display:block;margin-bottom:7px;color:#72898d;font-size:9px;font-weight:850;letter-spacing:.14em}
.mobile-lang{display:inline-flex!important;margin:0!important;background:#fff!important}
.mobile-owner-login{display:block;padding:14px;border:1px solid rgba(13,109,117,.17);border-radius:13px;background:#0d6d75;color:#fff;text-decoration:none}
.mobile-owner-login>span{color:#bfe8eb;margin-bottom:4px}
.mobile-owner-login>strong{font-size:14px;color:#fff}
.mobile-nav-note{margin:14px 0 0;color:#70868b;font-size:10px;line-height:1.55}
body.mobile-nav-open{overflow:hidden}
html[dir="rtl"] .mobile-nav-panel{right:auto;left:0;border-left:0;border-right:1px solid rgba(15,92,103,.14);box-shadow:24px 0 70px rgba(7,42,49,.18);transform:translateX(-105%)}
html[dir="rtl"] .mobile-nav-panel.open{transform:translateX(0)}
html[dir="rtl"] .mobile-nav-links a{grid-template-columns:minmax(0,1fr) 33px!important}
html[dir="rtl"] .mobile-nav-links a span{grid-column:2;grid-row:1}
html[dir="rtl"] .mobile-nav-links a strong{grid-column:1;grid-row:1}
@media(max-width:780px){
  .visitor-top{min-height:88px!important;padding:12px 18px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .visitor-top .visitor-desktop-nav,.visitor-top .visitor-controls{display:none!important}
  .mobile-nav-toggle{display:inline-flex!important}
  .visitor-brand{min-width:0!important;gap:11px!important}
  .visitor-brand>div{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:14px!important;font-size:11px!important}
  .visitor-brand section{min-width:0}
  .visitor-brand strong{font-size:17px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .visitor-brand span{font-size:12px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:430px){
  .visitor-top{padding:11px 14px!important}
  .visitor-brand>div{flex-basis:44px!important;width:44px!important;height:44px!important}
  .visitor-brand strong{font-size:16px!important}
  .visitor-brand span{font-size:11px!important}
  .mobile-nav-toggle{width:45px;height:45px}
}


/* =========================================================
   V4.2 FINAL — PUBLIC PORTFOLIO POLISH
   Real hero imagery, accessible theme system, high-contrast
   dark mode, refined NWC / Saudi-infrastructure color system.
   ========================================================= */
.v4-public{
  --pub-page:#f4fafb;
  --pub-surface:#ffffff;
  --pub-surface-2:#eef7f8;
  --pub-header:rgba(250,253,253,.94);
  --pub-heading:#103944;
  --pub-text:#536c72;
  --pub-muted:#71878c;
  --pub-line:rgba(13,89,103,.14);
  --pub-primary:#0f7d8e;
  --pub-water:#45b8ca;
  --pub-green:#4f9877;
  --pub-violet:#71648c;
  --pub-gold:#d5ad52;
  --pub-shadow:0 18px 50px rgba(12,75,87,.08);
}
html[data-theme="dark"] .v4-public{
  --pub-page:#061b22;
  --pub-surface:#0b2932;
  --pub-surface-2:#0f333d;
  --pub-header:rgba(5,26,33,.95);
  --pub-heading:#f4fbfc;
  --pub-text:#c6d8dc;
  --pub-muted:#9bb1b6;
  --pub-line:rgba(143,208,218,.18);
  --pub-primary:#69d0df;
  --pub-water:#58c5d5;
  --pub-green:#74b894;
  --pub-violet:#a49abb;
  --pub-gold:#e0bd68;
  --pub-shadow:0 22px 58px rgba(0,0,0,.22);
}
.v4-public .visitor-shell{background:var(--pub-page)!important;color:var(--pub-text)!important;transition:background .2s ease,color .2s ease}
.v4-public .visitor-main{color:var(--pub-text)!important}
.v4-public .visitor-top{background:var(--pub-header)!important;border-color:var(--pub-line)!important}
.v4-public .visitor-brand>div{background:linear-gradient(135deg,var(--pub-water),var(--pub-primary))!important;color:#fff!important}
.v4-public .visitor-brand strong,
.v4-public .visitor-shell h1,
.v4-public .visitor-shell h2,
.v4-public .visitor-shell h3,
.v4-public .visitor-shell h4,
.v4-public .visitor-shell b,
.v4-public .visitor-shell strong{color:var(--pub-heading)}
.v4-public .visitor-brand span,
.v4-public .visitor-top nav a,
.v4-public .visitor-shell p,
.v4-public .visitor-shell small{color:var(--pub-text)}
.v4-public .visitor-top nav a:hover,
.v4-public .visitor-top nav a:focus-visible{color:var(--pub-primary)!important}
.v4-public .visitor-top nav a,
.v4-public .visitor-brand-link,
.v4-public .visitor-footer a{transition:color .16s ease}
.v4-public .visitor-hero,
.v4-public .visitor-section,
.v4-public .visitor-summary,
.v4-public .v36-visitor-about-me,
.v4-public .v36-purpose{border-color:var(--pub-line)!important}
.v4-public .visitor-section-head>span,
.v4-public .v36-visitor-about-label>span,
.v4-public .v36-purpose>div:first-child>span,
.v4-public .v37-credential-subhead>div>span,
.v4-public .v3-contact>div:first-child>span,
.v4-public .visitor-hero>div>span{color:var(--pub-primary)!important}
.v4-public .visitor-hero h2{color:var(--pub-text)!important}
.v4-public .visitor-hero h2 i{color:var(--pub-gold)!important}
.v4-public .visitor-hero>div>p,
.v4-public .visitor-section-head p,
.v4-public .v36-visitor-about-copy p,
.v4-public .v36-purpose-copy p,
.v4-public .v37-featured-card p,
.v4-public .v37-core-credential-grid p,
.v4-public .v37-recognition p,
.v4-public .v37-capability-grid p,
.v4-public .v3-org-card p,
.v4-public .v3-logo-note,
.v4-public .v3-contact>div:first-child>p{color:var(--pub-text)!important}
.v4-public .v35-visitor-quote-wrap,
.v4-public .v36-purpose-copy blockquote{background:color-mix(in srgb,var(--pub-water) 8%,var(--pub-surface))!important;border-color:var(--pub-gold)!important}
.v4-public .v35-visitor-quote-wrap>span{color:var(--pub-primary)!important}
.v4-public .v35-visitor-quote-wrap .v3-visitor-quote,
.v4-public .v36-purpose-copy blockquote{color:var(--pub-heading)!important}

/* real hero imagery */
.v4-public .visitor-hero{
  grid-template-columns:minmax(0,1fr) 440px!important;
  gap:54px!important;
  min-height:620px!important;
  padding:62px 0!important;
  position:relative;
}
.v4-public .final-hero-media{
  position:relative;
  min-height:515px;
  padding:0!important;
  border:0!important;
  overflow:hidden;
  border-radius:26px;
  background:var(--pub-surface-2);
  box-shadow:var(--pub-shadow);
}
.v4-public .final-hero-media picture,
.v4-public .final-hero-media img{display:block;width:100%;height:100%}
.v4-public .final-hero-media img{
  position:absolute;inset:0;
  object-fit:cover;
  object-position:100% center;
}
.v4-public .final-hero-media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 57%,rgba(4,28,35,.78) 100%);
  pointer-events:none;
}
.v4-public .hero-media-caption{
  position:absolute;left:20px;right:20px;bottom:18px;z-index:2;
  padding:13px 15px;
  border:1px solid rgba(255,255,255,.19);
  border-radius:13px;
  background:rgba(5,35,43,.70);
  backdrop-filter:blur(10px);
}
.v4-public .hero-media-caption span{display:block;color:#8fe0e9!important;font-size:10px;font-weight:850;letter-spacing:.14em}
.v4-public .hero-media-caption strong{display:block;margin-top:4px;color:#fff!important;font-size:15px}
.v4-public .visitor-hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:4px;
  background:linear-gradient(90deg,var(--pub-primary) 0 52%,var(--pub-water) 52% 72%,var(--pub-green) 72% 84%,var(--pub-violet) 84% 92%,var(--pub-gold) 92%);
}

/* buttons and theme toggle */
.v4-public .v-primary{background:var(--pub-primary)!important;border-color:var(--pub-primary)!important;color:#fff!important}
.v4-public .v-secondary{background:var(--pub-surface)!important;border-color:var(--pub-line)!important;color:var(--pub-heading)!important}
.theme-toggle{
  width:38px;height:38px;min-width:38px;padding:0;
  display:inline-grid;place-items:center;
  border:1px solid var(--pub-line);
  border-radius:11px;
  background:var(--pub-surface);
  color:var(--pub-heading);
  cursor:pointer;
  box-shadow:none;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--pub-primary) 42%,var(--pub-line))}
.theme-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--pub-water) 35%,transparent);outline-offset:2px}
.theme-toggle span{font-size:17px!important;line-height:1;color:inherit!important}
.mobile-theme-toggle{display:none}
.menu-theme-toggle{width:42px;height:42px}
.mobile-theme-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
.mobile-theme-row>span{margin:0!important}

/* card system */
.v4-public .visitor-record-card,
.v4-public .visitor-area-card,
.v4-public .visitor-document-card,
.v4-public .v3-org-card,
.v4-public .v37-featured-card,
.v4-public .v37-core-credential-grid article,
.v4-public .v37-recognition,
.v4-public .v37-capability-grid article,
.v4-public .v37-training-grid span,
.v4-public .v3-contact-card{
  background:var(--pub-surface)!important;
  border-color:var(--pub-line)!important;
  box-shadow:none;
}
.v4-public .v37-featured-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--pub-water) 9%,var(--pub-surface)),var(--pub-surface) 56%)!important;
}
.v4-public .v37-featured-card:after{
  background:linear-gradient(90deg,var(--pub-primary),var(--pub-water) 66%,var(--pub-gold))!important
}
.v4-public .v37-cred-index,
.v4-public .v37-recognition-mark{background:linear-gradient(135deg,var(--pub-primary),#0a5663)!important;color:#fff!important}
.v4-public .v37-recognition{
  background:linear-gradient(100deg,color-mix(in srgb,var(--pub-gold) 11%,var(--pub-surface)),var(--pub-surface) 45%)!important
}
.v4-public .visitor-filter{background:var(--pub-surface)!important;color:var(--pub-text)!important;border-color:var(--pub-line)!important}
.v4-public .visitor-filter.active{background:var(--pub-primary)!important;color:#fff!important;border-color:var(--pub-primary)!important}
.v4-public .v3-logo{background:#fff!important;border-color:rgba(13,89,103,.12)!important}
.v4-public .v3-logo img{object-fit:contain!important}

/* contact */
.v4-public .v3-contact-card{color:var(--pub-heading)!important}
.v4-public .v3-contact-card span,
.v4-public .v3-contact-card small{color:var(--pub-muted)!important}
.v4-public .v3-contact-card strong{color:var(--pub-heading)!important}

/* modal */
.v4-public .modal{background:var(--pub-surface)!important;color:var(--pub-text)!important;border-color:var(--pub-line)!important}
.v4-public .modal-head,
.v4-public .modal-actions,
.v4-public .detail-grid>div,
.v4-public .file-item{border-color:var(--pub-line)!important}
.v4-public .detail-grid>div,
.v4-public .file-item{background:var(--pub-surface-2)!important}
.v4-public .detail-grid span,
.v4-public .modal-reference{color:var(--pub-muted)!important}
.v4-public .detail-section p{color:var(--pub-text)!important}

/* footer */
.v4-public .visitor-footer{
  padding:34px 0 42px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:13px 28px!important;
  align-items:start!important;
  border-top:1px solid var(--pub-line)!important;
  color:var(--pub-text)!important;
}
.v4-public .footer-primary{display:grid;gap:3px}
.v4-public .footer-primary strong{font-size:16px}
.v4-public .footer-primary span{font-size:12px;color:var(--pub-text)!important}
.v4-public .footer-primary small{font-size:11px;color:var(--pub-muted)!important}
.v4-public .footer-contact{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.v4-public .footer-contact a{font-size:11px;font-weight:700;color:var(--pub-primary)!important;text-decoration:none}
.v4-public .visitor-footer p{grid-column:1/-1;margin:5px 0 0;font-size:10px!important;line-height:1.6;color:var(--pub-muted)!important}
.v4-public .footer-copy{grid-column:1/-1;color:var(--pub-muted)!important}

/* dark-mode mobile menu */
html[data-theme="dark"] .mobile-nav-panel{
  background:linear-gradient(160deg,#0a2831,#061c23 72%,#0a242b)!important;
  border-color:var(--pub-line)!important;
}
html[data-theme="dark"] .mobile-nav-head,
html[data-theme="dark"] .mobile-nav-tools{border-color:var(--pub-line)!important}
html[data-theme="dark"] .mobile-nav-head>div>strong,
html[data-theme="dark"] .mobile-nav-links a,
html[data-theme="dark"] .mobile-nav-head button{color:var(--pub-heading)!important}
html[data-theme="dark"] .mobile-nav-head>div>span,
html[data-theme="dark"] .mobile-nav-links a span{color:var(--pub-water)!important}
html[data-theme="dark"] .mobile-nav-head button,
html[data-theme="dark"] .mobile-lang,
html[data-theme="dark"] .mobile-nav-links a:hover,
html[data-theme="dark"] .mobile-nav-links a:focus-visible{background:var(--pub-surface)!important;border-color:var(--pub-line)!important}
html[data-theme="dark"] .mobile-nav-note,
html[data-theme="dark"] .mobile-nav-tools>div>span{color:var(--pub-muted)!important}
html[data-theme="dark"] .v3-lang.light{background:var(--pub-surface)!important;border-color:var(--pub-line)!important}
html[data-theme="dark"] .v3-lang.light .v3-lang-btn{color:var(--pub-text)!important}
html[data-theme="dark"] .v3-lang.light .v3-lang-btn.active{background:var(--pub-primary)!important;color:#061b22!important}

/* skip link + focus */
.skip-link{position:fixed;left:16px;top:10px;z-index:1000;padding:10px 13px;border-radius:9px;background:#0d6d75;color:white;text-decoration:none;font-weight:800;transform:translateY(-150%);transition:transform .15s ease}
.skip-link:focus{transform:translateY(0)}
.v4-public a:focus-visible,.v4-public button:focus-visible{outline:3px solid color-mix(in srgb,var(--pub-water) 42%,transparent);outline-offset:3px}

/* responsive */
@media(max-width:1000px){
  .v4-public .visitor-hero{grid-template-columns:minmax(0,1fr) 360px!important;gap:32px!important}
  .v4-public .final-hero-media{min-height:470px}
}
@media(max-width:780px){
  .visitor-top{grid-template-columns:minmax(0,1fr) auto auto!important}
  .mobile-theme-toggle{display:inline-grid!important}
  .v4-public .visitor-hero{grid-template-columns:1fr!important;gap:30px!important;min-height:auto!important;padding:44px 0 52px!important}
  .v4-public .visitor-hero h1{font-size:clamp(50px,15vw,72px)!important}
  .v4-public .visitor-hero h2{font-size:20px!important;line-height:1.35}
  .v4-public .final-hero-media{display:block!important;min-height:410px;border-radius:22px}
  .v4-public .final-hero-media img{object-position:center 24%}
  .v4-public .hero-media-caption{left:14px;right:14px;bottom:13px}
  .v4-public .visitor-footer{grid-template-columns:1fr!important}
  .v4-public .footer-contact{justify-content:flex-start}
}
@media(max-width:480px){
  .theme-toggle.mobile-theme-toggle{width:42px;height:42px;min-width:42px;border-radius:12px}
  .v4-public .visitor-hero{padding-top:34px!important}
  .v4-public .final-hero-media{min-height:360px}
  .v4-public .v35-visitor-quote-wrap{padding:15px 16px!important}
  .v4-public .v35-visitor-quote-wrap .v3-visitor-quote{font-size:15px!important;line-height:1.65!important}
  .v4-public .visitor-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}