/* Valify Studio: shared visual system across workspace, portals and onboarding. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--blue:#175cd3;--ink:#132a43;--muted:#536579;--line:#e2e8ef;--bg:#f4f7fb;--nav:#112a43;--teal:#087f83;--shadow:0 4px 20px #112a4305}body{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,.stat b{font-family:Inter,Arial,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(24px,2.3vw,34px);line-height:1.25;font-weight:750}h2{font-size:18px;font-weight:700}p{line-height:1.75}html[dir=rtl] body,html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}aside{width:252px;background:var(--nav);border:0;padding:28px 18px;overflow-y:auto;color:#e9f0fa}aside .brand{color:white;font-size:39px;letter-spacing:-2px;padding:0 14px}.brand span{color:#46d3c6}.workspace{color:#a6bad0;padding:28px 14px 20px}.workspace strong{color:#fff}.workspace small,.sidefoot small{color:#adbed0}nav a{color:#c0d0e0;font-weight:500;font-size:13px;padding:12px 14px;margin:3px 0;border-radius:9px;gap:12px;min-height:46px}nav a:hover{background:#ffffff0a;color:white}nav a.active,nav a[aria-current=page]{color:#fff;background:#254760;box-shadow:inset 3px 0 #54d3c3}html[dir=rtl] nav a.active,html[dir=rtl] nav a[aria-current=page]{box-shadow:inset -3px 0 #54d3c3}nav i{font-size:18px;color:#93b1cc}.sidefoot{border-color:#ffffff20;padding:20px 12px 0}.avatar{background:#2b526d;color:#b7f2ea}.shell{margin-left:252px}html[dir=rtl] .shell{margin-left:0;margin-right:252px}header{min-height:82px;border-bottom:1px solid var(--line);background:#ffffffed;padding:14px 36px;gap:16px}header select{background:#f7f9fc;border-color:#dde5ef;width:auto;max-width:210px;font-weight:600}header button{font-size:12px}main{padding:32px 36px;max-width:1500px}.heading{margin-bottom:26px}.heading p{font-size:14px;max-width:720px}.heading button.primary{min-height:46px;box-shadow:0 4px 10px #175cd31a}button{border-radius:9px;min-height:42px;padding:10px 16px;font-weight:600;font-size:13px;border-color:#d9e2ec;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:hover{background:#f0f5fc;box-shadow:0 2px 6px #132a4308;transform:translateY(-1px)}button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.primary:hover{background:#124ba9}.actions{gap:10px;margin-bottom:18px}.actions button{background:white}.card,.stat{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.card{padding:24px;margin-bottom:24px}.stat{padding:22px;position:relative;overflow:hidden}.stat::before{content:'';position:absolute;inset-block-start:0;inset-inline:20px;height:3px;background:#d6e4fa;border-radius:4px}.stat:nth-child(2)::before{background:#94d5cc}.stat b{font-size:34px;letter-spacing:-.06em;margin:12px 0 6px}.stat label{font-size:12px;font-weight:600}.stats{gap:16px;margin-bottom:24px}.hero{background:#e9f3fb;color:var(--ink);border:1px solid #d8e7f2;padding:32px;min-height:230px;border-radius:18px;align-items:center;isolation:isolate}.hero .eyebrow{color:#076b71}.hero h2{font-size:27px;line-height:1.25;color:#122e4b;max-width:500px}.hero p{color:#455e75;max-width:460px}.hero .bannerlink{color:#124c9f;border-color:#96afcd}.hero .orb{display:none}.hero>div:first-child{position:relative;z-index:1;max-width:62%}.hero-art{width:44%;height:100%;position:absolute;inset-inline-end:0;inset-block:0;object-fit:cover;object-position:70% center;mask-image:linear-gradient(to right,transparent,#000 20%)}html[dir=rtl] .hero-art{mask-image:linear-gradient(to left,transparent,#000 20%)}.eyebrow{font-size:10px;letter-spacing:.14em}.pilot-journey{border-top:3px solid #74c6bd}.pilot-journey .stepguide{list-style:none;padding:0;gap:8px;margin:18px 0}.pilot-journey .stepguide li{background:#edf5f7;border:1px solid #d7e9ec;border-radius:8px;color:#205565;font-size:12px;font-weight:600;padding:9px 12px}.pilot-journey .task{align-items:center;padding:14px 0}.pilot-journey .task button{font-size:12px;border-radius:8px}.pilot-journey>p:last-child{font-size:12px;margin-top:16px}.notice{background:#edf4fb;border:1px solid #d8e6f5;border-inline-start:3px solid #76a6e8;border-radius:10px;color:#34546d;padding:14px 18px;font-size:12px}.tablewrap{border:1px solid #e5ebf2;border-radius:10px}table{font-size:13px}th{font-size:10px;font-weight:650;color:#536579;background:#f7f9fc;padding:13px 16px}td{padding:17px 16px;border-color:#e9eef4}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfe}td button{font-size:12px;min-height:40px}.pill{border-radius:6px;font-size:11px;font-weight:600;padding:5px 9px}.progress{height:5px;border-radius:8px}.progress span{background:linear-gradient(90deg,#1d62da,#35aaa7)}input,select,textarea{border:1px solid #cfdbe8;border-radius:9px;min-height:44px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#4186d9;box-shadow:0 0 0 3px #175cd312}label.field{font-size:12px;color:#30485e;font-weight:600}dialog{width:min(620px,calc(100vw - 32px));padding:28px;border:1px solid #d8e2ed;border-radius:18px;box-shadow:0 24px 90px #0d213552;max-height:90dvh}dialog[open]{animation:dialog-in .18s ease-out}dialog::backdrop{background:#0b213a80;backdrop-filter:blur(4px)}.dialoghead{padding-bottom:14px;border-bottom:1px solid #e5ebf2;margin-bottom:16px}.dialogactions{padding-top:18px;border-top:1px solid #e5ebf2}.dialoghead h2{font-size:20px}.empty{padding:40px 24px}.empty::before{content:'';display:block;width:112px;height:104px;margin:0 auto 16px;background:url('assets/evidence-studio.jpg') center/cover;border-radius:20px}.public-shell{max-width:960px;margin:24px auto}.public-shell .passport-hero{background:linear-gradient(120deg,#112e4a,#1b4e69);border-radius:20px;padding:34px}.public-shell .passport-hero h1{font-size:32px;letter-spacing:-.03em}.public-shell header{background:transparent;padding:12px 0}.public-shell .detailgrid{gap:20px}.public-shell #qr{padding:16px;background:white;border-radius:14px;display:inline-block}.public-shell small{color:#566b7f}.language-control{position:fixed;inset-block-end:18px;inset-inline-start:18px;z-index:75;display:flex;align-items:center;gap:8px;background:white;border:1px solid #d3dfeb;border-radius:10px;padding:5px 10px;box-shadow:0 4px 16px #112a4312}.language-control>span{font-size:16px;color:#46617c}#language-switch{position:static;min-width:104px;width:auto;background:transparent;box-shadow:none;border:0;padding:5px;min-height:36px;font-size:12px;color:#183a58}.welcome-kicker{display:block;color:#087d81;font-size:11px;letter-spacing:.13em;font-weight:700;margin-top:24px}.language-choices{border:0;padding:0;margin:24px 0}.language-choices legend{font-size:13px;font-weight:600;margin-bottom:12px}.language-choice{display:flex;align-items:center;gap:12px;border:1px solid #d8e2ee;border-radius:11px;padding:13px 14px;margin:10px 0;cursor:pointer;min-height:58px;transition:background .18s,border-color .18s}.language-choice:has(input:checked){background:#edf5ff;border-color:#347bd1;box-shadow:0 0 0 1px #347bd1}.language-choice input{margin:0;min-height:20px;width:18px}.language-code{font-size:11px;background:#e5edf6;border-radius:5px;padding:5px;color:#3c5f80}.welcome-continue{width:100%;min-height:48px}.welcome-steps{margin-top:24px;display:grid;gap:8px;font-size:12px;color:#546b81}#account-screen{background:#edf3f8;padding:32px;align-items:center}.account-card{width:min(530px,100%);border-radius:20px;padding:38px;border:1px solid #d9e4ef;box-shadow:0 20px 80px #0c2a4510;position:relative}.account-card::before{content:'';position:fixed;inset:0 auto 0 0;width:48%;background:#e8f2fa url('assets/passport-studio.jpg') center/cover;z-index:-1}.account-card h1{font-size:28px;line-height:1.3;letter-spacing:-.04em}.account-card .brand{font-size:38px;padding:0}.account-card>small{margin-top:22px;font-size:11px}.account-card p{font-size:13px}.account-card form button.primary{width:100%;min-height:46px}#toast{border:1px solid #ffffff20;border-radius:12px;background:#112f49;box-shadow:0 12px 36px #0c21352e}footer{font-size:11px;padding:12px 36px 26px}.card,.stat{animation:studio-enter .32s ease both}.stat:nth-child(2){animation-delay:35ms}.stat:nth-child(3){animation-delay:65ms}.stat:nth-child(4){animation-delay:95ms}@keyframes studio-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:1100px){#account-screen{padding-inline-start:52%}.account-card::before{display:block}}@media(max-width:1099px){.account-card::before{display:none}aside{width:220px;padding:22px 14px}.shell{margin-left:220px}html[dir=rtl] .shell{margin-right:220px}main{padding:26px 24px}header{padding:14px 24px}.hero-art{width:40%}.hero h2{font-size:23px}.hero{min-height:220px}.hero>div:first-child{max-width:66%}}@media(max-width:760px){aside{position:static;width:100%;padding:16px 18px;overflow:visible}.shell,html[dir=rtl] .shell{margin:0}.workspace,.sidefoot{display:none}aside .brand{font-size:31px;padding:0}nav{display:flex;overflow-x:auto;gap:4px;margin-top:14px;padding-bottom:3px}nav a{white-space:nowrap;font-size:12px;padding:10px 12px;min-height:44px;margin:0}nav i{display:none}header{min-height:74px;padding:12px 18px;flex-wrap:wrap}header>div{gap:8px;max-width:100%}header select{max-width:160px}main{padding:24px 18px}.heading{gap:14px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:25px}.hero{padding:24px;min-height:220px}.hero>div:first-child{max-width:70%}.hero-art{width:44%;opacity:.8}.hero h2{font-size:22px}.hero p{font-size:12px}.stats{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:18px}.stat b{font-size:29px}.card{padding:20px;border-radius:14px}.language-control{inset-block-end:12px;inset-inline-start:12px;padding:3px 7px}.public-shell .passport-hero{padding:24px}.public-shell .passport-hero h1{font-size:26px}#account-screen{padding:18px;align-items:start}.account-card{margin-block:24px;padding:26px}.account-card h1{font-size:26px}.welcome-steps{font-size:11px}footer{padding:12px 18px 70px}dialog{padding:20px}html[dir=rtl] aside{position:static}#account-screen .language-control{position:fixed}}@media(max-width:420px){main{padding:22px 14px}.card{padding:16px}.hero{padding:22px;min-height:240px}.hero-art{opacity:.4;width:60%;mask-image:linear-gradient(to right,transparent,#000)}.hero>div:first-child{max-width:100%}.hero p{max-width:230px}.heading>button{width:100%}.stat b{font-size:26px}.stat label{font-size:11px}header select{max-width:140px}.account-card{padding:22px}.language-choice{padding:12px}.public-shell{padding:12px}td,th{padding:12px}.insights{gap:0}.ring{width:92px;height:92px}.ring b{width:72px;height:72px;font-size:21px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{aside,.language-control,.hero-art{display:none}.shell,html[dir=rtl] .shell{margin:0}.card{box-shadow:none}}
#account-screen h1:focus{outline:none}@media(min-width:1100px){#account-screen::before{content:'';position:fixed;inset:0 auto 0 0;width:48%;background:#e8f2fa url('assets/passport-studio.jpg') center/cover;z-index:0}.account-card{z-index:1}.account-card::before{display:none}html[dir=rtl] #account-screen::before{inset:0 0 0 auto}}
@media(min-width:761px){aside{padding-bottom:90px}aside nav{min-height:0;overflow-y:auto;scroll-padding-bottom:16px;flex:1}aside .sidefoot{flex-shrink:0}.stat label{overflow-wrap:anywhere}.stat{min-width:0}}
/* Long translated headings must reflow at narrow phone widths. */
.heading>div{min-width:0}h1,h2,h3,.stat label,.stat small{overflow-wrap:anywhere}