:root{--ink:#10231a;--muted:#65736b;--bg:#f5f8f5;--card:#fff;--green:#0b7a49;--green2:#075c38;--soft:#eaf6ef;--line:#dce6df;--gold:#c98a14;--danger:#bd2418;--shadow:0 14px 38px rgba(16,35,26,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}.container{width:min(1160px,calc(100% - 32px));margin:auto}.narrow{max-width:850px}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{min-height:76px;display:flex;align-items:center;gap:24px}.brand{font-size:27px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand span{color:var(--green)}.brand.inverse{color:#fff}.menu-btn{display:none;border:0;background:transparent;font-size:25px}.nav nav{display:flex;gap:20px;flex:1}.nav nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);padding:11px 18px;border-radius:11px;text-decoration:none;font:inherit;font-weight:600;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#bdcec3}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover{background:var(--green2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.warning{background:#fff7e6;border-color:#efc267;color:#8b5b00}.btn.small{padding:8px 12px;font-size:13px}.btn.wide,.wide{width:100%}.hero{padding:78px 0 58px;background:radial-gradient(circle at 10% 20%,#dff3e7 0,transparent 40%),linear-gradient(135deg,#f5fbf7,#fff)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:center}.eyebrow{color:var(--green);font-weight:600}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.1;margin:10px 0 18px;letter-spacing:-2px}.hero p{font-size:19px;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{background:var(--ink);color:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.hero-card strong{font-size:56px;display:block;line-height:1}.hero-mini{display:flex;gap:12px;margin-top:26px}.hero-mini span{background:rgba(255,255,255,.09);padding:8px 12px;border-radius:100px;font-size:13px}.section{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section h1,.section h2{margin:0}.section h2{font-size:31px}.muted{color:var(--muted)}.searchbar{display:grid;grid-template-columns:1.4fr repeat(3,170px) auto;gap:10px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);margin-bottom:22px}.field,input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit;color:var(--ink);outline:none}.field:focus,input:focus,select:focus,textarea:focus{border-color:#83b99a;box-shadow:0 0 0 3px rgba(11,122,73,.08)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.chip{border:1px solid var(--line);background:#fff;border-radius:100px;padding:8px 14px;text-decoration:none;color:var(--ink);font-weight:600}.chip small{color:var(--muted)}.chip.active{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.compact .card{min-height:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 5px 18px rgba(18,33,26,.04);display:flex;flex-direction:column}.card-image,.image-placeholder{width:100%;height:205px;object-fit:cover;border-radius:14px;margin-bottom:15px}.image-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dff2e6,#f4faf6);text-decoration:none}.image-placeholder span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font-size:30px;font-weight:600}.card-top{display:flex;justify-content:space-between;align-items:center}.card h3{font-size:20px;line-height:1.4;margin:10px 0 8px}.card h3 a,.dashboard-item h3 a,.admin-item h3 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);margin:0}.tag,.featured{display:inline-flex;background:var(--soft);color:var(--green2);padding:5px 10px;border-radius:100px;font-size:12px;font-weight:600}.featured{background:#fff5dc;color:#8a5b00}.meta{display:flex;flex-wrap:wrap;gap:11px;color:var(--muted);font-size:13px;margin-top:14px}.price{font-size:18px;font-weight:600;margin-top:14px}.card-link{margin-top:auto;padding-top:18px;color:var(--green);font-weight:600;text-decoration:none}.form-wrap{max-width:790px;margin:44px auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow)}.form-wrap h1{font-size:36px;margin:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:5px}.form-group label{display:block;font-weight:600;margin-bottom:7px}.full{grid-column:1/-1}.upload-box{border:1px dashed #b8c9bd;border-radius:14px;padding:16px;background:#fbfdfb}.upload-box small{display:block;color:var(--muted);margin-top:8px}.preview{width:220px;height:140px;object-fit:cover;border-radius:12px;display:block;margin-bottom:12px}.preview.current{width:260px;height:165px}.hidden{display:none!important}.check{display:flex!important;gap:8px;align-items:center;margin:8px 0}.check input{width:auto}.counter{display:block;text-align:left;color:var(--muted)}.alert{padding:13px 16px;margin-top:18px;border-radius:11px;background:#eef6ff;border:1px solid transparent}.alert.success{background:#eaf8ef;color:#12633e;border-color:#bde3ca}.alert.error{background:#ffeded;color:#8a1c13;border-color:#f4bbb6}.empty{padding:46px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:18px}.detail{display:grid;grid-template-columns:1fr 330px;gap:24px;padding:46px 0}.detail-main,.sidebox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 8px 24px rgba(18,33,26,.04)}.sidebox+ .sidebox{margin-top:16px}.detail-image{width:100%;max-height:480px;object-fit:cover;border-radius:16px;margin-bottom:22px}.detail h1{font-size:40px;line-height:1.25;margin:14px 0}.detail-badges{display:flex;gap:8px}.detail-main hr{border:0;border-top:1px solid var(--line);margin:26px 0}.description{font-size:17px}.price-box{margin-top:22px;padding:17px;border-radius:14px;background:var(--soft)}.price-box small{display:block;color:var(--muted)}.price-box strong{font-size:22px}.share-row{margin-top:24px}.actions{display:flex;gap:8px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:right;font-size:14px}.status{display:inline-flex;font-weight:600;padding:5px 10px;border-radius:100px;background:#f3f3f3}.status.pending{color:#9a6700;background:#fff7df}.status.approved{color:#087443;background:#e9f8ef}.status.rejected{color:#b42318;background:#ffeded}.status.closed{color:#555}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink)}.stat strong{display:block;font-size:32px}.stat span{color:var(--muted)}.stat.warn{border-color:#eed18f}.stat.good{border-color:#acd8bb}.stat.bad{border-color:#efb1ab}.admin-filter{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin-bottom:20px}.admin-list,.dashboard-list{display:grid;gap:12px}.admin-item,.dashboard-item{background:#fff;border:1px solid var(--line);border-radius:17px;padding:14px;display:grid;align-items:center;gap:16px}.admin-item{grid-template-columns:72px 1fr auto}.admin-item img,.admin-thumb{width:72px;height:72px;border-radius:13px;object-fit:cover}.admin-thumb{display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:24px;font-weight:600}.admin-title-row{display:flex;gap:8px;align-items:center}.admin-title-row h3{margin:0}.admin-content p{margin:3px 0}.admin-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.admin-actions form{display:flex;gap:7px}.dashboard-item{grid-template-columns:1fr auto auto}.dashboard-item h3{margin:0}.diagnostic{padding:22px;border-radius:16px;margin-bottom:18px}.good-box{background:#eaf8ef;border:1px solid #bde3ca}.bad-box{background:#ffeded;border:1px solid #f4bbb6}footer{margin-top:54px;background:#10251b;color:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer p,footer a{color:#bed0c4}@media(max-width:980px){.searchbar{grid-template-columns:1fr 1fr 1fr}.searchbar input{grid-column:1/-1}.grid{grid-template-columns:1fr 1fr}.hero-grid,.detail{grid-template-columns:1fr}.admin-item{grid-template-columns:64px 1fr}.admin-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:700px){.menu-btn{display:block;margin-right:auto}.nav nav{display:none;position:absolute;top:76px;right:16px;left:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow);flex-direction:column}.nav nav.open{display:flex}.nav>.btn{display:none}.grid,.form-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.searchbar,.admin-filter{grid-template-columns:1fr}.searchbar input{grid-column:auto}.hero{padding:52px 0}.hero h1{font-size:40px}.detail h1{font-size:40px}.section-head{align-items:flex-start;flex-direction:column}.dashboard-item{grid-template-columns:1fr}.admin-item{grid-template-columns:58px 1fr}.admin-item img,.admin-thumb{width:58px;height:58px}.form-wrap{margin:20px 12px;padding:20px}.admin-actions form{width:100%;flex-wrap:wrap}.admin-actions .btn{flex:1}}

/* Besouria v6 professional homepage */
.pro-hero{padding:86px 0 72px;background:linear-gradient(180deg,#f7fbf8 0%,#eef6f1 100%);position:relative;overflow:hidden}
.pro-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(11,122,73,.06);top:-280px;left:-170px}
.pro-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(11,122,73,.12);border-radius:50%;bottom:-240px;right:-100px}
.pro-grid{grid-template-columns:1.08fr .92fr;gap:70px;position:relative;z-index:1}
.trust-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #d8e8dd;border-radius:999px;padding:8px 13px;color:#335b47;font-size:13px;font-weight:600;box-shadow:0 8px 26px rgba(16,35,26,.04)}
.trust-dot,.online-dot{width:8px;height:8px;border-radius:50%;background:#20b46b;box-shadow:0 0 0 5px rgba(32,180,107,.12)}
.hero-copy h1{font-size:clamp(40px,6vw,56px);max-width:800px;margin:22px 0 20px;line-height:1.05;letter-spacing:-2.8px}
.hero-copy h1 span{color:var(--green)}
.hero-copy>p{font-size:20px;line-height:1.9;max-width:720px;color:#52645a}
.hero-primary{padding:15px 25px;border-radius:13px;box-shadow:0 12px 25px rgba(11,122,73,.22)}
.hero-secondary{padding:15px 25px;background:transparent;border-color:#b8cbc0}
.hero-trust{display:flex;align-items:center;gap:15px;margin-top:32px}
.hero-trust p{font-size:13px;line-height:1.55;margin:0;color:#627269}
.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #eef6f1;margin-left:-10px;font-weight:600;color:var(--green)}
.market-panel{background:#10251b;color:#fff;border-radius:28px;padding:20px;box-shadow:0 28px 70px rgba(16,37,27,.22);position:relative}
.market-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.06);border-radius:21px;pointer-events:none}
.market-head{display:flex;align-items:center;justify-content:space-between;padding:7px 7px 18px;font-size:13px;color:#c5d7cc}.market-head>div{display:flex;align-items:center;gap:10px}.market-head a{color:#fff;text-decoration:none;font-weight:600}
.market-list{display:grid;gap:9px}.market-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-decoration:none;color:#fff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);padding:13px;border-radius:16px;transition:.2s}.market-row:hover{background:rgba(255,255,255,.1);transform:translateX(-3px)}
.market-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#dff3e7;color:#0b7a49;font-size:20px;font-weight:600}.market-text{min-width:0}.market-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.market-text span{display:block;color:#9fb5a8;font-size:12px;margin-top:3px}.market-arrow{color:#93c9a8}.market-empty{padding:40px;text-align:center;color:#a9bdb1}
.market-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.market-foot div{padding:13px;text-align:center;background:rgba(255,255,255,.04);border-radius:13px}.market-foot strong{display:block;font-size:21px}.market-foot span{color:#9fb5a8;font-size:11px}
.business-strip{background:#fff;border-top:1px solid #e0e9e3;border-bottom:1px solid #e0e9e3}.strip-grid{min-height:86px;display:grid;grid-template-columns:auto repeat(5,1fr);align-items:center;gap:25px;color:#75837b}.strip-grid span{font-size:12px}.strip-grid strong{text-align:center;color:#526159;font-size:14px}
.category-section{padding-top:86px}.section-heading{margin-bottom:28px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.split-heading>p{max-width:500px;margin:0;color:var(--muted)}.section-kicker{display:block;color:var(--green);font-weight:600;font-size:13px;margin-bottom:7px}.split-heading h2{font-size:38px;letter-spacing:-1.2px}.text-link{color:var(--green);font-weight:600;text-decoration:none}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:17px;text-decoration:none;color:var(--ink);transition:.2s}.category-card:hover{border-color:#9bc3aa;box-shadow:0 15px 30px rgba(16,35,26,.07);transform:translateY(-2px)}.category-symbol{width:54px;height:54px;border-radius:15px;background:#e9f6ee;color:var(--green);display:grid;place-items:center;font-size:22px;font-weight:600}.category-card strong{display:block;font-size:17px}.category-card small{display:block;color:var(--muted);margin-top:2px}.category-go{color:#83a18f;font-size:19px}
.featured-section{padding-top:70px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.featured-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 9px 25px rgba(16,35,26,.045)}.featured-media{height:235px;display:block;position:relative;background:#eaf4ed}.featured-media img,.featured-placeholder{width:100%;height:100%;object-fit:cover}.featured-placeholder{display:grid;place-items:center;font-size:45px;color:var(--green)}.featured-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.92);color:var(--green2);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:600;backdrop-filter:blur(6px)}.featured-body{padding:20px}.featured-meta{display:flex;gap:8px;color:var(--green);font-size:12px;font-weight:600}.featured-meta span+span:before{content:"•";margin-left:8px;color:#a6b5ac}.featured-body h3{font-size:21px;line-height:1.45;margin:10px 0}.featured-body h3 a{color:var(--ink);text-decoration:none}.featured-body p{color:var(--muted);margin:0}.featured-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #edf1ee;margin-top:18px;padding-top:15px;font-size:13px}.featured-bottom a{color:var(--green);text-decoration:none;font-weight:600}
.opportunity-zone{padding-top:85px}.opportunities-heading{margin-bottom:24px}.pro-search{display:grid;grid-template-columns:minmax(280px,1.7fr) repeat(3,minmax(130px,.7fr)) auto;gap:9px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:18px;box-shadow:0 12px 35px rgba(16,35,26,.06);margin-bottom:28px}.search-main{display:flex;align-items:center;border:1px solid var(--line);border-radius:11px;padding:0 13px}.search-main span{font-size:22px;color:#7b8d83}.search-main input{border:0;box-shadow:none;padding-right:9px}.pro-search select{border-color:transparent;background:#f7f9f7}.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.opportunity-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s;box-shadow:0 5px 17px rgba(16,35,26,.035)}.opportunity-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(16,35,26,.08);border-color:#b6cdbf}.opportunity-image{height:205px;display:block;position:relative;background:#eef5f0}.opportunity-image img,.opportunity-placeholder{width:100%;height:100%;object-fit:cover}.opportunity-placeholder{display:grid;place-items:center;color:var(--green);font-size:38px}.type-badge{position:absolute;top:13px;right:13px;background:rgba(255,255,255,.94);padding:6px 10px;border-radius:999px;color:var(--green2);font-size:11px;font-weight:600}.opportunity-body{padding:18px}.opportunity-topline{display:flex;justify-content:space-between;color:#74847b;font-size:12px}.opportunity-body h3{font-size:20px;line-height:1.45;margin:10px 0 8px}.opportunity-body h3 a{color:var(--ink);text-decoration:none}.opportunity-body>p{color:var(--muted);margin:0;min-height:70px}.opportunity-company{display:flex;align-items:center;gap:10px;margin-top:16px}.company-mark{width:38px;height:38px;border-radius:11px;background:#e8f4ec;color:var(--green);display:grid;place-items:center;font-weight:600}.opportunity-company strong,.opportunity-company small{display:block}.opportunity-company small{color:var(--muted);font-size:11px}.opportunity-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #edf1ee;margin-top:16px;padding-top:15px}.opportunity-footer a{color:var(--green);font-weight:600;text-decoration:none;font-size:13px}.pro-empty{background:#fff;border:1px solid var(--line);border-radius:20px;padding:55px}.empty-icon{width:58px;height:58px;border-radius:17px;background:#edf7f0;color:var(--green);display:grid;place-items:center;margin:0 auto 14px;font-size:28px}
.how-section{padding:90px 0}.how-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;background:#10251b;color:#fff;border-radius:28px;padding:55px}.how-copy h2{font-size:40px;line-height:1.2;margin:8px 0 18px}.how-copy p{color:#b7cabf;margin-bottom:25px}.steps-list{display:grid;gap:12px}.step{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:17px}.step>span{width:58px;height:58px;border-radius:15px;background:#dff3e7;color:var(--green);display:grid;place-items:center;font-weight:600}.step strong{font-size:17px}.step p{margin:2px 0 0;color:#a8beb1;font-size:13px}
.cta-section{padding-top:0;padding-bottom:80px}.cta-shell{display:flex;justify-content:space-between;align-items:center;gap:35px;background:linear-gradient(135deg,#0b7a49,#075c38);color:#fff;border-radius:26px;padding:42px 48px;box-shadow:0 20px 45px rgba(11,122,73,.18)}.cta-shell span{color:#c7e6d4;font-weight:600}.cta-shell h2{font-size:34px;margin:5px 0 0}.cta-button{background:#fff!important;color:#0b6a41!important;border-color:#fff!important;padding:14px 22px;white-space:nowrap}
@media(max-width:980px){.pro-grid,.how-shell{grid-template-columns:1fr}.strip-grid{grid-template-columns:repeat(3,1fr);padding:18px 0}.strip-grid span{display:none}.category-grid,.featured-grid,.opportunity-grid{grid-template-columns:1fr 1fr}.pro-search{grid-template-columns:1fr 1fr}.search-main{grid-column:1/-1}.pro-search button{grid-column:1/-1}.market-panel{max-width:650px}.split-heading{align-items:flex-start}}
@media(max-width:700px){.pro-hero{padding:54px 0}.hero-copy h1{font-size:40px;letter-spacing:-1.5px}.hero-copy>p{font-size:17px}.market-panel{border-radius:20px}.market-foot{gap:5px}.strip-grid{grid-template-columns:1fr 1fr}.category-grid,.featured-grid,.opportunity-grid{grid-template-columns:1fr}.split-heading{display:block}.split-heading h2{font-size:31px}.split-heading>p{margin-top:10px}.pro-search{grid-template-columns:1fr}.search-main{grid-column:auto}.pro-search button{grid-column:auto}.featured-media{height:220px}.how-shell{padding:28px 20px;border-radius:21px;gap:34px}.how-copy h2{font-size:31px}.cta-shell{display:block;padding:31px 23px}.cta-shell h2{font-size:28px;margin-bottom:20px}.cta-button{width:100%}}

/* v7 information and legal pages */
.info-hero{padding:72px 0 38px;background:linear-gradient(180deg,#edf8f1 0%,#f7faf8 100%);border-bottom:1px solid #dce8e0}.info-hero-inner{max-width:860px}.info-hero h1{font-size:clamp(40px,6vw,50px);line-height:1.1;margin:14px 0}.info-hero p{font-size:19px;line-height:1.9;color:#53645b;max-width:760px}.eyebrow{font-weight:600;color:#087b49}.info-layout{max-width:960px}.info-card{background:#fff;border:1px solid #dce7e0;border-radius:24px;padding:clamp(24px,5vw,52px);box-shadow:0 18px 55px rgba(13,57,36,.06)}.info-section+ .info-section{border-top:1px solid #e6eee9;margin-top:30px;padding-top:30px}.info-section h2,.info-card h2{font-size:26px;margin:0 0 15px}.info-section h3{font-size:18px;margin:24px 0 8px}.info-section p,.info-section li,.info-card p{font-size:16px;line-height:2;color:#43534a}.info-section ul{padding-right:22px}.info-section a,.info-card a{color:#087b49;font-weight:600}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.value-grid>div,.contact-box{border:1px solid #dfeae3;background:#f8fbf9;border-radius:16px;padding:18px}.value-grid p{margin:5px 0 0}.notice-box,.legal-note{margin-top:28px;padding:18px 20px;border-radius:15px;line-height:1.8}.notice-box{background:#fff7df;border:1px solid #f1d98b;color:#6d5200}.legal-note{background:#eef7f1;border:1px solid #cee4d5;color:#355846}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid #dce8e0;border-radius:16px;background:#fff;overflow:hidden}.faq-item summary{cursor:pointer;padding:19px 22px;font-size:17px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';float:left;color:#087b49;font-size:22px}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 22px 20px;margin:0;color:#526159;line-height:1.9}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.contact-box{display:flex;flex-direction:column;gap:5px;margin-top:14px}.site-footer{background:#092d20;color:#d9e8df;padding:64px 0 20px;margin-top:70px}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:42px}.footer-about p{line-height:1.9;color:#b9cfc2;max-width:420px}.footer-trust{display:flex;flex-wrap:wrap;gap:8px}.footer-trust span{border:1px solid #315849;border-radius:999px;padding:7px 10px;font-size:12px}.footer-column{display:flex;flex-direction:column;gap:11px}.footer-column h3{color:#fff;margin:3px 0 8px}.site-footer a{color:#c9ddd1;text-decoration:none}.site-footer a:hover{color:#fff}.footer-warning{margin-top:38px;border:1px solid #2a5443;background:#10392b;border-radius:14px;padding:15px 18px;color:#cfe1d7}.footer-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #25493b;margin-top:25px;padding-top:20px;font-size:13px;color:#a9c1b4}@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}}@media(max-width:600px){.footer-main{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.value-grid{grid-template-columns:1fr}.info-hero{padding-top:48px}.info-card{border-radius:18px}}

/* Besouria v8 brand, bilingual content and blog */
.brand-logo{display:inline-flex;align-items:center;flex:0 0 auto}.brand-logo img{display:block;width:176px;height:auto}.footer-logo img{filter:brightness(0) invert(1);opacity:.96}.nav-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;border:1px solid var(--border,#dbe5df);border-radius:12px;font-weight:600;background:#fff;color:#0b6844}.info-hero,.blog-hero{padding:82px 0 58px;background:radial-gradient(circle at 15% 5%,#dff4e9 0,transparent 35%),linear-gradient(180deg,#f8fcf9,#fff)}.info-hero h1,.blog-hero h1{font-size:clamp(40px,5vw,50px);line-height:1.08;margin:14px 0 20px;letter-spacing:-1.5px}.info-hero p,.blog-hero p{font-size:19px;line-height:1.9;color:#617269}.narrow,.article-narrow{max-width:850px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-card{background:#fff;border:1px solid #dce7e1;border-radius:24px;padding:30px;min-height:250px}.info-card>span{display:inline-flex;width:44px;height:44px;border-radius:14px;align-items:center;justify-content:center;background:#e5f6ed;color:#087a4a;font-weight:600}.info-card h2{margin:22px 0 12px}.info-card p,.article-content p{color:#5f7068;line-height:1.95}.soft-section{background:#f4f8f5}.article-content{font-size:18px;line-height:2}.article-content h2{margin:42px 0 12px;color:#10281f}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:52px;align-items:start}.legal-nav{position:sticky;top:100px;border:1px solid #dce7e1;border-radius:20px;padding:14px;background:#fff}.legal-nav a{display:block;padding:12px 14px;border-radius:10px;color:#52665d;font-weight:600}.legal-nav a:hover{background:#edf8f2;color:#087a4a}.contact-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:30px;align-items:start}.contact-details{display:grid;gap:16px}.contact-card{background:#fff;border:1px solid #dce7e1;border-radius:20px;padding:24px}.contact-card strong{display:block;margin-bottom:10px;font-size:18px}.contact-card a{color:#087a4a;font-weight:600}.contact-card p{color:#607069;line-height:1.8;margin:0}.contact-form{margin:0;max-width:none}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:60px;align-items:end}.blog-search{display:flex;gap:10px;padding:12px;background:#fff;border:1px solid #dce7e1;border-radius:18px;box-shadow:0 18px 60px rgba(17,54,39,.08)}.blog-search input{border:0;flex:1;min-width:0;background:transparent}.blog-categories{padding-top:26px;padding-bottom:12px}.category-pills{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.category-pills a{white-space:nowrap;border:1px solid #dce7e1;background:#fff;border-radius:999px;padding:10px 16px;font-weight:600;color:#52665d}.category-pills a.active,.category-pills a:hover{background:#0b7a4b;color:#fff;border-color:#0b7a4b}.featured-article{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;background:#10291f;border-radius:30px;padding:18px;color:#fff;overflow:hidden}.featured-article img{width:100%;height:410px;object-fit:cover;border-radius:22px}.featured-article>div{padding:28px}.featured-article h2{font-size:clamp(30px,4vw,46px);line-height:1.25;margin:14px 0}.featured-article h2 a,.featured-article .text-link{color:#fff}.featured-article p{color:#cbd9d2;line-height:1.9}.article-category{display:inline-flex;padding:7px 11px;border-radius:999px;background:#e6f7ee;color:#087a4a;font-size:13px;font-weight:600}.article-meta{display:flex;gap:16px;flex-wrap:wrap;color:#7a8b83;font-size:14px;margin:16px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{background:#fff;border:1px solid #dce7e1;border-radius:22px;overflow:hidden;transition:.25s transform,.25s box-shadow}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(16,53,38,.09)}.blog-card-image{display:block;height:230px;background:#e8f4ed}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-placeholder{height:100%;display:grid;place-items:center;font-size:54px;font-weight:600;color:#0b7a4b}.blog-card-body{padding:23px}.blog-card h3{font-size:22px;line-height:1.5;margin:13px 0 10px}.blog-card h3 a{color:#14271f}.blog-card p{color:#66766f;line-height:1.75}.article-header{padding:60px 0 34px;background:linear-gradient(180deg,#f2faf5,#fff)}.article-header .container{width:min(1050px,calc(100% - 32px));max-width:1050px;margin-inline:auto}.article-header h1{width:100%;max-width:none;font-size:clamp(40px,4.25vw,50px);line-height:1.14;letter-spacing:-1.2px;font-weight:600;margin:18px 0 16px}.article-header p{width:100%;max-width:none;font-size:19px;line-height:1.8;color:#63736b;margin:0}.article-header .article-meta{width:100%;max-width:none;margin:18px 0 0}.article-cover img{width:100%;max-height:610px;object-fit:cover;border-radius:30px}.article-layout{width:min(1050px,calc(100% - 32px));max-width:1050px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,760px) 240px;justify-content:space-between;gap:50px;padding-top:56px;padding-bottom:70px}.main-article-content{width:100%;max-width:none;white-space:normal}.article-sidebar{display:grid;gap:18px;align-content:start}.sidebar-box{border:1px solid #dce7e1;border-radius:18px;padding:20px;background:#fff}.sidebar-box strong{display:block;margin-bottom:12px}.article-disclaimer{margin-top:48px;padding:24px;border-radius:18px;background:#fff6db;border:1px solid #f0d483}.compact-blog-grid{grid-template-columns:repeat(3,1fr)}.editor-form{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.editor-settings,.editor-panel{background:#fff;border:1px solid #dce7e1;border-radius:22px;padding:22px}.language-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px}.language-label{display:inline-flex;padding:6px 12px;border-radius:999px;background:#e6f7ee;color:#087a4a;font-weight:600;margin-bottom:16px}.editor-panel textarea{line-height:1.8}.editor-save{grid-column:1/-1;justify-self:end;min-width:180px}.check-row{display:flex;gap:9px;align-items:center;margin:15px 0}.admin-head-actions{display:flex;gap:10px}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid #dce7e1;border-radius:16px;padding:18px 20px}.faq-list summary{cursor:pointer;font-weight:600}.faq-list p{color:#617169;line-height:1.8}.hero-search{display:flex;gap:10px;padding:10px;background:#fff;border:1px solid #dce7e1;border-radius:18px;max-width:650px;margin:24px 0 18px;box-shadow:0 18px 50px rgba(14,60,40,.08)}.hero-search input{flex:1;border:0;min-width:0}.compact-footer{grid-template-columns:1.7fr repeat(3,1fr)}
html[dir="ltr"] body{text-align:left}html[dir="ltr"] .market-arrow,html[dir="ltr"] .category-go{transform:none}html[dir="ltr"] .opportunity-card,html[dir="ltr"] .featured-card{text-align:left}
@media(max-width:980px){.info-grid,.blog-grid{grid-template-columns:1fr 1fr}.legal-layout,.contact-layout,.article-layout,.featured-article,.blog-hero-grid,.editor-form{grid-template-columns:1fr}.legal-nav{position:static;display:flex;overflow:auto}.language-editor{grid-template-columns:1fr}.compact-footer{grid-template-columns:1fr 1fr}.article-sidebar{grid-template-columns:1fr 1fr}.editor-save{grid-column:auto}.brand-logo img{width:150px}}
@media(max-width:680px){.info-grid,.blog-grid,.compact-blog-grid,.compact-footer{grid-template-columns:1fr}.info-hero,.blog-hero{padding:55px 0 35px}.featured-article img{height:260px}.featured-article>div{padding:15px}.article-layout{padding-top:34px}.article-sidebar{grid-template-columns:1fr}.hero-search,.blog-search{flex-direction:column}.brand-logo img{width:135px}.nav-actions .btn{display:none}}


/* Besouria rich article editor */
.rich-editor-form .editor-settings{align-items:end}
.rich-language-editor{align-items:start}
.rich-language-editor .editor-panel{min-width:0}
.quill-editor{min-height:520px;background:#fff;font-size:16px}
.ql-toolbar.ql-snow{border-color:#d9e2dc;border-radius:12px 12px 0 0;background:#f8fbf9;position:sticky;top:0;z-index:4}
.ql-container.ql-snow{border-color:#d9e2dc;border-radius:0 0 12px 12px}
.ql-editor{min-height:520px;line-height:1.9}
.ql-editor img{max-width:100%;height:auto;border-radius:12px;margin:16px auto;display:block}
.main-article-content h1,.main-article-content h2,.main-article-content h3,.main-article-content h4{margin:1.6em 0 .65em;line-height:1.3}
.main-article-content h2{font-size:1.65rem}
.main-article-content h3{font-size:1.3rem}
.main-article-content p{margin:0 0 1.15em;line-height:1.95}
.main-article-content ul,.main-article-content ol{margin:0 0 1.25em;padding-inline-start:1.6em}
.main-article-content li{margin:.45em 0;line-height:1.8}
.main-article-content blockquote{margin:1.5em 0;padding:18px 22px;border-inline-start:4px solid #16865a;background:#f3f8f5;border-radius:10px}
.main-article-content img{display:block;max-width:100%;height:auto;margin:26px auto;border-radius:14px}
.main-article-content a{color:#087a50;text-decoration:underline}
.main-article-content pre{overflow:auto;padding:18px;background:#101a16;color:#fff;border-radius:12px}
.main-article-content table{width:100%;border-collapse:collapse;margin:24px 0;display:block;overflow-x:auto}
.main-article-content th,.main-article-content td{border:1px solid #dfe7e2;padding:10px 12px}
@media(max-width:900px){.quill-editor,.ql-editor{min-height:380px}.rich-language-editor{grid-template-columns:1fr}}

/* =========================================================
   BESOURIA CLEAN LAYOUT SYSTEM
   ========================================================= */

:root {
    --site-width: 1400px;
    --header-width: 1500px;
    --site-padding: 32px;
}

/* Shared page container */
.container {
    width: min(var(--site-width), calc(100% - var(--site-padding)));
    max-width: var(--site-width);
    margin-inline: auto;
}

/* Large, clean header */
/* HEADER */

.topbar {
    width: 100%;
    border-bottom: 1px solid #e5ece7;
    background: #fff;
}

.topbar .container,
.nav {
    width: calc(100% - 80px) !important;
    max-width: 1500px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 82px;
}
.topbar .container,
.topbar .nav {
    width: min(var(--header-width), calc(100% - 40px));
    max-width: var(--header-width);
    margin-inline: auto;
}

.nav {
    min-height: 84px;
    display: flex;
    align-items: center;
    gap: 50px;
}

.brand-logo img {
    display: block;
    width: 235px;
    height: auto;
}

.nav nav {
    display: flex;
    align-items: center;
    gap: 32px;
    flex: 1;
}

.nav nav a {
    font-size: 18px;
    font-weight:600;
    line-height: 1.2;
    white-space: nowrap;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.lang-switch {
    min-width: 58px;
    height: 46px;
    padding: 0 14px;
    font-size: 16px;
    font-weight:600;
}

.nav-actions .btn,
.nav > .btn {
    min-height: 48px;
    padding: 13px 22px;
    border-radius: 12px;
    font-size: 16px;
    font-weight:600;
margin-left:59px;
}

/* Consistent title wrappers */
.hero-copy,
.info-hero-inner,
.blog-hero-grid > div:first-child,
.article-header .container {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

/* All page H1 titles */
.hero-copy h1,
.info-hero h1,
.blog-hero h1,
.article-header h1,
.detail h1,
.form-wrap h1,
main h1 {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    font-size: 40px;
    line-height: 1.3;
    letter-spacing: 0;
    white-space: normal;
}

/* Direction-aware alignment */
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .info-hero-inner,
html[dir="rtl"] .blog-hero-grid > div:first-child,
html[dir="rtl"] .article-header .container,
html[dir="rtl"] h1 {
    direction: rtl;
    text-align: right;
}

html[dir="ltr"] .hero-copy,
html[dir="ltr"] .info-hero-inner,
html[dir="ltr"] .blog-hero-grid > div:first-child,
html[dir="ltr"] .article-header .container,
html[dir="ltr"] h1 {
    direction: ltr;
    text-align: left;
}

/* Matching subtitle alignment */
.hero-copy > p,
.info-hero p,
.blog-hero p,
.article-header p {
    max-width: 820px;
    margin-inline: 0;
}

html[dir="rtl"] .hero-copy > p,
html[dir="rtl"] .info-hero p,
html[dir="rtl"] .blog-hero p,
html[dir="rtl"] .article-header p {
    text-align: right;
}

html[dir="ltr"] .hero-copy > p,
html[dir="ltr"] .info-hero p,
html[dir="ltr"] .blog-hero p,
html[dir="ltr"] .article-header p {
    text-align: left;
}

/* Consistent blog structure */
.blog-hero .container,
.blog-categories .container,
.blog-hero-grid,
.category-pills,
.featured-article,
.blog-grid,
.compact-blog-grid {
    width: min(var(--site-width), calc(100% - var(--site-padding)));
    max-width: var(--site-width);
    margin-inline: auto;
}

.blog-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: 48px;
    align-items: center;
}

.blog-search {
    width: 100%;
    max-width: none;
}

/* Consistent article width */
.article-header .container,
.article-layout {
    width: min(var(--site-width), calc(100% - var(--site-padding)));
    max-width: var(--site-width);
    margin-inline: auto;
}

.article-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: 48px;
    padding-top: 56px;
    padding-bottom: 70px;
}

.main-article-content {
    width: 100%;
    max-width: none;
}

/* Tablet */
@media (max-width: 1100px) {
    .topbar .container,
    .topbar .nav {
        width: min(100% - 28px, var(--header-width));
    }

    .brand-logo img {
        width: 190px;
    }

    .nav nav {
        gap: 20px;
    }

    .nav nav a {
        font-size: 15px;
    }
}

/* Mobile and smaller tablets */
@media (max-width: 980px) {
    .blog-hero-grid,
    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar {
        width: 100%;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    :root {
        --site-padding: 24px;
    }

    .nav {
        min-height: 74px;
    }

    .brand-logo img {
        width: 150px;
    }

    .hero-copy h1,
    .info-hero h1,
    .blog-hero h1,
    .article-header h1,
    .detail h1,
    .form-wrap h1,
    main h1 {
        font-size: 28px;
    }

    .article-sidebar {
        grid-template-columns: 1fr;
    }
}
/* HERO WIDTH MATCHES HEADER */

.topbar .container,
.topbar .nav,
.pro-hero .container {
    width: min(1340px, calc(100% - 12px)) !important;
    margin-inline: auto !important;
}

.pro-hero .container {
    padding-inline: 0 !important;
}

.pro-grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Keep both hero columns filling the full width */
.pro-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 56px !important;
    align-items: center !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .topbar .container,
    .topbar .nav,
    .pro-hero .container {
        width: min(100% - 24px, 1500px) !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .pro-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}
/* LANGUAGE LOGO */

.brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 320px;
    width: 320px;
    height: 72px;
    overflow: hidden;
    text-decoration: none;
}

.brand-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Tablet */
@media (max-width: 1100px) {
    .brand-logo {
        width: 250px;
        height: 60px;
        flex-basis: 250px;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .brand-logo {
        width: 180px;
        height: 48px;
        flex-basis: 180px;
    }
}
/* Move the left action buttons slightly inside the header */

html[dir="rtl"] .nav-actions {
    padding-left: 32px;
}

html[dir="ltr"] .nav-actions {
    padding-right: 32px;
}

/* Keep both buttons aligned nicely */
.nav-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
}

/* Keep the main button from touching the edge */
.nav-actions .btn,
.nav > .btn {
    margin: 0;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    html[dir="rtl"] .nav-actions {
        padding-left: 14px;
    }

    html[dir="ltr"] .nav-actions {
        padding-right: 14px;
    }
/* HERO BUSINESS IMAGE */
.hero-business-image{
    max-width:420px;
    height:390px;
    margin:auto;
    overflow:hidden;
    border-radius:28px;
    box-shadow:0 18px 50px rgba(0,0,0,.12);
    background:#eaf3ed;
}

.hero-business-image img{
    width:50%;
    height:40%;
    display:block;
    object-fit:cover;
    object-position:center;
}

/* Make the left column match the old market panel size */

.hero-grid{
    align-items:center;
}

.hero-grid > .hero-business-image{
    justify-self:center;
}

@media (max-width: 980px) {
    .hero-business-image {
        max-width: 450px;
        margin-inline: auto;
    }
}

@media (max-width: 700px) {
    .hero-business-image {
        border-radius: 20px;
    }
}
}
/* Opportunity publishing experience */
.opportunity-form-page{padding-top:34px}
.opportunity-form-container{max-width:1040px}
.opportunity-form-container>.alert{margin:0 0 16px}
.opportunity-form-shell{display:grid;gap:18px}
.opportunity-form-intro,.form-section,.form-submit-bar{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 28px rgba(16,35,26,.045)}
.opportunity-form-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 32px}
.opportunity-form-intro h1{font-size:38px;line-height:1.18;margin:7px 0 9px;letter-spacing:-.8px}
.opportunity-form-intro p{max-width:700px;margin:0}
.review-note{display:flex;align-items:center;gap:11px;min-width:190px;background:var(--soft);border:1px solid #cfe6d7;border-radius:15px;padding:13px 15px}
.review-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:600}
.review-note strong,.review-note small{display:block}.review-note small{color:var(--muted);font-size:12px}
.form-section{padding:27px 30px}
.form-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #edf1ee}
.form-section-number{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:600}
.form-section-heading h2{font-size:21px;line-height:1.35;margin:1px 0 3px}
.form-section-heading p{margin:0;color:var(--muted);font-size:14px}
.form-section .form-group{margin-bottom:4px}
.form-section .form-group label{font-size:14px}
.form-section .form-group small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.optional-label{font-size:11px;color:var(--muted);font-weight:600}
.compact-form-grid{margin-top:15px}
.language-editor{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fbfdfb}
.language-tabs{display:flex;gap:4px;padding:7px;background:#f1f5f2;border-bottom:1px solid var(--line)}
.language-tab{appearance:none;border:0;background:transparent;color:var(--muted);border-radius:10px;padding:9px 17px;font:inherit;font-weight:600;cursor:pointer}
.language-tab.active{background:#fff;color:var(--green2);box-shadow:0 2px 8px rgba(16,35,26,.08)}
.language-panel{display:none;padding:21px;background:#fff}.language-panel.active{display:block}
.language-panel[dir="ltr"] input,.language-panel[dir="ltr"] textarea{text-align:left;direction:ltr}
.language-panel[dir="rtl"] input,.language-panel[dir="rtl"] textarea{text-align:right;direction:rtl}
.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.location-help{display:flex;align-items:center;gap:9px;margin-top:15px;padding:11px 13px;border-radius:12px;background:#f5f9f6;color:var(--muted);font-size:13px}
.location-help span{font-size:19px;color:var(--green)}
.option-check{margin:4px 0!important;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;font-weight:600!important}
.option-check input{width:18px;height:18px;accent-color:var(--green)}
.application-field-muted{opacity:.58}.application-field-muted:focus-within{opacity:1}
.modern-upload{padding:20px;background:#fbfdfb}
.modern-upload input[type="file"]{background:#fff}
.current-image-row{display:flex;align-items:flex-end;gap:18px;margin-bottom:14px}
.form-submit-bar{position:sticky;bottom:14px;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;border-color:#bdd8c7;box-shadow:0 18px 55px rgba(16,35,26,.16)}
.form-submit-bar strong,.form-submit-bar small{display:block}.form-submit-bar small{color:var(--muted);font-size:12px;margin-top:2px}
.form-submit-button{min-width:255px;padding:14px 22px}
.opportunity-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}
.opportunity-fact{border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fbfdfb}
.opportunity-fact small,.opportunity-fact strong{display:block}.opportunity-fact small{color:var(--muted);font-size:12px}.opportunity-fact strong{margin-top:3px}
.detail-section{margin-top:27px}.detail-section h2{font-size:22px;margin:0 0 9px}.detail-section p{margin:0;white-space:pre-line}
.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.skill-pill{background:var(--soft);color:var(--green2);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}

@media(max-width:760px){
 .opportunity-form-page{padding-top:16px}.opportunity-form-container{width:min(100% - 20px,1040px)}
 .opportunity-form-intro{align-items:flex-start;flex-direction:column;padding:23px 20px}.opportunity-form-intro h1{font-size:31px}.review-note{width:100%}
 .form-section{padding:21px 17px}.form-section-heading{gap:10px}.form-section-heading h2{font-size:19px}
 .language-tabs{overflow-x:auto}.language-tab{white-space:nowrap;padding:8px 14px}.language-panel{padding:16px 13px}
 .location-grid,.opportunity-facts{grid-template-columns:1fr}
 .current-image-row{align-items:flex-start;flex-direction:column}
 .form-submit-bar{position:static;align-items:stretch;flex-direction:column}.form-submit-button{width:100%;min-width:0}
}

/* User profile and verification system */
.profile-page{padding-top:34px}
.profile-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.profile-page-head h1{font-size:38px;line-height:1.2;margin:5px 0 8px}
.profile-summary-card,.dashboard-profile-card,.public-profile-card,.admin-user-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:0 9px 28px rgba(16,35,26,.045)}
.profile-avatar{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#dff2e6,#f6fbf8);color:var(--green2);font-weight:600;border:1px solid #cee1d5}
.profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.profile-avatar.large{width:78px;height:78px;font-size:24px}
.profile-avatar.xl{width:104px;height:104px;font-size:32px}
.profile-avatar.public-xl{width:130px;height:130px;font-size:40px}
.profile-avatar.small-avatar{width:48px;height:48px;font-size:15px}
.profile-name-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.profile-name-line h1,.profile-name-line h2,.profile-name-line h3{margin:0}
.verified-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f7ef;color:#087443;border:1px solid #b9dfc7;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:600;white-space:nowrap}
.verified-badge.business{background:#fff7df;color:#8b5b00;border-color:#ecd493}
.profile-progress{max-width:520px;margin-top:12px}
.profile-progress.compact-progress{margin-top:8px}
.profile-progress-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px;font-size:12px;color:var(--muted)}
.profile-progress-head strong{color:var(--ink)}
.profile-progress-track{height:8px;border-radius:99px;background:#edf2ee;overflow:hidden}
.profile-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),#3ca86f)}
.profile-review-state,.dashboard-profile-status{display:grid;justify-items:start;gap:7px;min-width:150px}
.profile-review-state small,.dashboard-profile-status small{color:var(--muted)}
.profile-review-state p{max-width:240px;margin:0;color:var(--muted);font-size:12px}
.profile-status-pending{color:#946200;background:#fff4d6}
.profile-status-approved{color:#087443;background:#e9f8ef}
.profile-status-rejected,.profile-status-suspended{color:#b42318;background:#ffeded}
.profile-status-changes_requested{color:#8a5b00;background:#fff4d6}
.profile-status-draft{color:#59645e;background:#eef2ef}
.profile-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}
.profile-sidebar{position:sticky;top:96px;display:grid;gap:4px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px}
.profile-sidebar a{display:block;padding:11px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600;font-size:13px}
.profile-sidebar a:hover{background:var(--soft);color:var(--green2)}
.profile-content,.profile-form{display:grid;gap:18px}
.profile-section-card{scroll-margin-top:105px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px;box-shadow:0 7px 22px rgba(16,35,26,.035)}
.profile-section-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid #edf1ee}
.profile-section-heading>span{flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:600}
.profile-section-heading h2{font-size:21px;line-height:1.35;margin:1px 0 3px}
.profile-section-heading p{margin:0;color:var(--muted);font-size:14px}
.profile-photo-editor{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding:16px;border-radius:16px;background:#f8fbf9;border:1px solid #e5eee8}
.small-text{font-size:12px;margin:6px 0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.privacy-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.privacy-toggle{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;cursor:pointer}
.privacy-toggle input{width:18px;height:18px;accent-color:var(--green)}
.profile-savebar{position:sticky;bottom:14px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border:1px solid #bdd8c7;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 55px rgba(16,35,26,.16);backdrop-filter:blur(12px)}
.profile-savebar strong,.profile-savebar p{display:block;margin:0}.profile-savebar p{color:var(--muted);font-size:12px;margin-top:2px}
.verification-notice{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:#f1f7f3;color:#476156;font-size:13px}
.document-list{display:grid;gap:10px;margin-bottom:20px}
.document-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfdfb}
.document-item p,.document-item small{margin:2px 0 0;color:var(--muted);font-size:12px}
.document-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-size:11px;font-weight:600}
.document-status-approved{background:#e9f8ef;color:#087443}.document-status-rejected,.document-status-expired{background:#ffeded;color:#b42318}.document-status-pending{background:#fff4d6;color:#946200}
.document-upload-form{padding-top:20px;border-top:1px solid #edf1ee}
.compact-empty{padding:25px;margin-bottom:18px}
.dashboard-profile-card{grid-template-columns:auto minmax(0,1fr) auto auto;margin-bottom:24px}
.dashboard-profile-main h3{font-size:21px}

/* Public profile */
.public-profile-hero{padding:42px 0 20px;background:linear-gradient(180deg,#edf7f1 0,#f5f8f5 100%)}
.preview-alert{margin:0 0 16px}.public-profile-card{align-items:start;padding:30px}
.public-profile-main{padding-top:5px}.public-profile-main h1{font-size:36px;line-height:1.2}
.public-profile-subtitle,.public-profile-location{margin:6px 0;color:var(--muted)}
.public-profile-bio{max-width:760px;margin:17px 0 12px;font-size:16px}
.public-profile-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:12px}
.public-profile-content{padding-top:22px}
.public-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.public-profile-primary,.public-profile-sidebar{display:grid;gap:18px}
.public-profile-sidebar{position:sticky;top:96px}
.public-profile-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 6px 20px rgba(16,35,26,.035)}
.public-profile-section h2{font-size:23px;margin:0 0 16px}.public-profile-section h3{margin:0 0 8px}
.section-title-line{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-title-line h2{margin:0}
.profile-info-grid,.admin-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-info-grid>div,.admin-info-grid>div{padding:12px;border:1px solid #e5ece7;border-radius:12px;background:#fbfdfb}
.profile-info-grid small,.profile-info-grid strong,.admin-info-grid small,.admin-info-grid strong{display:block}.profile-info-grid small,.admin-info-grid small{color:var(--muted);font-size:11px}.profile-info-grid strong,.admin-info-grid strong{margin-top:3px;font-size:14px;overflow-wrap:anywhere}
.public-skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.public-skill-list span{padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}
.profile-link-actions{margin-top:16px}
.contact-box a,.social-box a{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ee;text-decoration:none;color:var(--ink)}
.contact-box a:last-child,.social-box a:last-child{border-bottom:0}.contact-box a span{color:var(--muted);font-size:12px}.contact-box a strong{font-size:13px;overflow-wrap:anywhere}
.trust-box p{font-size:13px}
.profile-opportunity-list{display:grid;gap:9px}.profile-opportunity-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}.profile-opportunity-list>a:hover{border-color:#a9cdb7;background:#fbfdfb}.profile-opportunity-list strong,.profile-opportunity-list span{display:block}.profile-opportunity-list span{color:var(--muted);font-size:12px;margin-top:3px}
.opportunity-publisher-card{display:grid;gap:13px}.publisher-card-head{display:flex;align-items:center;gap:11px}.publisher-card-head small,.publisher-card-head strong{display:block}.publisher-card-head small{color:var(--muted);font-size:11px}.publisher-verification-row{display:flex;gap:6px;flex-wrap:wrap}

/* Admin profile review */
.admin-user-summary{margin-bottom:18px}.admin-status-stack{display:grid;justify-items:end;gap:7px}
.admin-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.admin-review-main,.admin-review-sidebar{display:grid;gap:16px}.admin-review-sidebar{position:relative}
.admin-detail-card{background:#fff;border:1px solid #dde6e0;border-radius:16px;padding:20px}.admin-detail-card h2{font-size:18px;margin:0 0 14px}.admin-detail-card>p{color:#68756e;font-size:13px;margin:-6px 0 14px}
.admin-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-card-title h2{margin:0}.admin-card-title>span{color:#718078;font-size:12px}
.admin-long-value{margin-top:13px;padding:13px;border-radius:12px;background:#f7faf8}.admin-long-value small{color:#718078}.admin-long-value p{margin:5px 0 0;white-space:pre-line}
.sticky-review{position:sticky;top:96px}
.admin-moderation-buttons{display:grid;gap:8px;margin-top:10px}.admin-moderation-buttons .admin-btn{width:100%;justify-content:center}
.admin-btn.danger{background:#b42318!important;border-color:#b42318!important;color:#fff!important}
.admin-document-list{display:grid;gap:12px}.admin-document-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(235px,.65fr);gap:12px;align-items:start;padding:14px;border:1px solid #e0e7e2;border-radius:13px;background:#fbfdfb}
.admin-document-main p,.admin-document-main small{margin:2px 0;color:#718078;font-size:11px}.admin-review-note{margin-top:8px;padding:8px 10px;background:#fff7df;border-radius:8px;font-size:12px}.admin-document-actions{display:grid;gap:8px}.admin-document-actions form{display:grid;gap:7px}.admin-document-actions input{padding:8px 9px;font-size:12px}
.admin-back-link{display:inline-block;margin-bottom:6px;color:#426152;text-decoration:none;font-weight:600;font-size:13px}
.admin-user-cell{display:flex;align-items:center;gap:10px;min-width:210px}.admin-user-cell b,.admin-user-cell small{display:block}.admin-user-cell small{color:#728078;font-size:11px}.admin-users-table td>small,.admin-users-table td>b{display:block}.admin-users-table td>small{margin-top:4px;color:#728078;font-size:11px}
.admin-completion-mini{width:100px;height:5px;margin-top:7px;background:#edf2ee;border-radius:99px;overflow:hidden}.admin-completion-mini span{display:block;height:100%;background:var(--green)}
.verification-mini{display:grid;gap:4px}.verification-mini span{color:#087443;font-size:11px;font-weight:600}
.admin-badge.draft{background:#eef2ef;color:#59645e}.admin-badge.changes_requested{background:#fff4d6;color:#8a5b00}.admin-badge.suspended,.admin-badge.rejected{background:#ffeded;color:#b42318}.admin-badge.approved{background:#e9f8ef;color:#087443}.admin-badge.pending{background:#fff4d6;color:#946200}

/* Registration */
.auth-section{padding:54px 0}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:60px;align-items:center}.auth-intro h1{font-size:48px;line-height:1.12;margin:10px 0 18px}.auth-intro>p{font-size:17px;color:var(--muted);max-width:650px}.auth-benefits{display:grid;gap:10px;margin-top:24px}.auth-benefits span{font-weight:600}.auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin:0}.terms-check{align-items:flex-start!important;margin:16px 0!important}.terms-check a,.auth-switch a{color:var(--green2);font-weight:600}.auth-switch{text-align:center;margin:16px 0 0;color:var(--muted)}

@media(max-width:1050px){
 .profile-layout{grid-template-columns:1fr}.profile-sidebar{position:static;display:flex;overflow-x:auto;white-space:nowrap}.profile-sidebar a{flex:0 0 auto}
 .public-profile-grid,.admin-review-grid{grid-template-columns:1fr}.public-profile-sidebar,.sticky-review{position:static}
 .admin-document-list>article{grid-template-columns:auto minmax(0,1fr) auto}.admin-document-actions{grid-column:1/-1}
 .auth-layout{grid-template-columns:1fr;gap:30px}.auth-intro{max-width:760px}.auth-card{max-width:620px;width:100%}
}
@media(max-width:760px){
 .profile-page{padding-top:18px}.profile-page-head{align-items:flex-start;flex-direction:column}.profile-page-head h1{font-size:31px}
 .profile-summary-card,.dashboard-profile-card,.public-profile-card,.admin-user-summary{grid-template-columns:auto minmax(0,1fr);padding:18px;gap:15px}.profile-review-state,.dashboard-profile-status,.profile-summary-card>.profile-review-state,.dashboard-profile-card>.actions,.public-profile-card>.btn,.admin-status-stack{grid-column:1/-1;justify-items:start}.dashboard-profile-card>.actions{display:flex}
 .profile-section-card{padding:20px 16px}.profile-section-heading{gap:10px}.profile-photo-editor{align-items:flex-start;flex-direction:column}
 .privacy-options,.profile-info-grid,.admin-info-grid{grid-template-columns:1fr}.profile-savebar{position:static;align-items:stretch;flex-direction:column}.profile-savebar .btn{width:100%}
 .document-item{grid-template-columns:auto minmax(0,1fr)}.document-item>.status,.document-item>form{grid-column:2}.public-profile-card{align-items:center}.profile-avatar.public-xl{width:92px;height:92px;font-size:28px}.public-profile-main h1{font-size:28px}
 .public-profile-meta{display:grid;gap:4px}.admin-document-list>article{grid-template-columns:auto minmax(0,1fr)}.admin-document-list>article>.admin-badge{grid-column:2}.admin-document-actions{grid-column:1/-1}
 .auth-section{padding:28px 0}.auth-intro h1{font-size:35px}.auth-card{padding:22px 18px}
}
.profile-section-muted{opacity:.62}.profile-section-muted .profile-section-heading{margin-bottom:0}.profile-section-muted .form-grid{display:none}
.admin-activity-list{display:grid;gap:8px}.admin-activity-list article{display:flex;justify-content:space-between;gap:16px;padding:11px 12px;border:1px solid #e3eae5;border-radius:11px;background:#fbfdfb}.admin-activity-list strong,.admin-activity-list p{display:block;margin:0}.admin-activity-list p{color:#728078;font-size:11px;margin-top:2px}.admin-activity-list>article>span{max-width:45%;font-size:12px;color:#5d6c64;text-align:end}
.admin-report-actions{display:grid;gap:7px;min-width:250px}.admin-report-actions input{padding:8px 9px;font-size:12px}.admin-table td p{margin:5px 0;color:#5e6d65}

/* =========================================================
   BESOURIA PROFILE EXPERIENCE V2
   Modern profile center, section navigation and uploads
   ========================================================= */
.profile-v2{
    position:relative;
    padding:38px 0 70px;
    background:
      radial-gradient(circle at 8% 2%,rgba(14,132,79,.08),transparent 25%),
      radial-gradient(circle at 95% 12%,rgba(201,138,20,.06),transparent 22%),
      #f5f8f5;
}
.profile-v2 svg{width:21px;height:21px;display:block}
.profile-shell{width:min(1320px,calc(100% - 34px));max-width:1320px}
.profile-page-head-v2{align-items:center;margin-bottom:24px}
.profile-page-head-v2>div:first-child{max-width:790px}
.profile-page-head-v2 h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.1px;margin:6px 0 8px}
.profile-page-head-v2 p{font-size:15px;line-height:1.8;margin:0}
.profile-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-action-btn{min-height:48px;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid #d8e4dc;border-radius:14px;background:#fff;color:#173128;text-decoration:none;font-weight:600;font-size:14px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.profile-action-btn:hover{transform:translateY(-2px);border-color:#9dc9ae;box-shadow:0 10px 25px rgba(20,62,43,.08)}
.profile-action-btn.primary-action{background:#0b7a49;border-color:#0b7a49;color:#fff}

.profile-command-card{overflow:hidden;background:#fff;border:1px solid #dbe7df;border-radius:26px;box-shadow:0 18px 55px rgba(22,62,43,.07);margin-bottom:22px}
.profile-command-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 27px}
.profile-avatar-hero{width:92px;height:92px;font-size:28px;border:4px solid #fff;box-shadow:0 0 0 1px #d7e5dc,0 9px 24px rgba(19,73,46,.12)}
.profile-command-copy h2{font-size:26px;line-height:1.25;margin:0}
.profile-command-copy>p{margin:6px 0 0;color:#6b7a72;font-size:14px}
.profile-command-copy>p span{padding-inline:5px;color:#a5b1aa}
.profile-progress-large{max-width:560px;margin-top:15px}
.profile-progress-large .profile-progress-track{height:10px;background:#edf3ef}
.profile-progress-large .profile-progress-track span{background:linear-gradient(90deg,#087746,#33a66c)}
.profile-review-panel{min-width:180px;padding:15px 16px;border-radius:16px;background:#f7faf8;border:1px solid #e2ebe5;display:grid;justify-items:start;gap:7px}
.profile-review-panel>span{font-size:11px;font-weight:600;color:#74827b}
.profile-review-panel>small{max-width:220px;color:#6b7771;font-size:11px;line-height:1.55}
.profile-status-chip{display:inline-flex;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:600}

.profile-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e7eee9;background:#fbfdfb}
.profile-metric-grid article{min-width:0;display:flex;align-items:center;gap:12px;padding:18px 22px;border-inline-end:1px solid #e7eee9}
.profile-metric-grid article:last-child{border-inline-end:0}
.profile-metric-grid .metric-icon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e9f7ef;color:#087746}
.profile-metric-grid small,.profile-metric-grid strong,.profile-metric-grid em{display:block;min-width:0}
.profile-metric-grid small{font-size:11px;color:#76837c;font-weight:600}
.profile-metric-grid strong{font-size:20px;line-height:1.2;margin:2px 0;color:#152c22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-metric-grid em{font-style:normal;font-size:11px;color:#75817b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.profile-layout-v2{grid-template-columns:315px minmax(0,1fr);gap:22px;margin-top:0}
.profile-sidebar-v2{position:sticky;top:100px;display:block;padding:11px;border-radius:22px;background:#fff;border:1px solid #dce7e0;box-shadow:0 12px 35px rgba(18,57,39,.055)}
.profile-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 14px;border-bottom:1px solid #edf2ee;margin-bottom:8px}
.profile-sidebar-title strong,.profile-sidebar-title small{display:block}
.profile-sidebar-title strong{font-size:15px}
.profile-sidebar-title small{font-size:11px;color:#77847d;margin-top:2px}
.profile-sidebar-title>span{min-width:31px;height:31px;padding:0 8px;border-radius:10px;background:#102d20;color:#fff;display:grid;place-items:center;font-weight:600;font-size:12px}
.profile-section-nav{display:grid;gap:7px}
.profile-sidebar-v2 .profile-nav-card{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:14px;text-decoration:none;color:#183027;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.profile-sidebar-v2 .profile-nav-card:hover{transform:translateX(-2px);background:#f7fbf8;border-color:#dce9e1}
html[dir="ltr"] .profile-sidebar-v2 .profile-nav-card:hover{transform:translateX(2px)}
.profile-sidebar-v2 .profile-nav-card.active{background:linear-gradient(135deg,#eaf8f0,#f8fcf9);border-color:#9fcdb0;box-shadow:inset 3px 0 0 #0b7a49}
html[dir="rtl"] .profile-sidebar-v2 .profile-nav-card.active{box-shadow:inset -3px 0 0 #0b7a49}
.profile-nav-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f0f4f1;color:#53675d;transition:.18s ease}
.profile-nav-card.active .profile-nav-icon,.profile-nav-complete .profile-nav-icon{background:#dff4e8;color:#087746}
.profile-nav-card.profile-nav-progress .profile-nav-icon{background:#fff7e4;color:#9a6700}
.profile-nav-card.profile-nav-empty .profile-nav-icon{background:#f2f4f3;color:#718078}
.profile-nav-copy{min-width:0}
.profile-nav-copy strong,.profile-nav-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-nav-copy strong{font-size:13px;line-height:1.35}
.profile-nav-copy small{margin-top:3px;font-size:10.5px;color:#7a8780}
.profile-nav-result{min-width:34px;min-height:25px;padding:4px 7px;border-radius:999px;display:grid;place-items:center;background:#eef2ef;color:#627068;font-size:10px;font-weight:600;white-space:nowrap}
.profile-nav-result svg{width:15px;height:15px}
.profile-nav-complete .profile-nav-result{background:#e3f6eb;color:#087746}
.profile-nav-progress .profile-nav-result{background:#fff2ce;color:#8a5d00}
.profile-nav-optional .profile-nav-result{font-size:9px;background:#f1f2f8;color:#66708a}

.profile-checklist-card{margin-top:11px;padding:15px;border-radius:17px;background:#112d21;color:#fff}
.profile-checklist-head{display:flex;align-items:flex-start;gap:10px}
.profile-checklist-head>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1);color:#cfe9d9}
.profile-checklist-head>span svg{width:18px;height:18px}
.profile-checklist-head strong,.profile-checklist-head small{display:block}
.profile-checklist-head strong{font-size:13px;line-height:1.4}
.profile-checklist-head small{font-size:10.5px;color:#b8cbc0;margin-top:3px}
.profile-checklist-card ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}
.profile-checklist-card li{position:relative;padding-inline-start:17px;color:#d4e0d9;font-size:11px;line-height:1.5}
.profile-checklist-card li>span{position:absolute;inset-inline-start:1px;top:7px;width:6px;height:6px;border-radius:50%;background:#e0ad41}
.profile-checklist-complete{display:flex;align-items:center;gap:7px;margin-top:13px;color:#d8eadf;font-size:11px}
.profile-checklist-complete svg{width:17px;height:17px}

.profile-content{min-width:0}
.profile-v2 .profile-form{gap:20px}
.profile-v2 .profile-section-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #dce7e0;padding:28px 30px;background:#fff;box-shadow:0 10px 30px rgba(19,57,40,.045);transition:border-color .2s ease,box-shadow .2s ease}
.profile-v2 .profile-section-card:target,.profile-v2 .profile-section-card.section-in-view{border-color:#9fcbb0;box-shadow:0 14px 38px rgba(15,83,49,.08)}
.profile-v2 .profile-section-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:linear-gradient(180deg,#0b7a49,#55b27d);opacity:.9}
.profile-v2 .profile-section-heading{align-items:center;gap:14px;padding-bottom:18px;margin-bottom:22px}
.profile-v2 .profile-section-heading>span{width:40px;height:40px;flex-basis:40px;border-radius:13px;background:#102d21;box-shadow:0 7px 16px rgba(16,45,33,.13)}
.profile-v2 .profile-section-heading h2{font-size:23px}
.profile-v2 .profile-section-heading p{font-size:13px;line-height:1.65}
.profile-v2 .form-grid{gap:17px}
.profile-v2 .form-group label{font-size:13px;margin-bottom:7px}
.profile-v2 input,.profile-v2 select,.profile-v2 textarea{border-radius:12px;border-color:#d9e5dd;background:#fcfdfc;min-height:49px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.profile-v2 textarea{min-height:130px}
.profile-v2 input:focus,.profile-v2 select:focus,.profile-v2 textarea:focus{background:#fff;border-color:#79b792;box-shadow:0 0 0 4px rgba(11,122,73,.085)}
.profile-v2 input:disabled{background:#f2f5f3;color:#7b8680}
.profile-v2 .form-group small{display:block;color:#79867f;font-size:11px;margin-top:6px}

.profile-photo-editor-v2{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:20px;border:1px dashed #a9cbb7;border-radius:18px;background:linear-gradient(135deg,#f7fcf9,#fbfdfc);margin-bottom:24px;transition:border-color .18s ease,background .18s ease}
.profile-photo-editor-v2.is-dragging{border-color:#0b7a49;background:#ebf8f1}
.profile-photo-preview-wrap{position:relative;width:112px!important;height:112px!important}
.profile-photo-status{position:absolute;inset-inline-end:1px;bottom:2px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0b7a49;color:#fff;border:3px solid #fff}
.profile-photo-status svg{width:14px;height:14px}
.profile-upload-copy>strong{display:block;font-size:15px}
.profile-upload-copy>p{margin:4px 0 12px;color:#708078;font-size:12px;line-height:1.65}
.profile-upload-copy>small{display:block;color:#7b8781;font-size:10.5px;margin-top:9px}
.profile-upload-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.profile-upload-button{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:9px 13px;border-radius:11px;background:#0b7a49;color:#fff;font-weight:600!important;font-size:12px!important;cursor:pointer}
.profile-upload-button svg{width:17px;height:17px}
.profile-remove-photo{display:flex!important;align-items:center;gap:7px;margin:0!important;color:#9d2d25;font-size:11px!important;cursor:pointer}
.profile-remove-photo input{width:16px!important;min-height:auto;height:16px;accent-color:#b42318}

.profile-v2 .privacy-options{gap:12px}
.profile-v2 .privacy-toggle{position:relative;padding:15px;border-radius:14px;background:#fbfdfb;transition:border-color .18s ease,background .18s ease}
.profile-v2 .privacy-toggle:hover{border-color:#a8cdb6;background:#f4faf6}
.profile-v2 .privacy-toggle input{flex:0 0 19px;width:19px;min-height:auto;height:19px}
.profile-v2 .privacy-toggle strong{font-size:12px}
.profile-v2 .profile-savebar{bottom:16px;border-radius:17px;padding:16px 18px;background:rgba(255,255,255,.96);border-color:#a8ceb7;box-shadow:0 16px 45px rgba(15,59,39,.15)}
.profile-v2 .profile-savebar.is-dirty{border-color:#d8b05f;background:rgba(255,252,244,.98)}
.profile-v2 .profile-savebar .btn.primary{min-width:220px;min-height:48px;border-radius:12px}

.profile-v2 .verification-card{margin-top:20px}
.profile-v2 .verification-notice{display:flex;align-items:center;padding:12px 14px;border-radius:12px;background:#eef7f2;border:1px solid #d5e9dd;color:#35604a;font-size:12px;margin-bottom:18px}
.profile-v2 .document-list{display:grid;gap:10px;margin-bottom:18px}
.profile-v2 .document-item{border-radius:14px;border-color:#dde8e1;background:#fbfdfb}
.profile-v2 .document-upload-form{margin-top:18px;padding:20px;border-radius:17px;background:#f8fbf9;border:1px solid #e1ebe5}
.verification-dropzone{display:grid!important;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;padding:17px!important;margin:0!important;border:1px dashed #a8c9b4;border-radius:15px;background:#fff;cursor:pointer;transition:border-color .18s ease,background .18s ease}
.verification-dropzone:hover,.verification-dropzone.is-dragging{border-color:#0b7a49;background:#eff9f3}
.verification-dropzone-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7f6ed;color:#087746}
.verification-dropzone-icon svg{width:23px;height:23px}
.verification-dropzone strong,.verification-dropzone small,.verification-dropzone em{display:block}
.verification-dropzone strong{font-size:13px}
.verification-dropzone small{margin:3px 0 0!important;font-size:10.5px!important}
.verification-dropzone em{font-style:normal;margin-top:6px;color:#0b7a49;font-size:11px;font-weight:600}

.profile-section-muted{opacity:.72}
.profile-section-muted::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(247,249,248,.18)}

@media(max-width:1120px){
  .profile-shell{width:min(100% - 28px,1180px)}
  .profile-layout-v2{grid-template-columns:285px minmax(0,1fr);gap:17px}
  .profile-sidebar-v2 .profile-nav-card{grid-template-columns:39px minmax(0,1fr) auto;padding:9px}
  .profile-nav-icon{width:39px;height:39px}
  .profile-v2 .profile-section-card{padding:24px 22px}
  .profile-metric-grid article{padding:16px 14px}
}
@media(max-width:820px){
  .profile-page-head-v2{align-items:flex-start;flex-direction:column}
  .profile-head-actions{width:100%}.profile-action-btn{flex:1}
  .profile-command-main{grid-template-columns:auto minmax(0,1fr);padding:21px}
  .profile-review-panel{grid-column:1/-1;width:100%;grid-template-columns:auto auto 1fr;align-items:center;justify-items:start}
  .profile-metric-grid{grid-template-columns:1fr 1fr}
  .profile-metric-grid article:nth-child(2){border-inline-end:0}
  .profile-metric-grid article:nth-child(-n+2){border-bottom:1px solid #e7eee9}
  .profile-layout-v2{grid-template-columns:1fr}
  .profile-sidebar-v2{position:static;padding:10px}
  .profile-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-checklist-card{display:none}
  .profile-nav-copy small{display:none}
}
@media(max-width:620px){
  .profile-v2{padding-top:22px}
  .profile-shell{width:min(100% - 20px,1320px)}
  .profile-page-head-v2 h1{font-size:32px}
  .profile-head-actions{display:grid;grid-template-columns:1fr}.profile-action-btn{width:100%}
  .profile-command-main{grid-template-columns:1fr;text-align:center;justify-items:center}
  .profile-command-copy{width:100%}.profile-command-copy .profile-name-line{justify-content:center}
  .profile-review-panel{grid-template-columns:1fr;justify-items:center;text-align:center}
  .profile-metric-grid{grid-template-columns:1fr}
  .profile-metric-grid article{border-inline-end:0;border-bottom:1px solid #e7eee9!important}
  .profile-metric-grid article:last-child{border-bottom:0!important}
  .profile-section-nav{grid-template-columns:1fr 1fr}
  .profile-sidebar-v2 .profile-nav-card{grid-template-columns:36px minmax(0,1fr);gap:8px}
  .profile-nav-icon{width:36px;height:36px}
  .profile-nav-result{display:none}
  .profile-nav-copy strong{font-size:11px}
  .profile-v2 .profile-section-card{padding:20px 15px;border-radius:18px}
  .profile-v2 .profile-section-heading h2{font-size:20px}
  .profile-photo-editor-v2{grid-template-columns:1fr;text-align:center;justify-items:center}
  .profile-upload-actions{justify-content:center}
  .profile-v2 .profile-savebar .btn.primary{min-width:0;width:100%}
  .verification-dropzone{grid-template-columns:1fr;text-align:center;justify-items:center}
}

/* CV upload */
.cv-upload-group{align-self:stretch}
.cv-dropzone{min-height:92px}
.cv-current-file{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid #d7e5dc;border-radius:14px;background:#f8fbf9}
.cv-file-icon{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border-radius:12px;background:#e7f6ed;color:#087746;font-size:12px;font-weight:600;letter-spacing:.04em}
.cv-file-meta{display:grid;gap:2px;min-width:0;margin-inline-end:auto}
.cv-file-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.cv-file-meta small{color:#718077;font-size:11px}
.cv-remove-option{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #efc7c7;border-radius:10px;background:#fff7f7;color:#a42c2c;font-size:11px;font-weight:600;cursor:pointer}
.cv-remove-option input{accent-color:#b42318}
@media(max-width:700px){.cv-current-file{align-items:flex-start;flex-wrap:wrap}.cv-file-meta{width:calc(100% - 58px)}.cv-current-file .btn,.cv-remove-option{flex:1;justify-content:center}}

/* =========================================================
   BESOURIA OPPORTUNITY ENGAGEMENT V4
   Comments, replies, save, share, ratings and reports
   No like/dislike system
   ========================================================= */
.opportunity-detail-v4{align-items:start}.opportunity-detail-v4 .detail-main{overflow:visible}.opportunity-engagement,.opportunity-comments{margin-top:34px;border:1px solid #dbe7df;border-radius:22px;background:#fbfdfb;overflow:visible}.opportunity-engagement{padding:24px}.engagement-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:20px;border-bottom:1px solid #e4ece7}.engagement-heading>div:first-child>span,.comments-head>div>span{display:block;color:#087746;font-size:11px;font-weight:600;letter-spacing:.02em}.engagement-heading h2,.comments-head h2{margin:3px 0 0;font-size:23px;line-height:1.35}.engagement-summary{display:flex;gap:8px;flex-wrap:wrap}.engagement-summary>span{min-width:76px;padding:8px 10px;border:1px solid #e1e9e4;border-radius:12px;background:#fff;text-align:center;color:#718078;font-size:10px;font-weight:600}.engagement-summary strong{display:block;color:#153228;font-size:17px;line-height:1.15}.engagement-actions{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:18px 0}.engagement-actions form{margin:0}.engagement-btn{min-height:43px;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d7e3dc;border-radius:12px;background:#fff;color:#19352a;text-decoration:none;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.18s ease;list-style:none}.engagement-btn::-webkit-details-marker{display:none}.engagement-btn:hover{transform:translateY(-1px);border-color:#91c3a5;background:#f7fcf9}.engagement-btn.active{border-color:#7cbb94;background:#e8f7ee;color:#087746}.engagement-btn.danger-soft{color:#9a382e}.engagement-btn svg{width:18px;height:18px;flex:0 0 auto}.engagement-btn b{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef3f0;display:grid;place-items:center;color:#5e6f66;font-size:9px}.engagement-menu{position:relative}.engagement-menu>summary{user-select:none}.engagement-dropdown{position:absolute;z-index:20;top:calc(100% + 9px);inset-inline-start:0;width:230px;padding:9px;border:1px solid #d8e4dd;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,55,37,.14)}.social-share-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.social-share-list a,.social-share-list button{display:flex;align-items:center;min-height:38px;padding:8px 9px;border:0;border-radius:9px;background:#f7faf8;color:#18352a;text-decoration:none;font:inherit;font-size:11px;font-weight:600;cursor:pointer}.social-share-list a:hover,.social-share-list button:hover{background:#e8f6ee;color:#087746}.report-dropdown{width:min(360px,85vw)}.report-dropdown form{display:grid;gap:9px}.report-dropdown strong{font-size:13px}.report-dropdown select,.report-dropdown textarea{padding:9px 10px;border-radius:9px;font-size:12px}.rating-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;padding:19px;border:1px solid #dfe9e3;border-radius:16px;background:#fff}.rating-score{display:flex;align-items:center;gap:12px;padding-inline-end:24px;border-inline-end:1px solid #e4ebe7}.rating-score>strong{font-size:43px;line-height:1;color:#16362a}.rating-score small{display:block;color:#718078;font-size:10px}.rating-stars-static{direction:ltr;white-space:nowrap;line-height:1}.rating-stars-static span{color:#d8dedb;font-size:18px}.rating-stars-static span.filled{color:#d99a1c}.rating-form-wrap{min-width:0}.rating-form-wrap>p{margin:0 0 8px;color:#607168;font-size:12px}.star-rating-form{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.star-rating-form fieldset{border:0;padding:0;margin:0}.star-rating-form legend{margin-bottom:5px;color:#607168;font-size:11px;font-weight:600}.star-rating-input{display:inline-flex;direction:rtl;gap:2px}.star-rating-input input{position:absolute;opacity:0;pointer-events:none}.star-rating-input label{font-size:30px;line-height:1;color:#d6deda;cursor:pointer;transition:.15s ease}.star-rating-input label:hover,.star-rating-input label:hover~label,.star-rating-input input:checked~label{color:#d99a1c;transform:translateY(-1px)}
.opportunity-comments{padding:25px;background:#fff}.comments-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #e7eee9}.comments-head p{margin:5px 0 0;color:#6c7b73;font-size:12px}.comments-head>strong{min-width:44px;height:44px;border-radius:14px;background:#e9f7ef;color:#087746;display:grid;place-items:center;font-size:17px}.comment-compose{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;margin:20px 0;padding:16px;border:1px solid #dfe8e3;border-radius:16px;background:#f9fbfa}.comment-compose textarea{min-height:105px;resize:vertical;background:#fff}.comment-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.comment-compose-foot small{color:#6c7b73;font-size:10px}.comment-avatar{flex:0 0 43px;width:43px;height:43px;border-radius:13px;overflow:hidden;background:#e5f4eb;color:#087746;display:grid;place-items:center;font-size:13px;font-weight:600}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comments-login{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0;padding:17px;border:1px solid #dfe8e3;border-radius:15px;background:#f8fbf9}.comments-login strong,.comments-login p{display:block;margin:0}.comments-login p{color:#6b7972;font-size:11px;margin-top:3px}.comment-list{display:grid;gap:14px}.comments-empty{padding:34px 18px;border:1px dashed #d8e3dc;border-radius:15px;background:#fbfdfb;text-align:center}.comments-empty strong,.comments-empty p{display:block;margin:0}.comments-empty p{margin-top:4px;color:#6b7b73;font-size:12px}.comment-thread{border:1px solid #e0e9e4;border-radius:16px;background:#fff;overflow:hidden}.comment-item{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;padding:16px}.comment-unpublished{background:#fffaf0}.comment-content{min-width:0}.comment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.comment-top>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.comment-top strong{font-size:13px}.comment-top small{color:#829087;font-size:9px}.comment-verified{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#087746;color:#fff;font-size:9px;font-weight:600}.comment-status{padding:4px 8px;border-radius:999px;font-size:9px;font-weight:600}.comment-status.pending{background:#fff0c7;color:#8a5b00}.comment-status.rejected{background:#ffeded;color:#a92d23}.comment-content>p{margin:8px 0 0;color:#31483d;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.comment-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:9px}.comment-actions>button,.comment-actions>form button,.comment-actions summary{padding:0;border:0;background:transparent;color:#66776e;font:inherit;font-size:10px;font-weight:600;cursor:pointer;list-style:none}.comment-actions summary::-webkit-details-marker{display:none}.comment-actions>button:hover,.comment-actions>form button:hover,.comment-actions summary:hover{color:#087746}.comment-actions details{position:relative}.comment-actions details>form{position:relative;display:grid;gap:8px;width:min(440px,70vw);margin-top:9px;padding:10px;border:1px solid #dfe7e2;border-radius:12px;background:#f8fbf9}.comment-actions textarea,.comment-actions select{font-size:11px;padding:8px 9px}.comment-report-form{max-width:330px!important}.comment-reply-form{display:grid;gap:8px;margin-top:12px;padding:11px;border-inline-start:3px solid #9ecab0;background:#f7fbf8;border-radius:0 11px 11px 0}.comment-reply-form textarea{font-size:12px;min-height:78px}.comment-reply-form>div{display:flex;gap:7px}.comment-replies{margin-inline-start:54px;border-top:1px solid #e7eee9;background:#f9fbfa}.comment-replies .comment-item{border-bottom:1px solid #e7eee9}.comment-replies .comment-item:last-child{border-bottom:0}.reply-item .comment-avatar{width:38px;height:38px;flex-basis:38px;border-radius:11px}.opportunity-trust-stats>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.opportunity-trust-stats span{padding:10px;border:1px solid #e1e9e4;border-radius:11px;background:#fafcfb;color:#718078;font-size:9px;text-align:center}.opportunity-trust-stats b{display:block;color:#173329;font-size:17px}.admin-filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.admin-comment-actions{display:grid;gap:7px;min-width:260px}.admin-comment-actions input{padding:8px 9px;font-size:11px}.admin-btn.danger{background:#bd2418;border-color:#bd2418;color:#fff}.admin-badge.deleted{background:#eff1f0;color:#68736d}.saved-opportunities-page h1{font-size:40px;margin:5px 0 8px}
@media(max-width:900px){.engagement-heading{align-items:flex-start;flex-direction:column}.rating-panel{grid-template-columns:1fr}.rating-score{padding-inline-end:0;padding-bottom:15px;border-inline-end:0;border-bottom:1px solid #e4ebe7}.star-rating-form{align-items:flex-start;flex-direction:column}.engagement-dropdown{inset-inline-start:auto;inset-inline-end:0}.comment-replies{margin-inline-start:30px}}
@media(max-width:620px){.opportunity-engagement,.opportunity-comments{margin-inline:-12px;border-radius:16px}.opportunity-engagement{padding:17px}.opportunity-comments{padding:17px}.engagement-summary{width:100%}.engagement-summary>span{flex:1}.engagement-actions{display:grid;grid-template-columns:1fr 1fr}.engagement-actions>form,.engagement-actions>.engagement-menu,.engagement-actions>.engagement-btn{width:100%}.engagement-btn{width:100%;justify-content:flex-start}.social-share-list{grid-template-columns:1fr}.rating-panel{padding:15px}.comment-compose{grid-template-columns:1fr}.comment-compose>.comment-avatar{display:none}.comment-compose-foot,.comments-login,.comments-head{align-items:flex-start;flex-direction:column}.comment-compose-foot .btn,.comments-login .btn{width:100%}.comment-item{grid-template-columns:36px minmax(0,1fr);padding:13px}.comment-avatar{width:36px;height:36px;flex-basis:36px;border-radius:11px}.comment-top{gap:8px}.comment-replies{margin-inline-start:17px}.comment-actions details>form{width:calc(100vw - 85px)}.report-dropdown{inset-inline-start:0;inset-inline-end:auto}.engagement-menu:nth-last-child(-n+2) .engagement-dropdown{inset-inline-start:auto;inset-inline-end:0}}
.opportunity-card-social{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.opportunity-card-social>span{padding:5px 8px;border-radius:999px;background:#f1f6f3;color:#53675d;font-size:10px;font-weight:600}.opportunity-card-social small{color:#829087}

/* ================================================================
 * Opportunity publisher & contact directory — V5
 * ================================================================ */
.opportunity-detail-v4{grid-template-columns:minmax(0,1fr) 380px;gap:26px}
.opportunity-directory-sidebar{position:sticky;top:96px;align-self:start}
.opportunity-request-section{padding:25px 0 4px;border-top:1px solid #e6ede9}
.detail-section-kicker{display:block;margin-bottom:5px;color:#087746;font-size:11px;font-weight:600;letter-spacing:.02em}
.opportunity-request-section h2{font-size:25px}
.publisher-directory-card{padding:22px;overflow:hidden}
.publisher-directory-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;padding-bottom:16px;border-bottom:1px solid #e5ede8}
.publisher-avatar{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#e1f5e9,#f7fbf8);color:#087746;display:grid;place-items:center;overflow:hidden;font-size:18px;font-weight:600;border:1px solid #d5e9dc}
.publisher-avatar img{width:100%;height:100%;object-fit:cover}
.publisher-directory-title{min-width:0}
.publisher-directory-title>span{display:block;color:#087746;font-size:10px;font-weight:600}
.publisher-directory-title h3{margin:2px 0 0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}
.publisher-directory-title p{margin:3px 0 0;color:#738279;font-size:10px}
.publisher-directory-badges{margin:13px 0 0}
.publisher-public-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef3f0;color:#627168;font-size:9px;font-weight:600}
.publisher-summary{margin:15px 0 0;padding:13px;border-radius:13px;background:#f7faf8;color:#53665c;font-size:11px;line-height:1.75}
.publisher-info-group{margin-top:18px}
.publisher-info-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.publisher-info-heading>span{width:26px;height:26px;border-radius:8px;background:#e9f6ee;color:#087746;display:grid;place-items:center}
.publisher-info-heading svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.publisher-info-heading h4{margin:0;font-size:12px}
.publisher-info-list{display:grid;border:1px solid #e0e9e4;border-radius:14px;background:#fff;overflow:hidden}
.publisher-info-row{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:11px 12px;border-bottom:1px solid #e9efeb;color:#19352a;text-decoration:none;transition:.16s ease}
.publisher-info-row:last-child{border-bottom:0}
.publisher-info-row.highlighted{background:#f2faf5}
.publisher-info-row.publisher-info-link:hover{background:#f3faf6;color:#087746}
.publisher-info-icon{width:32px;height:32px;border-radius:10px;background:#f2f6f4;color:#5c7568;display:grid;place-items:center}
.publisher-info-row.highlighted .publisher-info-icon,.publisher-info-link:hover .publisher-info-icon{background:#e1f3e8;color:#087746}
.publisher-info-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.publisher-info-row small,.publisher-info-row strong{display:block;min-width:0;overflow-wrap:anywhere}
.publisher-info-row small{color:#829087;font-size:9px;line-height:1.35}
.publisher-info-row strong{margin-top:2px;color:inherit;font-size:11px;line-height:1.55}
.publisher-missing-details{margin-top:17px;padding:13px;border:1px dashed #d6e1da;border-radius:12px;background:#fafcfb;color:#748179;font-size:10px;line-height:1.7}
.publisher-apply-box{display:grid;gap:10px;margin-top:19px;padding-top:17px;border-top:1px solid #e5ede8}
.publisher-apply-box>span{font-size:11px;font-weight:600}
.publisher-profile-link{display:flex;align-items:center;justify-content:space-between;padding:9px 2px 0;color:#087746;text-decoration:none;font-size:10px;font-weight:600}
.publisher-profile-link:hover{text-decoration:underline}
.publisher-profile-link span{font-size:15px}
html[dir="ltr"] .publisher-profile-link span{transform:scaleX(-1)}
@media(max-width:1100px){.opportunity-detail-v4{grid-template-columns:minmax(0,1fr) 350px}}
@media(max-width:980px){.opportunity-detail-v4{grid-template-columns:1fr}.opportunity-directory-sidebar{position:static}.publisher-directory-card{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.publisher-directory-head,.publisher-directory-badges,.publisher-summary,.publisher-apply-box{grid-column:1/-1}.publisher-info-group{min-width:0}}
@media(max-width:650px){.publisher-directory-card{display:block;padding:17px}.publisher-directory-head{grid-template-columns:50px minmax(0,1fr)}.publisher-avatar{width:50px;height:50px;border-radius:14px}.publisher-info-row{padding:10px}.opportunity-request-section h2{font-size:22px}}

/* ================================================================
 * Besouria V7 — Business Directory + unified light/dark appearance
 * ================================================================ */
:root{--surface:#fff;--surface-2:#f8fbf9;--surface-3:#eef6f1;--text:#10231a;--text-soft:#65736b;--border:#dce6df;--header-bg:rgba(255,255,255,.96);--overlay:rgba(10,38,27,.16);--input-bg:#fff;--footer-bg:#10251b;--footer-text:#fff;--theme-shadow:0 16px 45px rgba(16,35,26,.09)}
html[data-theme="dark"]{--ink:#e8f1ec;--muted:#9eb0a7;--bg:#0b1511;--card:#111f19;--soft:#163226;--line:#294038;--shadow:0 16px 42px rgba(0,0,0,.26);--surface:#111f19;--surface-2:#0e1a15;--surface-3:#183126;--text:#e8f1ec;--text-soft:#9eb0a7;--border:#294038;--header-bg:rgba(11,21,17,.94);--overlay:rgba(0,0,0,.35);--input-bg:#0d1914;--footer-bg:#07100c;--footer-text:#f0f7f3;--theme-shadow:0 18px 55px rgba(0,0,0,.28);color-scheme:dark}
body{background:var(--bg);color:var(--ink);transition:background-color .2s ease,color .2s ease}.theme-toggle{width:46px;height:46px;flex:0 0 46px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:19px;cursor:pointer;transition:.18s}.theme-toggle:hover{border-color:#72ad8d;background:var(--surface-3);transform:translateY(-1px)}
html[data-theme="dark"] .topbar{background:var(--header-bg)}html[data-theme="dark"] .nav nav a,html[data-theme="dark"] .brand,html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--ink)}html[data-theme="dark"] .btn:not(.primary):not(.danger):not(.warning),html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .searchbar,html[data-theme="dark"] .pro-search,html[data-theme="dark"] .form-wrap,html[data-theme="dark"] .form-section,html[data-theme="dark"] .card,html[data-theme="dark"] .empty,html[data-theme="dark"] .detail-main,html[data-theme="dark"] .sidebox,html[data-theme="dark"] .stat,html[data-theme="dark"] .dashboard-item,html[data-theme="dark"] .dashboard-profile-card,html[data-theme="dark"] .opportunity-card,html[data-theme="dark"] .featured-card,html[data-theme="dark"] .category-card,html[data-theme="dark"] .publisher-directory-card,html[data-theme="dark"] .opportunity-engagement,html[data-theme="dark"] .opportunity-comments,html[data-theme="dark"] .comment-thread,html[data-theme="dark"] .publisher-info-list,html[data-theme="dark"] .publisher-info-row,html[data-theme="dark"] .profile-section-card,html[data-theme="dark"] .profile-sidebar-card,html[data-theme="dark"] .settings-card{background:var(--surface);border-color:var(--border);color:var(--ink)}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:var(--input-bg);color:var(--ink)}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#72857c}html[data-theme="dark"] .muted,html[data-theme="dark"] .card p,html[data-theme="dark"] .featured-body p,html[data-theme="dark"] .opportunity-body p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .dashboard-item p{color:var(--muted)}
html[data-theme="dark"] .hero,html[data-theme="dark"] .pro-hero{background:radial-gradient(circle at 15% 15%,rgba(16,113,71,.22),transparent 42%),linear-gradient(135deg,#0b1712,#10231b)}html[data-theme="dark"] .business-strip{background:#0d1a15;border-color:var(--border)}html[data-theme="dark"] .featured-section,html[data-theme="dark"] .how-section,html[data-theme="dark"] .category-section{background:var(--surface-2)}html[data-theme="dark"] .category-card:hover,html[data-theme="dark"] .opportunity-card:hover,html[data-theme="dark"] .featured-card:hover{border-color:#3f6654}
html[data-theme="dark"] .language-current,html[data-theme="dark"] .language-menu,html[data-theme="dark"] .cookie-consent{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}html[data-theme="dark"] .language-menu a{color:var(--ink)!important}html[data-theme="dark"] .language-menu a:hover,html[data-theme="dark"] .language-menu a.is-active{background:var(--surface-3)!important}html[data-theme="dark"] .cookie-consent p{color:var(--muted)!important}html[data-theme="dark"] .cookie-consent strong{color:var(--ink)!important}
html[data-theme="dark"] .nav nav.open{background:var(--surface);border-color:var(--border)}html[data-theme="dark"] .upload-box,html[data-theme="dark"] .comments-empty,html[data-theme="dark"] .publisher-missing-details,html[data-theme="dark"] .publisher-summary{background:var(--surface-2);border-color:var(--border)}html[data-theme="dark"] .publisher-info-row.highlighted{background:#142a20}html[data-theme="dark"] .opportunity-card-social>span,html[data-theme="dark"] .business-card-flags span{background:var(--surface-3);color:#b9d3c6}html[data-theme="dark"] .profile-progress-track{background:#243a31}html[data-theme="dark"] .table,html[data-theme="dark"] .admin-item{background:var(--surface)}

.business-form-page{padding-top:28px}.business-form-container{max-width:980px}.business-form-shell{display:grid;gap:18px}.business-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:4px}.business-form-head h1{font-size:42px;line-height:1.15;margin:5px 0 10px}.business-form-head p{max-width:680px;margin:0;color:var(--muted)}.business-form-actions{display:flex;gap:10px;justify-content:flex-end;padding:7px 0 22px}.form-grid.three{grid-template-columns:repeat(3,1fr)}

.directory-hero{padding:76px 0;background:radial-gradient(circle at 8% 20%,#d9f1e3,transparent 38%),linear-gradient(135deg,#f4faf6,#fff);border-bottom:1px solid var(--line)}.directory-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 340px;align-items:center;gap:56px}.directory-hero h1{font-size:clamp(42px,6vw,68px);line-height:1.08;letter-spacing:-2px;margin:10px 0 18px}.directory-hero p{font-size:18px;color:var(--muted);max-width:730px}.directory-hero-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:25px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.directory-hero-search input{border:0;box-shadow:none!important}.directory-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.directory-summary-card{min-height:370px;padding:34px;border-radius:28px;background:#0e3a29;color:#fff;display:grid;align-content:center;gap:12px;box-shadow:0 28px 70px rgba(8,57,39,.22);position:relative;overflow:hidden}.directory-summary-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.08);inset:-80px -80px auto auto}.directory-summary-visual{margin:-10px -10px 4px;height:145px;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0a2b20}.directory-summary-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 58%;filter:saturate(.92) contrast(1.04)}.directory-summary-card>strong{font-size:76px;line-height:1}.directory-summary-card>span{color:#c8e8d8}.directory-summary-card>div{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(255,255,255,.14)}.directory-summary-card b{font-size:26px}.directory-summary-card small{color:#c8e8d8}.directory-category-section{background:var(--surface-2)}.directory-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.directory-category-grid a{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--ink);transition:.18s}.directory-category-grid a:hover{transform:translateY(-2px);border-color:#81b99a;box-shadow:var(--shadow)}.directory-category-grid>a>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--soft);color:var(--green);font-size:20px;font-weight:600}.directory-category-grid strong,.directory-category-grid small{display:block}.directory-category-grid small{color:var(--muted);font-size:11px;margin-top:2px}
.directory-featured{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.featured-business-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.business-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px;display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;box-shadow:0 6px 20px rgba(13,45,31,.05);transition:.18s}.business-card:hover{transform:translateY(-3px);border-color:#91bca4;box-shadow:var(--theme-shadow)}.featured-business{display:block}.featured-business .business-card-logo{width:92px;height:92px;margin-bottom:15px}.business-card-logo{width:82px;height:82px;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--soft),var(--surface-2));border:1px solid var(--line);text-decoration:none;color:var(--green);font-size:30px;font-weight:600}.business-card-logo img{width:100%;height:100%;object-fit:cover}.business-card-content{min-width:0}.business-card-flags{display:flex;gap:6px;flex-wrap:wrap}.business-card-flags span,.business-card-flags b{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:10px;font-weight:600}.business-card-flags b{background:#fff3d4;color:#865700}.business-card h3{font-size:19px;line-height:1.35;margin:8px 0}.business-card h3 a{color:var(--ink);text-decoration:none}.business-card p{color:var(--muted);font-size:13px;line-height:1.75;margin:0}.business-services-preview{margin-top:9px;color:#496258;font-size:11px}.business-card-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px;color:var(--muted);font-size:10px;font-weight:600}.business-card-link{display:inline-flex;margin-top:14px;color:var(--green);font-size:11px;font-weight:600;text-decoration:none}.directory-filter{display:grid;grid-template-columns:1.4fr repeat(3,minmax(150px,.55fr)) auto;gap:9px;padding:12px;margin-bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}

.business-detail-page{padding-top:34px}.business-detail-top{display:grid;grid-template-columns:124px minmax(0,1fr) auto;align-items:center;gap:24px;padding:24px;margin-bottom:22px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.business-detail-logo{width:124px;height:124px;border-radius:25px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--soft),var(--surface-2));border:1px solid var(--line);font-size:44px;color:var(--green);font-weight:600}.business-detail-logo img{width:100%;height:100%;object-fit:cover}.business-detail-labels{display:flex;gap:7px;flex-wrap:wrap}.business-detail-labels span,.business-detail-labels b{padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:10px;font-weight:600}.business-detail-labels b{background:#e7f7ed;color:#087343}.business-detail-labels .featured-label{background:#fff2cd;color:#885900}.business-detail-heading h1{font-size:38px;line-height:1.2;margin:8px 0}.business-detail-heading>p{margin:0;color:var(--muted)}.business-rating-line{display:flex;gap:14px;flex-wrap:wrap;margin-top:11px;color:var(--muted);font-size:12px}.business-rating-line strong{color:#b77a08}.business-owner-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.business-owner-actions form{margin:0}.business-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.business-detail-grid main{display:grid;gap:18px}.business-detail-grid aside{display:grid;align-content:start;gap:16px;position:sticky;top:94px}.business-content-card,.business-side-card{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 7px 24px rgba(16,35,26,.04)}.business-content-card h2{font-size:26px;margin:4px 0 15px}.business-rich-text{font-size:15px;line-height:1.95;color:#31493e}.business-service-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.business-service-list>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.business-service-list span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:var(--green);font-weight:600}.business-service-list p{margin:1px 0 0;font-size:12px}.business-side-card h3{font-size:17px;margin:0 0 15px}.business-side-card dl{margin:0;display:grid}.business-side-card dl>div{padding:11px 0;border-bottom:1px solid var(--line)}.business-side-card dl>div:last-child{border-bottom:0}.business-side-card dt{color:var(--muted);font-size:10px}.business-side-card dd{margin:3px 0 0;font-weight:600;font-size:12px;overflow-wrap:anywhere}.business-contact-actions{display:grid;gap:8px}.business-contact-actions a{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);text-decoration:none;font-size:11px;font-weight:600;overflow-wrap:anywhere}.business-contact-actions a:hover{border-color:#83b99a;color:var(--green)}.owner-card p,.contact-card p{color:var(--muted);font-size:11px}.review-score{text-align:center}.review-score strong{font-size:32px;display:block}.review-score span{color:#c98a14;letter-spacing:2px}.review-score small{display:block;color:var(--muted)}.business-review-form{display:grid;grid-template-columns:150px 1fr auto;align-items:end;gap:10px;padding:16px;margin:18px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:15px}.business-review-form label{display:grid;gap:6px;font-size:11px;font-weight:600}.business-review-form textarea{min-height:94px}.business-review-list{display:grid;gap:10px}.business-review-list article{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.business-review-list article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.business-review-list article span{color:#c98a14}.business-review-list article p{margin:8px 0;color:var(--ink);font-size:12px;line-height:1.75}.business-review-list article small{color:var(--muted)}.reviews-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin:15px 0;background:var(--surface-2);border-radius:13px}.reviews-login p{margin:0;color:var(--muted)}
.business-dashboard-section{margin-top:28px}.dashboard-section-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px}.dashboard-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}.dashboard-section-head h2{font-size:25px;margin:0}.dashboard-section-head p{margin:3px 0 0;color:var(--muted)}.business-dashboard-list{display:grid;gap:10px}.business-dashboard-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.business-dashboard-logo{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:var(--soft);color:var(--green);font-size:20px;font-weight:600}.business-dashboard-logo img{width:100%;height:100%;object-fit:cover}.business-dashboard-item h3{font-size:16px;margin:0}.business-dashboard-item h3 a{color:var(--ink);text-decoration:none}.business-dashboard-item p{font-size:10px;margin:3px 0 0;color:var(--muted)}.listing-expiry{font-size:10px;color:var(--muted);white-space:nowrap}.listing-expiry.warning{color:#9b6500;font-weight:600}.status.expired{color:#b42318;background:#ffeded}

.admin-business-cell{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;min-width:250px}.admin-business-cell>img,.admin-business-cell>span{width:44px;height:44px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:var(--surface-3);color:var(--ag);font-weight:600}.admin-business-cell b,.admin-business-cell small{display:block}.admin-business-cell small{color:var(--am);margin-top:2px}.admin-business-cell em{display:inline-flex;margin:4px 4px 0 0;padding:2px 6px;border-radius:999px;background:#e9f7ef;color:#087343;font-size:9px;font-style:normal;font-weight:600}.admin-badge.expired,.admin-badge.closed{background:#f1eeee;color:#7d4747}

@media(max-width:1100px){.featured-business-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:repeat(2,1fr)}.directory-category-grid{grid-template-columns:repeat(3,1fr)}.directory-filter{grid-template-columns:1fr 1fr 1fr}.directory-filter input{grid-column:1/-1}.business-detail-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:850px){.directory-hero-grid,.business-detail-grid{grid-template-columns:1fr}.directory-summary-card{min-height:260px}.directory-category-grid{grid-template-columns:repeat(2,1fr)}.business-detail-grid aside{position:static}.business-detail-top{grid-template-columns:95px minmax(0,1fr)}.business-detail-logo{width:95px;height:95px}.business-owner-actions{grid-column:1/-1;justify-content:flex-start}.business-review-form{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}.business-dashboard-item{grid-template-columns:50px minmax(0,1fr) auto}.business-dashboard-item>.actions{grid-column:1/-1}.listing-expiry{display:none}}
@media(max-width:620px){.theme-toggle{width:42px;height:42px;flex-basis:42px}.directory-hero{padding:50px 0}.directory-hero h1{font-size:40px}.directory-hero-search{grid-template-columns:1fr}.directory-category-grid,.business-grid,.featured-business-grid,.form-grid.three,.business-service-list{grid-template-columns:1fr}.directory-filter{grid-template-columns:1fr}.directory-filter input{grid-column:auto}.business-form-head,.dashboard-section-head{flex-direction:column}.business-form-head h1{font-size:34px}.business-detail-top{grid-template-columns:72px minmax(0,1fr);padding:16px}.business-detail-logo{width:72px;height:72px;border-radius:18px}.business-detail-heading h1{font-size:27px}.business-content-card,.business-side-card{padding:18px}.business-card{grid-template-columns:65px minmax(0,1fr)}.business-card-logo{width:65px;height:65px;border-radius:14px}.business-dashboard-item{grid-template-columns:48px minmax(0,1fr)}.business-dashboard-item>.status{justify-self:start}.business-form-actions{position:sticky;bottom:8px;z-index:10;padding:10px;background:var(--header-bg);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(12px)}.business-form-actions .btn{flex:1}}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}

.listing-state-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-inline-start:4px solid #b7791f;border-radius:16px;background:var(--surface);box-shadow:0 8px 24px rgba(16,35,26,.05)}.listing-state-banner strong{display:block;margin-bottom:3px;color:var(--ink)}.listing-state-banner p{margin:0;color:var(--muted);font-size:12px}.listing-state-banner .actions{display:flex;gap:8px;flex-wrap:wrap}.listing-state-banner form{margin:0}[data-theme=dark] .listing-state-banner{background:var(--surface);box-shadow:none}@media(max-width:650px){.listing-state-banner{align-items:flex-start;flex-direction:column}.listing-state-banner .actions{width:100%}.listing-state-banner .actions .btn{flex:1}}

/* =========================================================
   BESOURIA V7.1 — COMPLETE DARK MODE AUDIT
   Loaded last so page-specific light styles cannot override it.
   ========================================================= */
html[data-theme="dark"]{
  --success-bg:rgba(43,170,114,.17);
  --success-text:#8be2b5;
  --warning-bg:rgba(201,138,20,.18);
  --warning-text:#f0c66e;
  --danger-bg:rgba(207,72,62,.18);
  --danger-text:#ffaaa3;
  --info-bg:rgba(66,139,202,.16);
  --info-text:#a9d0f2;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
html[data-theme="dark"] main{background:transparent;color:var(--ink)}
html[data-theme="dark"] ::selection{background:#236a4c;color:#fff}

/* Main page backgrounds and hero areas */
html[data-theme="dark"] .hero,
html[data-theme="dark"] .pro-hero,
html[data-theme="dark"] .info-hero,
html[data-theme="dark"] .blog-hero,
html[data-theme="dark"] .article-header,
html[data-theme="dark"] .public-profile-hero,
html[data-theme="dark"] .directory-hero,
html[data-theme="dark"] .profile-v2{
  background:radial-gradient(circle at 10% 5%,rgba(28,139,87,.18),transparent 34%),linear-gradient(145deg,#09130f,#0d1c16)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] .soft-section,
html[data-theme="dark"] .featured-section,
html[data-theme="dark"] .how-section,
html[data-theme="dark"] .category-section{background:var(--surface-2)!important}

/* Every major card, form, panel, table and modal surface */
html[data-theme="dark"] :is(
  .searchbar,.pro-search,.hero-search,.blog-search,.directory-filter,.directory-hero-search,
  .form-wrap,.opportunity-form-intro,.form-section,.form-submit-bar,.auth-card,
  .card,.empty,.pro-empty,.detail-main,.sidebox,.stat,.table,
  .dashboard-item,.dashboard-profile-card,.dashboard-section-card,
  .business-strip,.business-card,.business-detail-top,.business-content-card,.business-side-card,
  .category-card,.featured-card,.opportunity-card,.publisher-directory-card,
  .info-card,.faq-item,.faq-list details,.contact-card,.legal-nav,.sidebar-box,
  .blog-card,.editor-settings,.editor-panel,.quill-editor,
  .profile-summary-card,.public-profile-card,.public-profile-section,
  .profile-command-card,.profile-sidebar,.profile-sidebar-v2,.profile-section-card,
  .profile-v2 .profile-section-card,.profile-review-panel,
  .opportunity-engagement,.opportunity-comments,.comment-thread,.rating-panel,
  .publisher-info-list,.publisher-info-row,.engagement-dropdown,
  .cookie-consent,.language-menu
){
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

/* Nested and alternate surfaces */
html[data-theme="dark"] :is(
  .upload-box,.modern-upload,.language-editor,.language-tabs,.language-panel,
  .option-check,.opportunity-fact,.location-help,
  .value-grid>div,.contact-box,.profile-photo-editor,.profile-photo-editor-v2,
  .privacy-toggle,.profile-v2 .privacy-toggle,.document-item,.profile-v2 .document-item,
  .profile-v2 .document-upload-form,.verification-dropzone,.cv-current-file,
  .profile-info-grid>div,.admin-info-grid>div,.profile-review-panel,
  .profile-metric-grid,.profile-nav-icon,.profile-nav-result,
  .engagement-summary>span,.engagement-btn,.social-share-list a,.social-share-list button,
  .comment-compose,.comment-compose textarea,.comments-login,.comments-empty,
  .comment-actions details>form,.comment-reply-form,.comment-replies,
  .opportunity-trust-stats span,.publisher-summary,.publisher-missing-details,
  .publisher-info-icon,.business-service-list>div,.business-contact-actions a,
  .business-review-form,.business-review-list article,.reviews-login,
  .business-dashboard-item,.business-dashboard-logo,.business-detail-logo,
  .image-placeholder,.blog-card-image,.featured-media
){
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}

/* Form language editor — fixes the white area shown in the report */
html[data-theme="dark"] .language-tabs{background:#0c1813!important;border-bottom-color:var(--border)!important}
html[data-theme="dark"] .language-tab{color:var(--muted)!important}
html[data-theme="dark"] .language-tab:hover{background:var(--surface-3)!important;color:var(--ink)!important}
html[data-theme="dark"] .language-tab.active{background:var(--surface-3)!important;color:#7ed7aa!important;box-shadow:none!important}
html[data-theme="dark"] .language-panel{background:var(--surface)!important}
html[data-theme="dark"] .form-section-heading,
html[data-theme="dark"] .form-section-title{border-color:var(--border)!important}

/* Inputs, dropdowns, file controls and rich text editors */
html[data-theme="dark"] :is(input,select,textarea,.field,.pro-search select,.modern-upload input[type="file"]){
  background:var(--input-bg)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none;
}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#71867b!important;opacity:1}
html[data-theme="dark"] :is(input,select,textarea):focus{
  background:#102019!important;
  border-color:#4d8d6d!important;
  box-shadow:0 0 0 3px rgba(43,170,114,.12)!important;
}
html[data-theme="dark"] :is(input,select,textarea):disabled{background:#0a130f!important;color:#65776e!important;opacity:.85}
html[data-theme="dark"] select option{background:#101e18;color:var(--ink)}
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink)!important;
  -webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;
  caret-color:var(--ink)!important;
}
html[data-theme="dark"] .ql-toolbar.ql-snow,
html[data-theme="dark"] .ql-container.ql-snow,
html[data-theme="dark"] .ql-picker-options{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .ql-editor{background:var(--input-bg)!important;color:var(--ink)!important}
html[data-theme="dark"] .ql-stroke{stroke:#b5c8be!important}
html[data-theme="dark"] .ql-fill{fill:#b5c8be!important}
html[data-theme="dark"] .ql-picker-label{color:#b5c8be!important}

/* Buttons, chips and navigation controls */
html[data-theme="dark"] :is(.btn:not(.primary):not(.danger):not(.warning),.profile-action-btn,.engagement-btn,.chip,.category-pills a,.lang-switch,.cookie-actions button){
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] :is(.btn:not(.primary):not(.danger):not(.warning),.profile-action-btn,.engagement-btn,.chip,.category-pills a,.lang-switch,.cookie-actions button):hover{
  background:var(--surface-3)!important;
  border-color:#456455!important;
}
html[data-theme="dark"] .btn.warning{background:var(--warning-bg)!important;border-color:#775c2a!important;color:var(--warning-text)!important}
html[data-theme="dark"] .chip.active{background:#234a38!important;color:#fff!important}
html[data-theme="dark"] .topbar{background:var(--header-bg)!important;border-color:var(--border)!important}
html[data-theme="dark"] .nav nav.open{background:var(--surface)!important;border-color:var(--border)!important}
html[data-theme="dark"] .language-current,
html[data-theme="dark"] .language-current:hover,
html[data-theme="dark"] .language-current[aria-expanded="true"]{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .language-menu a{color:var(--ink)!important}
html[data-theme="dark"] .language-menu a:hover,
html[data-theme="dark"] .language-menu a.is-active{background:var(--surface-3)!important;color:#8ce0b5!important}
html[data-theme="dark"] .cookie-actions button.primary{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}

/* Profile center and account dashboard */
html[data-theme="dark"] .profile-command-card{overflow:hidden}
html[data-theme="dark"] .profile-metric-grid{border-color:var(--border)!important}
html[data-theme="dark"] .profile-metric-grid article{border-color:var(--border)!important;background:transparent!important}
html[data-theme="dark"] .profile-metric-grid :is(strong,small,em){color:var(--ink)!important}
html[data-theme="dark"] .profile-metric-grid :is(small,em){color:var(--muted)!important}
html[data-theme="dark"] .profile-metric-grid .metric-icon{background:var(--surface-3)!important;color:#81d9ab!important}
html[data-theme="dark"] .profile-avatar-hero{border-color:var(--surface)!important;box-shadow:0 0 0 1px var(--border)!important}
html[data-theme="dark"] .profile-photo-status{border-color:var(--surface)!important}
html[data-theme="dark"] .profile-sidebar-title{border-color:var(--border)!important}
html[data-theme="dark"] .profile-sidebar-v2 .profile-nav-card{color:var(--ink)!important}
html[data-theme="dark"] .profile-sidebar-v2 .profile-nav-card:hover{background:var(--surface-2)!important;border-color:var(--border)!important}
html[data-theme="dark"] .profile-sidebar-v2 .profile-nav-card.active{background:linear-gradient(135deg,#173326,#12271e)!important;border-color:#39624d!important}
html[data-theme="dark"] .profile-nav-icon{background:#172820!important;color:#9db2a7!important}
html[data-theme="dark"] .profile-nav-card.active .profile-nav-icon,
html[data-theme="dark"] .profile-nav-complete .profile-nav-icon{background:#173c2b!important;color:#87dfb1!important}
html[data-theme="dark"] .profile-nav-card.profile-nav-progress .profile-nav-icon{background:#382e18!important;color:#efc66f!important}
html[data-theme="dark"] .profile-nav-card.profile-nav-empty .profile-nav-icon{background:#202b26!important;color:#9badA4!important}
html[data-theme="dark"] .profile-nav-result{background:#1c2b24!important;color:#a9bbb2!important}
html[data-theme="dark"] .profile-nav-complete .profile-nav-result{background:var(--success-bg)!important;color:var(--success-text)!important}
html[data-theme="dark"] .profile-nav-progress .profile-nav-result{background:var(--warning-bg)!important;color:var(--warning-text)!important}
html[data-theme="dark"] .profile-nav-optional .profile-nav-result{background:#222638!important;color:#b1b7d2!important}
html[data-theme="dark"] .profile-progress-track,
html[data-theme="dark"] .profile-progress-large .profile-progress-track,
html[data-theme="dark"] .admin-completion-mini{background:#24382f!important}
html[data-theme="dark"] .profile-photo-editor-v2{background:linear-gradient(135deg,#102019,#0d1914)!important}
html[data-theme="dark"] .profile-photo-editor-v2.is-dragging{background:#142a20!important}
html[data-theme="dark"] .profile-v2 .profile-savebar{background:rgba(15,29,23,.96)!important;border-color:var(--border)!important;box-shadow:0 15px 40px rgba(0,0,0,.32)!important}
html[data-theme="dark"] .profile-v2 .profile-savebar.is-dirty{background:rgba(45,36,18,.97)!important;border-color:#80642e!important}
html[data-theme="dark"] .profile-section-muted::after{background:rgba(6,12,9,.18)!important}
html[data-theme="dark"] .verification-dropzone:hover,
html[data-theme="dark"] .verification-dropzone.is-dragging{background:#142a20!important}
html[data-theme="dark"] .verification-dropzone-icon,
html[data-theme="dark"] .cv-file-icon{background:#173b2a!important;color:#8ce0b5!important}
html[data-theme="dark"] .cv-remove-option{background:var(--danger-bg)!important;border-color:#6f3935!important;color:var(--danger-text)!important}

/* Public profiles, blog, legal and information pages */
html[data-theme="dark"] :is(.blog-card h3 a,.profile-opportunity-list>a,.contact-box a,.social-box a,.publisher-info-row,.business-contact-actions a){color:var(--ink)!important}
html[data-theme="dark"] .profile-opportunity-list>a{border-color:var(--border)!important}
html[data-theme="dark"] .profile-opportunity-list>a:hover{background:var(--surface-2)!important;border-color:#466656!important}
html[data-theme="dark"] .legal-nav a:hover{background:var(--surface-3)!important}
html[data-theme="dark"] .main-article-content blockquote{background:var(--surface-2)!important;border-color:#3b6751!important;color:var(--ink)!important}
html[data-theme="dark"] .article-disclaimer{background:var(--warning-bg)!important;border-color:#735b2e!important;color:var(--warning-text)!important}
html[data-theme="dark"] .blog-card-image{background:#15271f!important}
html[data-theme="dark"] .image-placeholder span,
html[data-theme="dark"] .avatar-stack span{background:var(--surface-3)!important;color:#8ce0b5!important;border-color:var(--border)!important}

/* Opportunity comments, ratings, share and publisher cards */
html[data-theme="dark"] .opportunity-comments{background:var(--surface)!important}
html[data-theme="dark"] .comment-thread{background:var(--surface)!important}
html[data-theme="dark"] .comment-unpublished{background:#2c2618!important}
html[data-theme="dark"] .comment-replies{background:#0d1914!important;border-color:var(--border)!important}
html[data-theme="dark"] .social-share-list a:hover,
html[data-theme="dark"] .social-share-list button:hover{background:var(--surface-3)!important}
html[data-theme="dark"] .publisher-info-row.highlighted{background:#142a20!important}
html[data-theme="dark"] .publisher-info-row.publisher-info-link:hover{background:#173126!important;color:#8ce0b5!important}
html[data-theme="dark"] .publisher-info-row.highlighted .publisher-info-icon,
html[data-theme="dark"] .publisher-info-link:hover .publisher-info-icon{background:#1d4933!important;color:#92e7b9!important}
html[data-theme="dark"] .publisher-avatar{background:linear-gradient(135deg,#173b2a,#102019)!important;color:#8ce0b5!important}
html[data-theme="dark"] .opportunity-card-social>span,
html[data-theme="dark"] .business-card-flags span{background:var(--surface-3)!important;color:#b8cbc1!important}

/* Business directory */
html[data-theme="dark"] .business-rich-text{color:#c7d5ce!important}
html[data-theme="dark"] .directory-category-card,
html[data-theme="dark"] .business-card{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important;box-shadow:none!important}
html[data-theme="dark"] .directory-category-card:hover,
html[data-theme="dark"] .business-card:hover{border-color:#466656!important}
html[data-theme="dark"] .business-detail-labels b{background:var(--success-bg)!important;color:var(--success-text)!important}
html[data-theme="dark"] .business-detail-labels .featured-label,
html[data-theme="dark"] .business-card-flags b{background:var(--warning-bg)!important;color:var(--warning-text)!important}
html[data-theme="dark"] .business-form-actions{background:var(--header-bg)!important;border-color:var(--border)!important}

/* Tables and separators */
html[data-theme="dark"] .table{background:var(--surface)!important}
html[data-theme="dark"] .table :is(th,td){border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .table th{background:var(--surface-2)!important;color:var(--muted)!important}
html[data-theme="dark"] hr{border-color:var(--border)!important}

/* Semantic alerts and statuses remain readable on dark surfaces */
html[data-theme="dark"] :is(.alert.success,.good-box,.status.approved,.profile-status-approved,.document-status-approved,.admin-badge.approved,.verified-badge,.verified-badge.business){background:var(--success-bg)!important;color:var(--success-text)!important;border-color:#38644e!important}
html[data-theme="dark"] :is(.alert.error,.bad-box,.status.rejected,.status.expired,.profile-status-rejected,.profile-status-suspended,.document-status-rejected,.document-status-expired,.admin-badge.rejected,.admin-badge.suspended,.comment-status.rejected){background:var(--danger-bg)!important;color:var(--danger-text)!important;border-color:#6e3935!important}
html[data-theme="dark"] :is(.status.pending,.profile-status-pending,.profile-status-changes_requested,.document-status-pending,.admin-badge.pending,.admin-badge.changes_requested,.comment-status.pending,.notice-box,.admin-review-note){background:var(--warning-bg)!important;color:var(--warning-text)!important;border-color:#735b2e!important}
html[data-theme="dark"] :is(.alert:not(.success):not(.error),.status,.profile-status-draft,.admin-badge.draft,.admin-badge.deleted,.admin-badge.expired,.admin-badge.closed){background:var(--surface-3)!important;color:#b8c8c0!important;border-color:var(--border)!important}

/* Hard-coded text colors inside redesigned components */
html[data-theme="dark"] :is(
  .profile-v2,.profile-command-card,.profile-sidebar-v2,.profile-section-card,
  .public-profile-section,.auth-card,.opportunity-engagement,.opportunity-comments,
  .business-detail-page,.business-form-page,.directory-hero,.blog-card,.sidebar-box
) :is(h1,h2,h3,h4,label,legend,dt,dd,strong){color:var(--ink)}
html[data-theme="dark"] :is(
  .profile-v2,.profile-command-card,.profile-sidebar-v2,.profile-section-card,
  .public-profile-section,.auth-card,.opportunity-engagement,.opportunity-comments,
  .business-detail-page,.business-form-page,.directory-hero,.blog-card,.sidebar-box
) :is(p,small,em){color:var(--muted)}

/* Native browser UI */
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
html[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.75}
html[data-theme="dark"] ::-webkit-scrollbar{width:11px;height:11px}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#09120e}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#294038;border:3px solid #09120e;border-radius:999px}

/* Small badges, icons and secondary blocks found during the final page audit */
html[data-theme="dark"] :is(
 .trust-pill,.category-symbol,.article-category,.language-label,.legal-note,
 .company-mark,.empty-icon,.opportunity-image,.profile-avatar,
 .publisher-info-heading>span,.publisher-public-badge,.comment-avatar,
 .comments-head>strong,.verification-notice,.profile-v2 .verification-notice,
 .hero-business-image,.market-icon,.step>span
){background:var(--surface-3)!important;border-color:var(--border)!important;color:#8ce0b5!important}
html[data-theme="dark"] .featured,
html[data-theme="dark"] .featured-badge,
html[data-theme="dark"] .type-badge{background:var(--warning-bg)!important;border-color:#735b2e!important;color:var(--warning-text)!important}
html[data-theme="dark"] .cta-button{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .cta-button:hover{background:var(--surface-3)!important}

/* =========================================================
   BESOURIA V7.2 — REGISTRATION & LOGIN VISUAL HERO
   Keeps the form on the left and the Syria business image on
   the right in every language. The original copy is retained
   in a dedicated content block below the image.
   ========================================================= */
.auth-section{
  padding:48px 0 64px;
}
.auth-layout{
  display:grid;
  grid-template-columns:minmax(360px,470px) minmax(0,1fr);
  gap:30px;
  align-items:start;
  direction:ltr;
}
html[dir="rtl"] .auth-card,
html[dir="rtl"] .auth-visual{direction:rtl;text-align:right}
html[dir="ltr"] .auth-card,
html[dir="ltr"] .auth-visual{direction:ltr;text-align:left}

.auth-card{
  width:100%;
  max-width:none;
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.auth-card-heading{
  margin-bottom:22px;
}
.auth-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  margin-bottom:10px;
  border-radius:999px;
  background:var(--soft);
  color:var(--green2);
  font-size:10px;
  font-weight:600;
  letter-spacing:.02em;
}
.auth-card h1{
  margin:0 0 8px;
  font-size:30px;
  line-height:1.25;
}
.auth-card-heading p{
  margin:0;
  line-height:1.75;
}
.auth-form{
  display:grid;
  gap:0;
}
.auth-form .form-group{
  margin-bottom:14px;
}
.auth-form .btn.wide{
  min-height:48px;
  margin-top:4px;
}

.auth-visual{
  position:sticky;
  top:92px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:28px;
  background:var(--surface);
  box-shadow:var(--shadow);
}
.auth-visual-media{
  position:relative;
  aspect-ratio:4 / 3;
  overflow:hidden;
  background:#0b2740;
}
.auth-visual-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 68%,rgba(5,18,30,.16));
}
.auth-visual-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.auth-visual-copy{
  padding:25px 28px 28px;
  background:var(--surface);
}
.auth-visual-copy .eyebrow{
  margin-bottom:8px;
}
.auth-visual-copy h2{
  max-width:760px;
  margin:0 0 10px;
  font-size:30px;
  line-height:1.28;
}
.auth-visual-copy>p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.85;
}
.auth-visual-copy .auth-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  margin-top:19px;
}
.auth-visual-copy .auth-benefits span{
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface-2);
  color:var(--ink);
  font-size:10px;
  font-weight:600;
  line-height:1.55;
}
.auth-layout-login{
  align-items:center;
}
.auth-page-login .auth-card{
  align-self:center;
}
.auth-page-login .auth-visual{
  position:relative;
  top:auto;
}

html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .auth-visual,
html[data-theme="dark"] .auth-visual-copy{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .auth-card-kicker{
  background:#173b2a!important;
  color:#8ce0b5!important;
}
html[data-theme="dark"] .auth-visual-copy .auth-benefits span{
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] .auth-visual-media{
  background:#071a2b!important;
}

@media(max-width:1050px){
  .auth-layout{
    grid-template-columns:minmax(330px,430px) minmax(0,1fr);
    gap:22px;
  }
  .auth-visual-copy{
    padding:22px;
  }
  .auth-visual-copy h2{
    font-size:25px;
  }
  .auth-visual-copy .auth-benefits{
    grid-template-columns:1fr;
  }
}
@media(max-width:860px){
  .auth-section{
    padding:30px 0 48px;
  }
  .auth-layout,
  .auth-layout-login{
    grid-template-columns:1fr;
    align-items:start;
    direction:ltr;
  }
  .auth-card,
  .auth-visual{
    width:100%;
    max-width:720px;
    margin-inline:auto;
  }
  .auth-visual{
    position:relative;
    top:auto;
  }
  .auth-card{order:1}
  .auth-visual{order:2}
}
@media(max-width:620px){
  .auth-card{
    padding:21px 17px;
    border-radius:19px;
  }
  .auth-card h1{
    font-size:26px;
  }
  .auth-visual{
    border-radius:20px;
  }
  .auth-visual-copy{
    padding:20px 18px 22px;
  }
  .auth-visual-copy h2{
    font-size:23px;
  }
  .auth-visual-copy>p{
    font-size:12px;
  }
  .auth-visual-copy .auth-benefits{
    margin-top:15px;
  }
}


/* V7.3 — automatic light/dark logo switching */
.brand-logo {
    position: relative;
}

.brand-logo .brand-logo-image {
    display: block;
}

.brand-logo .brand-logo-dark {
    display: none;
}

html[data-theme="dark"] .brand-logo .brand-logo-light {
    display: none;
}

html[data-theme="dark"] .brand-logo .brand-logo-dark {
    display: block;
}

.footer-logo .brand-logo-footer {
    display: block;
    filter: none !important;
    opacity: 1;
}

.settings-file-current.dark-preview {
    background: #08150f;
    border-color: #294137;
    color: #d9e8e0;
    padding: 12px;
}

.settings-file-current.dark-preview img {
    background: transparent;
    max-height: 70px;
    object-fit: contain;
}

/* =========================================================
   BESOURIA V7.5 — TWO-COLUMN AUTH LAYOUT
   Form card + one stacked visual card
   ========================================================= */

/* Header and auth body share exactly the same outer width. */
.topbar > .container.nav,
.auth-section > .container {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

.topbar > .container.nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.topbar .nav-actions {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.topbar .nav > nav {
    flex: 1 1 auto !important;
    justify-content: center !important;
    gap: clamp(18px, 2vw, 32px) !important;
    min-width: 0;
}

.topbar .brand-logo {
    flex: 0 0 280px !important;
    width: 280px !important;
    height: 66px !important;
}

.topbar .brand-logo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Only two main columns: form + visual card. */
.auth-layout,
.auth-layout-login {
    display: grid !important;
    grid-template-columns: minmax(380px, 470px) minmax(0, 1fr) !important;
    gap: 28px !important;
    align-items: start !important;
}

/* Login form and visual card align neatly at the center of the page. */
.auth-layout-login {
    align-items: center !important;
}

/* The right side is one card, not two side-by-side panels. */
.auth-visual {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
    overflow: hidden;
    border-radius: 24px !important;
    direction: inherit !important;
}

/* Image uses the upper half of the visual card. */
.auth-visual-media {
    width: 100% !important;
    height: clamp(245px, 28vw, 300px) !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    flex: 0 0 auto !important;
    border-radius: 0 !important;
    overflow: hidden;
}

.auth-visual-media::after {
    background:
        linear-gradient(180deg, transparent 62%, rgba(5, 18, 30, .34)) !important;
}

.auth-visual-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 48% !important;
}

/* Text is the lower half of the same card. */
.auth-visual-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0;
    padding: 26px 30px 28px !important;
}

html[dir="rtl"] .auth-visual-copy {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="ltr"] .auth-visual-copy {
    direction: ltr !important;
    text-align: left !important;
}

.auth-visual-copy .eyebrow {
    display: inline-flex !important;
    align-self: flex-start;
    margin: 0 0 11px !important;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    background: var(--soft) !important;
    color: var(--green2) !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

html[dir="rtl"] .auth-visual-copy .eyebrow {
    align-self: flex-end;
}

.auth-visual-copy h2 {
    max-width: 720px !important;
    margin: 0 0 10px !important;
    font-size: clamp(25px, 2vw, 34px) !important;
    line-height: 1.28 !important;
}

.auth-visual-copy > p {
    max-width: 760px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
}

/* Compact three-benefit row below the text. */
.auth-visual-copy .auth-benefits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.auth-visual-copy .auth-benefits span {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 58px !important;
    padding: 10px 11px !important;
    border-radius: 13px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

.auth-visual-copy .auth-benefits b {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    background: var(--soft) !important;
    color: var(--green2) !important;
    font-size: 9px !important;
    font-weight:600 !important;
}

html[data-theme="dark"] .auth-visual-copy .eyebrow,
html[data-theme="dark"] .auth-visual-copy .auth-benefits b {
    background: #173b2a !important;
    color: #8ce0b5 !important;
}

/* Keep login compact and balanced. */
.auth-page-login .auth-visual {
    min-height: 0 !important;
}

.auth-page-login .auth-visual-media {
    height: 285px !important;
}

/* Registration form can be taller; visual stays elegant instead of stretching. */
.auth-page-register .auth-visual {
    position: sticky;
    top: 96px;
}

@media (max-width: 1180px) {
    .topbar > .container.nav,
    .auth-section > .container {
        width: min(100% - 28px, 1400px) !important;
    }

    .topbar .brand-logo {
        flex-basis: 230px !important;
        width: 230px !important;
        height: 58px !important;
    }

    .topbar .nav > nav {
        gap: 16px !important;
    }

    .topbar .nav > nav a {
        font-size: 14px !important;
    }

    .auth-layout,
    .auth-layout-login {
        grid-template-columns: minmax(350px, 430px) minmax(0, 1fr) !important;
    }

    .auth-visual-copy {
        padding: 23px 24px 25px !important;
    }

    .auth-visual-copy h2 {
        font-size: 27px !important;
    }

    .auth-visual-copy .auth-benefits {
        grid-template-columns: 1fr !important;
    }

    .auth-visual-copy .auth-benefits span {
        min-height: 0 !important;
    }
}

@media (max-width: 980px) {
    .topbar > .container.nav {
        width: min(100% - 24px, 1400px) !important;
    }

    .topbar .nav-actions {
        margin-inline-start: auto !important;
    }

    .auth-layout,
    .auth-layout-login {
        grid-template-columns: 1fr !important;
    }

    .auth-page-register .auth-visual {
        position: static;
    }

    .auth-visual-media,
    .auth-page-login .auth-visual-media {
        height: clamp(260px, 52vw, 360px) !important;
    }

    .auth-visual-copy .auth-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    .topbar .brand-logo {
        flex-basis: 170px !important;
        width: 170px !important;
        height: 48px !important;
    }

    .auth-visual {
        border-radius: 18px !important;
    }

    .auth-visual-media,
    .auth-page-login .auth-visual-media {
        height: 245px !important;
    }

    .auth-visual-copy {
        padding: 22px 20px 24px !important;
    }

    .auth-visual-copy h2 {
        font-size: 24px !important;
    }

    .auth-visual-copy .auth-benefits {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   BESOURIA V7.6 — PROFESSIONAL TERMS OF USE
   ========================================================= */
.terms-hero{padding:72px 0 48px;background:radial-gradient(circle at 12% 0%,#dff4e9 0,transparent 34%),linear-gradient(180deg,#f8fcf9 0%,#fff 100%);border-bottom:1px solid #dce8e1}.terms-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:52px;align-items:end}.terms-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e4f6ec;color:#087a4a;font-size:12px;font-weight:600}.terms-hero h1{font-size:clamp(46px,6vw,72px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.terms-hero-copy>p{max-width:820px;color:#5b6d64;font-size:18px;line-height:1.9}.terms-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.terms-meta-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8e5de;border-radius:22px;background:#fff;box-shadow:0 24px 65px rgba(14,56,39,.08);overflow:hidden}.terms-meta-card>div{padding:19px;border-bottom:1px solid #e5ece8}.terms-meta-card>div:nth-child(odd){border-inline-end:1px solid #e5ece8}.terms-meta-card>div:nth-last-child(-n+2){border-bottom:0}.terms-meta-card small,.terms-meta-card strong,.terms-meta-card a{display:block}.terms-meta-card small{color:#76867e;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.terms-meta-card strong,.terms-meta-card a{margin-top:5px;color:#16372a;font-size:13px;font-weight:600;word-break:break-word}.terms-overview-section{padding-top:58px}.terms-overview-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.terms-overview-head h2{font-size:32px;margin:8px 0}.terms-overview-head p{max-width:760px;color:#62736a;line-height:1.8;margin:0}.terms-policy-link{white-space:nowrap;color:#087a4a;font-weight:600}.terms-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.terms-role-grid article{position:relative;min-height:205px;padding:22px;border:1px solid #dce8e1;border-radius:20px;background:#fff}.terms-role-grid article>span{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#e7f6ed;color:#087a4a;font-size:11px;font-weight:600}.terms-role-grid h3{font-size:17px;margin:28px 0 9px}.terms-role-grid p{color:#65766e;font-size:13px;line-height:1.8;margin:0}.terms-owner-box{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;margin-top:20px;padding:30px;border-radius:22px;background:#0d3527;color:#fff}.terms-owner-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#16a366;font-size:25px;font-weight:600}.terms-owner-box h2{margin:0 0 15px;font-size:25px}.terms-owner-box ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:0;padding-inline-start:20px}.terms-owner-box li{color:#cfdfd7;line-height:1.75;font-size:13px}.terms-document-section{padding-top:30px}.terms-document-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:42px;align-items:start}.terms-toc{position:sticky;top:94px;max-height:calc(100vh - 115px);overflow:auto;padding:12px;border:1px solid #dce7e1;border-radius:19px;background:#fff}.terms-toc-title{padding:11px 12px 15px;color:#14372a;font-size:13px;font-weight:600;border-bottom:1px solid #e8eeeb}.terms-toc nav{display:grid;padding-top:7px}.terms-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border-radius:10px;color:#5d7067;font-size:11px;font-weight:600;line-height:1.35}.terms-toc a:hover{background:#edf8f2;color:#087a4a}.terms-toc a span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f0f6f2;color:#0b7d4d;font-size:9px}.terms-document{min-width:0;border:1px solid #dce7e1;border-radius:25px;background:#fff;padding:clamp(25px,5vw,58px);box-shadow:0 22px 65px rgba(15,53,39,.06)}.terms-document-intro{padding:20px 22px;border-radius:15px;background:#eef8f2;border:1px solid #d5e9dd;margin-bottom:25px}.terms-document-intro strong{font-size:16px}.terms-document-intro p{margin:5px 0 0;color:#557066;line-height:1.8}.terms-clause{scroll-margin-top:96px;padding:34px 0;border-bottom:1px solid #e6ede9}.terms-clause:first-of-type{padding-top:16px}.terms-clause:last-of-type{border-bottom:0}.terms-clause header{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:13px;margin-bottom:18px}.terms-clause header>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#e5f6ec;color:#087a4a;font-size:11px;font-weight:600}.terms-clause h2{font-size:25px;line-height:1.35;margin:0;color:#15352a}.terms-clause p,.terms-clause li{color:#53665d;font-size:15px;line-height:2}.terms-clause p{margin:0 0 13px}.terms-clause ul{display:grid;gap:8px;padding-inline-start:24px;margin:5px 0 12px}.terms-back-top{display:inline-flex;margin-top:6px;color:#087a4a;font-size:10px;font-weight:600}.terms-operator-card{margin-top:32px;padding:27px;border-radius:19px;background:#102f23;color:#fff}.terms-operator-card>div span{color:#9fc6b4;font-size:11px;font-weight:600}.terms-operator-card h2{margin:5px 0 20px;font-size:27px}.terms-operator-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0}.terms-operator-card dl>div{padding:14px;border:1px solid #2d5143;border-radius:12px;background:#15382b}.terms-operator-card dt{color:#9fc0b1;font-size:10px}.terms-operator-card dd{margin:5px 0 0;color:#fff;font-size:13px;font-weight:600}.terms-operator-card a{color:#8ce0b5}.settings-card-note{margin:0;color:#718078;font-size:12px;line-height:1.6}
html[data-theme="dark"] .terms-hero{background:radial-gradient(circle at 12% 0%,#153b2a 0,transparent 35%),linear-gradient(180deg,#0b1712,#0d1c16);border-color:#294137}html[data-theme="dark"] .terms-hero-copy>p,html[data-theme="dark"] .terms-overview-head p{color:#a9bbb2}html[data-theme="dark"] .terms-kicker{background:#173b2a;color:#8ce0b5}html[data-theme="dark"] .terms-meta-card,html[data-theme="dark"] .terms-role-grid article,html[data-theme="dark"] .terms-toc,html[data-theme="dark"] .terms-document{background:#111f19;border-color:#2a4037;box-shadow:none}html[data-theme="dark"] .terms-meta-card>div{border-color:#2a4037}html[data-theme="dark"] .terms-meta-card small,html[data-theme="dark"] .terms-role-grid p,html[data-theme="dark"] .terms-clause p,html[data-theme="dark"] .terms-clause li{color:#a6b8af}html[data-theme="dark"] .terms-meta-card strong,html[data-theme="dark"] .terms-meta-card a,html[data-theme="dark"] .terms-role-grid h3,html[data-theme="dark"] .terms-toc-title,html[data-theme="dark"] .terms-clause h2{color:#edf6f1}html[data-theme="dark"] .terms-role-grid article>span,html[data-theme="dark"] .terms-clause header>span,html[data-theme="dark"] .terms-toc a span{background:#173b2a;color:#8ce0b5}html[data-theme="dark"] .terms-toc-title,html[data-theme="dark"] .terms-clause{border-color:#293e35}html[data-theme="dark"] .terms-toc a{color:#a4b7ad}html[data-theme="dark"] .terms-toc a:hover{background:#173128;color:#8ce0b5}html[data-theme="dark"] .terms-document-intro{background:#153126;border-color:#2a4a3c}html[data-theme="dark"] .terms-document-intro p{color:#abc0b5}
@media(max-width:1100px){.terms-role-grid{grid-template-columns:1fr 1fr}.terms-document-layout{grid-template-columns:1fr}.terms-toc{position:static;max-height:none}.terms-toc nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.terms-hero-grid{grid-template-columns:1fr}.terms-meta-card{max-width:650px}.terms-owner-box ul{grid-template-columns:1fr}.terms-overview-head{align-items:flex-start;flex-direction:column}.terms-policy-link{white-space:normal}}@media(max-width:620px){.terms-hero{padding:48px 0 34px}.terms-hero h1{font-size:42px}.terms-role-grid{grid-template-columns:1fr}.terms-meta-card{grid-template-columns:1fr}.terms-meta-card>div,.terms-meta-card>div:nth-child(odd){border-inline-end:0;border-bottom:1px solid #e5ece8}.terms-meta-card>div:last-child{border-bottom:0}.terms-owner-box{grid-template-columns:1fr;padding:23px}.terms-toc nav{grid-template-columns:1fr}.terms-document{border-radius:18px;padding:22px}.terms-clause header{grid-template-columns:38px minmax(0,1fr)}.terms-clause header>span{width:38px;height:38px}.terms-clause h2{font-size:21px}.terms-operator-card dl{grid-template-columns:1fr}}@media print{.topbar,.site-footer,.terms-actions,.terms-toc,.terms-back-top,.cookie-consent{display:none!important}.terms-hero,.terms-overview-section,.terms-document-section{padding:20px 0;background:#fff!important}.terms-hero-grid,.terms-document-layout{display:block}.terms-meta-card,.terms-role-grid,.terms-owner-box{break-inside:avoid}.terms-document{border:0;box-shadow:none;padding:0}.terms-clause{break-inside:avoid}.terms-clause p,.terms-clause li{color:#222!important}.terms-clause h2{color:#000!important}.terms-owner-box,.terms-operator-card{background:#eee!important;color:#000!important}.terms-owner-box li,.terms-operator-card dd{color:#222!important}}

/* =========================================================
   BESOURIA V7.7 — LARGE LEGAL TYPOGRAPHY + PRIVACY POLICY
   ========================================================= */

/* Larger, more readable Terms and Privacy typography. */
.terms-hero-copy>p{font-size:20px;line-height:2}.terms-meta-card small{font-size:12px}.terms-meta-card strong,.terms-meta-card a{font-size:15px;line-height:1.55}.terms-overview-head h2{font-size:38px;line-height:1.25}.terms-overview-head p{font-size:17px;line-height:1.95}.terms-policy-link{font-size:16px}.terms-role-grid h3{font-size:20px;line-height:1.45}.terms-role-grid p{font-size:15.5px;line-height:1.9}.terms-owner-box h2{font-size:29px}.terms-owner-box li{font-size:15.5px;line-height:1.9}.terms-document-layout{grid-template-columns:315px minmax(0,1fr);gap:46px}.terms-toc{padding:15px}.terms-toc-title{font-size:17px;padding:14px 13px 18px}.terms-toc a{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 11px;font-size:14px;font-weight:600;line-height:1.55}.terms-toc a span{width:32px;height:32px;font-size:10px}.terms-document-intro{padding:24px 26px}.terms-document-intro strong{font-size:19px}.terms-document-intro p{font-size:16.5px;line-height:1.95}.terms-clause{padding:42px 0}.terms-clause header{grid-template-columns:50px minmax(0,1fr);gap:16px;margin-bottom:22px}.terms-clause header>span{width:50px;height:50px;font-size:12px}.terms-clause h2{font-size:30px;line-height:1.4}.terms-clause p,.terms-clause li{font-size:17.5px;line-height:2.08}.terms-clause p{margin-bottom:17px}.terms-clause ul{gap:11px;padding-inline-start:29px;margin:9px 0 18px}.terms-back-top{font-size:13px;margin-top:10px}.terms-operator-card>div span{font-size:13px}.terms-operator-card h2{font-size:31px}.terms-operator-card dt{font-size:12px}.terms-operator-card dd{font-size:15px;line-height:1.75}

/* Privacy overview and live status cards. */
.privacy-overview-section{padding-bottom:26px}.privacy-data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.privacy-data-card{min-height:225px;padding:24px;border:1px solid #dce8e1;border-radius:21px;background:#fff}.privacy-data-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#e7f6ed;color:#087a4a;font-size:11px;font-weight:600}.privacy-data-card h3{font-size:20px;line-height:1.45;margin:27px 0 10px}.privacy-data-card p{font-size:15.5px;line-height:1.9;color:#62736a;margin:0}.privacy-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.privacy-status-grid>div{padding:18px;border:1px solid #dce8e1;border-radius:16px;background:#f7fbf8}.privacy-status-grid small,.privacy-status-grid strong{display:block}.privacy-status-grid small{font-size:11px;font-weight:600;color:#73837b;text-transform:uppercase;letter-spacing:.35px}.privacy-status-grid strong{margin-top:7px;font-size:14px;line-height:1.55;color:#173a2c}.privacy-principles-box{margin-top:18px}.privacy-document-intro{border-inline-start:5px solid #0b8752}.privacy-clause{scroll-margin-top:100px}

/* Cookie controls embedded in the Privacy Policy. */
.privacy-cookie-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 18px;padding:22px;border:1px solid #cfe3d7;border-radius:17px;background:#f3faf6}.privacy-cookie-controls>div:first-child{min-width:0}.privacy-cookie-controls strong{display:block;font-size:17px;color:#15372a}.privacy-cookie-controls p{font-size:15px!important;line-height:1.8!important;margin:5px 0 0!important}.privacy-cookie-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.privacy-cookie-buttons button{border:1px solid #cadbd2;border-radius:10px;background:#fff;color:#174331;padding:11px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.privacy-cookie-buttons button:hover{border-color:#0b8752;color:#087a4a}.privacy-cookie-buttons button.primary{background:#0b8752;border-color:#0b8752;color:#fff}.privacy-operator-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Dark theme for every new Privacy surface. */
html[data-theme="dark"] .privacy-data-card,html[data-theme="dark"] .privacy-status-grid>div{background:#111f19;border-color:#2a4037}html[data-theme="dark"] .privacy-data-card h3,html[data-theme="dark"] .privacy-status-grid strong{color:#edf6f1}html[data-theme="dark"] .privacy-data-card p,html[data-theme="dark"] .privacy-status-grid small{color:#a6b8af}html[data-theme="dark"] .privacy-data-card>span{background:#173b2a;color:#8ce0b5}html[data-theme="dark"] .privacy-cookie-controls{background:#142b21;border-color:#2e4c3e}html[data-theme="dark"] .privacy-cookie-controls strong{color:#edf6f1}html[data-theme="dark"] .privacy-cookie-controls p{color:#a9bbb2!important}html[data-theme="dark"] .privacy-cookie-buttons button{background:#101f18;border-color:#355144;color:#dce9e2}html[data-theme="dark"] .privacy-cookie-buttons button:hover{border-color:#62be91;color:#8ce0b5}html[data-theme="dark"] .privacy-cookie-buttons button.primary{background:#128454;border-color:#128454;color:#fff}

@media(max-width:1180px){.privacy-data-grid{grid-template-columns:1fr 1fr}.privacy-status-grid{grid-template-columns:1fr 1fr}.terms-document-layout{grid-template-columns:1fr}.terms-toc{position:static;max-height:none}.terms-toc nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.terms-hero-copy>p{font-size:18px}.terms-overview-head h2{font-size:31px}.terms-toc nav{grid-template-columns:1fr}.terms-document{padding:25px}.terms-clause h2{font-size:25px}.terms-clause p,.terms-clause li{font-size:16.5px}.terms-clause header{grid-template-columns:43px minmax(0,1fr)}.terms-clause header>span{width:43px;height:43px}.privacy-data-grid,.privacy-status-grid{grid-template-columns:1fr}.privacy-cookie-controls{align-items:stretch;flex-direction:column}.privacy-cookie-buttons{justify-content:stretch}.privacy-cookie-buttons button{flex:1}.privacy-operator-card dl{grid-template-columns:1fr}}
@media print{.privacy-status-grid,.privacy-cookie-controls{break-inside:avoid}.privacy-cookie-buttons{display:none!important}.privacy-data-card,.privacy-status-grid>div{background:#fff!important;color:#000!important}.privacy-data-card h3,.privacy-status-grid strong{color:#000!important}.privacy-data-card p,.privacy-status-grid small{color:#333!important}}



/* =========================================================
   BESOURIA V7.8 — OPPORTUNITY LANGUAGE VISUAL SIDEBAR
   ========================================================= */
.opportunity-language-editor{padding:0;background:var(--surface);overflow:hidden}
.opportunity-language-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdfb,#f5f9f6)}
.opportunity-language-copy strong{display:block;font-size:15px;color:var(--ink);margin-bottom:4px}
.opportunity-language-copy small{display:block;color:var(--muted);font-size:12px;line-height:1.7;max-width:560px}
.opportunity-language-tabs{padding:0;background:transparent;border:0;flex:0 0 auto}
.opportunity-language-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch}
.opportunity-language-main{min-width:0}
.opportunity-language-main .language-panel{height:100%;padding:22px;background:transparent}
.opportunity-language-main .compact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.opportunity-language-visual{display:flex;flex-direction:column;border-inline-start:1px solid var(--line);background:linear-gradient(180deg,#eef6f1 0%,#f7fbf8 100%)}
.opportunity-language-visual-media{position:relative;min-height:318px;background:#0c1712;overflow:hidden}
.opportunity-language-visual-media::after{content:'';position:absolute;inset:auto 0 0 0;height:46%;background:linear-gradient(180deg,rgba(8,18,14,0),rgba(8,18,14,.12));pointer-events:none}
.opportunity-language-visual-media img{display:block;width:100%;height:100%;object-fit:cover}
.opportunity-language-visual-copy{padding:18px 18px 20px}
.opportunity-language-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}
.opportunity-language-visual-copy h3{font-size:22px;line-height:1.45;margin:14px 0 10px}
.opportunity-language-visual-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.opportunity-language-points{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.opportunity-language-points li{position:relative;padding-inline-start:20px;color:var(--ink);font-size:13px;line-height:1.75}
.opportunity-language-points li::before{content:'•';position:absolute;inset-inline-start:4px;color:var(--green);font-weight:600}
html[dir='rtl'] .opportunity-language-head{flex-direction:row-reverse}
html[dir='rtl'] .opportunity-language-copy{text-align:right}
html[dir='rtl'] .opportunity-language-visual-copy{text-align:right}
html[dir='rtl'] .opportunity-language-points li{padding-inline-start:0;padding-inline-end:20px}
html[dir='rtl'] .opportunity-language-points li::before{inset-inline-start:auto;inset-inline-end:4px}
html[data-theme='dark'] .opportunity-language-editor{background:var(--surface)!important;border-color:var(--border)!important}
html[data-theme='dark'] .opportunity-language-head{background:linear-gradient(180deg,#0f1d17,#0d1814)!important;border-bottom-color:var(--border)!important}
html[data-theme='dark'] .opportunity-language-copy strong{color:var(--ink)!important}
html[data-theme='dark'] .opportunity-language-copy small{color:var(--muted)!important}
html[data-theme='dark'] .opportunity-language-visual{background:linear-gradient(180deg,#0d1713 0%,#0a1410 100%)!important;border-inline-start-color:var(--border)!important}
html[data-theme='dark'] .opportunity-language-badge{background:#173b2a!important;color:#8ce0b5!important}
html[data-theme='dark'] .opportunity-language-visual-copy h3{color:var(--ink)!important}
html[data-theme='dark'] .opportunity-language-visual-copy p{color:var(--muted)!important}
html[data-theme='dark'] .opportunity-language-points li{color:var(--ink)!important}
@media(max-width:1100px){
  .opportunity-language-body{grid-template-columns:minmax(0,1fr) 280px}
  .opportunity-language-visual-media{min-height:280px}
  .opportunity-language-visual-copy h3{font-size:20px}
}
@media(max-width:900px){
  .opportunity-language-head{align-items:flex-start;flex-direction:column}
  html[dir='rtl'] .opportunity-language-head{flex-direction:column}
  .opportunity-language-body{grid-template-columns:1fr}
  .opportunity-language-visual{border-inline-start:0;border-top:1px solid var(--line)}
  html[data-theme='dark'] .opportunity-language-visual{border-top-color:var(--border)!important}
  .opportunity-language-visual-media{min-height:260px}
}
@media(max-width:760px){
  .opportunity-language-head{padding:16px}
  .opportunity-language-main .language-panel{padding:16px 13px}
  .opportunity-language-main .compact-form-grid{grid-template-columns:1fr}
  .opportunity-language-visual-copy{padding:16px}
  .opportunity-language-visual-media{min-height:240px}
}


/* =========================================================
   BESOURIA V7.9 — EXACT OPPORTUNITY FORM IMAGE
   ========================================================= */
.opportunity-language-visual{
    position:relative;
    display:block;
    min-height:620px;
    overflow:hidden;
    border-inline-start:1px solid var(--line);
    background:#07130f;
}
.opportunity-language-visual>img{
    display:block;
    width:100%;
    height:100%;
    min-height:620px;
    object-fit:cover;
    object-position:center center;
}
.opportunity-language-visual::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 66%,rgba(2,11,8,.82) 100%);
}
.opportunity-language-visual-overlay{
    position:absolute;
    z-index:2;
    inset-inline:18px;
    bottom:18px;
    padding:13px 15px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:13px;
    background:rgba(5,20,15,.72);
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:1.7;
    text-align:center;
    backdrop-filter:blur(8px);
}
html[data-theme='dark'] .opportunity-language-visual{
    border-inline-start-color:var(--border)!important;
    background:#050e0b!important;
}
@media(max-width:1100px){
    .opportunity-language-body{grid-template-columns:minmax(0,1fr) 300px}
    .opportunity-language-visual,
    .opportunity-language-visual>img{min-height:580px}
}
@media(max-width:900px){
    .opportunity-language-visual{
        min-height:0;
        height:460px;
        border-inline-start:0;
        border-top:1px solid var(--line);
    }
    .opportunity-language-visual>img{
        min-height:0;
        height:100%;
        object-position:center 42%;
    }
}
@media(max-width:600px){
    .opportunity-language-visual{height:360px}
    .opportunity-language-visual-overlay{
        inset-inline:12px;
        bottom:12px;
        font-size:12px;
    }
}


/* =========================================================
   BESOURIA V7.10 — FIXED OPPORTUNITY FORM + COMPACT IMAGE
   ========================================================= */

/* Important: override the older generic .language-editor grid. */
.opportunity-language-editor {
    display: block !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.opportunity-language-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    padding: 16px 18px !important;
}

html[dir='rtl'] .opportunity-language-head {
    flex-direction: row !important;
}

.opportunity-language-tabs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
}

.opportunity-language-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 230px !important;
    gap: 18px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px !important;
}

.opportunity-language-main {
    width: 100% !important;
    min-width: 0 !important;
}

.opportunity-language-main .language-panel,
.opportunity-language-main .language-panel.active {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: transparent !important;
}

.opportunity-language-main .form-group,
.opportunity-language-main input,
.opportunity-language-main textarea {
    min-width: 0 !important;
    width: 100% !important;
}

.opportunity-language-main .compact-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.opportunity-language-visual {
    position: relative !important;
    display: block !important;
    align-self: start !important;
    width: 230px !important;
    max-width: 100% !important;
    height: 288px !important;
    min-height: 0 !important;
    border: 1px solid var(--line) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #07130f !important;
    box-shadow: 0 14px 34px rgba(6, 31, 21, .12) !important;
}

.opportunity-language-visual > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center 46% !important;
}

.opportunity-language-visual::after {
    background: linear-gradient(180deg, transparent 72%, rgba(2, 11, 8, .72) 100%) !important;
}

.opportunity-language-visual-overlay {
    inset-inline: 10px !important;
    bottom: 10px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
    font-size: 10.5px !important;
    line-height: 1.45 !important;
}

html[data-theme='dark'] .opportunity-language-visual {
    border-color: var(--border) !important;
}

@media (max-width: 1050px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0, 1fr) 200px !important;
    }

    .opportunity-language-visual {
        width: 200px !important;
        height: 250px !important;
    }
}

@media (max-width: 820px) {
    .opportunity-language-head,
    html[dir='rtl'] .opportunity-language-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .opportunity-language-body {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
    }

    .opportunity-language-visual {
        width: 100% !important;
        height: 230px !important;
        order: 2 !important;
    }

    .opportunity-language-visual > img {
        object-position: center 48% !important;
    }
}

@media (max-width: 620px) {
    .opportunity-language-head {
        padding: 14px !important;
    }

    .opportunity-language-body {
        padding: 13px !important;
    }

    .opportunity-language-main .compact-form-grid {
        grid-template-columns: 1fr !important;
    }

    .opportunity-language-visual {
        height: 200px !important;
    }
}



/* =========================================================
   BESOURIA V7.11 — FULL-WIDTH OPPORTUNITY FORM + MINI ICON CARD
   ========================================================= */

/* Match the opportunity form to the full 1400px page/header width. */
.opportunity-form-container {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
    margin-inline: auto !important;
}

.opportunity-form-shell,
.opportunity-form-intro,
.opportunity-form-shell > .form-section,
.opportunity-form-shell > .form-submit-bar {
    width: 100% !important;
    max-width: none !important;
}

/* Use almost all of the wider section for the actual fields. */
.opportunity-language-body {
    grid-template-columns: minmax(0, 1fr) 210px !important;
    gap: 20px !important;
}

/* Remove the old photographic panel completely. */
.opportunity-language-visual {
    display: none !important;
}

.opportunity-mini-guide {
    align-self: start;
    width: 210px;
    max-width: 100%;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background:
        radial-gradient(circle at 90% 8%, rgba(11,122,73,.12), transparent 36%),
        linear-gradient(180deg, #f8fcf9, #eef7f2);
    box-shadow: 0 12px 30px rgba(16,35,26,.07);
}

.opportunity-mini-brand {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr);
    align-items: center;
    gap: 11px;
}

.opportunity-mini-mark {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    background: #fff;
    border: 1px solid var(--line);
}

.opportunity-mini-mark img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.opportunity-mini-brand strong {
    display: block;
    color: var(--ink);
    font-size: 14px;
    line-height: 1.45;
}

.opportunity-mini-brand small {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 10.5px;
    line-height: 1.65;
}

.opportunity-mini-icons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 7px;
    margin-top: 15px;
}

.opportunity-mini-item {
    display: grid;
    justify-items: center;
    gap: 5px;
    min-width: 0;
    padding: 9px 4px 7px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: rgba(255,255,255,.78);
    color: var(--green2);
}

.opportunity-mini-icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--soft);
}

.opportunity-mini-icon svg {
    width: 17px;
    height: 17px;
}

.opportunity-mini-item small {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--ink);
    font-size: 9.5px;
    font-weight:600;
    white-space: nowrap;
}

html[data-theme='dark'] .opportunity-mini-guide {
    border-color: var(--border) !important;
    background:
        radial-gradient(circle at 90% 8%, rgba(38,157,96,.15), transparent 36%),
        linear-gradient(180deg, #102019, #0c1813) !important;
}

html[data-theme='dark'] .opportunity-mini-mark,
html[data-theme='dark'] .opportunity-mini-item {
    border-color: var(--border) !important;
    background: var(--surface-2) !important;
}

html[data-theme='dark'] .opportunity-mini-brand strong,
html[data-theme='dark'] .opportunity-mini-item small {
    color: var(--ink) !important;
}

html[data-theme='dark'] .opportunity-mini-brand small {
    color: var(--muted) !important;
}

html[data-theme='dark'] .opportunity-mini-icon {
    background: #173b2a !important;
    color: #8ce0b5 !important;
}

@media (max-width: 1100px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0,1fr) 190px !important;
    }
    .opportunity-mini-guide {
        width: 190px;
        padding: 13px;
    }
    .opportunity-mini-brand {
        grid-template-columns: 46px minmax(0,1fr);
    }
    .opportunity-mini-mark {
        width: 46px;
        height: 46px;
    }
    .opportunity-mini-mark img {
        width: 36px;
        height: 36px;
    }
}

@media (max-width: 820px) {
    .opportunity-form-container {
        width: min(100% - 20px, 1400px) !important;
    }
    .opportunity-language-body {
        grid-template-columns: 1fr !important;
    }
    .opportunity-mini-guide {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0,1fr) auto;
        align-items: center;
        gap: 14px;
    }
    .opportunity-mini-icons {
        margin-top: 0;
        min-width: 190px;
    }
}

@media (max-width: 620px) {
    .opportunity-mini-guide {
        grid-template-columns: 1fr;
    }
    .opportunity-mini-icons {
        min-width: 0;
    }
}


/* =========================================================
   BESOURIA V7.12 — WIDER OPPORTUNITY GUIDE COLUMN
   ========================================================= */

/* Give the highlighted guide area substantially more width,
   while making the form column shorter and better balanced. */
.opportunity-language-body {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 26px !important;
    align-items: stretch !important;
}

.opportunity-language-main {
    min-width: 0 !important;
}

.opportunity-mini-guide {
    width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    align-self: stretch !important;
    padding: 24px !important;
    border-radius: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.opportunity-mini-brand {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}

.opportunity-mini-mark {
    width: 68px !important;
    height: 68px !important;
    border-radius: 18px !important;
}

.opportunity-mini-mark img {
    width: 52px !important;
    height: 52px !important;
}

.opportunity-mini-brand strong {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

.opportunity-mini-brand small {
    margin-top: 7px !important;
    font-size: 12.5px !important;
    line-height: 1.8 !important;
}

.opportunity-mini-icons {
    gap: 10px !important;
    margin-top: 24px !important;
}

.opportunity-mini-item {
    gap: 8px !important;
    padding: 14px 8px 12px !important;
    border-radius: 14px !important;
}

.opportunity-mini-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
}

.opportunity-mini-icon svg {
    width: 21px !important;
    height: 21px !important;
}

.opportunity-mini-item small {
    font-size: 11.5px !important;
}

/* Keep the main fields compact after the side column is widened. */
.opportunity-language-main .language-panel {
    padding-inline: 22px !important;
}

@media (max-width: 1220px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0, 1fr) 320px !important;
        gap: 22px !important;
    }

    .opportunity-mini-guide {
        padding: 20px !important;
    }

    .opportunity-mini-brand {
        grid-template-columns: 60px minmax(0, 1fr) !important;
        gap: 13px !important;
    }

    .opportunity-mini-mark {
        width: 60px !important;
        height: 60px !important;
    }

    .opportunity-mini-mark img {
        width: 46px !important;
        height: 46px !important;
    }
}

@media (max-width: 980px) {
    .opportunity-language-body {
        grid-template-columns: minmax(0, 1fr) 280px !important;
        gap: 18px !important;
    }

    .opportunity-mini-guide {
        padding: 17px !important;
    }

    .opportunity-mini-brand strong {
        font-size: 15px !important;
    }

    .opportunity-mini-brand small {
        font-size: 11.5px !important;
    }
}

@media (max-width: 820px) {
    .opportunity-language-body {
        grid-template-columns: 1fr !important;
    }

    .opportunity-mini-guide {
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
    }

    .opportunity-mini-icons {
        margin-top: 0 !important;
        min-width: 220px !important;
    }
}

@media (max-width: 620px) {
    .opportunity-mini-guide {
        display: flex !important;
    }

    .opportunity-mini-icons {
        min-width: 0 !important;
        margin-top: 20px !important;
    }
}



/* =========================================================
   BESOURIA V7.13 — CONTACT + REPORT CENTER
   ========================================================= */
.contact-hub-hero{padding:58px 0 42px;background:radial-gradient(circle at 12% 0%,#daf1e4 0,transparent 34%),linear-gradient(180deg,#f7fbf8,#eef5f1);border-bottom:1px solid var(--line)}
.contact-hub-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}
.contact-hub-hero h1{font-size:clamp(36px,4vw,54px);line-height:1.15;margin:12px 0 13px;letter-spacing:-1px}
.contact-hub-hero p{max-width:800px;color:var(--muted);font-size:17px;line-height:1.9;margin:0}
.contact-response-note{display:flex;align-items:center;gap:13px;min-width:250px;padding:16px 18px;border:1px solid #c9dfd2;border-radius:18px;background:rgba(255,255,255,.76)}
.contact-response-note>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:600;font-size:19px}
.contact-response-note strong,.contact-response-note small{display:block}.contact-response-note small{color:var(--muted);margin-top:3px;line-height:1.5}
.contact-hub-section{padding-top:30px}.contact-hub-container{width:min(1260px,calc(100% - 32px));max-width:1260px;margin-inline:auto}
.contact-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.contact-mode-option{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);transition:.2s transform,.2s border-color,.2s background}
.contact-mode-option:hover{transform:translateY(-2px);border-color:#9fc8b1}.contact-mode-option.active{border-color:#63b184;background:#eef9f3;box-shadow:0 12px 34px rgba(16,83,54,.08)}
.contact-mode-option.report.active{border-color:#e0a899;background:#fff5f2}.contact-mode-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-size:20px;font-weight:600;flex:0 0 auto}
.contact-mode-option.report .contact-mode-icon{background:#fff0eb;color:#b84e35}.contact-mode-option strong,.contact-mode-option small{display:block}.contact-mode-option strong{font-size:17px}.contact-mode-option small{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.6}
.contact-hub-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.contact-hub-sidebar{display:grid;gap:14px;position:sticky;top:92px}
.contact-side-card{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:20px}.contact-side-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--green2);font-weight:600;margin-bottom:14px}.contact-side-card strong,.contact-side-card a{display:block}.contact-side-card strong{font-size:17px;margin-bottom:7px}.contact-side-card a{color:var(--green2);font-weight:600;word-break:break-word}.contact-side-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}.contact-side-card.warning{background:#fff9ea;border-color:#ead59b}.contact-side-card.warning .contact-side-icon{background:#fff0b9;color:#765600}
.contact-form-card{background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:28px;box-shadow:0 12px 36px rgba(16,35,26,.055)}
.contact-form-head{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.contact-form-head>span{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}.contact-form-head.report>span{background:#fff0eb;color:#b84e35}.contact-form-head h2{font-size:30px;line-height:1.3;margin:12px 0 8px}.contact-form-head p{margin:0;color:var(--muted);line-height:1.8}
.contact-detailed-form .form-group label{font-size:14px}.contact-detailed-form input,.contact-detailed-form select,.contact-detailed-form textarea{background:var(--surface);border-color:var(--line)}.contact-detailed-form textarea{line-height:1.85}.contact-submit-button{min-width:240px;padding:14px 23px;margin-top:10px}.contact-submit-button.report{background:#9c3f2c;border-color:#9c3f2c}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.report-emergency-note{display:flex;gap:10px;padding:13px 15px;margin:-6px 0 20px;border:1px solid #e9c7a2;border-radius:13px;background:#fff7ed;color:#6c4323;font-size:13px;line-height:1.7}.report-file-input{padding:11px!important}.report-confirm{padding:14px;border:1px solid var(--line);border-radius:13px;background:#f8fbf9;align-items:flex-start!important;line-height:1.7}.report-confirm input{margin-top:3px;flex:0 0 auto}
.admin-message-subject{display:block;margin:8px 0 4px}.admin-inline-details{margin-top:10px}.admin-inline-details summary{cursor:pointer;color:#087a4a;font-weight:600}.admin-inline-details>div{margin-top:10px;padding:14px;border:1px solid #dce7e1;border-radius:12px;background:#f8fbf9;min-width:300px}.admin-inline-details dl{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 12px;margin:12px 0}.admin-inline-details dt{font-weight:600;color:#52665d}.admin-inline-details dd{margin:0;word-break:break-word}.admin-report-flags{display:flex;gap:6px;flex-wrap:wrap}
html[data-theme='dark'] .contact-hub-hero{background:radial-gradient(circle at 12% 0%,rgba(31,92,63,.28) 0,transparent 34%),linear-gradient(180deg,#0b1712,#08130f)!important;border-bottom-color:var(--border)!important}.contact-hub-hero h1,html[data-theme='dark'] .contact-hub-hero h1{color:var(--ink)!important}html[data-theme='dark'] .contact-response-note,html[data-theme='dark'] .contact-mode-option,html[data-theme='dark'] .contact-side-card,html[data-theme='dark'] .contact-form-card{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme='dark'] .contact-mode-option.active{background:#10271d!important;border-color:#397552!important}html[data-theme='dark'] .contact-mode-option.report.active{background:#281712!important;border-color:#8a4a38!important}html[data-theme='dark'] .contact-side-card.warning,html[data-theme='dark'] .report-emergency-note{background:#2a2212!important;border-color:#6d5828!important;color:#e7d49d!important}html[data-theme='dark'] .contact-form-head.report>span{background:#3b1d16!important;color:#ffb4a0!important}html[data-theme='dark'] .report-confirm,html[data-theme='dark'] .admin-inline-details>div{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme='dark'] .admin-inline-details dt{color:var(--muted)!important}
@media(max-width:980px){.contact-hub-hero-inner{align-items:flex-start;flex-direction:column}.contact-response-note{width:100%}.contact-hub-layout{grid-template-columns:1fr}.contact-hub-sidebar{position:static;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.contact-hub-hero{padding:38px 0 28px}.contact-hub-hero h1{font-size:34px}.contact-hub-hero p{font-size:15px}.contact-mode-switch{grid-template-columns:1fr}.contact-hub-sidebar{grid-template-columns:1fr}.contact-form-card{padding:21px 17px}.contact-form-head h2{font-size:25px}.contact-submit-button{width:100%;min-width:0}.admin-inline-details>div{min-width:0}.admin-inline-details dl{grid-template-columns:1fr}}


/* =========================================================
   BESOURIA V7.14 — ADMIN-ONLY ONLINE USERS MONITOR
   ========================================================= */
.footer-admin-online{display:flex;justify-content:center;margin-top:24px}
.footer-admin-online-link{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border:1px solid #34715a;border-radius:14px;background:#0d3b2b;color:#e8fff4!important;text-decoration:none;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.footer-admin-online-link:hover{background:#124a36!important}
.footer-admin-online-link strong{font-size:19px;color:#8ff0bd}
.footer-admin-online-link small{color:#a9cabb;font-size:11px}
.footer-online-icon{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#176044;color:#fff;font-size:17px}
.footer-online-icon i{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#55e99a;box-shadow:0 0 0 3px rgba(85,233,154,.15)}
.online-summary-grid{margin-bottom:18px}
.online-monitor-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;padding:13px 15px;border:1px solid #cfe2d8;border-radius:12px;background:#f5fbf8;color:#3f5b4f;font-size:13px}
.online-monitor-note strong{color:#143d2c}.online-live-dot{width:10px;height:10px;border-radius:50%;background:#18ad64;box-shadow:0 0 0 5px rgba(24,173,100,.12)}
.online-users-table-card{overflow:auto}.online-users-table{min-width:1050px}
.online-visitor-cell{display:flex;align-items:center;gap:10px}.online-visitor-cell small,.online-users-table td>small,.online-visitor-cell div small{display:block;margin-top:4px;color:#6b7c73;max-width:280px;overflow-wrap:anywhere}
.online-avatar{width:38px;height:38px;border-radius:12px;background:#e3f6eb;color:#087044;display:grid;place-items:center;font-weight:600;flex:0 0 auto}.online-avatar.anonymous{background:#edf1ef;color:#607269}
.online-current-url{display:block;color:#08764a;font-weight:600;text-decoration:none;max-width:310px;overflow-wrap:anywhere}.online-current-url:hover{text-decoration:underline}
.online-live-line{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#087044}.online-live-line i{width:8px;height:8px;border-radius:50%;background:#19b468;box-shadow:0 0 0 4px rgba(25,180,104,.12)}
.online-tech-details{position:relative}.online-tech-details summary{cursor:pointer;list-style:none;border:1px solid #cfdcd5;border-radius:8px;padding:6px 9px;font-weight:600;font-size:12px}.online-tech-details summary::-webkit-details-marker{display:none}.online-tech-details>div{position:absolute;z-index:20;inset-inline-end:0;top:calc(100% + 7px);width:min(340px,75vw);padding:13px;border:1px solid #d5e1db;border-radius:11px;background:#fff;box-shadow:0 18px 45px rgba(10,45,31,.16);display:grid;gap:5px}.online-tech-details>div span{overflow-wrap:anywhere;color:#607269;font-size:11px}.online-tech-details>div b{margin-top:5px;font-size:11px}
html[data-theme="dark"] .online-monitor-note{background:#102119!important;border-color:#30483e!important;color:#9fb2a8!important}html[data-theme="dark"] .online-monitor-note strong{color:#e8f1ec!important}
html[data-theme="dark"] .online-avatar{background:#17382a!important;color:#8ce0b5!important}html[data-theme="dark"] .online-avatar.anonymous{background:#26352e!important;color:#bdcbc4!important}
html[data-theme="dark"] .online-current-url,html[data-theme="dark"] .online-live-line{color:#8ce0b5!important}html[data-theme="dark"] .online-tech-details summary{background:#0d1914!important;border-color:#30483e!important;color:#e8f1ec!important}html[data-theme="dark"] .online-tech-details>div{background:#111f19!important;border-color:#30483e!important;color:#e8f1ec!important}
@media(max-width:600px){.footer-admin-online-link{width:100%;justify-content:flex-start}.footer-admin-online-link small{width:100%;padding-inline-start:44px}}


/* =========================================================
   BESOURIA V7.17 — PARTICIPATION PAGE + FOOTER SOCIAL HUB
   ========================================================= */
.footer-community-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:16px;margin-top:34px}
.footer-participation-card,.footer-social-card{border:1px solid #315849;border-radius:20px;background:linear-gradient(135deg,#103d2e,#0b3326);min-height:126px}
.footer-participation-card{display:grid;grid-template-columns:64px minmax(0,1fr) 34px;align-items:center;gap:16px;padding:20px 22px;transition:.25s transform,.25s border-color,.25s background}
.footer-participation-card:hover{transform:translateY(-3px);border-color:#65b68f;background:linear-gradient(135deg,#154a38,#0d392b)}
.footer-participation-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#e9f8ef;border:1px solid rgba(255,255,255,.22)}
.footer-participation-mark img{width:48px;height:48px;object-fit:contain}
.footer-participation-copy{display:grid;gap:4px}.footer-participation-copy small,.footer-social-card small{color:#77d2a4;font-size:12px;font-weight:600}.footer-participation-copy strong,.footer-social-card strong{color:#fff;font-size:18px;line-height:1.45}.footer-participation-copy em{color:#b9cfc2;font-size:13px;font-style:normal;line-height:1.65}.footer-participation-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#148c59;color:#fff;font-size:18px}
.footer-social-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px}.footer-social-card>div:first-child{display:grid;gap:5px}.footer-social-links{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.footer-social-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#173f31;border:1px solid #3c6957;color:#fff;transition:.2s transform,.2s background,.2s border-color}.footer-social-icon svg{width:20px;height:20px;fill:currentColor}.footer-social-icon:hover{transform:translateY(-3px);background:#fff;color:#0b3225;border-color:#fff}.footer-social-icon.facebook:hover{color:#1877f2}.footer-social-icon.x:hover{color:#050505}.footer-social-icon.youtube:hover{color:#ff0033}.footer-social-icon.instagram:hover{color:#c13584}.footer-social-icon.linkedin:hover{color:#0a66c2}.footer-social-icon.is-coming-soon{opacity:.48;cursor:not-allowed}.footer-participate-link{color:#83ddb0!important;font-weight:600}
.participate-hero{padding:82px 0 64px;background:radial-gradient(circle at 12% 15%,rgba(23,154,92,.18),transparent 32%),linear-gradient(145deg,#08271c 0%,#0d3b2b 58%,#0a2f23 100%);color:#fff;overflow:hidden}.participate-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:54px;align-items:center}.participate-hero .eyebrow{color:#79d8a6}.participate-hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.1;letter-spacing:-1.5px;margin:15px 0 20px;max-width:900px}.participate-hero p{font-size:18px;line-height:2;color:#c8ddd2;max-width:850px}.participate-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.participate-actions .secondary{border-color:#527b69;color:#fff;background:rgba(255,255,255,.04)}
.participate-vision-card{padding:30px;border:1px solid rgba(255,255,255,.17);border-radius:28px;background:rgba(5,25,18,.52);box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.participate-vision-card>img{width:92px;height:92px;display:block;margin-bottom:20px}.participate-vision-card>strong{display:block;font-size:25px;margin-bottom:10px}.participate-vision-card>span{display:block;color:#c5d9cf;line-height:1.85}.participate-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.participate-mini-stats>div{padding:13px 8px;text-align:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}.participate-mini-stats b,.participate-mini-stats small{display:block}.participate-mini-stats b{font-size:21px;color:#8ae2b6}.participate-mini-stats small{font-size:11px;color:#b8cec2;margin-top:3px}
.participate-section-head{text-align:center;max-width:860px;margin:0 auto 32px}.participate-section-head.align-start{text-align:start;margin-inline:0}.participate-section-head>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e6f7ed;color:#087a4a;font-size:12px;font-weight:600}.participate-section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:14px 0}.participate-section-head p{font-size:17px;line-height:1.95;color:#5c6d64;margin:0}
.participate-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.participate-value-grid article,.participate-role-grid article{border:1px solid #dce8e0;border-radius:22px;background:#fff;padding:25px;box-shadow:0 14px 42px rgba(12,54,35,.055)}.participate-value-grid article>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e6f7ed;color:#087a4a;font-weight:600}.participate-value-grid h3,.participate-role-grid h3{font-size:20px;margin:18px 0 9px}.participate-value-grid p,.participate-role-grid p{color:#607168;line-height:1.9;margin:0}
.participate-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.participate-role-grid article>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#0b3728;color:#8ce0b5;font-size:20px;font-weight:600}.participate-role-grid article{transition:.25s transform,.25s box-shadow}.participate-role-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 52px rgba(12,54,35,.1)}
.participate-path-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:42px;align-items:start}.participate-steps{list-style:none;padding:0;margin:0;display:grid;gap:13px}.participate-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:18px;border:1px solid #dce8e0;border-radius:17px;background:#fff}.participate-steps li>b{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e6f7ed;color:#087a4a}.participate-steps strong{font-size:17px}.participate-steps p{color:#617169;line-height:1.8;margin:5px 0 0}.participate-principles-card{position:sticky;top:100px;border-radius:25px;padding:28px;background:#0b3325;color:#fff}.participate-principles-card>span{color:#7ddcac;font-weight:600;font-size:12px}.participate-principles-card h3{font-size:26px;line-height:1.45;margin:12px 0 18px}.participate-principles-card ul{display:grid;gap:12px;padding-inline-start:20px;color:#d0e0d7;line-height:1.7}.participate-legal-note{margin-top:22px;padding:16px;border:1px solid #426554;border-radius:14px;background:#123d2e;color:#bad0c4;font-size:12px;line-height:1.85}
.participate-final-cta{padding-top:28px}.participate-final-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 38px;border-radius:26px;background:linear-gradient(135deg,#e5f7ec,#f8fcf9);border:1px solid #cce4d5}.participate-final-card span{color:#087a4a;font-size:12px;font-weight:600}.participate-final-card h2{font-size:31px;line-height:1.35;margin:8px 0}.participate-final-card p{color:#5d6d65;margin:0;line-height:1.8}
html[data-theme="dark"] .participate-purpose-section,html[data-theme="dark"] .participate-path-section{background:var(--bg)!important}.participate-roles-section{background:#f3f8f5}html[data-theme="dark"] .participate-roles-section{background:#08130f!important}.participate-value-grid article,html[data-theme="dark"] .participate-role-grid article,html[data-theme="dark"] .participate-steps li{background:var(--surface)!important;border-color:var(--border)!important}.participate-value-grid h3,html[data-theme="dark"] .participate-role-grid h3,html[data-theme="dark"] .participate-steps strong{color:var(--ink)!important}.participate-value-grid p,html[data-theme="dark"] .participate-role-grid p,html[data-theme="dark"] .participate-steps p,html[data-theme="dark"] .participate-section-head p{color:var(--muted)!important}html[data-theme="dark"] .participate-final-card{background:linear-gradient(135deg,#10261c,#0d1d17)!important;border-color:var(--border)!important}html[data-theme="dark"] .participate-final-card h2{color:var(--ink)!important}html[data-theme="dark"] .participate-final-card p{color:var(--muted)!important}
@media(max-width:1050px){.footer-community-row,.participate-hero-grid,.participate-path-grid{grid-template-columns:1fr}.footer-social-card{min-height:110px}.participate-vision-card{max-width:700px}.participate-principles-card{position:static}.participate-value-grid,.participate-role-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.footer-community-row{grid-template-columns:1fr}.footer-participation-card{grid-template-columns:54px minmax(0,1fr);padding:17px}.footer-participation-mark{width:54px;height:54px}.footer-participation-mark img{width:40px;height:40px}.footer-participation-arrow{display:none}.footer-social-card{align-items:flex-start;flex-direction:column}.footer-social-links{justify-content:flex-start}.participate-hero{padding:54px 0 42px}.participate-hero h1{font-size:40px}.participate-value-grid,.participate-role-grid{grid-template-columns:1fr}.participate-final-card{align-items:flex-start;flex-direction:column;padding:25px}.participate-final-card .btn{width:100%}.participate-mini-stats{grid-template-columns:1fr}.participate-actions{flex-direction:column}.participate-actions .btn{width:100%}}


/* BESOURIA V7.18 — dedicated volunteer application */
.volunteer-apply-hero{padding:68px 0 50px;background:linear-gradient(145deg,#08271c,#0d3b2b);color:#fff}.volunteer-apply-hero-grid{display:flex;align-items:center;justify-content:space-between;gap:36px}.volunteer-apply-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.15;max-width:920px;margin:13px 0 16px}.volunteer-apply-hero p{max-width:850px;color:#c9ddd3;font-size:17px;line-height:1.9}.volunteer-apply-summary{min-width:210px;padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.06);text-align:center}.volunteer-apply-summary b,.volunteer-apply-summary span,.volunteer-apply-summary small{display:block}.volunteer-apply-summary b{font-size:48px;color:#87e1b3}.volunteer-apply-summary span{font-weight:600}.volunteer-apply-summary small{margin-top:7px;color:#b9d0c4}.volunteer-application-container{max-width:1160px}.volunteer-application-form{display:grid;gap:16px}.volunteer-question{display:grid;grid-template-columns:62px minmax(0,1fr);gap:20px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 38px rgba(12,54,35,.05)}.volunteer-question-number{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--soft);color:var(--green2);font-weight:600}.volunteer-question-content h2{font-size:23px;margin:2px 0 5px}.volunteer-question-content>p{margin:0 0 18px;color:var(--muted)}.volunteer-question .form-grid{margin-top:16px}.volunteer-checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.volunteer-checkbox-grid label{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-weight:600}.volunteer-checkbox-grid input{width:18px;height:18px;accent-color:var(--green)}.volunteer-ack{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;border:1px solid #cce2d4;border-radius:14px;background:var(--soft);line-height:1.8}.volunteer-ack input{width:19px;height:19px;margin-top:4px;accent-color:var(--green)}.volunteer-submit-bar{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #bdd8c7;border-radius:19px;background:var(--surface);box-shadow:0 18px 55px rgba(16,35,26,.16)}.volunteer-submit-bar strong,.volunteer-submit-bar small{display:block}.volunteer-submit-bar small{color:var(--muted);margin-top:4px}.volunteer-success{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #bfe0cb;border-radius:22px;background:var(--soft)}.volunteer-success>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:24px}.volunteer-success div{flex:1}.volunteer-success h2{margin:0 0 6px}.volunteer-success p{margin:0;color:var(--muted)}.admin-volunteer-list{display:grid;gap:18px}.admin-volunteer-card{padding:22px;border:1px solid var(--admin-line,#dce7e1);border-radius:20px;background:var(--admin-card,#fff)}.admin-volunteer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--admin-line,#dce7e1)}.admin-volunteer-card h2{margin:8px 0 4px}.admin-volunteer-card header p,.admin-volunteer-card header small{display:block;color:#75867e}.admin-volunteer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.admin-volunteer-grid>div{padding:14px;border:1px solid var(--admin-line,#dce7e1);border-radius:13px}.admin-volunteer-grid small,.admin-volunteer-grid strong,.admin-volunteer-grid span{display:block}.admin-volunteer-grid small{color:#7a8a82}.admin-volunteer-grid strong{margin:4px 0}.admin-volunteer-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}.admin-volunteer-details section{padding:16px;border:1px solid var(--admin-line,#dce7e1);border-radius:13px}.admin-volunteer-details h3{margin:0 0 8px}.admin-volunteer-details p{line-height:1.8}.admin-volunteer-review{display:flex;align-items:end;gap:12px;margin-top:16px}.admin-volunteer-review label{display:grid;gap:6px}.admin-volunteer-review .grow{flex:1}html[data-theme="dark"] .volunteer-question,html[data-theme="dark"] .volunteer-submit-bar{background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] .volunteer-checkbox-grid label{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme="dark"] .volunteer-ack,html[data-theme="dark"] .volunteer-success{background:#10261c!important;border-color:var(--border)!important}@media(max-width:800px){.volunteer-apply-hero-grid,.volunteer-submit-bar,.volunteer-success{align-items:flex-start;flex-direction:column}.volunteer-apply-summary{width:100%}.volunteer-question{grid-template-columns:1fr;padding:20px}.volunteer-checkbox-grid{grid-template-columns:repeat(2,1fr)}.volunteer-submit-bar{position:static}.volunteer-submit-bar .btn{width:100%}.admin-volunteer-grid,.admin-volunteer-details{grid-template-columns:1fr 1fr}.admin-volunteer-review{align-items:stretch;flex-direction:column}}@media(max-width:560px){.volunteer-checkbox-grid,.admin-volunteer-grid,.admin-volunteer-details{grid-template-columns:1fr}}


/* =========================================================
   BESOURIA V7.19 — ABOUT, COOKIES, FREE ACCESS & PRESERVATION
   ========================================================= */
.about-vision-hero{padding:82px 0 64px;background:radial-gradient(circle at 8% 0%,#d9f2e4 0,transparent 34%),linear-gradient(180deg,#f8fcf9,#fff)}.about-vision-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:48px;align-items:center}.about-vision-copy h1{font-size:clamp(44px,5.7vw,72px);line-height:1.1;letter-spacing:-2px;margin:14px 0 20px;max-width:1020px}.about-vision-copy>p{font-size:18px;line-height:2;color:var(--muted);max-width:950px}.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.about-vision-card{padding:30px;border-radius:27px;background:#0b3527;color:#fff;box-shadow:0 28px 70px rgba(5,45,29,.2)}.about-vision-card>span{color:#88dfb3;font-weight:600;font-size:12px}.about-vision-card>strong{display:block;font-size:24px;line-height:1.65;margin:14px 0 25px}.about-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.about-mini-metrics div{padding:14px 8px;border:1px solid rgba(255,255,255,.13);border-radius:14px;text-align:center;background:rgba(255,255,255,.05)}.about-mini-metrics b,.about-mini-metrics small{display:block}.about-mini-metrics b{font-size:26px;color:#8ce0b5}.about-mini-metrics small{font-size:10px;color:#c3d7cd;margin-top:4px}.about-section-head{max-width:900px;margin-bottom:30px}.about-section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.25;margin:10px 0}.about-section-head>p{font-size:17px;line-height:1.9;color:var(--muted)}.about-pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-pillar-grid article{padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.about-pillar-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--soft);color:var(--green2);font-weight:600}.about-pillar-grid h3{font-size:23px;margin:17px 0 9px}.about-pillar-grid p{margin:0;color:var(--muted);line-height:1.9}.about-roadmap{display:grid;gap:15px}.about-roadmap article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:19px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.about-roadmap article>b{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#0c3b2b;color:#91e3ba;font-size:22px}.about-roadmap h3{font-size:22px;margin:2px 0 7px}.about-roadmap p{margin:0;color:var(--muted);line-height:1.9}.about-global-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:45px;align-items:start}.about-global h2{font-size:clamp(32px,4vw,48px);line-height:1.3;margin:12px 0}.about-global p{color:var(--muted);line-height:2;font-size:17px}.about-principles{padding:28px;border-radius:24px;background:#0c3427;color:#fff}.about-principles h3{font-size:24px;line-height:1.45;margin:0 0 18px}.about-principles ul{display:grid;gap:13px;margin:0;padding-inline-start:20px;color:#d0e0d8;line-height:1.75}.about-success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-success-grid>div{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.about-success-grid strong{font-size:19px}.about-success-grid p{color:var(--muted);line-height:1.85;margin:9px 0 0}.about-cta-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid #c9e2d3;border-radius:27px;background:linear-gradient(135deg,#e5f7ec,#f9fcfa)}.about-cta-card span{color:var(--green2);font-size:12px;font-weight:600}.about-cta-card h2{font-size:30px;line-height:1.4;margin:8px 0 0}.about-cta-card>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.policy-hero,.payment-hero{padding:66px 0 50px;background:linear-gradient(145deg,#09281d,#0d3c2b);color:#fff}.policy-hero-grid,.payment-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:42px;align-items:center}.policy-hero h1,.payment-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.16;margin:13px 0 17px}.policy-hero p,.payment-hero p{color:#c9ddd3;font-size:17px;line-height:1.95}.policy-status-card,.payment-free-card{padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.06)}.policy-status-card span,.payment-free-card>span{color:#88dfb3;font-size:12px;font-weight:600}.policy-status-card strong,.policy-status-card small,.payment-free-card>strong,.payment-free-card>small{display:block}.policy-status-card strong,.payment-free-card>strong{font-size:24px;line-height:1.5;margin:12px 0}.policy-status-card small,.payment-free-card>small{color:#bcd2c7;line-height:1.7}.payment-free-card ul{display:grid;gap:8px;padding-inline-start:20px;color:#d0e1d8;margin:18px 0 0}.policy-container{max-width:1180px}.policy-intro-note{padding:22px;border:1px solid #cce2d5;border-radius:18px;background:var(--soft);margin-bottom:22px}.policy-intro-note b{font-size:19px}.policy-intro-note p{margin:8px 0 0;color:var(--muted);line-height:1.9}.policy-category-grid,.payment-principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.policy-category-grid article,.payment-principles-grid article{padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.policy-category-grid article>span,.payment-principles-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--soft);color:var(--green2);font-weight:600}.policy-category-grid h2,.payment-principles-grid h2{font-size:21px;margin:16px 0 8px}.policy-category-grid p,.payment-principles-grid p{color:var(--muted);line-height:1.9;margin:0}.policy-table-card,.policy-text-block,.payment-what-free{margin-top:22px;padding:27px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.policy-table-card h2,.policy-text-block h2,.payment-what-free h2{font-size:24px;margin:0 0 16px}.policy-table-wrap{overflow:auto}.policy-table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.policy-table-wrap th,.policy-table-wrap td{padding:13px;border-bottom:1px solid var(--line);text-align:start;line-height:1.65}.policy-table-wrap th{background:var(--surface-2)}.cookie-control-card,.payment-contact-card{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:27px;border:1px solid #bfe0cb;border-radius:22px;background:linear-gradient(135deg,#e5f7ec,#f8fcf9)}.cookie-control-card h2,.payment-contact-card h2{font-size:25px;margin:7px 0}.cookie-control-card p,.payment-contact-card p{color:#5d6e65;line-height:1.8;margin:0}.cookie-control-card>div:first-child>span{font-size:12px;color:var(--green2);font-weight:600}.cookie-control-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.text-button{appearance:none;border:0;background:transparent;color:var(--green2);font:inherit;font-weight:600;cursor:pointer;padding:10px}.policy-text-block p{color:var(--muted);line-height:2}.policy-text-block a{color:var(--green2);font-weight:600}.payment-what-free>div{display:flex;gap:9px;flex-wrap:wrap}.payment-what-free span{padding:10px 13px;border-radius:999px;background:var(--soft);color:var(--green2);font-weight:600;font-size:13px}
.preserve-hero{padding:76px 0 58px;background:radial-gradient(circle at 12% 0%,#d9f1e4 0,transparent 32%),linear-gradient(180deg,#f8fcf9,#fff)}.preserve-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:46px;align-items:center}.preserve-hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.12;letter-spacing:-1.6px;margin:13px 0 18px}.preserve-hero p{font-size:17px;line-height:2;color:var(--muted)}.preserve-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.preserve-flow-card{padding:25px;border-radius:25px;background:#0b3527;color:#fff;display:grid;gap:10px}.preserve-flow-card>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:14px}.preserve-flow-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#176044;color:#95e9bd}.preserve-flow-card span{font-weight:600}.preserve-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.preserve-benefit-grid article{padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.preserve-benefit-grid article>span{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2);font-size:20px;font-weight:600}.preserve-benefit-grid h2{font-size:21px;margin:16px 0 8px}.preserve-benefit-grid p{margin:0;color:var(--muted);line-height:1.9}.preserve-form-container{max-width:1180px}.preserve-form-head{margin-bottom:21px}.preserve-form-head>span{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:12px;font-weight:600}.preserve-form-head h2{font-size:34px;line-height:1.35;margin:12px 0 8px}.preserve-form-head p{color:var(--muted);line-height:1.85}.preserve-form{display:grid;gap:15px}.preserve-form-section{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;padding:25px;border:1px solid var(--line);border-radius:21px;background:var(--surface)}.preserve-form-section>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--soft);color:var(--green2);font-weight:600}.preserve-form-section h3{font-size:22px;margin:3px 0 16px}.preserve-language-choices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.preserve-language-choices>strong{margin-inline-end:8px}.preserve-language-choices label{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.preserve-language-choices input{width:18px;height:18px;accent-color:var(--green)}.preserve-confirmations{display:grid;gap:10px}.preserve-confirmations label{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #c9e1d2;border-radius:14px;background:var(--soft);line-height:1.75}.preserve-confirmations input{width:19px;height:19px;margin-top:3px;accent-color:var(--green)}.preserve-submit{position:sticky;bottom:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #bad7c5;border-radius:19px;background:var(--surface);box-shadow:0 18px 55px rgba(16,35,26,.16)}.preserve-submit strong,.preserve-submit small{display:block}.preserve-submit small{color:var(--muted);margin-top:4px}.preserve-success{display:flex;align-items:center;gap:20px;padding:27px;border:1px solid #bae0c8;border-radius:22px;background:var(--soft)}.preserve-success>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:24px}.preserve-success div{flex:1}.preserve-success h2{margin:0 0 6px}.preserve-success p{color:var(--muted);margin:0}.footer-preserve-link{color:#98e0b8!important;font-weight:600!important}.footer-preserve-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:17px;padding:18px 20px;border:1px solid #39725a;border-radius:18px;background:linear-gradient(135deg,#0d3a2a,#0a2f22);color:#fff!important}.footer-preserve-card:hover{background:linear-gradient(135deg,#114834,#0b3828)!important}.footer-preserve-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#176044;color:#98e7bd;font-size:24px}.footer-preserve-card small,.footer-preserve-card strong,.footer-preserve-card em{display:block}.footer-preserve-card small{color:#8fe0b4;font-size:11px;font-weight:600}.footer-preserve-card strong{font-size:18px;line-height:1.55;margin:3px 0}.footer-preserve-card em{font-style:normal;color:#b9d2c6;font-size:12px;line-height:1.65}.footer-preserve-card>b{font-size:25px;color:#9be5bd}.admin-preserve-list{display:grid;gap:17px}.admin-preserve-card{padding:22px;border:1px solid var(--admin-line,#dce7e1);border-radius:20px;background:var(--admin-card,#fff)}.admin-preserve-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--admin-line,#dce7e1)}.admin-preserve-card h2{margin:8px 0 4px}.admin-preserve-card header p,.admin-preserve-card header small{display:block;color:#73857c}.admin-preserve-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:17px 0}.admin-preserve-summary>div{padding:13px;border:1px solid var(--admin-line,#dce7e1);border-radius:12px}.admin-preserve-summary small,.admin-preserve-summary strong{display:block}.admin-preserve-summary small{color:#74857d}.admin-preserve-summary strong{margin-top:4px}.admin-preserve-details{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}.admin-preserve-details section{padding:15px;border:1px solid var(--admin-line,#dce7e1);border-radius:12px}.admin-preserve-details h3{margin:0 0 8px}.admin-preserve-details p{line-height:1.8}.admin-preserve-details ul{margin:0;padding-inline-start:19px}.admin-preserve-files{display:flex;gap:8px;flex-wrap:wrap}.admin-preserve-review{display:flex;align-items:end;gap:12px;margin-top:16px}.admin-preserve-review label{display:grid;gap:6px}.admin-preserve-review .grow{flex:1}
html[data-theme="dark"] .about-vision-hero,html[data-theme="dark"] .preserve-hero{background:radial-gradient(circle at 10% 0%,rgba(31,92,63,.25) 0,transparent 34%),linear-gradient(180deg,#0b1712,#08130f)!important}html[data-theme="dark"] :is(.about-pillar-grid article,.about-roadmap article,.about-success-grid>div,.policy-category-grid article,.payment-principles-grid article,.policy-table-card,.policy-text-block,.payment-what-free,.preserve-benefit-grid article,.preserve-form-section,.preserve-submit){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] :is(.about-pillar-grid p,.about-roadmap p,.about-success-grid p,.policy-category-grid p,.payment-principles-grid p,.policy-text-block p,.preserve-benefit-grid p,.preserve-form-head p){color:var(--muted)!important}html[data-theme="dark"] :is(.about-cta-card,.cookie-control-card,.payment-contact-card,.policy-intro-note,.preserve-confirmations label,.preserve-success){background:linear-gradient(135deg,#10261c,#0d1d17)!important;border-color:var(--border)!important}html[data-theme="dark"] :is(.about-cta-card h2,.cookie-control-card h2,.payment-contact-card h2,.policy-intro-note b,.preserve-success h2){color:var(--ink)!important}html[data-theme="dark"] :is(.cookie-control-card p,.payment-contact-card p,.policy-intro-note p,.preserve-success p){color:var(--muted)!important}
@media(max-width:1000px){.about-vision-grid,.about-global-grid,.policy-hero-grid,.payment-hero-grid,.preserve-hero-grid{grid-template-columns:1fr}.about-vision-card,.policy-status-card,.payment-free-card,.preserve-flow-card{max-width:760px}.about-pillar-grid,.policy-category-grid,.payment-principles-grid{grid-template-columns:1fr 1fr}.about-success-grid,.preserve-benefit-grid{grid-template-columns:1fr}.cookie-control-card,.payment-contact-card,.about-cta-card{align-items:flex-start;flex-direction:column}.admin-preserve-summary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.about-vision-hero,.preserve-hero{padding:50px 0 40px}.about-vision-copy h1,.preserve-hero h1{font-size:39px;letter-spacing:-.7px}.about-pillar-grid,.policy-category-grid,.payment-principles-grid{grid-template-columns:1fr}.about-roadmap article,.preserve-form-section{grid-template-columns:1fr;padding:20px}.about-success-grid{grid-template-columns:1fr}.about-cta-card{padding:24px}.about-cta-card>div:last-child,.about-cta-card .btn,.cookie-control-actions,.cookie-control-actions .btn,.payment-contact-card .btn{width:100%}.policy-hero,.payment-hero{padding:45px 0 36px}.policy-hero h1,.payment-hero h1{font-size:36px}.policy-table-card,.policy-text-block,.payment-what-free{padding:20px}.preserve-submit,.preserve-success{position:static;align-items:flex-start;flex-direction:column}.preserve-submit .btn,.preserve-success .btn{width:100%}.footer-preserve-card{grid-template-columns:50px minmax(0,1fr)}.footer-preserve-icon{width:50px;height:50px}.footer-preserve-card>b{display:none}.admin-preserve-summary,.admin-preserve-details{grid-template-columns:1fr}.admin-preserve-card>header,.admin-preserve-review{align-items:stretch;flex-direction:column}}

/* =========================================================
   BESOURIA V7.20 — BESOURIA AI + HUMAN COMPASS
   ========================================================= */
.nav-ai-link,.footer-ai-link{display:inline-flex!important;align-items:center;gap:6px;color:#0b8753!important;font-weight:600!important}.nav-ai-link span,.footer-ai-link span{width:20px;height:20px;border-radius:7px;background:#e5f6ed;display:grid;place-items:center;font-size:11px}.ai-page-section{padding:32px 0 58px;background:radial-gradient(circle at 82% 2%,rgba(45,181,116,.1),transparent 31%),var(--bg,#f4f8f5)}.ai-page-container{width:min(1500px,calc(100% - 28px));max-width:1500px}.ai-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:20px}.ai-page-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.14;margin:10px 0 10px;letter-spacing:-1.2px}.ai-page-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.85;max-width:850px}.ai-compass-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.ai-app{height:min(780px,calc(100vh - 170px));min-height:620px;display:grid;grid-template-columns:300px minmax(0,1fr);background:var(--surface,#fff);border:1px solid var(--line,#dce7e1);border-radius:28px;overflow:hidden;box-shadow:0 28px 85px rgba(12,53,37,.1)}.ai-sidebar{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b2f22,#09271d);color:#fff;border-inline-end:1px solid rgba(255,255,255,.08)}.ai-sidebar-head{display:flex;gap:8px;padding:18px}.ai-new-chat{width:100%;justify-content:center;background:#15945e!important;border-color:#15945e!important}.ai-sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.ai-credit-card{margin:0 16px 17px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.06);display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center}.ai-credit-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#59df9f 0 72%,rgba(255,255,255,.12) 72%);box-shadow:inset 0 0 0 7px #103e2d}.ai-credit-ring strong{font-size:22px;line-height:1}.ai-credit-ring small{font-size:9px;color:#d4e8df;margin-top:3px}.ai-credit-card b{display:block;font-size:12px}.ai-credit-card p{margin:5px 0 0;color:#b7d1c6;font-size:10px;line-height:1.55}.ai-conversation-list{display:flex;flex-direction:column;gap:4px;padding:0 10px 12px;overflow:auto;min-height:0}.ai-history-empty{padding:26px 16px;text-align:center;color:#90afa2;font-size:12px}.ai-history-item{appearance:none;width:100%;border:0;background:transparent;color:#c8ddd4;border-radius:12px;padding:10px;display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:8px;text-align:start;cursor:pointer;font:inherit}.ai-history-item:hover,.ai-history-item.active{background:rgba(255,255,255,.09);color:#fff}.ai-history-item>span:first-child{width:25px;height:25px;border-radius:8px;background:rgba(91,221,159,.14);color:#7ee2b1;display:grid;place-items:center}.ai-history-item strong,.ai-history-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-history-item strong{font-size:11px}.ai-history-item small{font-size:9px;color:#87a99a;margin-top:3px}.ai-history-item i{font-style:normal;opacity:.55;font-size:18px;text-align:center}.ai-history-item i:hover{opacity:1;color:#ffb6ad}.ai-sidebar-note{margin-top:auto;padding:14px 17px 18px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:9px;color:#9fbbb0}.ai-sidebar-note p{margin:0;font-size:10px;line-height:1.6}.ai-chat-panel{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:var(--surface,#fff)}.ai-chat-top{height:76px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.ai-chat-top>div:first-child{display:flex;align-items:center;gap:11px}.ai-chat-symbol{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0b8753,#36b879);color:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 8px 24px rgba(11,135,83,.2)}.ai-chat-top strong,.ai-chat-top small{display:block}.ai-chat-top strong{font-size:16px}.ai-chat-top small{font-size:10px;color:var(--muted);margin-top:3px}.ai-chat-top small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28af70;margin-inline-end:5px}.ai-language-badges{display:flex;gap:6px}.ai-language-badges span{padding:6px 8px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:9px;font-weight:600}.ai-mobile-history{display:none;border:0;background:transparent;font-size:21px;color:var(--ink);cursor:pointer}.ai-mode-strip{display:flex;gap:7px;padding:12px 20px;border-bottom:1px solid var(--line);overflow-x:auto;background:var(--surface-2,#fbfdfb)}.ai-mode-button{flex:0 0 auto;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:11px;padding:8px 11px;font:inherit;font-size:10px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ai-mode-button:hover,.ai-mode-button.active{background:var(--soft);color:var(--green2);border-color:#b9ddc9}.ai-messages{min-height:0;overflow-y:auto;padding:24px clamp(18px,4vw,54px);scroll-behavior:smooth}.ai-welcome{max-width:920px;margin:25px auto;text-align:center}.ai-welcome-mark{width:74px;height:74px;border-radius:24px;margin:0 auto 15px;background:linear-gradient(135deg,#0b8753,#56d49a);color:#fff;display:grid;place-items:center;font-size:31px;box-shadow:0 18px 48px rgba(11,135,83,.2)}.ai-welcome h2{font-size:30px;margin:0 0 8px}.ai-welcome>p{color:var(--muted);line-height:1.8;margin:0 auto 24px;max-width:670px}.ai-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ai-suggestion-grid button{text-align:start;border:1px solid var(--line);background:var(--surface-2,#fbfdfb);border-radius:16px;padding:16px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:2px 11px;cursor:pointer;color:var(--ink);font:inherit}.ai-suggestion-grid button:hover{border-color:#9ecdb4;background:var(--soft);transform:translateY(-1px)}.ai-suggestion-grid span{grid-row:1/3;width:37px;height:37px;border-radius:11px;background:var(--soft);color:var(--green2);display:grid;place-items:center;font-size:17px}.ai-suggestion-grid b{font-size:12px}.ai-suggestion-grid small{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}.ai-message{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;max-width:920px;margin:0 auto 18px}.ai-message.user{direction:inherit}.ai-message-avatar{width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--green2);display:grid;place-items:center;font-weight:600}.ai-message.assistant .ai-message-avatar{background:linear-gradient(135deg,#0b8753,#36b879);color:#fff}.ai-message-bubble{min-width:0}.ai-message-text{display:inline-block;max-width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:6px 17px 17px 17px;background:var(--surface-2,#fbfdfb);color:var(--ink);font-size:14px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.ai-message.user .ai-message-text{background:#0b8753;color:#fff;border-color:#0b8753;border-radius:17px 6px 17px 17px}.ai-message-actions{display:flex;gap:5px;margin-top:6px}.ai-message-actions button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:10px;cursor:pointer;padding:4px 6px;border-radius:7px}.ai-message-actions button:hover,.ai-message-actions button.selected{background:var(--soft);color:var(--green2)}.ai-message.is-loading .ai-message-text{animation:aiPulse 1.1s infinite}@keyframes aiPulse{0%,100%{opacity:.5}50%{opacity:1}}.ai-composer{padding:14px clamp(18px,4vw,54px) 18px;border-top:1px solid var(--line);background:var(--surface)}.ai-composer-box{max-width:920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:9px;align-items:end;border:1px solid var(--line);border-radius:17px;background:var(--surface-2,#fbfdfb);padding:9px 9px 9px 15px;box-shadow:0 12px 35px rgba(16,53,38,.06)}.ai-composer textarea{resize:none;min-height:34px;max-height:170px;border:0!important;outline:0;background:transparent!important;padding:7px 3px!important;box-shadow:none!important;line-height:1.65}.ai-composer button[type=submit]{width:45px;height:45px;border:0;border-radius:13px;background:#0b8753;color:#fff;font-size:18px;cursor:pointer}.ai-composer.sending button[type=submit]{opacity:.55;pointer-events:none}.ai-composer-meta{max-width:920px;margin:7px auto 0;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:9px}.compass-hero{padding:72px 0 60px;background:radial-gradient(circle at 75% 30%,rgba(30,172,104,.16),transparent 34%),linear-gradient(180deg,var(--surface-2,#f6faf7),var(--bg,#fff))}.compass-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 440px;gap:70px;align-items:center}.compass-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.12;margin:13px 0 17px;letter-spacing:-1.7px}.compass-hero p{font-size:17px;line-height:1.95;color:var(--muted);max-width:800px}.compass-hero-actions,.compass-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.compass-orbit{width:380px;height:380px;margin:auto;position:relative;border:1px solid #b9ddc9;border-radius:50%;background:radial-gradient(circle,#e5f7ed 0 19%,transparent 20%),repeating-radial-gradient(circle,transparent 0 42px,rgba(20,135,82,.08) 43px 44px)}.compass-center{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:102px;height:102px;border-radius:31px;background:linear-gradient(135deg,#0b8753,#54d496);color:#fff;display:grid;place-items:center;font-size:42px;box-shadow:0 20px 55px rgba(11,135,83,.24)}.compass-orbit>span{--angle:calc(var(--i)*60deg);position:absolute;left:calc(50% + cos(var(--angle))*145px - 25px);top:calc(50% + sin(var(--angle))*145px - 25px);width:50px;height:50px;border-radius:15px;background:var(--surface);border:1px solid #b9ddc9;color:var(--green2);display:grid;place-items:center;font-size:20px;box-shadow:0 10px 30px rgba(16,53,38,.08)}.compass-section{background:var(--bg)}.compass-container{max-width:1120px}.compass-result-card,.compass-form{background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:0 18px 55px rgba(16,53,38,.07);margin-bottom:22px}.compass-result-head,.compass-form-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.compass-result-head h2,.compass-form-head h2{font-size:29px;margin:7px 0 7px}.compass-result-head small{color:var(--muted)}.compass-summary{font-size:15px;line-height:1.95;color:var(--muted);max-width:900px}.compass-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.compass-score{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2)}.compass-score>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.compass-score span{color:var(--muted)}.compass-bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin-top:9px}.compass-bar i{display:block;height:100%;background:linear-gradient(90deg,#0b8753,#5bd69d);border-radius:999px}.compass-role-box{padding:18px;border-radius:16px;background:var(--soft)}.compass-role-box strong{display:block;margin-bottom:10px}.compass-role-box>div{display:flex;flex-wrap:wrap;gap:7px}.compass-role-box span{background:var(--surface);border:1px solid #c5dfd0;padding:7px 10px;border-radius:999px;font-size:11px}.compass-scale-legend{display:flex;gap:12px;padding:10px 13px;border-radius:12px;background:var(--soft);font-size:10px;color:var(--green2);font-weight:600}.compass-form-head p{color:var(--muted);line-height:1.8;margin:0;max-width:740px}.compass-question-list{display:grid;gap:10px;margin-top:22px}.compass-question{border:1px solid var(--line);border-radius:16px;padding:16px;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:center}.compass-question legend{display:contents}.compass-question legend b{width:35px;height:35px;border-radius:11px;background:var(--soft);color:var(--green2);display:grid;place-items:center;font-size:11px;float:inline-start;margin-inline-end:10px}.compass-question legend span{font-size:13px;font-weight:600;line-height:1.7}.compass-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.compass-options label{cursor:pointer}.compass-options input{position:absolute;opacity:0;pointer-events:none}.compass-options span{height:40px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;font-weight:600;color:var(--muted);background:var(--surface-2)}.compass-options input:checked+span{background:#0b8753;border-color:#0b8753;color:#fff}.compass-form-submit{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;padding:17px 18px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.compass-form-submit strong,.compass-form-submit small{display:block}.compass-form-submit small{color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.ai-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.ai-admin-layout>section:first-of-type,.ai-admin-layout>.ai-admin-settings-card{grid-column:1/-1}.ai-admin-layout.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-admin-settings-card .settings-grid label,.ai-admin-layout .settings-grid label{display:grid;gap:6px;font-size:11px;font-weight:600}.ai-admin-layout .settings-grid input,.ai-admin-layout .settings-grid select,.ai-admin-layout textarea{width:100%}.settings-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-toggle{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.ai-toggle input{display:none}.ai-toggle span{width:42px;height:23px;border-radius:999px;background:#cbd8d1;position:relative}.ai-toggle span:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.ai-toggle input:checked+span{background:#0b8753}.ai-toggle input:checked+span:after{transform:translateX(19px)}.ai-mode-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-admin-hero{background:linear-gradient(135deg,#072c20,#0f8b56 62%,#26ae72)}
html[data-theme="dark"] .nav-ai-link,html[data-theme="dark"] .footer-ai-link{color:#8ce0b5!important}html[data-theme="dark"] .nav-ai-link span,html[data-theme="dark"] .footer-ai-link span{background:#173b2a}.ai-app,html[data-theme="dark"] .ai-chat-panel,html[data-theme="dark"] .ai-composer{background:var(--surface)!important}html[data-theme="dark"] .ai-mode-strip,html[data-theme="dark"] .ai-composer-box,html[data-theme="dark"] .ai-suggestion-grid button,html[data-theme="dark"] .ai-message-text,html[data-theme="dark"] .compass-score,html[data-theme="dark"] .compass-form-submit{background:var(--surface-2)!important}html[data-theme="dark"] .ai-message.user .ai-message-text{background:#0b8753!important}html[data-theme="dark"] .ai-language-badges span,html[data-theme="dark"] .ai-mode-button.active,html[data-theme="dark"] .ai-message-actions button:hover{background:#173b2a!important;color:#8ce0b5!important}html[data-theme="dark"] .compass-orbit{background:radial-gradient(circle,#173b2a 0 19%,transparent 20%),repeating-radial-gradient(circle,transparent 0 42px,rgba(101,221,159,.07) 43px 44px);border-color:#345f4c}html[data-theme="dark"] .compass-role-box{background:#10271d}html[data-theme="dark"] .compass-role-box span{background:#111f19;border-color:#315b48;color:#dce9e2}
@media(max-width:1180px){.ai-app{grid-template-columns:270px minmax(0,1fr)}.compass-hero-grid{grid-template-columns:minmax(0,1fr) 340px;gap:35px}.compass-orbit{width:315px;height:315px}.compass-orbit>span{left:calc(50% + cos(var(--angle))*120px - 23px);top:calc(50% + sin(var(--angle))*120px - 23px);width:46px;height:46px}.ai-admin-layout.secondary{grid-template-columns:1fr}.settings-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ai-page-heading{align-items:flex-start;flex-direction:column}.ai-app{grid-template-columns:1fr;height:calc(100vh - 130px);min-height:600px}.ai-sidebar{position:fixed;z-index:2200;top:0;bottom:0;inset-inline-start:0;width:min(330px,88vw);transform:translateX(-110%);transition:.25s transform;box-shadow:0 0 60px rgba(0,0,0,.28)}html[dir="rtl"] .ai-sidebar{transform:translateX(110%)}.ai-app.sidebar-open .ai-sidebar{transform:translateX(0)}.ai-sidebar-close,.ai-mobile-history{display:block}.ai-chat-top{padding:0 15px}.ai-language-badges{display:none}.ai-mode-strip{padding:10px 13px}.ai-messages{padding:18px 15px}.ai-composer{padding:12px 13px}.compass-hero-grid{grid-template-columns:1fr}.compass-orbit{display:none}.compass-question{grid-template-columns:1fr}.compass-options{max-width:360px}.ai-admin-layout{grid-template-columns:1fr}.ai-admin-layout>section:first-of-type,.ai-admin-layout>.ai-admin-settings-card{grid-column:auto}.ai-mode-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ai-page-section{padding-top:18px}.ai-page-container{width:min(100% - 16px,1500px)}.ai-page-heading h1{font-size:31px}.ai-app{border-radius:18px;min-height:580px}.ai-chat-top{height:66px}.ai-chat-symbol{width:36px;height:36px}.ai-mode-button{font-size:9px}.ai-welcome{margin:10px auto}.ai-welcome-mark{width:58px;height:58px;border-radius:18px;font-size:24px}.ai-welcome h2{font-size:23px}.ai-suggestion-grid{grid-template-columns:1fr}.ai-message{grid-template-columns:31px minmax(0,1fr)}.ai-message-avatar{width:30px;height:30px;border-radius:9px;font-size:11px}.ai-message-text{font-size:13px;padding:12px 13px}.ai-composer-meta{display:none}.compass-hero{padding:45px 0}.compass-hero h1{font-size:34px}.compass-result-card,.compass-form{padding:18px 14px;border-radius:18px}.compass-result-head,.compass-form-head,.compass-form-submit{flex-direction:column;align-items:stretch}.compass-score-grid{grid-template-columns:1fr}.compass-question{padding:13px}.compass-options{width:100%;max-width:none}.compass-scale-legend{display:none}.settings-grid.four,.ai-mode-admin-grid{grid-template-columns:1fr}}
/* Orbit positions without CSS trigonometric functions */
.compass-orbit>span:nth-of-type(1){left:calc(50% - 25px);top:18px}.compass-orbit>span:nth-of-type(2){right:28px;top:82px}.compass-orbit>span:nth-of-type(3){right:28px;bottom:82px}.compass-orbit>span:nth-of-type(4){left:calc(50% - 25px);bottom:18px}.compass-orbit>span:nth-of-type(5){left:28px;bottom:82px}.compass-orbit>span:nth-of-type(6){left:28px;top:82px}
@media(max-width:1180px){.compass-orbit>span:nth-of-type(1){left:calc(50% - 23px);top:12px}.compass-orbit>span:nth-of-type(2){right:18px;top:67px}.compass-orbit>span:nth-of-type(3){right:18px;bottom:67px}.compass-orbit>span:nth-of-type(4){left:calc(50% - 23px);bottom:12px}.compass-orbit>span:nth-of-type(5){left:18px;bottom:67px}.compass-orbit>span:nth-of-type(6){left:18px;top:67px}}


/* =========================================================
   BESOURIA V7.21 — COMPACT FOOTER + SOCIAL/NEWSLETTER
   ========================================================= */
.site-footer{padding:42px 0 14px!important;margin-top:58px!important}
.footer-container-v21{width:min(1400px,calc(100% - 32px));max-width:1400px;margin-inline:auto}
.footer-columns-v21{display:grid!important;grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(150px,.75fr))!important;gap:clamp(28px,4vw,66px)!important;align-items:start}
.footer-brand-column{padding-inline-end:18px}
.footer-brand-column .footer-logo img{width:210px!important;max-height:72px;object-fit:contain}
.footer-brand-column p{max-width:410px!important;margin:13px 0 16px!important;font-size:14px;line-height:1.9!important;color:#b9cfc2}
.footer-trust{gap:7px!important}.footer-trust span{padding:6px 9px!important;font-size:10px!important}
.footer-column{gap:8px!important;min-width:0}.footer-column h3{font-size:16px!important;margin:5px 0 11px!important;padding-bottom:9px;border-bottom:1px solid rgba(137,190,161,.2)}
.footer-column a{font-size:13px;line-height:1.55;display:inline-flex;align-items:center;min-height:25px}
.footer-feature-strip-v21{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px}
.footer-feature-strip-v21>a{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:13px 15px;border:1px solid #315849;border-radius:15px;background:#0d382a;transition:.2s transform,.2s border-color,.2s background}
.footer-feature-strip-v21>a:hover{transform:translateY(-2px);border-color:#61b88c;background:#104331}
.footer-feature-strip-v21 small,.footer-feature-strip-v21 strong{display:block}.footer-feature-strip-v21 small{font-size:10px;color:#7fd5a8;margin-bottom:3px}.footer-feature-strip-v21 strong{font-size:14px;color:#fff;line-height:1.45}
.footer-feature-icon{width:42px;height:42px;border-radius:12px;background:#176044;color:#9af0bf;display:grid;place-items:center;font-size:18px}
.footer-connect-v21{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:13px;margin-top:13px}
.footer-social-panel-v21,.footer-newsletter-v21{min-height:128px;border:1px solid #315849;border-radius:17px;background:linear-gradient(135deg,#103d2e,#0b3326);padding:18px 20px}
.footer-social-panel-v21{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-connect-copy{min-width:0}.footer-connect-copy small{display:block;color:#7fd5a8;font-size:10px;font-weight:600;margin-bottom:4px}.footer-connect-copy strong{display:block;color:#fff;font-size:17px;line-height:1.4}.footer-connect-copy p{margin:5px 0 0;color:#b9cfc2;font-size:11px;line-height:1.65;max-width:480px}
.footer-social-links{display:flex!important;align-items:center;justify-content:flex-end;gap:8px!important;flex-wrap:nowrap!important}
.footer-social-icon{width:39px!important;height:39px!important;border-radius:11px!important;flex:0 0 39px}
.footer-newsletter-v21{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(310px,1.15fr);align-items:center;gap:18px}
.footer-newsletter-form{display:grid;gap:8px}.footer-newsletter-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:5px;border:1px solid #3b6653;border-radius:12px;background:#08291e}
.footer-newsletter-input-row input{height:40px!important;border:0!important;background:transparent!important;color:#fff!important;padding:0 11px!important;box-shadow:none!important;min-width:0}.footer-newsletter-input-row input::placeholder{color:#91ad9e}
.footer-newsletter-input-row button{border:0;border-radius:9px;background:#11905a;color:#fff;font:inherit;font-size:12px;font-weight:600;padding:0 17px;cursor:pointer;white-space:nowrap}.footer-newsletter-input-row button:hover{background:#16a567}
.footer-newsletter-consent{display:flex;align-items:flex-start;gap:7px;color:#9fb9aa;font-size:9px;line-height:1.55}.footer-newsletter-consent input{width:14px;height:14px;min-width:14px;margin-top:1px;accent-color:#18a665}
.newsletter-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.footer-warning-v21{margin-top:13px!important;padding:10px 14px!important;border-radius:11px!important;font-size:13px;line-height:1.65;text-align:center}
.footer-admin-online-v21{margin-top:12px!important}.footer-admin-online-v21 .footer-admin-online-link{padding:7px 11px!important}
.footer-bottom-v21{margin-top:14px!important;padding-top:13px!important;font-size:14px!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.admin-inline-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-table td small{display:block;color:var(--admin-muted,#718078);margin-top:3px}
@media(max-width:1050px){.footer-columns-v21{grid-template-columns:1.25fr repeat(3,1fr)!important;gap:28px!important}.footer-brand-column .footer-logo img{width:180px!important}.footer-connect-v21{grid-template-columns:1fr}.footer-social-panel-v21{min-height:96px}.footer-newsletter-v21{min-height:118px}}
@media(max-width:850px){.footer-columns-v21{grid-template-columns:1fr 1fr!important}.footer-brand-column{grid-column:1/-1;padding-inline-end:0}.footer-brand-column p{max-width:650px!important}.footer-feature-strip-v21{grid-template-columns:1fr}.footer-newsletter-v21{grid-template-columns:1fr}.footer-social-panel-v21{align-items:flex-start;flex-direction:column}.footer-social-links{justify-content:flex-start!important}}
@media(max-width:560px){.site-footer{padding-top:32px!important}.footer-container-v21{width:min(100% - 24px,1400px)}.footer-columns-v21{grid-template-columns:1fr!important;gap:22px!important}.footer-brand-column{grid-column:auto}.footer-feature-strip-v21>a{padding:12px}.footer-connect-v21{grid-template-columns:1fr}.footer-social-panel-v21,.footer-newsletter-v21{padding:16px}.footer-social-links{flex-wrap:wrap!important}.footer-newsletter-input-row{grid-template-columns:1fr}.footer-newsletter-input-row button{height:40px}.footer-bottom-v21{align-items:flex-start!important;flex-direction:column!important}}


/* =========================================================
   BESOURIA V7.22 — CLEAN HEADER + 600 TYPOGRAPHY
   ========================================================= */
body :is(h1,h2,h3,h4,h5,h6,strong,b,label,summary,th,button,.btn,.eyebrow,.tag,.featured,.status,.language-tab,.article-category,.card-link,.price,.brand){font-weight:600!important}
.topbar>.container.nav{width:min(1520px,calc(100% - 40px))!important;max-width:1520px!important;min-height:78px!important;margin-inline:auto!important;padding-inline:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
.topbar .brand-logo{flex:0 0 220px!important;width:220px!important;height:58px!important;margin:0!important}
.topbar .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.topbar .nav>nav{display:flex!important;flex:1 1 auto!important;min-width:0!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:clamp(12px,1.05vw,20px)!important;margin:0!important}
.topbar .nav>nav a{flex:0 0 auto;padding:10px 0!important;color:var(--ink)!important;font-size:clamp(13px,.88vw,15px)!important;font-weight:600!important;line-height:1.25!important;letter-spacing:0!important;white-space:nowrap!important}
.topbar .nav>nav a:hover{color:var(--green)!important}
.topbar .nav-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important}
.topbar .theme-toggle,.topbar .language-current{flex:0 0 auto!important;min-height:44px!important;height:44px!important;font-weight:600!important}
.topbar .theme-toggle{width:44px!important}.topbar .language-current{width:54px!important;padding-inline:9px!important}
.topbar .nav-actions .btn,.topbar .nav>.btn{min-height:44px!important;padding:10px 16px!important;margin:0!important;border-radius:11px!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important}
main h1,main h2,main h3,.hero h1,.info-hero h1,.blog-hero h1,.article-header h1,.detail h1{font-weight:600!important}
p,li,input,select,textarea{font-weight:400}
@media(max-width:1420px){.topbar>.container.nav{width:min(100% - 28px,1520px)!important;gap:20px!important}.topbar .brand-logo{flex-basis:190px!important;width:190px!important;height:54px!important}.topbar .nav>nav{gap:11px!important}.topbar .nav>nav a{font-size:13px!important}.topbar .nav-actions .btn{padding-inline:12px!important;font-size:13px!important}}
@media(max-width:1220px){.topbar>.container.nav{min-height:72px!important}.topbar .menu-btn{display:block!important;order:2;margin-inline-start:auto!important;margin-inline-end:0!important;color:var(--ink);cursor:pointer}.topbar .nav>nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;inset-inline:14px!important;padding:14px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--card)!important;box-shadow:var(--shadow)!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;z-index:100!important}.topbar .nav>nav.open{display:flex!important}.topbar .nav>nav a{padding:10px 12px!important;border-radius:9px;font-size:14px!important}.topbar .nav>nav a:hover{background:var(--soft)}.topbar .nav-actions{order:3}}
@media(max-width:700px){.topbar>.container.nav{width:min(100% - 20px,1520px)!important;gap:9px!important}.topbar .brand-logo{flex-basis:158px!important;width:158px!important;height:46px!important}.topbar .nav-actions .btn{display:none!important}.topbar .language-current,.topbar .theme-toggle{width:42px!important;min-height:42px!important;height:42px!important}}



/* =========================================================
   BESOURIA V7.24 — USER NOTIFICATION CENTER & MESSAGES
   ========================================================= */
.user-notification-dropdown{position:relative;display:inline-flex;flex:0 0 auto}
.user-notification-toggle{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit;font-size:18px;cursor:pointer}
.user-notification-toggle:hover,.user-notification-dropdown.is-open .user-notification-toggle{border-color:#83b99a;background:var(--soft);color:var(--green2)}
.user-notification-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--card);border-radius:999px;background:#d92d20;color:#fff;font-size:10px;line-height:1;font-weight:600}
.user-notification-panel{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:min(390px,calc(100vw - 24px));display:none;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 24px 65px rgba(7,39,27,.2);z-index:1200}
.user-notification-dropdown.is-open .user-notification-panel{display:block}
.user-notification-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;border-bottom:1px solid var(--line)}
.user-notification-head strong,.user-notification-head small{display:block}.user-notification-head small{color:var(--muted);font-size:11px;margin-top:2px}.user-notification-head a{font-size:12px;font-weight:600;color:var(--green);text-decoration:none}
.user-notification-list{max-height:430px;overflow:auto}
.user-notification-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:13px 16px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:.18s}
.user-notification-item:hover{background:var(--soft)}.user-notification-item.unread{background:#f1fbf5}.user-notification-item>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--soft);color:var(--green2);font-weight:600}
.user-notification-item strong{display:block;font-size:13px;line-height:1.45}.user-notification-item p{margin:3px 0;color:var(--muted);font-size:11px;line-height:1.55}.user-notification-item small{color:#819087;font-size:10px}
.user-notification-empty{padding:34px 18px;text-align:center;color:var(--muted);font-size:13px}.user-notification-foot{padding:11px 16px;background:#f7faf8}.user-notification-foot a{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--green2);font-size:12px;font-weight:600;text-decoration:none}.user-notification-foot b{min-width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:var(--green);color:#fff;font-size:10px}
.user-center-container{width:min(1040px,calc(100% - 32px))}.user-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.user-page-heading h1{font-size:42px;margin:6px 0 8px}.user-page-heading p{margin:0;color:var(--muted);max-width:720px}.notification-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.notification-page-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.notification-page-list{display:grid;gap:10px}.notification-page-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none}.notification-page-item.unread{border-color:#9fd4b4;background:#f2fbf6}.notification-page-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.notification-large-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2);font-size:19px}.notification-title-line{display:flex;align-items:center;gap:9px}.notification-title-line b{padding:2px 7px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:10px}.notification-page-item p{margin:4px 0;color:var(--muted);font-size:13px}.notification-page-item small{color:#849189;font-size:11px}.notification-arrow{color:var(--green);font-size:20px}.notification-empty span,.messages-empty span{font-size:38px;color:var(--green)}
.conversation-list{display:grid;gap:10px}.conversation-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-decoration:none}.conversation-row.unread{background:#f1fbf5;border-color:#9fd4b4}.conversation-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--green2);font-weight:600}.conversation-name{display:flex;align-items:center;gap:8px}.conversation-name b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:var(--green);color:#fff;font-size:10px}.conversation-row p{margin:3px 0;color:var(--muted);font-size:13px}.conversation-row small{color:#87938c;font-size:11px}
.message-thread-container{width:min(900px,calc(100% - 24px))}.thread-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:17px 17px 0 0;background:var(--card)}.thread-head>div{text-align:center}.thread-head strong,.thread-head small{display:block}.thread-head small{color:var(--muted);font-size:11px}.message-thread{min-height:420px;max-height:62vh;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:22px;border-inline:1px solid var(--line);background:linear-gradient(180deg,#f5f9f6,#eef5f1)}.message-bubble{max-width:min(72%,620px);padding:12px 14px;border-radius:15px;background:var(--card);border:1px solid var(--line);align-self:flex-start}.message-bubble.mine{align-self:flex-end;background:#0d7f4d;color:#fff;border-color:#0d7f4d}.message-bubble p{margin:0;white-space:pre-wrap}.message-bubble small{display:block;margin-top:5px;color:var(--muted);font-size:10px}.message-bubble.mine small{color:#d2eee0}.thread-empty{margin:auto;max-width:430px;text-align:center;color:var(--muted)}.thread-empty span{display:block;font-size:42px;color:var(--green)}.message-compose{padding:17px 18px;border:1px solid var(--line);border-radius:0 0 17px 17px;background:var(--card)}.message-compose label{display:block;font-weight:600;margin-bottom:7px}.message-compose textarea{resize:vertical}.message-compose>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.message-compose small{color:var(--muted)}.public-profile-actions{display:flex;gap:8px;flex-wrap:wrap}
html[data-theme="dark"] .user-notification-panel,html[data-theme="dark"] .user-notification-toggle,html[data-theme="dark"] .notification-page-item,html[data-theme="dark"] .conversation-row,html[data-theme="dark"] .thread-head,html[data-theme="dark"] .message-compose{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}
html[data-theme="dark"] .user-notification-item.unread,html[data-theme="dark"] .notification-page-item.unread,html[data-theme="dark"] .conversation-row.unread{background:#10271d!important;border-color:#2e7653!important}html[data-theme="dark"] .user-notification-foot{background:#0b1712!important}html[data-theme="dark"] .message-thread{background:linear-gradient(180deg,#09130f,#0c1813)!important;border-color:var(--border)!important}html[data-theme="dark"] .message-bubble.theirs{background:var(--surface-2)!important;border-color:var(--border)!important;color:var(--ink)!important}
@media(max-width:1220px){.user-notification-panel{position:fixed;top:76px;inset-inline:12px;width:auto;max-height:calc(100vh - 90px)}.user-notification-list{max-height:calc(100vh - 210px)}}
@media(max-width:700px){.user-notification-toggle{width:42px;height:42px}.user-page-heading,.notification-page-toolbar{align-items:stretch;flex-direction:column}.user-page-heading h1{font-size:34px}.notification-page-toolbar .actions form{flex:1}.notification-page-toolbar .actions button{width:100%}.notification-page-item{grid-template-columns:42px minmax(0,1fr);padding:14px}.notification-large-icon{width:42px;height:42px}.notification-arrow{display:none}.thread-head{grid-template-columns:auto 1fr}.thread-head>a:last-child{grid-column:1/-1;width:100%}.message-thread{min-height:360px;padding:14px}.message-bubble{max-width:88%}.message-compose>div{align-items:stretch;flex-direction:column}.message-compose button{width:100%}}


/* =========================================================
   BESOURIA V7.25 — USER PROFILE DROPDOWN & PROFILE HUB
   ========================================================= */
.user-profile-dropdown{position:relative;display:inline-flex;flex:0 0 auto}
.user-profile-toggle{min-height:44px;display:flex;align-items:center;gap:9px;padding:4px 9px 4px 5px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}
html[dir="rtl"] .user-profile-toggle{padding:4px 5px 4px 9px}.user-profile-toggle:hover,.user-profile-dropdown.is-open .user-profile-toggle{border-color:#7eb394;background:var(--soft)}
.user-profile-toggle-avatar,.user-profile-panel-avatar{display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#dff3e7,#effaf3);color:var(--green2);border:1px solid #cce3d4;font-weight:600}.user-profile-toggle-avatar{width:34px;height:34px;font-size:11px}.user-profile-toggle-avatar img,.user-profile-panel-avatar img{width:100%;height:100%;object-fit:cover}.user-profile-toggle-copy{display:block;min-width:0;text-align:start}.user-profile-toggle-copy strong,.user-profile-toggle-copy small{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-toggle-copy strong{font-size:12px;line-height:1.35}.user-profile-toggle-copy small{color:var(--muted);font-size:9px;margin-top:1px}.user-profile-chevron{font-size:10px;color:var(--muted)}
.user-profile-panel{position:absolute;top:calc(100% + 11px);inset-inline-end:0;width:min(430px,calc(100vw - 24px));display:none;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 28px 80px rgba(7,39,27,.22);z-index:1300}.user-profile-dropdown.is-open .user-profile-panel{display:block}.user-profile-panel-head{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:16px 17px 13px;background:linear-gradient(135deg,#f4fbf7,#fff);border-bottom:1px solid var(--line)}.user-profile-panel-avatar{width:58px;height:58px;font-size:17px}.user-profile-panel-identity{min-width:0}.user-profile-panel-identity>strong,.user-profile-panel-identity>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile-panel-identity>strong{font-size:16px}.user-profile-panel-identity>span{color:var(--muted);font-size:11px;margin-top:2px}.user-profile-panel-identity>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.user-profile-panel-identity em{padding:4px 7px;border-radius:999px;background:#e9f2ed;color:#4d6659;font-size:9px;font-style:normal}.user-profile-panel-identity em.verified{background:#dff5e8;color:#087448}.user-profile-preview{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--green2);background:var(--card)}
.user-profile-progress{padding:11px 17px;border-bottom:1px solid var(--line)}.user-profile-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:6px}.user-profile-progress>div:first-child strong{color:var(--green2)}.user-profile-progress>div:last-child{height:6px;border-radius:999px;background:#e7eee9;overflow:hidden}.user-profile-progress>div:last-child span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b8653,#3bb67b)}
.user-profile-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.user-profile-mini-stats a{padding:10px 5px;text-align:center;color:var(--ink);text-decoration:none;border-inline-end:1px solid var(--line)}.user-profile-mini-stats a:last-child{border:0}.user-profile-mini-stats strong,.user-profile-mini-stats span{display:block}.user-profile-mini-stats strong{font-size:17px;color:var(--green2);line-height:1.15}.user-profile-mini-stats span{font-size:13px;font-weight:400;color:var(--muted);margin-top:5px;line-height:1.25}
.user-profile-menu-scroll{max-height:410px;overflow:auto;padding:8px}.user-profile-menu-group{padding:5px 0}.user-profile-menu-group>span{display:block;padding:4px 9px 6px;color:#809087;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.user-profile-menu-group>a{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:var(--ink);text-decoration:none}.user-profile-menu-group>a:hover{background:var(--soft)}.user-profile-menu-group>a>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#edf7f1;color:var(--green2);font-style:normal;font-size:15px}.user-profile-menu-group>a strong,.user-profile-menu-group>a small{display:block}.user-profile-menu-group>a strong{font-size:12px}.user-profile-menu-group>a small{margin-top:2px;color:var(--muted);font-size:9px;line-height:1.4}.user-profile-menu-group>a>b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#d92d20;color:#fff;font-size:9px}
.user-profile-panel-foot{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#f7faf8;border-top:1px solid var(--line);overflow:auto}.user-profile-panel-foot a{flex:0 0 auto;padding:8px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:600;line-height:1.3}.user-profile-panel-foot a:hover{background:var(--card)}.user-profile-panel-foot a.logout{margin-inline-start:auto;color:#b42318}
html[data-theme="dark"] .user-profile-toggle,html[data-theme="dark"] .user-profile-panel{background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}html[data-theme="dark"] .user-profile-panel-head{background:linear-gradient(135deg,#10221a,#0d1814)!important;border-color:var(--border)!important}html[data-theme="dark"] .user-profile-panel-foot{background:#0b1712!important;border-color:var(--border)!important}html[data-theme="dark"] .user-profile-menu-group>a>i{background:#173b2a!important;color:#8ce0b5!important}html[data-theme="dark"] .user-profile-progress>div:last-child{background:#26382f!important}html[data-theme="dark"] .user-profile-panel-identity em{background:#21332a!important;color:#cad8d0!important}

.profile-hub-section,.user-activity-section,.photo-studio-section,.account-security-section{padding:42px 0 72px}.profile-hub-container,.user-activity-container,.photo-studio-container,.account-security-container{width:min(1240px,calc(100% - 28px))}.profile-hub-hero{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:24px;padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#effaf3,#fff);box-shadow:var(--shadow)}.profile-hub-avatar{width:110px;height:110px;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:var(--soft);border:1px solid var(--line);color:var(--green2);font-size:30px}.profile-hub-avatar img{width:100%;height:100%;object-fit:cover}.profile-hub-copy h1{font-size:38px;margin:6px 0 8px}.profile-hub-copy p{max-width:680px;margin:0;color:var(--muted);line-height:1.8}.profile-hub-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.profile-hub-badges span{padding:6px 9px;border-radius:999px;background:#e8f1ec;color:#51685c;font-size:10px}.profile-hub-badges span.verified{background:#ddf5e7;color:#087448}.profile-hub-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.profile-hub-progress{margin:16px 0;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.profile-hub-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px}.profile-hub-progress>div:last-child{height:9px;border-radius:999px;background:#e6eee9;overflow:hidden}.profile-hub-progress>div:last-child span{display:block;height:100%;background:linear-gradient(90deg,#0a8753,#43b982)}.profile-hub-stats{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-bottom:18px}.profile-hub-stats>*{padding:15px 8px;border:1px solid var(--line);border-radius:15px;background:var(--card);text-align:center;color:var(--ink);text-decoration:none}.profile-hub-stats strong,.profile-hub-stats span{display:block}.profile-hub-stats strong{font-size:21px;color:var(--green2)}.profile-hub-stats span{font-size:9px;color:var(--muted);margin-top:3px}.profile-hub-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.profile-hub-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 12px 35px rgba(13,54,37,.05)}.profile-hub-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.profile-hub-card-head>div{display:flex;align-items:center;gap:9px}.profile-hub-card-head>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--soft);color:var(--green2);font-size:10px}.profile-hub-card-head h2{font-size:20px;margin:0}.profile-hub-card-head>a{font-size:11px}.profile-hub-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-hub-link-grid a{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;color:var(--ink);text-decoration:none}.profile-hub-link-grid a:hover{background:var(--soft)}.profile-hub-link-grid i{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--green2);font-style:normal}.profile-hub-link-grid small{color:var(--muted);font-size:10px}.profile-hub-checklist{display:grid;gap:8px;margin-bottom:14px}.profile-hub-checklist a{display:flex;gap:9px;padding:10px 11px;border-radius:11px;background:#f7faf8;color:var(--ink);text-decoration:none;font-size:12px}.profile-hub-checklist span{color:var(--green)}.profile-hub-complete{padding:20px;border-radius:14px;background:#e9f8ef;color:#087448;margin-bottom:14px}.profile-hub-feed{display:grid;gap:5px}.profile-hub-feed>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:11px;color:var(--ink);text-decoration:none}.profile-hub-feed>a:hover{background:var(--soft)}.profile-hub-feed i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--soft);color:var(--green2);font-style:normal}.profile-hub-feed strong,.profile-hub-feed small{display:block}.profile-hub-feed strong{font-size:12px}.profile-hub-feed small{font-size:9px;color:var(--muted);margin-top:2px}.profile-hub-feed>b{min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#d92d20;color:#fff;font-size:9px}

.activity-filter-tabs{display:flex;gap:8px;margin:20px 0}.activity-filter-tabs a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none;font-size:12px}.activity-filter-tabs a.active{background:var(--green);color:#fff;border-color:var(--green)}.activity-timeline{position:relative;display:grid;gap:10px}.activity-timeline::before{content:"";position:absolute;top:20px;bottom:20px;inset-inline-start:22px;width:1px;background:var(--line)}.activity-timeline article{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:15px 17px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.activity-timeline-icon{z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2)}.activity-timeline-title{display:flex;justify-content:space-between;gap:15px}.activity-timeline-title small{color:var(--muted);font-size:10px}.activity-timeline p{margin:5px 0;color:var(--muted);font-size:12px}.activity-timeline a{font-size:10px}

.photo-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px}.photo-studio-editor,.current-photo-card,.ai-photo-helper,.photo-guidelines,.security-card{border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 12px 35px rgba(13,54,37,.05)}.photo-studio-editor{display:grid;grid-template-columns:minmax(380px,1fr) 300px;gap:20px;padding:22px}.photo-canvas-wrap{position:relative;max-width:560px;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#eef7f1;border:1px solid var(--line)}.photo-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab}.photo-canvas-wrap canvas:active{cursor:grabbing}.photo-canvas-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--muted);pointer-events:none}.photo-canvas-empty span{font-size:42px;color:var(--green)}.photo-canvas-empty strong{margin-top:7px}.photo-studio-controls{display:flex;flex-direction:column;gap:14px}.photo-studio-controls>label:not(.btn){display:grid;gap:7px;font-size:12px}.photo-studio-controls p{color:var(--muted);font-size:11px;line-height:1.7}.photo-backgrounds{display:flex;gap:8px}.photo-backgrounds button{width:34px;height:34px;border:2px solid var(--card);outline:1px solid var(--line);border-radius:50%;background:var(--bg);cursor:pointer}.photo-backgrounds button.active{outline:2px solid var(--green)}.photo-studio-sidebar{display:grid;align-content:start;gap:14px}.current-photo-card,.ai-photo-helper,.photo-guidelines{padding:20px}.current-photo-card>span{display:block;color:var(--muted);font-size:10px;margin-bottom:10px}.current-photo-card>div{width:126px;height:126px;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:var(--soft);color:var(--green2);font-size:30px;margin-bottom:13px}.current-photo-card img{width:100%;height:100%;object-fit:cover}.ai-photo-helper{background:linear-gradient(145deg,#0c3b2b,#0a2b20);color:#fff}.ai-photo-helper>span{font-size:11px;color:#8ee0b6}.ai-photo-helper h2{font-size:22px;margin:10px 0}.ai-photo-helper p{font-size:12px;line-height:1.8;color:#c7d9d0}.ai-photo-helper .btn{background:#fff;color:#0a5136}.photo-guidelines ul{padding-inline-start:19px;color:var(--muted);font-size:12px;line-height:1.9}

.account-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-card{padding:24px}.security-card.wide{grid-column:1/-1;display:flex;align-items:center;gap:20px}.security-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--soft);color:var(--green2);font-size:20px}.security-card h2{margin:12px 0 18px}.security-form{display:grid;gap:12px}.security-form label{display:grid;gap:6px;font-size:12px}.security-details{display:grid;gap:8px}.security-details>div{display:flex;justify-content:space-between;gap:15px;padding:11px;border-radius:11px;background:#f7faf8}.security-details dt{color:var(--muted);font-size:11px}.security-details dd{margin:0;font-size:12px}.security-card.wide>div{flex:1}.security-card.wide h2{margin:0 0 6px}.security-card.wide p{margin:0;color:var(--muted);line-height:1.7}.security-card-actions{display:flex;gap:9px;justify-content:flex-end}
html[data-theme="dark"] :is(.profile-hub-hero,.profile-hub-progress,.profile-hub-stats>*,.profile-hub-card,.activity-timeline article,.photo-studio-editor,.current-photo-card,.photo-guidelines,.security-card){background:var(--surface)!important;border-color:var(--border)!important;color:var(--ink)!important}html[data-theme="dark"] .profile-hub-hero{background:linear-gradient(135deg,#10221a,#0b1712)!important}html[data-theme="dark"] :is(.profile-hub-checklist a,.security-details>div){background:var(--surface-2)!important}html[data-theme="dark"] .profile-hub-progress>div:last-child{background:#26382f!important}
@media(max-width:1220px){.user-profile-panel{position:fixed;top:76px;inset-inline:12px;width:auto;max-height:calc(100vh - 90px)}.user-profile-menu-scroll{max-height:calc(100vh - 310px)}.user-profile-toggle-copy,.user-profile-chevron{display:none}.user-profile-toggle{width:44px;height:44px;padding:4px}.profile-hub-stats{grid-template-columns:repeat(4,1fr)}.photo-studio-grid{grid-template-columns:1fr}.photo-studio-sidebar{grid-template-columns:repeat(3,1fr)}.photo-studio-editor{grid-template-columns:minmax(320px,1fr) 280px}}
@media(max-width:850px){.profile-hub-hero{grid-template-columns:90px 1fr}.profile-hub-avatar{width:90px;height:90px}.profile-hub-actions{grid-column:1/-1;justify-content:flex-start}.profile-hub-grid,.account-security-grid{grid-template-columns:1fr}.security-card.wide{grid-column:auto;align-items:flex-start;flex-direction:column}.security-card-actions{justify-content:flex-start}.photo-studio-editor{grid-template-columns:1fr}.photo-studio-sidebar{grid-template-columns:1fr 1fr}.profile-hub-link-grid{grid-template-columns:1fr}}
@media(max-width:600px){.user-profile-toggle{width:42px;height:42px}.user-profile-toggle-avatar{width:32px;height:32px}.user-profile-panel-head{grid-template-columns:50px minmax(0,1fr) 32px;padding:13px}.user-profile-panel-avatar{width:50px;height:50px}.user-profile-mini-stats a{padding:8px 3px}.user-profile-panel-foot{padding:8px}.profile-hub-section,.user-activity-section,.photo-studio-section,.account-security-section{padding-top:22px}.profile-hub-hero{grid-template-columns:72px 1fr;padding:18px}.profile-hub-avatar{width:72px;height:72px;border-radius:20px;font-size:22px}.profile-hub-copy h1{font-size:28px}.profile-hub-stats{grid-template-columns:repeat(2,1fr)}.photo-studio-sidebar{grid-template-columns:1fr}.photo-canvas-wrap{max-width:none}.activity-timeline-title{align-items:flex-start;flex-direction:column;gap:4px}}


/* =========================================================
   BESOURIA V7.26 — FIXED EXPIRY + RENEW/DELETE + ACCOUNT DELETE
   ========================================================= */
.expiry-decision-section,.delete-account-section{padding:56px 0 84px}.expiry-decision-container,.delete-account-container{width:min(760px,calc(100% - 28px))}.expiry-decision-card,.delete-account-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);text-align:center}.expiry-decision-icon,.delete-account-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;border-radius:20px;background:#fff3d8;color:#9b6400;font-size:28px}.expiry-decision-card h1,.delete-account-card h1{font-size:34px;line-height:1.3;margin:10px 0 12px}.expiry-decision-card>p,.delete-account-card>p{max-width:650px;margin:0 auto;color:var(--muted);line-height:1.9}.expiry-decision-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.expiry-decision-facts>div{padding:15px;border:1px solid var(--line);border-radius:15px;background:#f8fbf9}.expiry-decision-facts small,.expiry-decision-facts strong{display:block}.expiry-decision-facts small{color:var(--muted);font-size:11px}.expiry-decision-facts strong{margin-top:4px}.expiry-decision-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0 16px}.expiry-decision-actions form{margin:0}.delete-account-warning{margin:24px 0;padding:18px 20px;border:1px solid #f0b7b2;border-radius:16px;background:#fff2f1;text-align:start;color:#7f1d1d}.delete-account-warning strong{display:block;margin-bottom:8px}.delete-account-warning ul{margin:0;padding-inline-start:20px;line-height:1.9}.delete-account-form{display:grid;gap:15px;text-align:start}.delete-account-form label{display:grid;gap:7px}.delete-account-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:8px}.account-danger-card{border-color:#efb1ac!important;background:#fff8f7!important}.account-danger-card .security-card-icon{background:#ffe6e3!important;color:#b42318!important}.profile-delete-link{border-color:#efb1ac!important;background:#fff8f7!important}.profile-delete-link i{background:#ffe6e3!important;color:#b42318!important}.user-profile-panel-foot .delete-account-link{color:#ffb4ad!important;border-top:1px solid rgba(255,120,110,.22);margin-top:5px;padding-top:10px}.user-profile-panel-foot .delete-account-link:hover{background:rgba(180,35,24,.12)!important;color:#ffd5d1!important}
html[data-theme="dark"] :is(.expiry-decision-card,.delete-account-card){background:var(--surface)!important;border-color:var(--border)!important}html[data-theme="dark"] .expiry-decision-facts>div{background:var(--surface-2)!important;border-color:var(--border)!important}html[data-theme="dark"] .delete-account-warning{background:#351817!important;border-color:#6e2e2a!important;color:#ffc9c4!important}html[data-theme="dark"] .account-danger-card,html[data-theme="dark"] .profile-delete-link{background:#281514!important;border-color:#6e2e2a!important;color:var(--ink)!important}
@media(max-width:600px){.expiry-decision-card,.delete-account-card{padding:24px 18px}.expiry-decision-card h1,.delete-account-card h1{font-size:28px}.expiry-decision-facts{grid-template-columns:1fr}.expiry-decision-actions,.delete-account-actions{align-items:stretch;flex-direction:column}.expiry-decision-actions form,.expiry-decision-actions .btn,.delete-account-actions .btn{width:100%}}


/* =========================================================
   BESOURIA V7.27 — UNIFIED HEADER CONTROLS
   ========================================================= */
.topbar {
    background: #fff !important;
    border-bottom: 1px solid #edf2ef !important;
    box-shadow: none !important;
}

.topbar > .container.nav {
    width: min(1400px, calc(100% - 32px)) !important;
    max-width: 1400px !important;
    min-height: 72px !important;
    gap: 24px !important;
}

.topbar .brand-logo {
    flex: 0 0 205px !important;
    width: 205px !important;
    height: 54px !important;
}

.topbar .nav > nav {
    justify-content: center !important;
    gap: 28px !important;
}

.topbar .nav > nav a {
    font-size: 15.5px !important;
    font-weight: 600 !important;
    padding: 12px 2px !important;
}

.topbar .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.header-utility-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid #e7eeea;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(10, 45, 31, .025);
}

.header-utility-group > :is(.theme-toggle, .user-notification-dropdown, .language-dropdown, .user-profile-dropdown) {
    flex: 0 0 auto;
}

.header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #143629 !important;
}

.header-utility-group :is(.theme-toggle, .user-notification-toggle) {
    width: 40px !important;
    padding: 0 !important;
}

.header-utility-group .language-current {
    width: 49px !important;
    padding-inline: 7px !important;
    gap: 5px !important;
}

.header-utility-group .language-flag {
    width: 24px !important;
    height: 16px !important;
}

.header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle):hover,
.header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle)[aria-expanded="true"],
.header-utility-group .user-profile-dropdown.is-open .user-profile-toggle,
.header-utility-group .user-notification-dropdown.is-open .user-notification-toggle {
    background: #f0f7f3 !important;
    color: #087a4a !important;
}

.header-control-icon {
    width: 19px;
    height: 19px;
    display: grid;
    place-items: center;
    font-size: 19px;
    line-height: 1;
}

.header-control-icon svg {
    width: 19px;
    height: 19px;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header-utility-group .user-profile-toggle {
    gap: 8px !important;
    padding: 3px 8px 3px 4px !important;
}

html[dir="rtl"] .header-utility-group .user-profile-toggle {
    padding: 3px 4px 3px 8px !important;
}

.header-utility-group .user-profile-toggle-avatar {
    width: 32px !important;
    height: 32px !important;
    font-size: 11px !important;
}

.header-utility-group .user-profile-toggle-copy strong {
    max-width: 145px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.header-utility-group .user-profile-toggle-copy small {
    max-width: 145px !important;
    margin-top: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    color: #60756a !important;
}

.header-utility-group .user-profile-chevron,
.header-utility-group .language-chevron {
    font-size: 9px !important;
    opacity: .55;
}

.topbar .nav-actions > .btn.primary {
    min-height: 46px !important;
    padding: 11px 18px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

/* Keep dropdown panels independent from the clean white trigger group. */
.header-utility-group :is(.language-menu, .user-notification-panel, .user-profile-panel) {
    background: #fff !important;
}

html[data-theme="dark"] .topbar {
    background: var(--surface) !important;
    border-bottom-color: var(--border) !important;
}

html[data-theme="dark"] .header-utility-group {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
    background: transparent !important;
    color: var(--ink) !important;
}

html[data-theme="dark"] .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle):hover,
html[data-theme="dark"] .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle)[aria-expanded="true"],
html[data-theme="dark"] .header-utility-group .user-profile-dropdown.is-open .user-profile-toggle,
html[data-theme="dark"] .header-utility-group .user-notification-dropdown.is-open .user-notification-toggle {
    background: #173126 !important;
    color: #8ce0b5 !important;
}

html[data-theme="dark"] .header-utility-group .user-profile-toggle-copy small {
    color: var(--muted) !important;
}

@media (max-width: 1220px) {
    .topbar > .container.nav {
        width: min(100% - 24px, 1400px) !important;
        gap: 12px !important;
    }

    .topbar .brand-logo {
        flex-basis: 180px !important;
        width: 180px !important;
        height: 50px !important;
    }

    .header-utility-group {
        gap: 1px;
        padding: 2px;
    }

    .header-utility-group .user-profile-toggle {
        width: 40px !important;
        padding: 4px !important;
    }
}

@media (max-width: 700px) {
    .topbar > .container.nav {
        width: min(100% - 16px, 1400px) !important;
        min-height: 66px !important;
        gap: 7px !important;
    }

    .topbar .brand-logo {
        flex-basis: 145px !important;
        width: 145px !important;
        height: 43px !important;
    }

    .header-utility-group :is(.theme-toggle, .user-notification-toggle, .language-current, .user-profile-toggle) {
        width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
    }

    .header-utility-group .language-current {
        width: 45px !important;
    }

    .header-utility-group .user-profile-toggle-avatar {
        width: 30px !important;
        height: 30px !important;
    }
}



/* =========================================================
   BESOURIA V7.28 — EVERY-PAGE SOCIAL PREVIEWS
   ========================================================= */
.settings-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.settings-card-title-row h3{margin-bottom:5px}.seo-social-language-grid>div{min-width:0}.seo-page-image-preview{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:7px!important}.seo-page-image-preview img{width:100%!important;max-width:340px!important;height:auto!important;aspect-ratio:1200/630;object-fit:cover;border-radius:10px}.seo-readonly-url{direction:ltr!important;text-align:left!important;font-size:11px!important;color:var(--muted)!important;background:var(--soft)!important}.admin-social-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-social-preview-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.admin-social-preview-image{aspect-ratio:1200/630;background:var(--soft);overflow:hidden}.admin-social-preview-image img{display:block;width:100%;height:100%;object-fit:cover}.admin-social-preview-body{padding:18px}.admin-social-preview-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.admin-social-preview-label span{padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--green2);font-size:11px;font-weight:600}.admin-social-preview-body h2{font-size:19px;line-height:1.45;margin:0 0 8px}.admin-social-preview-body p{min-height:56px;margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.75}.admin-social-preview-body>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--green);font-size:11px;direction:ltr;text-align:left}.admin-social-preview-actions{display:flex;gap:8px;margin-top:14px}.admin-social-preview-actions .admin-btn{cursor:pointer}
@media(max-width:1050px){.admin-social-preview-grid{grid-template-columns:1fr}.settings-card-title-row{flex-direction:column}}
@media(max-width:700px){.admin-social-preview-body{padding:14px}.admin-social-preview-body h2{font-size:17px}.admin-social-preview-actions{align-items:stretch;flex-direction:column}}


/* BESOURIA V7.29 — account/profile approval clarity */
.admin-inline-notice{display:grid;gap:4px;margin:14px 0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:12px;line-height:1.65}
.admin-inline-notice strong{font-size:13px;color:var(--ink)}
.admin-inline-notice span{color:var(--muted)}
.admin-inline-notice.warning{border-color:#e8c76a;background:#fff8df}
html[data-theme='dark'] .admin-inline-notice.warning{border-color:#735f27;background:#241f10}

/* =========================================================
   BESOURIA V17 — MULTILINGUAL DESIGN FOUNDATION
   Shared container + RTL/LTR-safe spacing + responsive hero
   ========================================================= */
:root {
    --site-container: 1160px;
    --site-gutter: 16px;
    --font-latin: "Inter", "Segoe UI", Arial, sans-serif;
    --font-arabic: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea {
    font-family: var(--font-arabic);
}

html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="tr"] body,
html[lang="tr"] button,
html[lang="tr"] input,
html[lang="tr"] select,
html[lang="tr"] textarea {
    font-family: var(--font-latin);
}

/* One container system for header, content sections and footer. */
.container,
.topbar > .container.nav,
footer .container {
    width: min(var(--site-container), calc(100% - (var(--site-gutter) * 2))) !important;
    max-width: var(--site-container) !important;
    margin-inline: auto !important;
}

/* Logical alignment works in both RTL and LTR. */
body { text-align: start; }
input, select, textarea { text-align: start; }
.nav nav,
.nav-actions,
.hero-actions,
.section-heading,
.card-top,
.meta,
.actions { min-width: 0; }

.nav nav a,
.btn,
.language-current,
.user-profile-toggle-copy,
.category-card strong,
.category-card small {
    overflow-wrap: anywhere;
}

/* Prevent translated labels from being forced into unsafe fixed widths. */
.nav nav a,
.btn,
.language-current,
.user-profile-toggle,
.category-card,
.hero-search,
.pro-search > * {
    min-inline-size: 0;
}

.topbar > .container.nav {
    gap: clamp(10px, 1.6vw, 24px) !important;
}

.topbar .nav > nav {
    gap: clamp(12px, 1.7vw, 28px) !important;
}

.topbar .nav > nav a {
    white-space: normal;
    text-align: center;
    line-height: 1.35;
}

/* New supplied transparent hero collage. */
.hero-business-image {
    width: 100%;
    max-width: 560px;
    height: auto;
    min-height: 360px;
    display: grid;
    place-items: center;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.hero-business-image img {
    width: 100%;
    height: auto;
    max-height: 460px;
    display: block;
    object-fit: contain;
    object-position: center;
}

/* Keep the two hero columns flexible for Arabic, English and Turkish copy. */
.hero-grid.pro-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: clamp(28px, 5vw, 68px);
}

.hero-copy,
.hero-business-image,
.section-heading > *,
.category-card > * {
    min-width: 0;
}

.hero-copy h1,
.hero-copy p,
.section-heading h2,
.section-heading p {
    overflow-wrap: break-word;
}

@media (max-width: 1100px) {
    :root { --site-gutter: 14px; }

    .topbar .brand-logo {
        flex-basis: clamp(145px, 17vw, 180px) !important;
        width: clamp(145px, 17vw, 180px) !important;
    }

    .topbar .nav > nav {
        gap: 12px !important;
    }

    .topbar .nav > nav a {
        font-size: 13.5px !important;
    }

    .hero-grid.pro-grid {
        grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
        gap: 30px;
    }
}

@media (max-width: 980px) {
    .hero-grid.pro-grid {
        grid-template-columns: 1fr;
    }

    .hero-business-image {
        max-width: 680px;
        min-height: 0;
        margin-inline: auto;
    }

    .hero-business-image img {
        max-height: none;
    }
}

@media (max-width: 700px) {
    :root { --site-gutter: 10px; }

    .topbar > .container.nav {
        width: min(var(--site-container), calc(100% - 20px)) !important;
        min-height: 66px !important;
    }

    .nav nav {
        inset-inline: 10px;
        right: auto;
        left: auto;
        width: auto;
    }

    .hero {
        padding-block: 38px 34px;
    }

    .hero-grid.pro-grid {
        gap: 24px;
    }

    .hero-business-image {
        width: 100%;
    }

    .hero-actions,
    .hero-search {
        width: 100%;
    }

    .hero-actions .btn {
        flex: 1 1 100%;
        white-space: normal;
    }
}

/* V31: keep the featured article title consistent with the other section titles. */
.featured-article h2{
  font-size:clamp(27px,2.4vw,34px);
  line-height:1.35;
  letter-spacing:-.4px;
}
@media(max-width:680px){
  .featured-article h2{font-size:26px;line-height:1.4;}
}

/* BESOURIA V33 — compact business-directory hero redesign */
.directory-hero{
  padding:38px 0 34px;
  background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border-bottom:1px solid var(--line);
}
.directory-hero-panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  align-items:stretch;
  gap:28px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:26px;
  background:var(--surface);
  box-shadow:0 18px 55px rgba(16,35,26,.07);
  overflow:hidden;
  position:relative;
}
.directory-hero-panel:before{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(32,164,104,.09),transparent 68%);
  inset:auto -120px -160px auto;
  pointer-events:none;
}
.directory-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.directory-hero h1{
  max-width:780px;
  margin:8px 0 12px;
  font-size:clamp(34px,4.2vw,52px);
  line-height:1.12;
  letter-spacing:-1.2px;
}
.directory-hero p{
  max-width:760px;
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
}
.directory-hero-search{
  max-width:780px;
  margin-top:20px;
  box-shadow:none;
  background:var(--surface-2);
}
.directory-hero-actions{margin-top:14px}
.directory-hero-overview{
  display:grid;
  grid-template-rows:126px auto;
  align-content:start;
  gap:12px;
  padding:12px;
  border-radius:21px;
  background:#0e3a29;
  color:#fff;
  box-shadow:0 18px 44px rgba(8,57,39,.18);
  position:relative;
  z-index:1;
}
.directory-hero-visual{
  margin:0;
  min-height:0;
  border-radius:15px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:#092b20;
}
.directory-hero-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 58%;
}
.directory-hero-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  overflow:hidden;
}
.directory-hero-metrics>div{
  min-width:0;
  padding:13px 7px 12px;
  text-align:center;
  border-inline-start:1px solid rgba(255,255,255,.12);
}
.directory-hero-metrics>div:first-child{border-inline-start:0}
.directory-hero-metrics strong{
  display:block;
  font-size:24px;
  line-height:1;
  margin-bottom:7px;
}
.directory-hero-metrics span{
  display:block;
  color:#c7e7d7;
  font-size:10px;
  line-height:1.35;
}
html[data-theme="dark"] .directory-hero{
  background:linear-gradient(180deg,#071c14,#081f17);
}
html[data-theme="dark"] .directory-hero-panel{
  background:#0a241a;
  border-color:#244c3b;
  box-shadow:none;
}
html[data-theme="dark"] .directory-hero-search{background:#071c14}
@media(max-width:900px){
  .directory-hero-panel{grid-template-columns:1fr 230px;gap:20px;padding:24px}
  .directory-hero h1{font-size:clamp(32px,5vw,44px)}
  .directory-hero-overview{grid-template-rows:105px auto}
}
@media(max-width:720px){
  .directory-hero{padding:24px 0}
  .directory-hero-panel{grid-template-columns:1fr;padding:20px;border-radius:20px}
  .directory-hero h1{font-size:34px;letter-spacing:-.7px}
  .directory-hero p{font-size:14px}
  .directory-hero-overview{grid-template-columns:120px 1fr;grid-template-rows:auto;align-items:stretch}
  .directory-hero-visual{min-height:110px}
  .directory-hero-metrics{grid-template-columns:1fr}
  .directory-hero-metrics>div{display:flex;align-items:center;justify-content:space-between;text-align:start;padding:8px 11px;border-inline-start:0;border-top:1px solid rgba(255,255,255,.12)}
  .directory-hero-metrics>div:first-child{border-top:0}
  .directory-hero-metrics strong{margin:0;font-size:20px}
}
@media(max-width:460px){
  .directory-hero-panel{padding:16px}
  .directory-hero h1{font-size:30px}
  .directory-hero-overview{grid-template-columns:1fr}
  .directory-hero-visual{height:120px}
}