:root{--primary:#2563eb;--primary-strong:#1d4ed8;--secondary:#7c3aed;--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#667085;--line:#e5eaf2;--danger:#dc2626;--warning:#d97706;--success:#15803d;--icon:var(--primary);--radius:14px;--sidebar-width:260px;--font-scale:1;--app-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shadow:0 8px 28px rgba(15,23,42,.06);--card:var(--surface);--border:var(--line);--soft:var(--surface-2);font-family:var(--app-font);color-scheme:light}html[data-theme=dark]{--bg:#0e1420;--surface:#151d2b;--surface-2:#1b2637;--text:#ecf2ff;--muted:#9aa9bf;--line:#29364a;--shadow:none;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:calc(14px * var(--font-scale));line-height:1.5;font-family:var(--app-font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;overflow:auto;z-index:40}.brand{display:flex;align-items:center;gap:11px;padding:8px 10px}.brand span:last-child{display:grid}.brand small{color:var(--muted);font-size:11px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff;font-weight:800;letter-spacing:-1px}.brand-mark.large{width:62px;height:62px;border-radius:18px;font-size:20px;margin:auto}.nav{display:grid;gap:3px;margin-top:20px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:600}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item span{width:18px;text-align:center;color:var(--icon)}.nav-section{padding:20px 12px 7px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:var(--muted)}.page{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar h1{font-size:20px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:1px 0 0}.top-actions{display:flex;align-items:center;gap:9px}.content{padding:24px 28px 50px;max-width:1600px;margin:auto}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);width:40px;height:40px;border-radius:11px}.user-chip{padding:8px 12px;background:var(--surface-2);border-radius:10px;font-weight:650}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;min-height:40px}.btn:hover{background:var(--primary-strong)}.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.btn.small,.btn.tiny{min-height:34px;padding:7px 11px}.btn.tiny{font-size:12px}.btn.block{width:100%;margin-top:18px}.alert{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:13px 16px;margin:0 0 18px}.alert.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.alert.error{border-color:#fecdd3;background:#fff1f2;color:#9f1239}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{display:flex;align-items:center;gap:14px;padding:20px}.stat-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);font-weight:700}.stat-card p{margin:0;color:var(--muted)}.stat-card strong{display:block;font-size:24px;letter-spacing:-.04em}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.card{padding:20px;margin-bottom:18px}.card h2{margin:0 0 16px;font-size:17px}.card h3{margin:22px 0 10px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head h2{margin:0}.card-head a{color:var(--primary);font-weight:650}.list{display:grid}.list-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row div{display:grid}.list-row small,.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;width:max-content;height:26px;padding:0 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;text-transform:capitalize}.empty{padding:30px;text-align:center;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.search,.toolbar-actions,.row-actions{display:flex;gap:8px;align-items:center}.search input{min-width:280px}.table-card{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:var(--surface-2);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.pagination{display:flex;gap:6px;justify-content:center}.pagination a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.pagination a.active{background:var(--primary);color:#fff}.form-card{max-width:1050px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:grid;align-content:start}.field.wide{grid-column:1/-1}.field label,.card>form>label{font-weight:650;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}textarea{resize:vertical;min-height:110px}.field-error{color:var(--danger);margin-top:5px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.switch{display:flex!important;align-items:center;gap:8px}.switch input{width:auto}.settings-layout{display:grid;gap:0}.sticky-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end}.metric-row{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.mobile-only{display:none}.overlay{display:none}.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 150px);padding:30px}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow);text-align:center}.auth-card h1{margin:16px 0 2px}.auth-card form{text-align:left}.auth-card label{display:block;font-weight:650;margin:13px 0 5px}.text-link{display:inline-block;color:var(--primary);margin-top:18px}.public-body{background:#fff;color:#172033}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 22px}.public-header nav{display:flex;align-items:center;gap:22px;font-weight:650}.public-footer{padding:35px 20px;text-align:center;color:#667085;border-top:1px solid #e5eaf2}.public-alert{max-width:1120px;margin:15px auto}.hero{min-height:560px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;max-width:1180px;margin:auto;padding:60px 22px}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 20px}.hero p{font-size:18px;color:#667085;max-width:670px}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:750}.hero-actions{display:flex;gap:10px;margin-top:28px}.hero-panel{display:grid;gap:12px;background:#f5f8fd;border:1px solid #e5eaf2;padding:18px;border-radius:22px}.mini-stat{display:grid;background:#fff;padding:20px;border:1px solid #e5eaf2;border-radius:14px}.mini-stat b{font-size:18px}.mini-stat span{color:#667085}.public-section{padding:70px 22px;max-width:1180px;margin:auto}.public-section.alt{max-width:none;background:#f7f9fc}.public-section.alt>*{max-width:1136px;margin-left:auto;margin-right:auto}.section-head h2{font-size:32px;letter-spacing:-.03em}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.content-card{border:1px solid #e5eaf2;border-radius:16px;padding:22px;background:#fff}.content-card h3{font-size:19px}.content-card p,.content-card small{color:#667085}.public-form{max-width:800px;margin:50px auto;padding:20px}.consent{display:flex;gap:10px;margin:20px 0;color:#667085}.consent input{width:auto}.post{max-width:820px;margin:60px auto;padding:20px}.post h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.05em}.post-meta{color:#667085}.lead{font-size:20px}.post-content{font-size:17px;line-height:1.8}.error-page{min-height:60vh;display:grid;place-items:center;align-content:center;text-align:center}.error-page>b{font-size:80px;color:var(--primary)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.shell{grid-template-columns:min(var(--sidebar-width),240px) minmax(0,1fr)}}@media(max-width:800px){.shell{display:block}.sidebar{position:fixed;left:-280px;width:270px;transition:left .2s}.sidebar.open{left:0}.overlay.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:35}.mobile-only{display:inline-grid}.topbar{padding:10px 15px}.topbar>div:nth-child(2){display:none}.user-chip{display:none}.content{padding:16px}.dashboard-grid,.hero{grid-template-columns:1fr}.hero{min-height:auto;padding-top:80px}.content-grid{grid-template-columns:1fr 1fr}.public-header nav>a:not(.btn){display:none}.toolbar{align-items:stretch;flex-direction:column}.search input{min-width:0}.toolbar-actions{justify-content:flex-end}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.stats-grid,.content-grid{grid-template-columns:1fr}.top-actions{gap:4px}.top-actions form .btn{font-size:0;width:40px;padding:0}.top-actions form .btn:after{content:'↪';font-size:16px}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.search{display:grid;grid-template-columns:1fr auto}.table-wrap{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tr{border-bottom:1px solid var(--line);padding:10px}td{border:0;padding:7px 8px;white-space:normal}td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.row-actions{margin-top:8px}.hero-actions{flex-direction:column}.public-header{padding:0 14px}.public-form{margin:20px auto;padding:10px}.card{padding:16px}}

.member-main{max-width:1400px;margin:auto;padding:32px 24px 60px}.member-header form{margin:0}.member-hero{display:grid;grid-template-columns:1fr minmax(360px,520px);gap:28px;align-items:center;margin-bottom:22px}.member-hero h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.05em;margin:10px 0}.digital-card{background:linear-gradient(135deg,#111827,#1e3a8a);color:#fff;border-radius:22px;padding:22px;box-shadow:0 24px 60px rgba(15,23,42,.22)}.digital-card-top,.digital-card-body,.digital-card-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.digital-card-top>div{display:grid}.digital-card-top small,.digital-card-body small{color:#cbd5e1}.digital-card-body{margin:22px 0}.digital-card-body>div:first-child{display:grid;gap:2px}.digital-card-body strong{font-size:22px;margin-bottom:8px}.qr-box{background:#fff;border-radius:12px;padding:6px;line-height:0}.qr-box svg{width:150px;height:150px}.digital-card-foot{border-top:1px solid rgba(255,255,255,.2);padding-top:13px;font-weight:700}.digital-card-foot a{text-decoration:underline}.verify-card{max-width:650px;margin:70px auto;padding:35px;text-align:center;border:1px solid #e5eaf2;border-radius:22px;background:#fff}.verify-icon{display:grid;place-items:center;width:78px;height:78px;margin:0 auto 18px;border-radius:50%;font-size:38px;font-weight:800}.verify-icon.valid{background:#dcfce7;color:#15803d}.verify-icon.invalid{background:#fee2e2;color:#b91c1c}.verify-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;text-align:left}.verify-details>div{display:grid;padding:14px;border-radius:12px;background:#f8fafc}.verify-details small{color:#667085}.member-stats .stat-card{min-height:105px}@media(max-width:850px){.member-hero{grid-template-columns:1fr}.member-header nav>a{display:none}}@media(max-width:520px){.member-main{padding:20px 12px}.digital-card-body{align-items:flex-end}.qr-box svg{width:110px;height:110px}.verify-details{grid-template-columns:1fr}}

.permission-title{margin-top:28px}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid h3{grid-column:1/-1;margin:18px 0 4px;padding-bottom:7px;border-bottom:1px solid var(--line);text-transform:capitalize}.permission-item{display:flex;align-items:center;gap:8px;padding:9px 10px;background:var(--surface-2);border-radius:9px}.permission-item input{width:auto}@media(max-width:800px){.permission-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.permission-grid{grid-template-columns:1fr}}

.nav-group{border-bottom:1px solid var(--line);padding:5px 0}.nav-group summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:10px 12px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary small{display:grid;place-items:center;min-width:22px;height:20px;padding:0 5px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}.nav-item.active{background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}.sidebar{display:flex;flex-direction:column}.sidebar .nav{flex:1}.sidebar-footer{display:grid;gap:4px;margin-top:18px;padding:14px 12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.sidebar-footer a,.developer-credit a,.admin-footer a{color:var(--primary);font-weight:750}.admin-footer{padding:18px 28px 30px;text-align:center;color:var(--muted);font-size:12px}.public-footer.compact{padding:20px}.developer-credit{font-size:12px;margin-top:7px}.relation-hint{font-size:11px;color:var(--muted);margin-top:5px}.version-rule{padding:12px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--muted)}

.maintenance-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.maintenance-grid>.card{margin-bottom:0}.action-stack{display:grid;gap:10px}.action-stack form,.manual-update-card form{margin:0}.action-stack .btn{width:100%}.small-text{font-size:12px}.update-steps{display:grid;gap:9px;padding-left:20px;color:var(--muted)}.update-steps b{color:var(--text)}.empty-state{padding:24px;text-align:center;color:var(--muted)}code{padding:2px 6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);font-size:.9em}.badge.success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.badge.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.badge.danger{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.alert.warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412}@media(max-width:1150px){.maintenance-grid{grid-template-columns:1fr 1fr}.manual-update-card{grid-column:1/-1}}@media(max-width:760px){.maintenance-grid{grid-template-columns:1fr}.manual-update-card{grid-column:auto}}
.settings-tabs{position:sticky;top:76px;z-index:18;display:flex;gap:8px;overflow:auto;padding:10px 0 14px;background:var(--bg);scrollbar-width:thin}.settings-tabs a{white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-weight:700;font-size:12px}.settings-tabs a:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.settings-section{scroll-margin-top:140px}.settings-section .card-head{align-items:flex-start}.settings-section .card-head p{margin:4px 0 0}.setting-switch{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.relation-filter{margin-bottom:7px}.text-link.inline{margin:0;color:var(--primary);font-weight:700}@media(max-width:800px){.settings-tabs{top:76px}}

/* v1.0.7 interface quality and local SVG icon system */
.ui-icon{width:19px;height:19px;display:inline-block;flex:0 0 auto;vertical-align:-.2em;color:currentColor}.btn .ui-icon{width:17px;height:17px}.icon-btn{display:inline-grid;place-items:center}.icon-btn .ui-icon{width:20px;height:20px}.nav-item>.ui-icon{width:19px;height:19px;color:var(--icon);opacity:.9}.nav-item.active>.ui-icon{color:var(--primary)}.stat-icon .ui-icon{width:25px;height:25px}.user-chip{display:inline-flex;align-items:center;gap:7px}.user-chip-icon{width:16px;height:16px;color:var(--icon)}
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--primary);color:#fff;padding:10px 14px;border-radius:10px;transition:top .15s}.skip-link:focus{top:12px}.nav-search-wrap{position:relative;margin:14px 6px 9px}.nav-search{width:100%;height:40px;padding:8px 12px 8px 38px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text);outline:none}.nav-search:focus{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.nav-search-icon{position:absolute;left:12px;top:10px;width:18px;height:18px;color:var(--muted);pointer-events:none}.nav-group-items{display:grid;gap:2px}.nav-group[hidden],.nav-item[hidden]{display:none!important}.nav-empty{margin:12px;padding:14px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);text-align:center;font-size:12px}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar-title{min-width:0}.topbar-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-actions form{margin:0}.top-actions .btn{white-space:nowrap}html[data-theme=dark] [data-theme-icon-light]{display:none}html:not([data-theme=dark]) [data-theme-icon-dark]{display:none}
.module-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.module-head h2{margin:0;font-size:18px}.module-head p{margin:4px 0 0;color:var(--muted)}.module-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.record-count{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);background:var(--surface);border-radius:999px;color:var(--muted);font-size:12px;font-weight:700}.filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,auto));gap:10px;align-items:end}.filter-bar .field{gap:4px}.filter-bar .field label{font-size:11px}.filter-actions{display:flex;gap:8px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.status-badge:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-badge.is-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.status-badge.is-success:before{background:#16a34a}.status-badge.is-warning{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.status-badge.is-warning:before{background:#f59e0b}.status-badge.is-danger{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.status-badge.is-danger:before{background:#e11d48}.status-badge.is-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.status-badge.is-info:before{background:#3b82f6}.cell-primary{font-weight:750;color:var(--text)}.cell-muted{color:var(--muted)}.cell-file{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700}.row-actions .btn{padding:6px 9px}.table-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;color:var(--muted);font-size:12px}.pagination{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.pagination a{display:grid;place-items:center;min-width:36px;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-weight:700}.pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}.danger-zone-note{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;margin-top:14px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:11px;font-size:12px}.form-card .card-intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.form-card .card-intro h2{margin:0;font-size:18px}.form-card .card-intro p{margin:4px 0 0;color:var(--muted)}.field-help{display:block;margin-top:5px;color:var(--muted);font-size:11px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent)}.field input[type=file]{padding:8px;background:var(--surface-2)}.existing-file{display:flex;align-items:center;gap:8px;margin-top:7px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.existing-file .ui-icon{color:var(--primary)}.readonly-note{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:12px}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions .btn{min-height:36px}.dashboard-welcome{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:var(--radius)}.dashboard-welcome h2{margin:0;font-size:20px}.dashboard-welcome p{margin:3px 0 0;color:var(--muted)}.metric-change{font-size:11px;color:var(--muted)}
.public-header .ui-icon,.member-header .ui-icon{width:18px;height:18px}.public-nav-link{display:inline-flex;align-items:center;gap:6px}.public-mobile-toggle{display:none}.public-nav-menu{display:flex;align-items:center;gap:18px}.public-nav-menu form{margin:0}.public-dropdown{position:relative}.public-dropdown summary{list-style:none;cursor:pointer}.public-dropdown summary::-webkit-details-marker{display:none}.public-dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:210px;padding:8px;background:#fff;border:1px solid #e5eaf2;border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.12);z-index:50}.public-dropdown-menu a{display:block;padding:9px 10px;border-radius:8px}.public-dropdown-menu a:hover{background:#f8fafc}
@media(max-width:1050px){.filter-bar{grid-template-columns:1fr 1fr}.filter-actions{grid-column:1/-1}.module-head{align-items:center}}
@media(max-width:800px){.nav-search-wrap{margin-top:10px}.topbar-title{display:block!important}.topbar-title p{display:none}.topbar h1{font-size:17px}.top-actions .btn span{display:none}.top-actions .btn{width:40px;padding:0}.filter-bar{grid-template-columns:1fr}.filter-actions{grid-column:auto}.module-head{flex-direction:column}.module-meta{width:100%}.toolbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dashboard-welcome{align-items:flex-start;flex-direction:column}.public-mobile-toggle{display:inline-grid}.public-nav-menu{display:none;position:absolute;left:12px;right:12px;top:68px;flex-direction:column;align-items:stretch;padding:12px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 20px 50px rgba(15,23,42,.14)}.public-nav-menu.open{display:flex}.public-nav-menu>a,.public-nav-menu .btn{width:100%;justify-content:flex-start}.public-header{position:relative}}
@media(max-width:560px){.topbar{height:66px}.settings-tabs{top:66px}.content{padding:14px 12px 36px}.module-meta{display:grid;grid-template-columns:1fr}.record-count{justify-content:center}.toolbar-actions{grid-template-columns:1fr}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.form-card .card-intro{flex-direction:column}.table-summary{align-items:flex-start;flex-direction:column}.row-actions{display:grid;grid-template-columns:1fr 1fr}.row-actions form{display:contents}.row-actions .btn{width:100%}.sidebar-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
.compact-controls{display:grid;grid-template-columns:minmax(130px,1fr) 78px;gap:7px}.empty-state{display:grid;place-items:center;gap:7px;padding:34px 16px}.empty-state .empty-icon{width:34px;height:34px;color:var(--muted)}.empty-state b{font-size:15px;color:var(--text)}.empty-state span{color:var(--muted);font-size:12px;text-align:center}
/* Public website modules */
.public-form.wide-form{max-width:1050px}.public-form-head{margin-bottom:22px}.public-form-head h1,.page-section h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.04em;margin:8px 0}.form-section{padding:18px 0;border-top:1px solid #e5eaf2}.form-section h2{font-size:16px;margin:0 0 14px}.consent-box{border:1px solid #e5eaf2;border-radius:12px;margin:18px 0;background:#f8fafc}.consent-box summary{padding:13px 15px;font-weight:750;cursor:pointer}.consent-box>div{padding:0 15px 15px;color:#667085;line-height:1.7}.public-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.application-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid #e5eaf2}.application-result>div{display:grid;gap:4px;padding:14px;background:#f8fafc;border-radius:11px}.application-result .wide{grid-column:1/-1}.application-result small{color:#667085}.page-section{padding-top:70px;padding-bottom:70px}.section-head>div>p{color:#667085}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card{display:grid;grid-template-columns:68px 1fr;gap:16px;position:relative}.event-card>.btn{grid-column:2;justify-self:start}.event-date{display:grid;place-items:center;align-content:center;width:62px;height:70px;border-radius:15px;background:color-mix(in srgb,var(--primary) 12%,#fff);color:var(--primary)}.event-date b{font-size:26px;line-height:1}.event-date span{text-transform:uppercase;font-size:11px;font-weight:800}.event-detail{padding-bottom:20px}.event-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.event-facts>div{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid #e5eaf2;border-radius:12px;background:#fff}.event-facts .ui-icon{color:var(--primary);width:22px;height:22px}.event-facts span{display:grid}.event-facts small{color:#667085}.event-register{margin-top:0}.ticket-qr{display:inline-grid;padding:10px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;margin:15px auto}.ticket-qr svg{width:190px;height:190px}.progress{height:9px;background:#e9eef6;border-radius:999px;overflow:hidden;margin:14px 0}.progress span{display:block;height:100%;background:var(--primary);border-radius:inherit}.project-card,.donation-card{display:flex;flex-direction:column}.project-card .status-badge,.donation-card .status-badge{align-self:flex-start}.donation-numbers{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.donation-numbers b{font-size:20px}.donation-numbers span{color:#667085}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-item{margin:0;border:1px solid #e5eaf2;border-radius:16px;background:#fff;overflow:hidden}.gallery-item img,.gallery-item video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#0f172a}.gallery-item figcaption{display:grid;gap:3px;padding:13px}.gallery-item figcaption span{color:#667085;font-size:12px}.faq-list{display:grid;gap:10px;max-width:900px}.faq-list details{border:1px solid #e5eaf2;border-radius:13px;background:#fff}.faq-list summary{padding:16px 18px;font-weight:750;cursor:pointer}.faq-list details>div{padding:0 18px 18px;color:#667085;line-height:1.7}.contact-page{max-width:1100px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.contact-details{display:grid;gap:10px;margin-top:22px}.contact-details>div{display:flex;align-items:flex-start;gap:11px;padding:12px;border-radius:11px;background:#f8fafc}.contact-details .ui-icon{color:var(--primary)}.contact-details span{display:grid}.contact-details small{color:#667085}.public-footer{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.public-footer>div:last-child{text-align:right}.public-footer p{margin:4px 0}.brand>span:last-child{display:grid}.brand>span:last-child small{color:#667085;font-size:10px}
@media(max-width:850px){.event-grid,.gallery-grid{grid-template-columns:1fr 1fr}.event-facts{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.public-footer{align-items:flex-start;flex-direction:column}.public-footer>div:last-child{text-align:left}}
@media(max-width:560px){.application-result,.event-grid,.gallery-grid,.event-facts{grid-template-columns:1fr}.application-result .wide{grid-column:auto}.event-card{grid-template-columns:58px 1fr}.event-date{width:54px;height:62px}.public-form-actions{display:grid;grid-template-columns:1fr}.ticket-qr svg{width:150px;height:150px}}
/* v1.0.7 member portal */
.member-shell{min-height:100vh;background:var(--bg)}.member-header{position:sticky;top:0;z-index:40}.member-header nav a{display:inline-flex;align-items:center;gap:.45rem}.member-header nav a.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.member-main{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.member-main>.page-head{margin-bottom:18px}.detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.detail-grid>div{padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--soft)}.detail-grid small,.detail-grid b{display:block}.preference-list{display:grid;gap:0}.preference-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);cursor:pointer}.preference-row:last-of-type{border-bottom:0}.preference-row small{display:block;color:var(--muted);margin-top:3px}.preference-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,var(--card));color:var(--primary)}.preference-row input{width:20px;height:20px}.message-stack{display:grid;gap:14px}.message-card header,.conversation>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.message-card header>div{display:flex;gap:12px;align-items:flex-start}.message-card h2{margin:0;font-size:1rem}.message-card p{line-height:1.7;margin-bottom:0}.support-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:18px;margin-bottom:18px}.stack-form{display:grid;gap:13px}.ticket-list{display:grid;gap:8px}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:13px;color:inherit;text-decoration:none}.ticket-row:hover,.ticket-row.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 7%,var(--card))}.ticket-row small{display:block;color:var(--muted);margin-top:4px}.conversation-body{display:grid;gap:12px;margin:18px 0}.bubble{max-width:78%;padding:14px 16px;border-radius:16px;background:var(--soft);border:1px solid var(--border)}.bubble.from-member{justify-self:end;background:color-mix(in srgb,var(--primary) 10%,var(--card));border-color:color-mix(in srgb,var(--primary) 25%,var(--border))}.bubble p{margin:.35rem 0;line-height:1.55}.bubble small{color:var(--muted)}.reply-form{display:grid;grid-template-columns:1fr auto;gap:10px}.reply-form textarea{grid-column:1/-1}.member-hero{gap:22px}.member-stats .stat-card strong{font-size:1.25rem}
@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-grid{grid-template-columns:1fr}.member-header nav{position:absolute;top:100%;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow)}.member-header nav.is-open{display:flex}.member-header nav a,.member-header nav form,.member-header nav button{width:100%}.member-header .public-nav-toggle{display:inline-grid}}
@media(max-width:600px){.member-main{width:min(100% - 20px,1240px);padding-top:18px}.detail-grid{grid-template-columns:1fr}.bubble{max-width:92%}.reply-form{grid-template-columns:1fr}.preference-row{grid-template-columns:auto 1fr}.preference-row input{grid-column:2;justify-self:start}}
/* v1.0.7 dashboard and reports */
.dashboard-welcome{align-items:center}.version-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--card);font-weight:700;color:var(--muted)}.dashboard-stats .stat-card{color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.dashboard-stats .stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.dashboard-stats .stat-card small{display:flex;align-items:center;gap:.25rem;color:var(--muted);margin-top:.25rem}.finance-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.finance-strip article{padding:17px 18px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.finance-strip span,.finance-strip strong{display:flex;align-items:center;gap:.45rem}.finance-strip span{color:var(--muted);font-size:.9rem}.finance-strip strong{font-size:1.2rem;margin-top:.45rem}.list-leading{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--primary)}.birthday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.birthday-grid>a{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:14px;color:inherit;text-decoration:none}.birthday-grid>a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary)}.birthday-grid small{display:block;color:var(--muted);margin-top:3px}.report-filter{display:flex;align-items:end;gap:12px;margin-bottom:18px}.report-filter label{min-width:180px}.report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.report-grid h2{display:flex;align-items:center;gap:.45rem}.bar-track{height:9px;border-radius:999px;background:var(--soft);overflow:hidden;min-width:120px}.bar-track span{display:block;height:100%;border-radius:inherit;background:var(--primary)}
@media(max-width:1050px){.finance-strip,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.birthday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.finance-strip,.report-grid,.birthday-grid{grid-template-columns:1fr}.report-filter{display:grid;grid-template-columns:1fr}.report-filter label{min-width:0}.version-chip{margin-top:10px}}
@media print{.app-sidebar,.topbar,.head-actions,.filter-bar,.app-footer{display:none!important}.app-main{margin:0!important}.page-content{padding:0!important}.card,.stat-card{break-inside:avoid;box-shadow:none!important}}
.brand-logo{display:block;width:auto;max-width:160px;height:44px;object-fit:contain}.sidebar .brand-logo{max-width:138px;height:40px}.brand:has(.brand-logo)>span:last-child{display:none}@media(max-width:520px){.public-header .brand-logo{max-width:126px;height:38px}}
.inline-workflow{position:relative}.inline-workflow>summary{list-style:none;cursor:pointer}.inline-workflow>summary::-webkit-details-marker{display:none}.inline-workflow form{position:absolute;right:0;top:calc(100% + 6px);z-index:15;width:280px;padding:12px;display:grid;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.inline-workflow input,.inline-workflow select{min-width:0;width:100%}
.security-badge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.security-badge svg{width:28px;height:28px}.security-challenge form+form{margin-top:10px}.security-setup{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.security-setup ol{padding-left:20px;line-height:1.8}.setup-qr{padding:10px;border:1px solid var(--border)}.setup-qr svg{width:190px;height:190px}.secret-key{display:grid;gap:6px;margin-top:18px}.secret-key code,.recovery-grid code{padding:10px 12px;border:1px dashed var(--border);border-radius:10px;background:var(--soft);font-weight:800;letter-spacing:.08em}.recovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.security-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.danger-zone{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}@media(max-width:800px){.security-setup,.security-columns{grid-template-columns:1fr}.setup-qr{justify-self:center}.recovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.recovery-grid{grid-template-columns:1fr}}


/* v1.0.7 responsive and flat quality pass */
html,body{max-width:100%;overflow-x:hidden}img,svg,video{max-width:100%}.ui-icon{flex:0 0 auto;display:inline-block;vertical-align:-.15em}p,td,th,label,.list-row,.content-card,.card{overflow-wrap:anywhere}.public-nav-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--text);width:42px;height:42px;border-radius:11px;place-items:center}.member-header{background:color-mix(in srgb,var(--surface) 96%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.member-header nav{display:flex;align-items:center;gap:7px}.member-header nav a{padding:9px 10px;border-radius:10px}.member-header nav form{margin:0}.digital-card-links{display:flex;align-items:center;gap:12px}.digital-card-links a{text-decoration:underline}.backup-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.restore-panel{position:relative}.restore-panel>summary{list-style:none}.restore-panel>summary::-webkit-details-marker{display:none}.restore-panel form{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:min(340px,calc(100vw - 32px));padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 60px rgba(15,23,42,.18);display:grid;gap:10px}.restore-panel form label{display:grid;gap:5px}.restore-panel form p{margin:0}.maintenance-grid{align-items:stretch}.maintenance-grid>.card{height:100%}.action-stack{display:flex;flex-wrap:wrap;gap:8px}.action-stack form{margin:0}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.table-wrap:focus-within{outline:2px solid color-mix(in srgb,var(--primary) 25%,transparent);outline-offset:2px}.field-help{display:block;margin-top:5px;color:var(--muted);font-size:12px}.card-intro,.section-heading{min-width:0}.public-footer{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;max-width:1180px;margin:auto;text-align:left}.public-footer>div:last-child{text-align:right}.public-body>.public-footer{max-width:none;padding-left:max(22px,calc((100vw - 1136px)/2));padding-right:max(22px,calc((100vw - 1136px)/2))}.member-shell .public-footer{display:block;text-align:center;max-width:none}.topbar-title{min-width:0}.topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions .icon-btn{display:grid;place-items:center}.form-actions{position:sticky;bottom:10px;z-index:8;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:12px;padding:10px;margin:20px -2px -2px}.status-pill{white-space:nowrap}
@media(max-width:900px){
 body.nav-open{overflow:hidden}.public-header{min-height:68px;height:auto;position:sticky;top:0;z-index:60;background:color-mix(in srgb,#fff 96%,transparent);border-bottom:1px solid #e5eaf2;backdrop-filter:blur(14px)}.public-mobile-toggle,.member-header .public-nav-toggle{display:inline-grid}.public-nav-menu,.member-header nav{position:fixed;left:12px;right:12px;top:76px;max-height:calc(100dvh - 92px);overflow:auto;display:none;flex-direction:column;align-items:stretch;padding:12px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.22);z-index:80}.public-nav-menu.open,.public-nav-menu.is-open,.member-header nav.open,.member-header nav.is-open{display:flex}.member-header nav>a,.member-header nav a{display:flex!important;width:100%;justify-content:flex-start}.member-header nav form,.member-header nav button,.public-nav-menu>a,.public-nav-menu .btn{width:100%}.member-header nav button{justify-content:center}.public-nav-menu .public-nav-link{display:flex!important;padding:11px 12px;border-radius:10px}.public-nav-menu .public-nav-link:hover{background:#f8fafc}.public-dropdown-menu{position:static;box-shadow:none;margin-top:5px}.hero{padding-top:44px}.hero h1{font-size:clamp(34px,9vw,54px)}.dashboard-grid{grid-template-columns:1fr}.member-hero{grid-template-columns:1fr}.digital-card{max-width:620px;width:100%}.support-grid,.security-columns{grid-template-columns:1fr}.inline-workflow form{position:fixed;left:16px;right:16px;top:50%;width:auto;transform:translateY(-50%);max-height:80dvh;overflow:auto}.topbar{height:68px}.top-actions{margin-left:auto}.top-actions .user-chip{display:none}.content{width:100%}.public-footer{grid-template-columns:1fr;text-align:center}.public-footer>div:last-child{text-align:center}
}
@media(max-width:680px){
 :root{--radius:12px}.content{padding:12px 10px 34px}.member-main{width:min(100% - 20px,1240px);padding:18px 0 38px}.card,.stat-card{border-radius:12px}.card{padding:15px}.stats-grid,.finance-strip,.report-grid,.birthday-grid,.content-grid{grid-template-columns:1fr}.topbar-title p{display:none}.topbar-title h1{font-size:16px;max-width:48vw}.top-actions{gap:5px}.top-actions .icon-btn,.top-actions form .btn,.mobile-only{width:40px;height:40px;min-height:40px;padding:0}.top-actions form .btn span{display:none}.toolbar-actions,.filter-actions,.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.toolbar-actions .btn,.filter-actions .btn,.hero-actions .btn{width:100%}.form-grid{grid-template-columns:1fr}.field.wide,.full{grid-column:auto}.form-actions{display:grid;grid-template-columns:1fr;position:sticky;bottom:max(8px,env(safe-area-inset-bottom));margin-top:18px}.form-actions .btn{width:100%}.table-card{background:transparent;border:0;box-shadow:none;overflow:visible}.table-wrap{overflow:visible}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:10px}.responsive-table tr{padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.responsive-table tr:has(td[colspan]){padding:0}.responsive-table td{display:grid;grid-template-columns:minmax(90px,35%) minmax(0,1fr);gap:10px;align-items:start;padding:7px 0;border:0;white-space:normal;text-align:right}.responsive-table td::before{content:attr(data-label);font-size:10px;line-height:1.35;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--muted);text-align:left}.responsive-table td:not([data-label]){display:block;text-align:left}.responsive-table td:not([data-label])::before,.responsive-table td[colspan]::before{display:none}.responsive-table td .row-actions{justify-content:flex-end}.responsive-table .row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.responsive-table .row-actions form{display:contents}.responsive-table .row-actions .btn{width:100%}.pagination{overflow:auto;justify-content:flex-start;padding:2px 0 8px}.public-form{margin:12px auto;padding:10px}.public-section{padding:44px 14px}.post{margin:30px auto;padding:14px}.public-header{padding:0 12px}.public-header .brand>span:last-child small{display:none}.brand-logo{max-width:125px!important;height:38px!important}.member-header nav,.public-nav-menu{left:8px;right:8px;top:70px;max-height:calc(100dvh - 82px)}.digital-card{padding:16px;border-radius:17px}.digital-card-body{display:grid;grid-template-columns:1fr auto;align-items:end}.qr-box svg{width:104px;height:104px}.digital-card-foot{align-items:flex-start}.digital-card-links{flex-direction:column;align-items:flex-end;gap:4px}.reply-form{grid-template-columns:1fr}.bubble{max-width:94%}.preference-row{grid-template-columns:auto 1fr}.restore-panel{position:static}.restore-panel form{position:fixed;left:10px;right:10px;top:50%;width:auto;transform:translateY(-50%);max-height:85dvh;overflow:auto}.backup-actions{justify-content:flex-start;flex-wrap:wrap}input,select,textarea{font-size:16px}.auth-wrap{padding:16px}.auth-card{padding:22px 18px}.security-setup{grid-template-columns:1fr}.recovery-grid{grid-template-columns:1fr}.public-footer{padding-left:14px!important;padding-right:14px!important}
}
@media(max-width:390px){.topbar-title{display:none!important}.top-actions{width:calc(100% - 48px);justify-content:flex-end}.digital-card-body{grid-template-columns:1fr}.qr-box{justify-self:start;margin-top:12px}.toolbar-actions,.filter-actions{grid-template-columns:1fr}.responsive-table td{grid-template-columns:1fr;text-align:left;gap:3px}.responsive-table td .row-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.member-header-actions{display:flex;align-items:center;gap:7px}.button-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:dp-spin .7s linear infinite}@keyframes dp-spin{to{transform:rotate(360deg)}}

/* v1.0.7 exports and donation workflow */
.export-menu{position:relative}.export-menu>summary{list-style:none;cursor:pointer}.export-menu>summary::-webkit-details-marker{display:none}.export-menu-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:150px;padding:7px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 46px rgba(15,23,42,.14);display:grid;gap:3px}.export-menu-pop a{padding:9px 11px;border-radius:8px;color:var(--text);font-weight:700}.export-menu-pop a:hover{background:var(--soft);color:var(--primary)}
.donation-submit-section{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:22px;align-items:start}.donation-submit-section>.card{min-width:0}.bank-account-list{display:grid;gap:12px}.bank-account-list article{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--soft)}.bank-account-list article>div{display:flex;gap:10px;align-items:flex-start}.bank-account-list svg{width:22px;height:22px;color:var(--primary);flex:0 0 auto}.bank-account-list span{display:grid;gap:3px;min-width:0}.bank-account-list small{color:var(--muted)}.bank-account-list code{font:600 .83rem ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:var(--text)}.checkbox-field label{display:flex;align-items:flex-start;gap:9px;line-height:1.5}.checkbox-field input{width:auto;flex:0 0 auto;margin-top:3px}.section-head.compact{margin-bottom:18px}
@media(max-width:900px){.donation-submit-section{grid-template-columns:1fr}.export-menu-pop{right:auto;left:0}}
@media(max-width:640px){.module-meta .export-menu{width:100%}.module-meta .export-menu>summary{width:100%;justify-content:center}.export-menu-pop{left:0;right:0}.donation-submit-section{gap:14px}}
.import-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:20px;align-items:start}.code-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.code-list code{padding:6px 9px;border-radius:8px;background:var(--soft);border:1px solid var(--border);color:var(--text);font-size:.78rem}.import-errors{margin-top:18px;padding:14px;border:1px solid color-mix(in srgb,#dc2626 28%,var(--border));border-radius:12px;background:color-mix(in srgb,#dc2626 6%,var(--card))}.import-errors ul{max-height:260px;overflow:auto;margin:8px 0 0;padding-left:22px}.import-errors li{margin:5px 0;color:var(--muted)}
@media(max-width:850px){.import-layout{grid-template-columns:1fr}}
.profile-photo-field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--soft)}.profile-photo-preview{width:96px;height:96px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);color:var(--primary)}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-preview svg{width:42px;height:42px}.profile-photo-field label{min-width:0;margin:0}.profile-photo-field small{display:block;margin-top:6px;color:var(--muted)}
@media(max-width:520px){.profile-photo-field{grid-template-columns:1fr;text-align:center}.profile-photo-preview{margin:auto}.profile-photo-field label{text-align:left}}

/* v1.0.8 — professional navigation, mobile drawers and flat icon actions */
.ui-icon{width:1.15em;height:1.15em;stroke-width:1.8}.icon-btn{display:inline-grid;place-items:center;flex:0 0 auto}.icon-btn .ui-icon{width:20px;height:20px}.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}

/* Public header */
.public-header{display:grid;grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto;gap:20px;width:min(100%,1180px);min-height:76px;height:auto}.public-brand{min-width:0}.public-nav-menu{justify-self:center;min-width:0}.mobile-nav-head{display:none}.mobile-nav-links{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.public-nav-link{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border-radius:10px;color:#475467;white-space:nowrap}.public-nav-link .ui-icon{width:17px;height:17px;color:var(--primary)}.public-nav-link:hover,.public-nav-link:focus-visible{background:#f2f6fc;color:#172033;outline:none}.public-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.header-auth-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid #dbe3ef;border-radius:11px;background:#fff;color:#344054;font-weight:750;white-space:nowrap;transition:background .16s,border-color .16s,color .16s,transform .16s}.header-auth-action:hover,.header-auth-action:focus-visible{background:#f5f8fd;border-color:color-mix(in srgb,var(--primary) 35%,#dbe3ef);color:var(--primary);outline:none}.header-auth-action:active{transform:translateY(1px)}.header-auth-action.create-account{background:var(--primary);border-color:var(--primary);color:#fff}.header-auth-action.create-account:hover{background:var(--primary-strong);color:#fff}.header-auth-action .ui-icon{width:18px;height:18px}.public-mobile-toggle{display:none}.nav-backdrop{display:none}.public-alert{display:flex;align-items:center;gap:9px}.public-alert .ui-icon{flex:0 0 auto}

/* Fixed sidebar structure */
.sidebar{overflow:hidden;padding:0;display:flex;flex-direction:column}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:76px;padding:12px;border-bottom:1px solid var(--line)}.sidebar-brand{min-width:0;overflow:hidden}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy b,.sidebar-brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-mobile-close{display:none}.sidebar-tools{padding:0 7px}.sidebar-nav{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;margin:0;padding:7px 7px 14px;scrollbar-width:thin;overscroll-behavior:contain}.sidebar-footer{flex:0 0 auto;margin:0;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface)}.nav-group summary{border-radius:9px}.nav-group summary:hover{background:var(--surface-2)}.nav-item{min-height:42px}.nav-item>.ui-icon{width:19px;height:19px;min-width:19px;color:var(--icon)}.nav-item span.nav-label{width:auto;min-width:0;text-align:left}.desktop-sidebar-toggle{display:inline-grid}.topbar-start{display:flex;align-items:center;gap:10px;min-width:0}

/* Member panel desktop navigation */
.member-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;width:100%;max-width:none;padding-left:max(22px,calc((100vw - 1240px)/2));padding-right:max(22px,calc((100vw - 1240px)/2))}.member-nav-menu{justify-self:end}.member-nav-links{display:flex;align-items:center;gap:4px}.member-nav-links a{display:inline-flex;align-items:center;gap:7px}.member-nav-links a .ui-icon{color:var(--primary)}.member-nav-links a.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.member-nav-logout{margin:0}.member-header-actions{order:3}.member-header .public-nav-toggle{display:none}

/* Consistent section and action icons */
.card-head h2,.section-head h1,.section-head h2,.public-form-head h1{display:flex;align-items:center;gap:9px}.card-head h2>.ui-icon,.section-head h1>.ui-icon,.section-head h2>.ui-icon{color:var(--primary);flex:0 0 auto}.btn>.ui-icon,.text-link>.ui-icon{width:17px;height:17px}.auth-card .btn{gap:8px}.auth-card .btn .ui-icon{width:18px;height:18px}.auth-card .text-link{display:inline-flex;align-items:center;gap:6px}

@media(max-width:900px){
 body.nav-open{overflow:hidden;touch-action:none}
 .public-header,.member-header{display:flex;min-height:66px;height:66px;padding:0 10px;gap:8px;position:sticky;top:0;z-index:70;width:100%;max-width:none}
 .public-brand,.member-brand{margin-right:auto;min-width:0;padding:5px 4px}.public-brand>span:last-child,.member-brand>span:last-child{min-width:0}.public-brand b,.member-brand b{display:block;max-width:31vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-brand small,.member-brand small{display:none}
 .public-header-actions,.member-header-actions{display:flex;gap:5px;margin-left:auto;flex:0 0 auto}
 .header-auth-action{width:40px;height:40px;min-height:40px;padding:0;border-radius:11px}.header-auth-action .action-label{display:none}.header-auth-action .ui-icon{width:20px;height:20px}
 .public-mobile-toggle,.member-header .public-nav-toggle{display:inline-grid!important;width:40px;height:40px}
 .public-nav-menu,.member-header .member-nav-menu{display:flex!important;position:fixed!important;inset:0 0 0 auto!important;top:0!important;left:auto!important;right:0!important;width:min(88vw,360px)!important;max-width:360px;max-height:100dvh!important;height:100dvh;overflow:hidden!important;flex-direction:column;align-items:stretch;gap:0;padding:0!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background:var(--surface)!important;color:var(--text)!important;box-shadow:-24px 0 70px rgba(15,23,42,.22)!important;z-index:100;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s}
 .public-nav-menu.open,.public-nav-menu.is-open,.member-header .member-nav-menu.open,.member-header .member-nav-menu.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
 .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.mobile-nav-head>div{display:grid;min-width:0}.mobile-nav-head small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-nav-links,.member-nav-links{display:grid;align-content:start;gap:4px;min-height:0;flex:1;overflow-y:auto;padding:12px;overscroll-behavior:contain}
 .public-nav-menu .public-nav-link,.member-header .member-nav-links a{display:flex!important;align-items:center;justify-content:flex-start;width:100%;min-height:46px;padding:11px 12px;border-radius:11px;font-weight:700}.public-nav-menu .public-nav-link .ui-icon,.member-header .member-nav-links a .ui-icon{width:20px;height:20px;flex:0 0 auto;color:var(--primary)}
 .member-nav-logout{display:block;width:100%;padding:12px;border-top:1px solid var(--line);background:var(--surface)}.member-nav-logout .btn{width:100%}
 .nav-backdrop{position:fixed;inset:0;z-index:90;display:block;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.nav-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
 .sidebar{position:fixed!important;inset:0 auto 0 0!important;left:0!important;width:min(88vw,330px)!important;height:100dvh!important;transform:translateX(-105%);transition:transform .22s ease;z-index:110;box-shadow:24px 0 70px rgba(15,23,42,.22)}.sidebar.open{transform:translateX(0)}.sidebar-mobile-close{display:inline-grid}.sidebar-head{min-height:70px}.sidebar-tools{padding:0 8px}.sidebar-nav{padding-bottom:max(18px,env(safe-area-inset-bottom))}
 .overlay.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:105}
 .desktop-sidebar-toggle{display:none}.mobile-only{display:inline-grid}.topbar{min-height:66px;height:66px;padding:8px 10px}.topbar-start{gap:6px}.topbar-title h1{max-width:40vw}.content{padding:14px 10px 38px}
}

@media(max-width:480px){
 .public-brand b,.member-brand b{max-width:25vw}.brand-mark{width:38px;height:38px;border-radius:11px}.public-header .brand-logo,.member-header .brand-logo{max-width:104px!important;height:36px!important}
 .public-header-actions,.member-header-actions{gap:4px}.header-auth-action,.public-mobile-toggle,.member-header .public-nav-toggle,.member-header-actions .icon-btn{width:38px;height:38px;min-height:38px}
 .topbar-title{display:none}.top-actions{width:auto;margin-left:auto}.top-actions .icon-btn,.top-actions form .btn,.mobile-only{width:38px;height:38px;min-height:38px}
}

/* v1.0.12 — mobile menu stacking fix and fast birth-date selector */
.smart-date{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:8px;width:100%}
.smart-date-part{display:grid;gap:4px;min-width:0}
.smart-date-part>span{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.smart-date select{min-width:0;width:100%}
.public-form .smart-date-part>span{color:#667085}

@media(max-width:900px){
  /* backdrop-filter creates a stacking context. Keep the active drawer/header
     above the backdrop so links remain sharp and touchable. */
  body.nav-open .public-header,
  body.nav-open .member-header{z-index:130!important;background:var(--surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 0 var(--line)}
  body.nav-open .public-nav-menu,
  body.nav-open .member-header .member-nav-menu{z-index:150!important;touch-action:pan-y}
  .nav-backdrop{z-index:120!important;background:rgba(15,23,42,.52)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .nav-backdrop.show{pointer-events:auto}
}

@media(max-width:520px){
  .smart-date{grid-template-columns:1fr 1fr}
  .smart-date-part:first-of-type{grid-column:1/-1}
}

/* v1.0.12 · Üye hesabı ve parola güvenliği */
.account-security-panel{margin-top:24px;padding-top:24px;border-top:1px solid var(--border);display:grid;gap:18px}
.account-status-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--soft);font-size:.9rem;color:var(--muted)}
.account-status-row>span{display:inline-flex;align-items:center;gap:7px;min-width:0}
.account-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.security-action-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px;display:grid;gap:13px;align-content:start}
.security-action-card h4{display:flex;align-items:center;gap:8px;margin:0;color:var(--text)}
.security-action-card p{margin:5px 0 0;color:var(--muted);line-height:1.55}
.security-action-card label{display:grid;gap:7px;font-weight:700}
.security-action-card small{color:var(--muted);line-height:1.45}
.security-action-card .btn{justify-content:center;margin-top:auto}
.reset-link-alert{display:grid;gap:10px}
.reset-link-alert>div{display:flex;align-items:center;gap:8px}
.reset-link-alert input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface)}
.auth-card .text-link+.text-link{margin-top:8px}
@media(max-width:760px){.account-security-grid{grid-template-columns:1fr}.security-action-card{padding:15px}.account-status-row{align-items:flex-start;flex-direction:column}.account-status-row>span{width:100%}}

/* v1.0.12 SMTP and registration controls */
.smtp-test-panel{margin-top:20px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--soft);display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:20px;align-items:end}.smtp-test-panel h3{margin:0 0 6px;display:flex;align-items:center;gap:8px}.smtp-test-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.smtp-test-actions label{grid-column:1/-1;margin:0}.smtp-test-actions input{min-width:0}.registration-closed{min-height:260px;justify-content:center;text-align:center}.application-photo-field input[type=file]{padding:12px;background:var(--soft)}
@media(max-width:760px){.smtp-test-panel{grid-template-columns:1fr}.smtp-test-actions{grid-template-columns:1fr}.smtp-test-actions label{grid-column:auto}.smtp-test-actions .btn{width:100%}}

/* v1.0.14 · professional settings, responsive donations and navigation fixes */
.theme-full-width .content{max-width:none;width:100%;margin:0}
.theme-full-width .member-main{width:100%;max-width:none;padding-left:28px;padding-right:28px}
.theme-full-width .public-header{max-width:none;width:100%;padding-left:28px;padding-right:28px}
.theme-full-width .public-section{max-width:none;width:100%;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}
.theme-full-width .hero{max-width:none;width:100%;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}
.theme-style-soft .card,.theme-style-soft .stat-card{box-shadow:0 14px 38px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--line) 75%,transparent)}
.theme-style-soft .content-card{box-shadow:0 12px 34px rgba(15,23,42,.07)}
.theme-style-bordered .card,.theme-style-bordered .stat-card,.theme-style-bordered .content-card{box-shadow:none;border-width:2px}

/* The admin drawer trigger must never appear on desktop. */
.topbar .mobile-only{display:none!important}
@media(max-width:900px){.topbar .mobile-only{display:inline-grid!important}}

/* Settings centre: vertical left navigation and full-height workspace. */
.settings-layout{display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:22px;align-items:start;max-width:1500px;margin:0 auto}
.settings-sidebar{position:sticky;top:94px;display:flex;flex-direction:column;min-height:0;max-height:none;overflow:visible;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.settings-sidebar-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--line)}
.settings-sidebar-head>div{display:grid;min-width:0}.settings-sidebar-head strong{font-size:15px}.settings-sidebar-head small{color:var(--muted);font-size:11px}
.settings-sidebar-icon,.settings-section-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}
.settings-sidebar-icon .ui-icon,.settings-section-icon .ui-icon{width:22px;height:22px}
.settings-search{position:relative;display:block;margin:12px 12px 8px}.settings-search>.ui-icon{position:absolute;left:12px;top:50%;width:17px;height:17px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.settings-search input{padding-left:38px;background:var(--surface-2)}
.settings-tabs{position:static!important;top:auto!important;z-index:auto!important;display:grid!important;align-content:start;gap:4px;min-height:0;flex:1;overflow:visible;padding:4px 9px 14px!important;background:transparent!important;scrollbar-width:thin}
.settings-tabs a{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:9px;min-height:56px;padding:8px 9px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--muted)!important;white-space:normal!important;font-size:inherit!important;transition:background .16s,border-color .16s,color .16s}
.settings-tabs a:hover,.settings-tabs a:focus-visible{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important;outline:none}
.settings-tabs a.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--primary) 28%,var(--line))!important;color:var(--primary)!important}
.settings-tab-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-2);color:var(--icon)}.settings-tab-icon .ui-icon{width:19px;height:19px}
.settings-tabs a.active .settings-tab-icon{background:var(--primary);color:#fff}
.settings-tab-copy{display:grid;min-width:0}.settings-tab-copy b{font-size:12px;line-height:1.3;color:inherit}.settings-tab-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.settings-tab-arrow{width:15px;height:15px;opacity:.55}.settings-tabs a.active .settings-tab-arrow{opacity:1}
.settings-nav-empty{padding:20px 12px;text-align:center;color:var(--muted);font-size:12px}
.settings-sidebar-save{display:grid;gap:7px;padding:13px;border-top:1px solid var(--line);background:var(--surface)}.settings-sidebar-save .btn{width:100%}.settings-sidebar-save small{text-align:center;color:var(--muted);font-size:10px}
.settings-content{min-width:0}.settings-section{scroll-margin-top:96px;padding:0;overflow:hidden}.settings-section-head{display:flex;align-items:flex-start;gap:13px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,var(--surface)),var(--surface))}.settings-section-head>div{min-width:0}.settings-section-head h2{margin:0;font-size:18px}.settings-section-head p{margin:4px 0 0;color:var(--muted)}
.settings-form-grid{padding:22px}.setting-field{min-width:0}.setting-field>label:not(.setting-toggle-card){font-weight:750}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45}
.setting-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer}.setting-toggle-copy{display:grid;gap:3px;min-width:0}.setting-toggle-copy b{font-size:13px}.setting-toggle-copy small{color:var(--muted);font-size:11px}.setting-toggle-card .switch{flex:0 0 auto}
.branding-upload-field{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.branding-preview{display:grid;place-items:center;width:120px;height:76px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.branding-preview img{display:block;width:100%;height:100%;object-fit:contain;padding:7px}.branding-preview.is-empty{color:var(--muted)}.branding-preview.is-empty .ui-icon{width:30px;height:30px}.branding-upload-field>div{min-width:0}.branding-upload-field input{background:var(--surface)}.branding-upload-field small{display:block;margin-top:6px;color:var(--muted)}
.theme-settings-preview{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center;margin:20px 22px 0;padding:16px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.theme-settings-preview p{margin:5px 0 0;color:var(--muted)}.theme-preview-browser{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px rgba(15,23,42,.08)}.theme-preview-top{display:flex;gap:4px;padding:7px;background:var(--surface-2)}.theme-preview-top i{width:6px;height:6px;border-radius:50%;background:var(--line)}.theme-preview-body{display:grid;grid-template-columns:42px 1fr;height:88px}.theme-preview-body aside{background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-right:1px solid var(--line)}.theme-preview-body main{padding:10px}.theme-preview-body main>span{display:block;width:42%;height:7px;border-radius:99px;background:var(--primary);opacity:.8}.theme-preview-body main>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}.theme-preview-body main b{height:25px;border:1px solid var(--line);border-radius:5px;background:var(--surface-2)}.theme-preview-body main p{height:4px;margin:5px 0;border-radius:99px;background:var(--line)}.theme-preview-body main p:last-child{width:70%}
.settings-mobile-save{display:none}.smtp-test-panel{margin:0 22px 22px}

/* Donation page — balanced desktop and mobile layout. */
.donation-page{max-width:1220px;padding-top:42px}.donation-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:36px;align-items:center;padding:clamp(24px,4vw,48px);border:1px solid #dce6f3;border-radius:24px;background:linear-gradient(135deg,#f7faff 0%,#eef5ff 58%,#f7f4ff 100%);overflow:hidden}.donation-hero h1{max-width:760px;margin:12px 0 14px;font-size:clamp(34px,5vw,58px);line-height:1.06;letter-spacing:-.045em}.donation-hero p{max-width:760px;margin:0;color:#5d6b82;font-size:16px;line-height:1.7}.donation-hero-mark{display:grid;place-items:center;width:160px;height:160px;border-radius:48px;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;transform:rotate(8deg);box-shadow:0 24px 60px color-mix(in srgb,var(--primary) 25%,transparent)}.donation-hero-mark .ui-icon{width:76px;height:76px;transform:rotate(-8deg)}.donation-trust-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.donation-trust-list span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(37,99,235,.12);border-radius:999px;background:rgba(255,255,255,.74);color:#3e4e67;font-size:12px;font-weight:750}.donation-trust-list .ui-icon{width:16px;height:16px;color:var(--primary)}
.donation-campaign-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 18px}.donation-campaign-head h2{margin:8px 0 4px}.donation-campaign-head p{margin:0}.donation-campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.donation-campaign-card{display:flex;flex-direction:column;min-width:0;padding:21px;border:1px solid #e0e7f1;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.05);transition:transform .16s,border-color .16s,box-shadow .16s}.donation-campaign-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 30%,#e0e7f1);box-shadow:0 18px 42px rgba(15,23,42,.09)}.donation-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.donation-percent{display:grid;place-items:center;min-width:44px;height:28px;padding:0 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.donation-card-copy{flex:1}.donation-card-copy h3{margin:17px 0 7px;font-size:19px}.donation-card-copy p{margin:0;color:#667085;line-height:1.65}.donation-progress-wrap{margin:20px 0}.donation-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.donation-numbers>span{display:grid}.donation-numbers>span:last-child{text-align:right}.donation-numbers small{color:#8490a3;font-size:10px;text-transform:uppercase;letter-spacing:.055em}.donation-numbers b{font-size:16px;color:#253047}.donation-campaign-card>.btn{width:100%;margin-top:auto}.donation-empty-state{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px;border:1px dashed #cbd7e8;border-radius:18px;background:#f8faff}.donation-empty-state>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;color:var(--primary)}.donation-empty-state h3{margin:0 0 5px}.donation-empty-state p{margin:0;color:#667085}
.donation-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;width:min(1180px,calc(100% - 36px));margin:18px auto 70px;scroll-margin-top:92px}.theme-full-width .donation-workspace{width:calc(100% - clamp(44px,8vw,128px));max-width:none}.donation-form-card,.bank-accounts-card,.donation-info-card{border:1px solid #e0e7f1;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.055)}.donation-form-card{padding:24px;min-width:0}.donation-form-head{display:flex;align-items:flex-start;gap:14px;padding-bottom:19px;border-bottom:1px solid #e8edf5}.donation-form-head h2{margin:4px 0 5px;font-size:23px}.donation-form-head p{margin:0;color:#667085}.donation-form-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:14px;background:var(--primary);color:#fff}.donation-form-icon .ui-icon{width:24px;height:24px}.donation-tracking{display:flex;align-items:center;gap:9px;margin:18px 0 0}.donation-form{padding-top:20px}.donation-form .form-grid{gap:17px}.amount-input{position:relative}.amount-input input{padding-right:62px}.amount-input span{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding-left:10px;border-left:1px solid #dce3ed;color:#667085;font-size:12px;font-weight:800}.consent-highlight{padding:13px 14px;border:1px solid #dce6f3;border-radius:12px;background:#f8faff}.consent-highlight b{color:#dc2626}.donation-form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid #e8edf5}.donation-form-actions p{display:flex;align-items:center;gap:7px;margin:0;color:#667085;font-size:12px}.donation-form-actions p .ui-icon{color:var(--primary);flex:0 0 auto}.donation-side-column{display:grid;align-content:start;gap:16px}.bank-accounts-card{padding:18px}.donation-side-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.donation-side-head>span,.donation-info-card>span{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:#eff6ff;color:var(--primary)}.donation-side-head>div{display:grid}.donation-side-head small{color:#667085}.bank-account-list article{background:#f8faff;border-color:#e1e8f2}.bank-account-list code{display:block;padding:9px 10px;border:1px dashed #c9d5e6;border-radius:9px;background:#fff}.donation-info-card{display:flex;align-items:flex-start;gap:12px;padding:18px}.donation-info-card b{font-size:15px}.donation-info-card ol{margin:9px 0 0;padding-left:18px;color:#667085}.donation-info-card li{margin:6px 0}

/* Member drawer close button: always visible, aligned and touch friendly. */
@media(max-width:900px){
 .mobile-nav-head{position:sticky;top:0;z-index:4;min-height:74px;background:var(--surface)!important}
 .mobile-nav-head .icon-btn{display:inline-grid!important;place-items:center;width:42px!important;height:42px!important;min-width:42px;border:1px solid var(--line)!important;border-radius:12px;background:var(--surface-2)!important;color:var(--text)!important;box-shadow:none!important}
 .mobile-nav-head .icon-btn .ui-icon{display:block!important;width:22px!important;height:22px!important;stroke-width:2.2}
 .member-header .member-nav-menu{background:var(--surface)!important}
 .member-nav-links{padding-top:8px}
 .settings-layout{grid-template-columns:1fr;gap:14px}
 .settings-sidebar{position:sticky;top:66px;z-index:22;min-height:0;max-height:none;border-radius:0 0 14px 14px;margin:-14px -10px 0;box-shadow:0 8px 24px rgba(15,23,42,.08)}
 .settings-sidebar-head,.settings-search,.settings-sidebar-save{display:none}
 .settings-tabs{display:flex!important;overflow-x:auto;overflow-y:hidden;padding:9px 10px 11px!important;scroll-snap-type:x proximity}
 .settings-tabs a{flex:0 0 auto;grid-template-columns:30px auto;min-height:42px;padding:6px 10px!important;scroll-snap-align:start}
 .settings-tab-icon{width:30px;height:30px}.settings-tab-icon .ui-icon{width:16px;height:16px}.settings-tab-copy small,.settings-tab-arrow{display:none}.settings-tab-copy b{white-space:nowrap}
 .settings-section{scroll-margin-top:128px}.settings-section-head{padding:17px}.settings-form-grid{padding:17px}.theme-settings-preview{grid-template-columns:150px minmax(0,1fr);margin:17px 17px 0}.smtp-test-panel{margin:0 17px 17px}
 .settings-mobile-save{position:sticky;bottom:max(8px,env(safe-area-inset-bottom));z-index:15;display:block;padding:8px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px)}.settings-mobile-save .btn{width:100%}
 .donation-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-workspace,.theme-full-width .donation-workspace{grid-template-columns:1fr;width:min(100% - 28px,760px);margin-bottom:50px}.donation-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.donation-hero{grid-template-columns:1fr 110px}.donation-hero-mark{width:105px;height:105px;border-radius:31px}.donation-hero-mark .ui-icon{width:48px;height:48px}
 .theme-full-width .member-main{padding-left:10px;padding-right:10px}
}
@media(max-width:640px){
 .settings-section-head{gap:10px}.settings-section-icon{width:38px;height:38px}.settings-section-head h2{font-size:16px}.settings-form-grid{grid-template-columns:1fr}.branding-upload-field{grid-template-columns:88px minmax(0,1fr)}.branding-preview{width:88px;height:66px}.theme-settings-preview{grid-template-columns:1fr}.theme-preview-browser{max-width:240px}
 .donation-page{padding-top:24px}.donation-hero{grid-template-columns:1fr;padding:23px;border-radius:18px}.donation-hero-mark{display:none}.donation-hero h1{font-size:35px}.donation-trust-list{display:grid;grid-template-columns:1fr}.donation-campaign-head{align-items:stretch;flex-direction:column;margin-top:34px}.donation-campaign-head>.btn{width:100%}.donation-campaign-grid{grid-template-columns:1fr}.donation-empty-state{grid-template-columns:1fr;text-align:center}.donation-empty-state>span{margin:auto}.donation-empty-state .btn{width:100%}.donation-workspace,.theme-full-width .donation-workspace{width:calc(100% - 20px);gap:12px}.donation-form-card{padding:16px;border-radius:16px}.donation-form-head{gap:10px}.donation-form-icon{width:42px;height:42px}.donation-form-head h2{font-size:19px}.donation-form-actions{align-items:stretch;flex-direction:column}.donation-form-actions .btn{width:100%}.donation-side-column{grid-template-columns:1fr}.donation-numbers b{font-size:14px}
}

/* v1.0.14 — consolidated responsive shell, professional homepage and compact sidebar */
:root{
 --public-bg:#ffffff;
 --public-soft:#f5f7fb;
 --public-text:#172033;
 --public-muted:#667085;
 --public-line:#e3e9f2;
 --public-shadow:0 18px 48px rgba(15,23,42,.075);
 --public-container:1180px;
}
html{scroll-padding-top:84px}
body{min-width:320px}
button,.btn,.icon-btn,a,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
button:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 24%,transparent);outline-offset:2px}

/* Public homepage */
.public-body{background:var(--public-bg);color:var(--public-text)}
.home-container{width:min(var(--public-container),calc(100% - 44px));margin-inline:auto}
.home-hero{position:relative;isolation:isolate;overflow:hidden;border-top:1px solid #eef2f7;background:linear-gradient(180deg,#fbfdff 0%,#f5f8fd 100%)}
.home-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.home-hero-bg span{position:absolute;border-radius:999px;filter:blur(1px);opacity:.65}
.home-hero-bg span:nth-child(1){width:440px;height:440px;right:-180px;top:-210px;background:color-mix(in srgb,var(--primary) 14%,transparent)}
.home-hero-bg span:nth-child(2){width:280px;height:280px;left:-170px;bottom:-150px;background:color-mix(in srgb,var(--secondary) 12%,transparent)}
.home-hero-bg span:nth-child(3){width:160px;height:160px;right:36%;bottom:-90px;background:color-mix(in srgb,var(--primary) 8%,transparent)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:clamp(36px,6vw,76px);min-height:650px;padding-block:clamp(66px,8vw,108px)}
.home-hero-copy{min-width:0}
.home-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 11px;border:1px solid color-mix(in srgb,var(--primary) 18%,#dce6f3);border-radius:999px;background:color-mix(in srgb,var(--primary) 7%,#fff);color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.015em}
.home-kicker .ui-icon{width:16px;height:16px}
.home-kicker.light{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff}
.home-hero h1{max-width:760px;margin:18px 0 20px;font-size:clamp(42px,6vw,76px);line-height:1.01;letter-spacing:-.058em;text-wrap:balance}
.home-hero-copy>p{max-width:700px;margin:0;color:var(--public-muted);font-size:clamp(16px,1.8vw,19px);line-height:1.75}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.home-hero-actions .btn{min-height:48px;padding-inline:18px;border-radius:12px}
.home-primary-action{box-shadow:0 14px 30px color-mix(in srgb,var(--primary) 25%,transparent)}
.home-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px;color:#556176;font-size:12px;font-weight:750}
.home-trust-row span{display:inline-flex;align-items:center;gap:6px}
.home-trust-row .ui-icon{width:16px;height:16px;color:var(--primary)}
.home-command-card{min-width:0;padding:20px;border:1px solid rgba(211,222,237,.88);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 34px 80px rgba(37,99,235,.12);backdrop-filter:blur(12px)}
.home-command-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 17px;border-bottom:1px solid var(--public-line)}
.home-command-head>div{display:grid;gap:3px}.home-command-head small{color:#7a8699;font-size:10px;font-weight:850;letter-spacing:.1em}.home-command-head b{font-size:17px}
.home-live-dot{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#ecfdf3;color:#166534;font-size:11px;font-weight:800}.home-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.home-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px 0}
.home-command-grid article{display:flex;align-items:center;gap:11px;min-width:0;padding:13px;border:1px solid #e6ebf3;border-radius:14px;background:#f8faff}
.home-command-grid article>span{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:11px;background:#fff;color:var(--primary);box-shadow:0 5px 16px rgba(15,23,42,.05)}
.home-command-grid article>span .ui-icon{width:20px;height:20px}.home-command-grid article>div{display:grid;min-width:0}.home-command-grid small{color:#7b8798;font-size:10px}.home-command-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.home-next-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 20%,#e3e9f2);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,#fff),#fff)}
.home-next-event:hover{border-color:color-mix(in srgb,var(--primary) 48%,#e3e9f2);transform:translateY(-1px)}
.home-next-event.is-empty{grid-template-columns:auto 1fr}.home-next-event>span:nth-child(2){display:grid;min-width:0}.home-next-event small,.home-next-event em{color:#778397;font-size:10px;font-style:normal}.home-next-event b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.home-next-event>.ui-icon{color:var(--primary)}
.home-next-event-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff}.home-next-event-icon .ui-icon{width:21px;height:21px}
.home-stats-band{border-block:1px solid #e7edf5;background:#fff}
.home-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:25px}
.home-stats-grid article{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;padding:9px 20px;border-left:1px solid #e7edf5}.home-stats-grid article:first-child{border-left:0}
.home-stats-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f2f6fc;color:var(--primary)}.home-stats-grid article>span .ui-icon{width:21px;height:21px}.home-stats-grid article>div{display:grid;min-width:0}.home-stats-grid strong{font-size:20px;letter-spacing:-.025em;white-space:nowrap}.home-stats-grid small{color:var(--public-muted);font-size:11px}
.home-section{padding-block:clamp(62px,7vw,94px)}
.home-features-section,.home-projects-section{background:#fff}.home-updates-section,.home-process-section{background:var(--public-soft)}
.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:27px}.home-section-head.centered{display:grid;justify-items:center;max-width:760px;margin:0 auto 34px;text-align:center}.home-section-head>div{min-width:0}.home-section-head h2,.home-process-copy h2,.home-cta-card h2{margin:12px 0 8px;font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.042em;text-wrap:balance}.home-section-head p,.home-process-copy>p{max-width:720px;margin:0;color:var(--public-muted);font-size:15px;line-height:1.7}
.home-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.home-feature-grid article{display:flex;flex-direction:column;min-width:0;padding:23px;border:1px solid var(--public-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.035)}
.home-feature-grid article:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--public-line));transform:translateY(-3px);box-shadow:var(--public-shadow)}
.home-feature-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary)}.home-feature-grid article>span .ui-icon{width:24px;height:24px}.home-feature-grid h3{margin:20px 0 8px;font-size:18px}.home-feature-grid p{flex:1;margin:0;color:var(--public-muted);line-height:1.68}.home-feature-grid a,.home-text-link{display:inline-flex;align-items:center;gap:6px;margin-top:19px;color:var(--primary);font-size:12px;font-weight:800}.home-feature-grid a .ui-icon,.home-text-link .ui-icon{width:15px;height:15px}
.home-update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.home-update-card{display:flex;flex-direction:column;min-width:0;min-height:235px;padding:22px;border:1px solid #dfe6f0;border-radius:18px;background:#fff}.home-update-card.is-featured{grid-column:span 2;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--primary) 6%,#fff))}.home-update-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7a8698;font-size:10px;font-weight:750}.home-update-meta>span{display:inline-flex;align-items:center;gap:6px;color:var(--primary)}.home-update-meta .ui-icon{width:15px;height:15px}.home-update-card h3{margin:22px 0 9px;font-size:20px;line-height:1.3}.home-update-card.is-featured h3{font-size:clamp(22px,3vw,32px)}.home-update-card p{flex:1;margin:0;color:var(--public-muted);line-height:1.65}
.home-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-event-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px;border:1px solid var(--public-line);border-radius:17px;background:#fff}.home-event-card:hover{border-color:color-mix(in srgb,var(--primary) 34%,var(--public-line));box-shadow:0 12px 34px rgba(15,23,42,.055)}.home-date-box{display:grid;place-items:center;align-content:center;width:62px;height:68px;border-radius:15px;background:#f0f5fc;color:var(--primary)}.home-date-box b{font-size:24px;line-height:1}.home-date-box span{margin-top:5px;font-size:10px;font-weight:850;letter-spacing:.08em}.home-event-copy{min-width:0}.home-event-copy h3{margin:8px 0 5px;font-size:17px}.home-event-copy p{display:flex;align-items:center;gap:6px;margin:0;color:var(--public-muted);font-size:12px}.home-event-copy p .ui-icon{width:15px;height:15px}.home-round-link{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--public-line);border-radius:12px;color:var(--primary)}.home-round-link:hover{background:var(--primary);border-color:var(--primary);color:#fff}.home-round-link .ui-icon{width:18px;height:18px}
.home-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.home-project-card{min-width:0;padding:22px;border:1px solid var(--public-line);border-radius:18px;background:#fff}.home-project-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-project-top>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#f2f6fc;color:var(--primary)}.home-project-top .ui-icon{width:21px;height:21px}.home-project-top em{font-style:normal}.home-project-card h3{min-height:48px;margin:20px 0;font-size:19px}.home-progress-label{display:flex;justify-content:space-between;color:var(--public-muted);font-size:11px}.home-progress-label b{color:var(--public-text)}.home-project-card small{color:var(--public-muted)}
.home-empty-card{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:13px;min-height:150px;padding:25px;border:1px dashed #cbd5e1;border-radius:18px;background:#fff;color:var(--public-muted);text-align:left}.home-empty-card>.ui-icon{width:30px;height:30px;color:var(--primary)}.home-empty-card>div{display:grid}.home-empty-card b{color:var(--public-text)}
.home-process-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(40px,7vw,92px)}.home-process-copy .btn{margin-top:22px}.home-process-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:steps}.home-process-list li{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:18px;border:1px solid #dfe6f0;border-radius:17px;background:#fff}.home-process-list li>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--primary);color:#fff;font-size:12px;font-weight:850}.home-process-list li>div{display:grid;gap:4px}.home-process-list b{font-size:16px}.home-process-list p{margin:0;color:var(--public-muted);line-height:1.6}
.home-cta-section{padding:0 0 clamp(60px,7vw,90px);background:#fff}.home-cta-card{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:clamp(30px,5vw,52px);border-radius:25px;background:linear-gradient(135deg,#163a8a,var(--primary) 58%,var(--secondary));color:#fff;box-shadow:0 25px 65px color-mix(in srgb,var(--primary) 23%,transparent)}.home-cta-card>div:first-child{max-width:760px}.home-cta-card h2{margin-top:16px}.home-cta-card p{margin:0;color:rgba(255,255,255,.78);line-height:1.7}.home-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;flex:0 0 auto}.light-btn{background:#fff!important;border-color:#fff!important;color:#173b83!important}.outline-light{background:transparent!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important}.outline-light:hover{background:rgba(255,255,255,.1)!important}

/* Stable admin shell and collapsed icon rail */
.shell{transition:grid-template-columns .2s ease}
.sidebar{contain:layout paint style;will-change:transform}
.sidebar-nav{scrollbar-gutter:stable}
.nav-item{border:1px solid transparent}
.nav-item.active{border-color:color-mix(in srgb,var(--primary) 15%,transparent)}
html.sidebar-pref-collapsed .shell{grid-template-columns:88px minmax(0,1fr)!important}
html.sidebar-pref-collapsed .sidebar{width:88px!important}
html.sidebar-pref-collapsed .sidebar-head{min-height:76px;padding:10px!important}
html.sidebar-pref-collapsed .sidebar-brand{width:52px;height:52px;padding:5px!important;border-radius:15px}
html.sidebar-pref-collapsed .sidebar-brand:hover{background:var(--surface-2)}
html.sidebar-pref-collapsed .sidebar .brand-logo{width:44px!important;height:44px!important;max-width:44px!important;object-fit:contain}
html.sidebar-pref-collapsed .brand-mark{width:44px!important;height:44px!important;border-radius:13px!important}
html.sidebar-pref-collapsed .sidebar-brand-copy,
html.sidebar-pref-collapsed .sidebar-tools,
html.sidebar-pref-collapsed .sidebar-footer,
html.sidebar-pref-collapsed .nav-group>summary,
html.sidebar-pref-collapsed .nav-section{display:none!important}
html.sidebar-pref-collapsed .sidebar-nav{display:flex;flex-direction:column;gap:7px;padding:10px 15px 18px!important;margin:0!important;overflow-x:hidden}
html.sidebar-pref-collapsed .nav-group{display:block!important;margin:0;padding:7px 0 0!important;border:0!important;border-top:1px solid var(--line)!important}
html.sidebar-pref-collapsed .nav-group:first-of-type{border-top:0!important;padding-top:0!important}
html.sidebar-pref-collapsed .nav-group .nav-group-items{display:grid!important;gap:6px!important}
html.sidebar-pref-collapsed .nav-item{position:relative;display:grid!important;place-items:center;width:48px!important;height:48px!important;min-height:48px!important;margin:0 auto;padding:0!important;border-radius:14px!important;color:var(--muted)}
html.sidebar-pref-collapsed .nav-item .nav-label{display:none!important}
html.sidebar-pref-collapsed .nav-item>.ui-icon{width:22px!important;height:22px!important;color:currentColor!important;opacity:1}
html.sidebar-pref-collapsed .nav-item:hover{background:var(--surface-2);color:var(--primary)}
html.sidebar-pref-collapsed .nav-item.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 25%,transparent)}
html.sidebar-pref-collapsed .nav-item.active:before{content:"";position:absolute;left:-15px;width:4px;height:24px;border-radius:0 5px 5px 0;background:var(--primary)}
html.sidebar-pref-collapsed .nav-item:hover::after{display:none!important}
html.sidebar-pref-collapsed .page{min-width:0}
.desktop-sidebar-toggle .ui-icon{transition:transform .2s ease}
html.sidebar-pref-collapsed .desktop-sidebar-toggle .ui-icon{transform:rotate(180deg)}

/* Panel and member consistency */
.topbar{min-width:0;box-shadow:0 1px 0 rgba(15,23,42,.015)}
.topbar-start,.top-actions{min-width:0}
.content{width:100%}
.theme-full-width .content{max-width:none}
.card,.stat-card{isolation:isolate}
.card-head{gap:16px}.card-head>div{min-width:0}.card-head h2{display:flex;align-items:center;gap:8px;min-width:0}.card-head h2 .ui-icon{color:var(--primary)}
.list-row{align-items:center}.list-row>div{min-width:0}.list-row b,.list-row small{overflow:hidden;text-overflow:ellipsis}
.toolbar{align-items:end}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}
.form-card{width:100%}.form-grid{align-items:start}.field{min-width:0}.field input,.field select,.field textarea{min-width:0}
.table-wrap{border-radius:inherit}.responsive-table td{max-width:420px}
.member-main{min-width:0}.member-hero>div{min-width:0}.member-header{min-width:0}.member-nav-menu{min-width:0}

@media(max-width:1180px){
 .home-feature-grid{grid-template-columns:1fr 1fr}
 .home-stats-grid{grid-template-columns:1fr 1fr}.home-stats-grid article:nth-child(3){border-left:0}.home-stats-grid article:nth-child(n+3){border-top:1px solid #e7edf5}
 .home-update-grid{grid-template-columns:1fr 1fr}.home-update-card.is-featured{grid-column:1/-1}
}
@media(max-width:980px){
 .home-hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:66px}.home-command-card{width:min(680px,100%)}
 .home-event-grid{grid-template-columns:1fr}.home-project-grid{grid-template-columns:1fr 1fr}.home-process-layout{grid-template-columns:1fr;gap:30px}
 .home-cta-card{align-items:flex-start;flex-direction:column}.home-cta-actions{justify-content:flex-start}
}
@media(max-width:900px){
 html.sidebar-pref-collapsed .shell{display:block!important}
 html.sidebar-pref-collapsed .sidebar{width:min(88vw,330px)!important}
 html.sidebar-pref-collapsed .sidebar-head{justify-content:space-between!important;padding:12px!important}
 html.sidebar-pref-collapsed .sidebar-brand{width:auto;height:auto;justify-content:flex-start!important;padding:6px!important}
 html.sidebar-pref-collapsed .sidebar-brand-copy,html.sidebar-pref-collapsed .sidebar-tools,html.sidebar-pref-collapsed .sidebar-footer,html.sidebar-pref-collapsed .nav-group>summary,html.sidebar-pref-collapsed .nav-section{display:flex!important}
 html.sidebar-pref-collapsed .sidebar-brand-copy{display:grid!important}
 html.sidebar-pref-collapsed .sidebar-tools{display:block!important}
 html.sidebar-pref-collapsed .sidebar-footer{display:grid!important}
 html.sidebar-pref-collapsed .nav-group>summary{display:flex!important}
 html.sidebar-pref-collapsed .nav-section{display:block!important}
 html.sidebar-pref-collapsed .sidebar-nav{display:grid;gap:3px;padding:7px 7px max(18px,env(safe-area-inset-bottom))!important}
 html.sidebar-pref-collapsed .nav-group{padding:5px 0!important;border-bottom:1px solid var(--line)!important;border-top:0!important}
 html.sidebar-pref-collapsed .nav-group .nav-group-items{gap:2px!important}
 html.sidebar-pref-collapsed .nav-item{display:flex!important;justify-content:flex-start;width:100%!important;height:auto!important;min-height:44px!important;margin:0;padding:10px 12px!important;border-radius:10px!important}
 html.sidebar-pref-collapsed .nav-item .nav-label{display:block!important}
 html.sidebar-pref-collapsed .nav-item.active:before{display:none}
 html.sidebar-pref-collapsed .desktop-sidebar-toggle{display:none!important}
 .topbar{backdrop-filter:none;background:var(--surface)}
}
@media(max-width:720px){
 .home-container{width:min(100% - 28px,var(--public-container))}
 .home-hero-grid{padding-block:47px;gap:32px}.home-hero h1{font-size:clamp(37px,11vw,55px)}.home-hero-copy>p{font-size:16px}
 .home-hero-actions{display:grid;grid-template-columns:1fr}.home-hero-actions .btn{width:100%}.home-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .home-command-card{padding:15px;border-radius:19px}.home-command-grid{grid-template-columns:1fr 1fr}.home-command-grid article{padding:11px}.home-command-grid b{font-size:12px}
 .home-stats-grid{grid-template-columns:1fr 1fr;padding-block:0}.home-stats-grid article{justify-content:flex-start;padding:17px 12px}.home-stats-grid strong{font-size:17px}
 .home-section{padding-block:52px}.home-section-head{align-items:stretch;flex-direction:column;gap:16px}.home-section-head>.btn{width:100%}
 .home-feature-grid,.home-update-grid,.home-project-grid{grid-template-columns:1fr}.home-update-card.is-featured{grid-column:auto}.home-update-card{min-height:auto}
 .home-event-card{grid-template-columns:auto minmax(0,1fr)}.home-round-link{display:none}.home-date-box{width:56px;height:63px}
 .home-process-list li{padding:15px}.home-cta-section{padding-inline:0}.home-cta-card{width:calc(100% - 20px);padding:25px;border-radius:20px}.home-cta-actions{display:grid;width:100%}.home-cta-actions .btn{width:100%}
 .topbar-title h1{max-width:45vw}.top-actions{gap:4px}.top-actions>.icon-btn{display:none}.top-actions form{display:block}.top-actions form .btn{display:grid;place-items:center}
 .dashboard-grid{gap:12px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card strong{font-size:21px}
 .card-head{align-items:flex-start;flex-direction:column}.card-head>.btn,.card-head>a.btn{width:100%}
 .toolbar{gap:10px}.search{width:100%}.search input{width:100%}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar-actions .btn{width:100%}
}
@media(max-width:460px){
 .home-container{width:calc(100% - 20px)}.home-kicker{font-size:10px}.home-hero h1{font-size:36px}.home-trust-row{grid-template-columns:1fr}
 .home-command-grid{grid-template-columns:1fr}.home-next-event{grid-template-columns:auto minmax(0,1fr)}.home-next-event>.ui-icon{display:none}
 .home-stats-grid{grid-template-columns:1fr}.home-stats-grid article{border-left:0!important;border-top:1px solid #e7edf5}.home-stats-grid article:first-child{border-top:0}
 .home-event-card{gap:11px;padding:13px}.home-event-copy h3{font-size:15px}.home-event-copy p{align-items:flex-start;flex-wrap:wrap}
 .home-process-list li{grid-template-columns:1fr}.home-process-list li>span{width:40px;height:40px}
 .toolbar-actions{grid-template-columns:1fr}.topbar-title{display:block!important}.topbar-title h1{max-width:42vw;font-size:15px}
 .responsive-table tr{padding:11px}.responsive-table td{grid-template-columns:1fr!important;text-align:left!important;gap:3px!important}
}

/* v1.0.15 — true full-width theme, category-based settings and page-scrolling desktop navigation */
:root{--layout-gutter:clamp(18px,2.8vw,48px)}

/* Full-width is applied to every outer application surface, including the v1.0.14 homepage containers. */
body.theme-full-width .content,
body.theme-full-width .settings-layout,
body.theme-full-width .member-main,
body.theme-full-width .public-header,
body.theme-full-width .public-footer,
body.theme-full-width .public-section,
body.theme-full-width .page-section,
body.theme-full-width .home-container,
body.theme-full-width .donation-page,
body.theme-full-width .contact-page,
body.theme-full-width .faq-page,
body.theme-full-width .status-page,
body.theme-full-width .verify-card{
 max-width:none!important;
 width:100%!important;
 margin-left:0!important;
 margin-right:0!important;
}
body.theme-full-width .content{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
body.theme-full-width .settings-layout{padding-left:0;padding-right:0}
body.theme-full-width .member-main,
body.theme-full-width .public-header,
body.theme-full-width .public-footer,
body.theme-full-width .public-section,
body.theme-full-width .page-section,
body.theme-full-width .home-container,
body.theme-full-width .donation-page,
body.theme-full-width .contact-page,
body.theme-full-width .faq-page,
body.theme-full-width .status-page{padding-left:var(--layout-gutter)!important;padding-right:var(--layout-gutter)!important}
body.theme-full-width .home-hero .home-container,
body.theme-full-width .home-stats-band .home-container{max-width:none!important;width:100%!important}
body.theme-full-width .home-cta-card{max-width:none!important;width:100%!important}
body.theme-full-width .donation-workspace{max-width:none!important;width:calc(100% - (var(--layout-gutter) * 2))!important}
body.theme-boxed .home-container{max-width:1180px}

/* Settings categories are independent pages; only the chosen group is rendered. */
.settings-single-layout{max-width:1500px}
.theme-full-width .settings-single-layout{max-width:none}
.settings-page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.settings-page-title{display:flex;align-items:center;gap:14px;min-width:0}.settings-page-title>div{min-width:0}.settings-page-title .eyebrow{display:block;margin-bottom:3px;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.settings-page-title h2{margin:0;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.025em}.settings-page-title p{margin:5px 0 0;color:var(--muted)}
.settings-current-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 11px;border:1px solid color-mix(in srgb,var(--success) 24%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--success) 8%,var(--surface));color:var(--success);font-size:11px;font-weight:800}.settings-current-badge .ui-icon{width:16px;height:16px}
.settings-section-single{overflow:visible}.settings-section-single .settings-form-grid{padding-top:24px}.settings-section-single .theme-settings-preview{margin-top:22px}
.settings-tabs a[aria-current="page"] .settings-tab-arrow{transform:translateX(2px)}

/* Desktop management navigation follows the document; it has no independent scrollbar. */
@media(min-width:901px){
 .shell{align-items:stretch}
 .sidebar{position:relative!important;top:auto!important;align-self:stretch;height:auto!important;min-height:100vh;max-height:none!important;overflow:visible!important;will-change:auto}
 .sidebar-nav{min-height:auto!important;overflow:visible!important;overscroll-behavior:auto;scrollbar-gutter:auto}
 .sidebar-tools,.sidebar-footer{position:relative}
 html.sidebar-pref-collapsed .sidebar-nav{overflow:visible!important}
}

@media(max-width:900px){
 :root{--layout-gutter:14px}
 body.theme-full-width .content,
 body.theme-full-width .member-main,
 body.theme-full-width .public-header,
 body.theme-full-width .public-footer,
 body.theme-full-width .public-section,
 body.theme-full-width .page-section,
 body.theme-full-width .home-container,
 body.theme-full-width .donation-page,
 body.theme-full-width .contact-page,
 body.theme-full-width .faq-page,
 body.theme-full-width .status-page{padding-left:var(--layout-gutter)!important;padding-right:var(--layout-gutter)!important}
 body.theme-full-width .donation-workspace{width:calc(100% - (var(--layout-gutter) * 2))!important}
 .settings-page-intro{align-items:flex-start;padding:15px}.settings-current-badge{display:none}.settings-page-title{align-items:flex-start}.settings-page-title p{font-size:12px}
 .settings-section-single .theme-settings-preview{margin-top:17px}
}

/* v1.0.16 — visible homepage, account dropdown, news platform, resilient donation layout */
.home-page{display:block!important;visibility:visible!important;opacity:1!important;min-height:60vh;background:#fff;color:var(--public-text,#172033)}
.home-page>section{display:block;visibility:visible;opacity:1}
.public-header{position:relative;z-index:120;overflow:visible}
.public-header-actions{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.public-nav-menu,.mobile-nav-links{overflow:visible}
.public-nav-dropdown{position:relative}
.public-nav-dropdown>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:#334155;font-weight:700}
.public-nav-dropdown>summary::-webkit-details-marker{display:none}.public-nav-dropdown>summary>.ui-icon:last-child{width:14px;height:14px;transition:transform .16s}.public-nav-dropdown[open]>summary>.ui-icon:last-child{transform:rotate(180deg)}
.public-nav-dropdown-menu{position:absolute;top:calc(100% + 16px);left:50%;z-index:180;width:min(360px,90vw);padding:10px;transform:translateX(-50%);border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18)}
.public-nav-dropdown-menu:before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;transform:translateX(-50%) rotate(45deg);border-left:1px solid #e2e8f0;border-top:1px solid #e2e8f0;background:#fff}
.public-nav-dropdown-menu>a,.news-menu-group>a,.news-submenu a{position:relative;display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:10px;color:#334155;font-size:13px;font-weight:700}.public-nav-dropdown-menu a:hover{background:#f1f5f9;color:var(--primary)}
.news-menu-group{border-top:1px solid #edf1f7}.news-menu-group:first-of-type{border-top:0}.news-submenu{display:grid;gap:2px;margin:0 0 7px 25px;padding-left:9px;border-left:2px solid #e6ecf4}.news-submenu a{padding:7px 8px;font-size:12px;font-weight:650}
.public-user-menu{position:relative}.public-user-trigger{display:flex;align-items:center;gap:8px;min-height:42px;padding:5px 8px 5px 5px;border:1px solid #dbe3ee;border-radius:13px;background:#fff;color:#172033;font-weight:750;box-shadow:0 5px 18px rgba(15,23,42,.04)}.public-user-trigger:hover,.public-user-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--primary) 42%,#dbe3ee);background:#f8fbff}
.public-user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.public-user-avatar .ui-icon{width:18px;height:18px}.public-user-avatar.large{width:44px;height:44px;border-radius:13px;flex:0 0 auto}.public-user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-chevron{width:14px;height:14px;color:#64748b;transition:transform .16s}.public-user-trigger[aria-expanded=true] .user-menu-chevron{transform:rotate(180deg)}
.public-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:220;width:min(330px,calc(100vw - 22px));overflow:hidden;border:1px solid #dce4ef;border-radius:18px;background:#fff;box-shadow:0 26px 75px rgba(15,23,42,.2)}.public-user-dropdown[hidden]{display:none!important}.public-user-summary{display:flex;align-items:center;gap:12px;padding:17px;background:linear-gradient(135deg,#f8fbff,#f4f1ff);border-bottom:1px solid #e7edf5}.public-user-summary>div{display:grid;min-width:0}.public-user-summary b,.public-user-summary small,.public-user-summary em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-user-summary small{color:#64748b}.public-user-summary em{margin-top:3px;color:var(--primary);font-size:10px;font-style:normal;font-weight:800}
.public-user-links{display:grid;padding:8px}.public-user-links a,.public-user-logout button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#334155;text-align:left;font-weight:700}.public-user-links a:hover,.public-user-logout button:hover{background:#f1f5f9;color:var(--primary)}.public-user-links .ui-icon,.public-user-logout .ui-icon{width:18px;height:18px;color:var(--primary)}.public-user-logout{padding:8px;border-top:1px solid #edf1f6}.public-user-logout button{color:#b42318}.public-user-logout button .ui-icon{color:#dc2626}
.remember-login{display:flex!important;align-items:flex-start;gap:10px;margin:15px 0 0!important;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);cursor:pointer}.remember-login input{width:auto;margin-top:3px}.remember-login span{display:grid;gap:2px}.remember-login small{color:var(--muted);font-weight:500;line-height:1.45}.auth-eyebrow{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--primary);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.auth-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.auth-card-enhanced{text-align:center}
.home-news-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:18px}.home-featured-news{overflow:hidden;border:1px solid #dfe7f1;border-radius:22px;background:#fff;box-shadow:0 14px 42px rgba(15,23,42,.055)}.home-news-cover{display:block;overflow:hidden;aspect-ratio:16/8.4;background:#eaf0f8}.home-news-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.home-featured-news:hover img{transform:scale(1.025)}.home-news-cover.placeholder{display:grid;place-items:center;color:var(--primary);background:linear-gradient(135deg,#edf5ff,#f4efff)}.home-news-cover.placeholder .ui-icon{width:72px;height:72px}.home-featured-news-copy{padding:24px}.home-news-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7a8798;font-size:11px}.home-news-meta a,.home-news-meta span{color:var(--primary);font-weight:800}.home-featured-news h3{margin:15px 0 9px;font-size:clamp(24px,3vw,36px);line-height:1.18;letter-spacing:-.035em}.home-featured-news p{margin:0;color:#64748b;line-height:1.7}.home-news-list{display:grid;align-content:start;gap:10px}.home-news-list article{padding:16px;border:1px solid #e1e8f1;border-radius:15px;background:#fff}.home-news-list h3{margin:9px 0 5px;font-size:16px;line-height:1.35}.home-news-list p{display:-webkit-box;overflow:hidden;margin:0;color:#64748b;font-size:12px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-announcement-strip{display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:16px 18px;border:1px solid #dce6f3;border-radius:16px;background:#f8fbff}.home-announcement-strip>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff;color:var(--primary)}.home-announcement-strip>div{display:grid;gap:7px}.home-announcement-strip>div>div{display:flex;gap:8px;flex-wrap:wrap}.home-announcement-strip a{padding:5px 9px;border-radius:999px;background:#fff;color:#475569;font-size:11px;font-weight:750}
.home-donation-section{padding:0 0 clamp(55px,7vw,90px);background:#fff}.home-donation-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(26px,4vw,46px);border-radius:25px;background:linear-gradient(135deg,#172554,#1d4ed8 60%,#7c3aed);color:#fff;box-shadow:0 25px 65px rgba(37,99,235,.22)}.home-donation-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:rgba(255,255,255,.14)}.home-donation-icon .ui-icon{width:38px;height:38px}.home-donation-card h2{margin:12px 0 7px;font-size:clamp(27px,4vw,44px);line-height:1.12}.home-donation-card p{margin:0;color:rgba(255,255,255,.78);line-height:1.7}.home-donation-facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.home-donation-facts span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750}.home-donation-facts .ui-icon{width:15px;height:15px}
.news-page{max-width:1240px}.news-page-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:35px;border:1px solid #dce5f0;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#f2f6fd 60%,#f6f1ff)}.news-page-hero h1{margin:12px 0 7px;font-size:clamp(36px,6vw,64px);letter-spacing:-.05em}.news-page-hero p{max-width:720px;margin:0;color:#64748b}.news-search{display:flex;gap:8px;width:min(400px,100%)}.news-search input{background:#fff}.news-category-bar{display:flex;gap:7px;overflow-x:auto;margin:22px 0;padding-bottom:5px;scrollbar-width:thin}.news-category-bar a{flex:0 0 auto;padding:9px 12px;border:1px solid #dfe6ef;border-radius:999px;background:#fff;color:#475569;font-size:12px;font-weight:750}.news-category-bar a.sub{font-size:11px}.news-category-bar a.active,.news-category-bar a:hover{border-color:var(--primary);background:var(--primary);color:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.news-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid #dfe6ef;border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.news-card.featured{grid-column:span 2}.news-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#eaf0f7}.news-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .22s}.news-card:hover .news-card-media img{transform:scale(1.03)}.news-card-media.placeholder{display:grid;place-items:center;color:var(--primary);background:linear-gradient(135deg,#eef5ff,#f5f0ff)}.news-card-media.placeholder .ui-icon{width:55px;height:55px}.news-card-body{display:flex;flex:1;flex-direction:column;padding:19px}.news-card-meta{display:flex;justify-content:space-between;gap:10px;color:#8490a1;font-size:10px}.news-card-meta a{color:var(--primary);font-weight:850}.news-card h2{margin:14px 0 7px;font-size:19px;line-height:1.32}.news-card.featured h2{font-size:clamp(22px,3vw,31px)}.news-card p{display:-webkit-box;overflow:hidden;margin:0;color:#64748b;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news-card-footer{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;color:#718096;font-size:11px}.news-card-footer span,.news-card-footer a{display:flex;align-items:center;gap:5px}.news-card-footer a{color:var(--primary);font-weight:800}.news-empty{display:grid;place-items:center;min-height:300px;padding:30px;border:1px dashed #cbd5e1;border-radius:20px;text-align:center}.news-empty>.ui-icon{width:55px;height:55px;color:var(--primary)}.news-detail{max-width:1020px}.news-detail-header{text-align:center}.news-detail-meta{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;color:#64748b;font-size:11px}.news-detail-meta>*{display:inline-flex;align-items:center;gap:5px}.news-detail-meta a{color:var(--primary);font-weight:800}.news-detail h1{max-width:900px;margin:20px auto 13px;font-size:clamp(38px,6.5vw,72px);line-height:1.05;letter-spacing:-.055em}.news-detail-lead{max-width:820px;margin:0 auto;color:#64748b;font-size:19px;line-height:1.75}.news-detail-author{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-weight:750}.news-detail-cover{overflow:hidden;margin:35px 0;border-radius:24px}.news-detail-cover img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover}.news-detail-content{max-width:820px;margin:auto;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.related-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.related-news-grid article{padding:18px;border:1px solid #dfe6ef;border-radius:16px;background:#fff}.related-news-grid span{color:#8490a1;font-size:10px}.related-news-grid h3{font-size:16px}.related-news-grid p{color:#64748b;font-size:12px}.related-news-grid>a,.related-news-grid article>a{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:12px;font-weight:800}
.donation-page-v2{background:#fff;color:#172033}.donation-v2-hero,.donation-v2-campaigns,.donation-v2-workspace{width:min(1220px,calc(100% - 36px));margin-left:auto;margin-right:auto}.donation-v2-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:40px;margin-top:40px;padding:clamp(28px,5vw,58px);border:1px solid #dbe5f1;border-radius:28px;background:linear-gradient(135deg,#f8fbff,#edf4ff 58%,#f7f1ff);overflow:hidden}.donation-v2-copy h1{margin:14px 0 13px;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.055em}.donation-v2-copy>p{max-width:750px;color:#607087;font-size:16px;line-height:1.75}.donation-v2-copy>.btn{margin-top:23px}.donation-v2-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.donation-v2-trust span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#fff;color:#475569;font-size:11px;font-weight:750}.donation-v2-visual{display:grid;place-items:center;align-content:center;min-height:290px;border-radius:50px;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;transform:rotate(4deg);box-shadow:0 28px 70px rgba(37,99,235,.25);text-align:center}.donation-v2-visual>span{display:grid;place-items:center;width:92px;height:92px;border-radius:30px;background:rgba(255,255,255,.15)}.donation-v2-visual>span .ui-icon{width:48px;height:48px}.donation-v2-visual>div{display:grid;margin-top:17px;transform:rotate(-4deg)}.donation-v2-visual b{font-size:25px}.donation-v2-visual small{color:rgba(255,255,255,.78)}.donation-v2-campaigns{padding:70px 0 35px}.donation-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.donation-v2-campaign{display:flex;flex-direction:column;padding:21px;border:1px solid #dfe6ef;border-radius:19px;background:#fff;box-shadow:0 11px 32px rgba(15,23,42,.045)}.donation-v2-campaign-head{display:flex;justify-content:space-between;align-items:center}.donation-v2-campaign-head>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eef5ff;color:var(--primary)}.donation-v2-campaign-head em{font-style:normal;font-size:12px;font-weight:850;color:var(--primary)}.donation-v2-campaign h3{margin:18px 0 7px}.donation-v2-campaign p{flex:1;margin:0;color:#64748b;line-height:1.65}.donation-v2-values{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px}.donation-v2-values span{display:grid}.donation-v2-values span:last-child{text-align:right}.donation-v2-values small{color:#8490a1;font-size:10px}.donation-v2-empty{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding:24px;border:1px dashed #cbd5e1;border-radius:18px}.donation-v2-empty>div{flex:1}.donation-v2-empty h3,.donation-v2-empty p{margin:0}.donation-v2-empty p{color:#64748b}.donation-v2-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:20px;padding:25px 0 75px;scroll-margin-top:90px}.donation-v2-form-card,.donation-v2-bank,.donation-v2-steps{border:1px solid #dfe6ef;border-radius:21px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.05)}.donation-v2-form-card{min-width:0;padding:24px}.donation-v2-form-head{display:flex;gap:13px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid #e7edf5}.donation-v2-form-head>span,.donation-v2-side-title>span{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--primary);color:#fff}.donation-v2-form-head small{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.07em}.donation-v2-form-head h2{margin:4px 0}.donation-v2-form-head p{margin:0;color:#64748b}.donation-form-v2{padding-top:20px}.donation-v2-consent{padding:13px;border:1px solid #dce5f0;border-radius:12px;background:#f8fbff}.donation-v2-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding-top:18px;border-top:1px solid #e7edf5}.donation-v2-submit>span{display:flex;align-items:center;gap:6px;color:#64748b;font-size:11px}.donation-v2-side{display:grid;align-content:start;gap:14px}.donation-v2-bank,.donation-v2-steps{padding:18px}.donation-v2-side-title{display:flex;gap:11px;align-items:center;margin-bottom:14px}.donation-v2-side-title>span{width:40px;height:40px}.donation-v2-side-title>div{display:grid}.donation-v2-side-title small{color:#64748b}.donation-v2-bank article{display:grid;gap:8px;padding:13px 0;border-top:1px solid #e7edf5}.donation-v2-bank article>div{display:grid}.donation-v2-bank article small{color:#64748b}.donation-v2-bank code{padding:8px;border-radius:9px;background:#f5f7fb;overflow-wrap:anywhere}.donation-v2-steps ol{display:grid;gap:13px;margin:0;padding:0;list-style:none}.donation-v2-steps li{display:flex;align-items:center;gap:9px;color:#475569}.donation-v2-steps li span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eef5ff;color:var(--primary);font-size:11px;font-weight:850}
body.theme-full-width .donation-v2-hero,body.theme-full-width .donation-v2-campaigns,body.theme-full-width .donation-v2-workspace{width:calc(100% - (var(--layout-gutter)*2));max-width:none}
@media(max-width:1000px){.home-news-layout{grid-template-columns:1fr}.home-news-list{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}.related-news-grid{grid-template-columns:1fr 1fr}.donation-v2-grid{grid-template-columns:1fr 1fr}.donation-v2-workspace{grid-template-columns:1fr}.donation-v2-side{grid-template-columns:1fr 1fr}.home-donation-card{grid-template-columns:auto 1fr}.home-donation-card>.btn{grid-column:2;justify-self:start}}
@media(max-width:900px){.public-nav-dropdown{width:100%}.public-nav-dropdown>summary{width:100%;padding:10px 12px;border-radius:10px}.public-nav-dropdown-menu{position:static;width:100%;margin-top:4px;padding:6px;transform:none;border:0;border-left:2px solid #dbe6f3;border-radius:0;background:transparent;box-shadow:none}.public-nav-dropdown-menu:before{display:none}.public-nav-dropdown-menu a{color:#334155}.public-user-name,.user-menu-chevron{display:none}.public-user-trigger{padding:4px;border-radius:12px}.public-user-avatar{width:34px;height:34px}.public-user-dropdown{position:fixed;top:72px;right:10px;left:10px;width:auto}.home-donation-card{grid-template-columns:1fr}.home-donation-icon{width:60px;height:60px}.home-donation-card>.btn{grid-column:auto;justify-self:start}.news-page-hero{align-items:stretch;flex-direction:column}.news-search{width:100%}.donation-v2-hero{grid-template-columns:1fr}.donation-v2-visual{min-height:220px;transform:none}.donation-v2-visual>div{transform:none}}
@media(max-width:700px){.home-news-list{grid-template-columns:1fr}.home-featured-news-copy{padding:18px}.home-announcement-strip{align-items:flex-start}.news-grid,.donation-v2-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.related-news-grid{grid-template-columns:1fr}.news-page-hero{padding:22px}.news-search{display:grid;grid-template-columns:1fr}.donation-v2-hero,.donation-v2-campaigns,.donation-v2-workspace{width:calc(100% - 20px)}.donation-v2-hero{margin-top:16px;padding:24px;border-radius:21px}.donation-v2-visual{display:none}.donation-v2-campaigns{padding-top:50px}.donation-v2-side{grid-template-columns:1fr}.donation-v2-form-card{padding:17px}.donation-v2-form-head{align-items:flex-start}.donation-v2-submit{align-items:stretch;flex-direction:column}.donation-v2-submit .btn{width:100%}.donation-v2-empty{align-items:flex-start;flex-direction:column}.home-donation-facts{display:grid}.home-donation-card>.btn{width:100%}}

/* v1.0.18 — simplified dynamic copyright footer */
.public-body>.public-footer{
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:18px!important;
 min-height:82px;
 text-align:left!important;
}
.public-footer-copyright{min-width:0}
.public-footer-copyright p{margin:0!important;color:#667085;line-height:1.55}
.public-footer-copyright strong{color:#172033;font-weight:800}
.public-footer-developer{flex:0 0 auto;margin:0!important;text-align:right!important;color:#667085}
.public-footer-developer a{color:var(--primary);font-weight:800}
html[data-theme=dark] .public-footer-copyright strong{color:var(--text)}
@media(max-width:700px){
 .public-body>.public-footer{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;min-height:auto;padding-top:24px!important;padding-bottom:24px!important}
 .public-footer-developer{text-align:left!important}
}

/* v1.0.18 — stable account dropdown, resilient donation page and production cleanup */
.public-header{z-index:240!important;overflow:visible!important;isolation:isolate}
.public-header-actions{position:relative;z-index:245;overflow:visible}
.public-user-menu{position:relative;z-index:250;isolation:isolate}
.public-user-trigger{position:relative;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.public-user-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 25%,transparent);outline-offset:2px}
.public-user-menu.is-open .public-user-trigger{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}
.public-user-dropdown{top:calc(100% + 9px)!important;right:0!important;left:auto!important;z-index:270!important;width:min(340px,calc(100vw - 20px))!important;max-height:min(610px,calc(100dvh - 92px));overflow:auto!important;overscroll-behavior:contain;pointer-events:auto;transform-origin:top right;animation:account-menu-in .16s ease-out}
.public-user-dropdown[hidden]{display:none!important}
.public-user-dropdown a,.public-user-dropdown button{touch-action:manipulation}
.user-menu-backdrop{display:none;position:fixed;inset:0;z-index:210;background:rgba(15,23,42,.24);opacity:0;transition:opacity .16s}
.user-menu-backdrop.show{display:block;opacity:1}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}

/* A single, predictable public donation surface. */
.donation-page-v3{--donation-line:#dfe7f1;--donation-soft:#f6f9fd;--donation-text:#172033;--donation-muted:#637083;display:block;min-height:60vh;padding:1px 0 72px;background:#fff;color:var(--donation-text);overflow-x:clip}
.donation-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto;min-width:0}
.donation-hero-v3{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:clamp(24px,5vw,62px);margin-top:36px;padding:clamp(30px,5vw,62px);border:1px solid var(--donation-line);border-radius:28px;background:linear-gradient(135deg,#f9fbff 0%,#eff5ff 57%,#f7f2ff 100%);box-shadow:0 18px 56px rgba(15,23,42,.06)}
.donation-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:11px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}
.donation-eyebrow .ui-icon{width:17px;height:17px}
.donation-hero-copy{min-width:0}.donation-hero-copy h1{max-width:760px;margin:15px 0 14px;font-size:clamp(39px,6vw,69px);line-height:1.02;letter-spacing:-.055em}.donation-hero-copy>p{max-width:760px;margin:0;color:var(--donation-muted);font-size:16px;line-height:1.75}
.donation-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.donation-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.donation-trust-row span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e3eaf3;border-radius:999px;background:rgba(255,255,255,.86);color:#475569;font-size:11px;font-weight:750}.donation-trust-row .ui-icon{width:15px;height:15px;color:var(--primary)}
.donation-summary-card{display:grid;align-content:center;min-width:0;min-height:300px;padding:30px;border-radius:24px;background:linear-gradient(145deg,#172554,#1d4ed8 64%,#7c3aed);color:#fff;box-shadow:0 27px 68px rgba(37,99,235,.24)}.donation-summary-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:19px;background:rgba(255,255,255,.14)}.donation-summary-icon .ui-icon{width:31px;height:31px}.donation-summary-card>p{margin:25px 0 0;color:rgba(255,255,255,.7);font-size:12px}.donation-summary-card>strong{font-size:55px;line-height:1;letter-spacing:-.055em}.donation-summary-line{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17)}.donation-summary-line span{color:rgba(255,255,255,.72);font-size:11px}.donation-summary-line b{text-align:right;font-size:18px}.donation-summary-card>small{margin-top:13px;color:rgba(255,255,255,.62);line-height:1.55}
.donation-campaign-section{padding:68px 0 30px}.donation-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.donation-section-head h2{margin:10px 0 5px;font-size:clamp(27px,4vw,42px);letter-spacing:-.04em}.donation-section-head p{margin:0;color:var(--donation-muted)}.text-action{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--primary);font-weight:800}.text-action .ui-icon{width:17px;height:17px}
.donation-campaign-grid-v3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px}.donation-campaign-v3{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--donation-line);border-radius:19px;background:#fff;box-shadow:0 10px 31px rgba(15,23,42,.045)}.donation-campaign-top{display:flex;align-items:center;justify-content:space-between}.donation-campaign-top>span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#eef5ff;color:var(--primary)}.donation-campaign-top em{font-style:normal;color:var(--primary);font-size:12px;font-weight:850}.donation-campaign-v3 h3{margin:18px 0 8px;font-size:19px}.donation-campaign-v3 p{flex:1;margin:0;color:var(--donation-muted);line-height:1.65}.donation-progress{height:9px;overflow:hidden;margin:20px 0 12px;border-radius:999px;background:#e9eef6}.donation-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary))}.donation-campaign-values{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.donation-campaign-values span{display:grid;min-width:0}.donation-campaign-values span:last-child{text-align:right}.donation-campaign-values small{color:#8490a1;font-size:10px;text-transform:uppercase}.donation-campaign-values b{overflow-wrap:anywhere}.donation-campaign-v3>.btn{width:100%;margin-top:auto}.donation-empty-v3{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border:1px dashed #c9d5e5;border-radius:18px;background:var(--donation-soft)}.donation-empty-v3>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;color:var(--primary)}.donation-empty-v3 h3,.donation-empty-v3 p{margin:0}.donation-empty-v3 p{color:var(--donation-muted)}
.donation-workspace-v3{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(300px,.64fr);align-items:start;gap:20px;padding:28px 0 0;scroll-margin-top:92px}.donation-form-card-v3,.donation-side-card-v3,.donation-help-v3{min-width:0;border:1px solid var(--donation-line);border-radius:21px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.05)}.donation-form-card-v3{padding:25px}.donation-form-title{display:flex;align-items:flex-start;gap:14px;padding-bottom:20px;border-bottom:1px solid #e7edf5}.donation-form-title>span,.donation-side-title-v3>span{display:grid;place-items:center;flex:0 0 auto;width:47px;height:47px;border-radius:14px;background:var(--primary);color:#fff}.donation-form-title small{color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.07em}.donation-form-title h2{margin:4px 0 4px;font-size:24px}.donation-form-title p{margin:0;color:var(--donation-muted)}.donation-tracking-v3{margin-top:18px}.donation-form-v3{padding-top:21px}.donation-fields-v3{gap:17px}.donation-fields-v3 label b{color:#dc2626}.amount-input-v3{position:relative}.amount-input-v3 input{padding-right:67px}.amount-input-v3 span{position:absolute;top:50%;right:12px;transform:translateY(-50%);padding-left:10px;border-left:1px solid #dce3ed;color:#64748b;font-size:12px;font-weight:850}.donation-quick-amounts{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.donation-quick-amounts>span{margin-right:2px;color:var(--donation-muted);font-size:11px;font-weight:750}.donation-quick-amounts button{width:auto;min-height:34px;padding:6px 10px;border:1px solid #dce4ef;border-radius:999px;background:#fff;color:#475569;font-size:11px;font-weight:800}.donation-quick-amounts button:hover,.donation-quick-amounts button:focus-visible{border-color:var(--primary);color:var(--primary);outline:none}.donation-file-box{padding:13px;border:1px dashed #cbd7e6;border-radius:12px;background:#f8faff}.donation-file-box input{padding:7px;background:#fff}.donation-file-box small{display:block;margin-top:7px;color:var(--donation-muted)}.donation-choice-v3{padding:13px 14px;border:1px solid #dfe7f1;border-radius:12px;background:#fafcff}.donation-choice-v3.required{background:#f7fbff;border-color:#ccdaeb}.donation-choice-v3 label>span{display:grid;gap:2px}.donation-choice-v3 small{color:var(--donation-muted);font-weight:500}.donation-submit-v3{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:19px;border-top:1px solid #e7edf5}.donation-submit-v3 p{display:flex;align-items:center;gap:7px;margin:0;color:var(--donation-muted);font-size:11px}.donation-submit-v3 p .ui-icon{flex:0 0 auto;color:var(--primary)}
.donation-side-v3{display:grid;align-content:start;gap:14px}.donation-side-card-v3{padding:18px}.donation-side-title-v3{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.donation-side-title-v3>span{width:41px;height:41px}.donation-side-title-v3>div{display:grid}.donation-side-title-v3 small{color:var(--donation-muted)}.donation-bank-list-v3{display:grid}.donation-bank-list-v3 article{display:grid;gap:10px;padding:14px 0;border-top:1px solid #e7edf5}.donation-bank-list-v3 article:first-child{border-top:0}.donation-bank-list-v3 article>div:first-child{display:grid}.donation-bank-list-v3 small{color:var(--donation-muted)}.donation-iban{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border:1px dashed #cbd7e6;border-radius:10px;background:#f8faff}.donation-iban code{min-width:0;overflow-wrap:anywhere;padding:2px 4px;color:#334155;font:700 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.donation-iban button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e2ee;border-radius:9px;background:#fff;color:var(--primary)}.donation-iban button.copied{background:#ecfdf3;color:#15803d}.donation-bank-empty{margin:0;color:var(--donation-muted);font-size:12px}.donation-side-empty{display:flex;align-items:flex-start;gap:9px;padding:13px;border-radius:11px;background:#fff8eb;color:#92400e}.donation-side-empty p{margin:0}.donation-steps-v3{display:grid;gap:13px;margin:0;padding:0;list-style:none}.donation-steps-v3 li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.donation-steps-v3 li>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eef5ff;color:var(--primary);font-size:11px;font-weight:850}.donation-steps-v3 li>div{display:grid}.donation-steps-v3 small{color:var(--donation-muted)}.donation-help-v3{display:flex;align-items:flex-start;gap:12px;padding:18px;background:linear-gradient(135deg,#f8fbff,#f4f1ff)}.donation-help-v3>.ui-icon{flex:0 0 auto;width:24px;height:24px;color:var(--primary)}.donation-help-v3 p{margin:5px 0 0;color:var(--donation-muted)}
body.theme-full-width .donation-shell{width:calc(100% - (var(--layout-gutter)*2));max-width:none}

@media(max-width:1000px){
 .donation-hero-v3{grid-template-columns:1fr}.donation-summary-card{min-height:230px}
 .donation-workspace-v3{grid-template-columns:1fr}.donation-side-v3{grid-template-columns:1fr 1fr}.donation-help-v3{grid-column:1/-1}
}
@media(max-width:900px){
 .public-user-dropdown{position:absolute!important;top:calc(100% + 9px)!important;right:0!important;left:auto!important;width:min(340px,calc(100vw - 20px))!important;max-height:calc(100dvh - 88px)}
 .public-user-menu.is-open{z-index:275}.user-menu-backdrop.show{display:block}
}
@media(min-width:901px){.user-menu-backdrop{display:none!important}}
@media(max-width:700px){
 .donation-page-v3{padding-bottom:42px}.donation-shell{width:calc(100% - 20px)}
 .donation-hero-v3{margin-top:12px;padding:24px 19px;border-radius:21px}.donation-hero-copy h1{font-size:clamp(35px,11vw,48px)}.donation-hero-actions{display:grid}.donation-hero-actions .btn{width:100%}.donation-summary-card{min-height:210px;padding:23px;border-radius:19px}.donation-summary-card>strong{font-size:47px}
 .donation-campaign-section{padding-top:50px}.donation-section-head{align-items:flex-start;flex-direction:column;gap:10px}.donation-section-head .text-action{display:none}.donation-empty-v3{grid-template-columns:1fr;align-items:start}
 .donation-workspace-v3{padding-top:18px}.donation-form-card-v3{padding:17px}.donation-form-title{gap:11px}.donation-form-title>span{width:42px;height:42px}.donation-form-title h2{font-size:20px}.donation-fields-v3{grid-template-columns:1fr}.donation-submit-v3{align-items:stretch;flex-direction:column}.donation-submit-v3 .btn{width:100%}.donation-side-v3{grid-template-columns:1fr}.donation-help-v3{grid-column:auto}
 .public-user-dropdown{right:-48px!important;width:calc(100vw - 16px)!important;max-width:none;border-radius:16px}.public-user-summary{padding:15px}
}
@media(max-width:420px){
 .donation-trust-row{display:grid}.donation-quick-amounts{display:grid;grid-template-columns:1fr 1fr}.donation-quick-amounts>span{grid-column:1/-1}.donation-quick-amounts button{width:100%}.donation-campaign-values{align-items:start;flex-direction:column}.donation-campaign-values span:last-child{text-align:left}
 .public-user-dropdown{right:-46px!important}
}
@media(prefers-reduced-motion:reduce){.public-user-dropdown{animation:none}.donation-page-v3 *{scroll-behavior:auto!important}}

/* v1.0.20 — flat public pages, ordered navigation, responsive homepage cards and compact listing pages */
.home-hero-bg{display:none!important}
.home-hero{background:#f7f9fc}
.home-command-card,
.home-command-grid article>span,
.home-primary-action,
.home-feature-grid article,
.home-event-card,
.home-project-card,
.home-process-list li,
.home-donation-card,
.home-cta-card,
.home-featured-news,
.home-latest-news-card,
.content-card,
.listing-card,
.donation-hero-v3,
.donation-summary-card,
.donation-campaign-v3,
.donation-form-card-v3,
.donation-side-card-v3,
.donation-help-v3{box-shadow:none!important}
.home-feature-grid article:hover,.home-event-card:hover,.home-next-event:hover{transform:none!important;box-shadow:none!important}
.home-command-card{backdrop-filter:none;background:#fff}
.home-command-grid article>span{border:1px solid #e6ebf3}
.home-donation-card,.home-cta-card{border:1px solid rgba(255,255,255,.2);border-radius:20px}
.home-donation-section,.home-cta-section{padding-inline:0}
.home-donation-section>.home-container,.home-cta-section>.home-container{display:block}
body.theme-full-width .home-donation-section>.home-container,
body.theme-full-width .home-cta-section>.home-container{width:100%!important;padding-left:var(--layout-gutter)!important;padding-right:var(--layout-gutter)!important}
body.theme-full-width .home-donation-card,
body.theme-full-width .home-cta-card{width:100%!important;max-width:none!important;margin:0!important}
.home-donation-campaign{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:620px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.home-donation-campaign>span{display:grid}.home-donation-campaign small{color:rgba(255,255,255,.7)}.home-donation-campaign em{font-style:normal;font-size:20px;font-weight:850}

.home-news-showcase{background:#f7f9fc}
.home-news-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:16px;padding:16px;border:1px solid var(--public-line);border-radius:20px;background:#fff}
.home-featured-news{overflow:hidden;border:1px solid var(--public-line);border-radius:16px;background:#fff}
.home-news-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#eef3f9}
.home-news-cover img,.home-latest-news-thumb img{width:100%;height:100%;object-fit:cover}
.home-news-cover.placeholder,.home-latest-news-thumb.placeholder{display:grid;place-items:center;color:var(--primary)}
.home-news-cover.placeholder .ui-icon{width:60px;height:60px}
.home-featured-news-copy{padding:22px}
.home-featured-news-copy h3{margin:12px 0 8px;font-size:clamp(23px,3vw,34px);line-height:1.2;letter-spacing:-.025em}
.home-featured-news-copy p{margin:0;color:var(--public-muted);line-height:1.7}
.home-news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7b8798;font-size:10px;font-weight:750}.home-news-meta a,.home-news-meta span{color:var(--primary)}
.home-latest-news-grid{display:grid;align-content:start;gap:10px}
.home-latest-news-card{display:grid;grid-template-columns:118px minmax(0,1fr);gap:13px;min-width:0;padding:10px;border:1px solid var(--public-line);border-radius:14px;background:#fff}
.home-latest-news-thumb{display:block;overflow:hidden;aspect-ratio:1.35/1;border-radius:10px;background:#eef3f9}
.home-latest-news-thumb.placeholder .ui-icon{width:30px;height:30px}
.home-latest-news-card>div{min-width:0}.home-latest-news-card h3{margin:7px 0 4px;font-size:15px;line-height:1.35}.home-latest-news-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--public-muted);font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-announcement-strip{margin-top:14px}

.listing-page-section{padding-top:clamp(38px,5vw,62px);padding-bottom:clamp(28px,4vw,44px)}
.listing-page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--public-line)}
.listing-page-header h1{display:block;margin:12px 0 7px;font-size:clamp(32px,5vw,50px);line-height:1.08;letter-spacing:-.045em}.listing-page-header p{max-width:720px;margin:0;color:var(--public-muted);font-size:15px;line-height:1.7}
.listing-page-count{display:grid;flex:0 0 auto;min-width:150px;padding:15px 17px;border:1px solid var(--public-line);border-radius:14px;background:#f8fafc;text-align:right}.listing-page-count strong{font-size:27px;line-height:1}.listing-page-count span{margin-top:5px;color:var(--public-muted);font-size:10px;font-weight:750;text-transform:uppercase}
.listing-grid{display:grid;gap:13px}.event-listing-grid{grid-template-columns:1fr}.project-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.listing-card{min-width:0;border:1px solid var(--public-line);border-radius:16px;background:#fff}
.event-listing-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:18px}
.listing-card-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:1px solid #dce5f0;border-radius:13px;background:#f3f6fa;color:var(--primary)}.listing-card-icon .ui-icon{width:24px;height:24px}
.event-listing-date{align-content:center;width:68px;height:74px}.event-listing-date b{font-size:27px;line-height:1}.event-listing-date span{margin-top:5px;font-size:10px;font-weight:850;letter-spacing:.07em}
.listing-card-body{min-width:0}.listing-card-body h2{margin:9px 0 6px;font-size:19px;line-height:1.35}.listing-card-body p{margin:0;color:var(--public-muted);line-height:1.62}.listing-card-meta,.listing-card-facts{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--public-muted);font-size:11px}.listing-card-meta{justify-content:space-between}.listing-card-facts{margin-top:12px}.listing-card-facts span{display:inline-flex;align-items:center;gap:5px}.listing-card-facts .ui-icon{width:15px;height:15px;color:var(--primary)}
.listing-card-action{white-space:nowrap}
.project-listing-card{display:flex;flex-direction:column;padding:20px}.listing-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-listing-card .listing-card-body{display:flex;flex:1;flex-direction:column}.project-listing-card h2{min-height:52px;margin:18px 0 8px}.project-listing-progress{margin-top:auto;padding-top:20px}.project-listing-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--public-muted);font-size:11px}.project-listing-progress b{color:var(--public-text)}
.listing-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;min-height:180px;padding:28px;border:1px dashed #cbd5e1;border-radius:16px;background:#fff;color:var(--public-muted)}.listing-empty>.ui-icon{width:36px;height:36px;color:var(--primary)}.listing-empty h2,.listing-empty p{margin:0}.listing-empty h2{color:var(--public-text);font-size:20px}.listing-empty p{margin-top:5px}
.public-footer{padding-top:24px!important;padding-bottom:24px!important}

/* Public cards remain flat in all theme styles; only borders and surfaces communicate hierarchy. */
.public-body.theme-style-soft .content-card,
.public-body.theme-style-soft .listing-card,
.public-body.theme-style-soft .home-feature-grid article,
.public-body.theme-style-soft .home-event-card,
.public-body.theme-style-soft .home-project-card{box-shadow:none!important}

@media(max-width:1000px){
 .home-news-panel{grid-template-columns:1fr}.home-latest-news-grid{grid-template-columns:1fr 1fr}.project-listing-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .home-news-panel{padding:10px;border-radius:16px}.home-featured-news-copy{padding:17px}.home-latest-news-grid{grid-template-columns:1fr}.home-latest-news-card{grid-template-columns:100px minmax(0,1fr)}
 .listing-page-header{align-items:flex-start;flex-direction:column}.listing-page-count{width:100%;text-align:left}.event-listing-card{grid-template-columns:auto minmax(0,1fr)}.listing-card-action{grid-column:1/-1;width:100%}.project-listing-grid{grid-template-columns:1fr}
 .home-donation-card,.home-cta-card{border-radius:17px}.home-donation-section>.home-container,.home-cta-section>.home-container{width:calc(100% - 20px);padding-inline:0!important}
 body.theme-full-width .home-donation-section>.home-container,body.theme-full-width .home-cta-section>.home-container{width:100%!important;padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:440px){
 .home-latest-news-card{grid-template-columns:84px minmax(0,1fr);gap:10px}.home-latest-news-card p{display:none}.home-latest-news-card h3{font-size:14px}.event-listing-card{grid-template-columns:1fr}.event-listing-date{width:60px}.listing-card-action{grid-column:auto}.listing-page-section{padding-bottom:26px}
}

/* v1.0.20 — unified member portal, profile settings and reliable empty states */
.home-announcement-strip.is-empty{align-items:center;border-style:dashed;background:#fff}.home-announcement-strip.is-empty small{display:block;margin-top:3px;color:var(--public-muted)}
.home-donation-campaign.is-empty{align-items:center}.home-donation-campaign.is-empty>.ui-icon{width:28px;height:28px;color:rgba(255,255,255,.78)}
.event-listing-page,.project-listing-page{margin-bottom:0!important;padding-bottom:24px!important}.event-listing-page+.public-footer,.project-listing-page+.public-footer{margin-top:0!important}
.public-body>#public-main{min-height:0}.public-body>.public-footer{margin-top:0}

.member-portal-body{min-height:100dvh;background:var(--bg);color:var(--text)}
.member-site-header{position:sticky;top:0;z-index:80;width:100%;max-width:none;min-height:72px;height:72px;padding-left:max(20px,calc((100vw - 1500px)/2));padding-right:max(20px,calc((100vw - 1500px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(14px)}
.member-site-brand{flex:0 0 auto}.member-site-brand small{color:var(--muted)!important}
.member-site-navigation{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;margin-left:auto}.member-site-navigation>.mobile-nav-links{display:flex;align-items:center;gap:4px;overflow:visible;padding:0}.member-site-navigation .public-nav-link,.member-site-navigation .public-nav-dropdown>summary{min-height:42px;padding:9px 11px;border-radius:10px;color:var(--muted);font-weight:700}.member-site-navigation .public-nav-link:hover,.member-site-navigation .public-nav-dropdown>summary:hover{background:var(--surface-2);color:var(--text)}
.member-site-actions{display:flex;align-items:center;gap:7px;margin-left:12px}.member-account-mobile-toggle{display:none}
.member-portal-frame{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;width:min(1500px,calc(100% - 40px));min-height:calc(100dvh - 142px);margin:0 auto;padding:24px 0 34px}
.theme-full-width .member-portal-frame{width:100%;max-width:none;padding-left:28px;padding-right:28px}
.member-account-sidebar{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;max-height:none;overflow:visible;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:none}
.member-sidebar-mobile-head{display:none}
.member-account-profile{display:grid;justify-items:center;padding:24px 20px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))}
.member-account-photo{display:grid;place-items:center;width:104px;height:104px;overflow:hidden;border:4px solid var(--surface);border-radius:28px;background:var(--surface-2);color:var(--primary);box-shadow:0 0 0 1px var(--line)}
.member-account-photo img{width:100%;height:100%;object-fit:cover}.member-account-photo>.ui-icon{width:46px;height:46px}
.member-account-identity{display:grid;justify-items:center;gap:4px;margin-top:13px;text-align:center}.member-account-identity strong{font-size:17px}.member-account-identity>span{color:var(--muted);font-size:12px}.member-account-identity .status-pill{margin-top:4px}
.member-account-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:12px}.member-account-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:700}.member-account-meta .ui-icon{width:14px;height:14px;color:var(--primary)}
.member-account-nav{display:grid;gap:3px;min-height:0;padding:12px;overflow:visible;overscroll-behavior:auto}.member-account-nav-label{padding:10px 10px 5px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.member-account-nav a{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 4px;align-items:center;gap:10px;min-height:44px;padding:10px 11px;border-radius:11px;color:var(--muted);font-weight:700}.member-account-nav a>.ui-icon{width:19px;height:19px;color:var(--primary)}.member-account-nav a:hover{background:var(--surface-2);color:var(--text)}.member-account-nav a.active{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.member-account-nav a i{width:4px;height:22px;border-radius:999px;background:var(--primary)}
.member-account-sidebar-footer{display:grid;gap:8px;margin-top:auto;padding:12px;border-top:1px solid var(--line);background:var(--surface)}.member-account-sidebar-footer form,.member-account-sidebar-footer .btn{width:100%}.member-website-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-weight:700}.member-website-link:hover{background:var(--surface-2);color:var(--text)}
.member-sidebar-backdrop{display:none}
.member-portal-main{min-width:0}.member-portal-main>.alert{margin-bottom:18px}.member-portal-main .page-head{margin-top:0}.member-portal-main>.card:last-child,.member-portal-main>section:last-child{margin-bottom:0}
.member-portal-footer{width:100%;max-width:none!important;padding-left:max(20px,calc((100vw - 1500px)/2))!important;padding-right:max(20px,calc((100vw - 1500px)/2))!important;background:var(--surface)}

.profile-settings-heading{margin-bottom:18px}.profile-settings-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.profile-settings-overview>a{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.profile-settings-overview>a>.ui-icon{width:24px;height:24px;color:var(--primary)}.profile-settings-overview span{display:grid;min-width:0}.profile-settings-overview b{font-size:13px}.profile-settings-overview small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile-settings-overview>a:hover{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));background:color-mix(in srgb,var(--primary) 4%,var(--surface))}
.profile-settings-card{scroll-margin-top:96px;box-shadow:none}.profile-settings-card-head{align-items:flex-start}.profile-settings-card-head h2{margin:6px 0 3px}.profile-settings-card-head p{margin:0;color:var(--muted)}.profile-membership-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-preference-list{margin:0}.profile-security-card{display:flex;align-items:center;justify-content:space-between;gap:24px}.profile-security-card h2{margin:7px 0 5px}.profile-security-card p{max-width:720px;margin:0;color:var(--muted)}.profile-security-card .btn{flex:0 0 auto}

@media(max-width:1100px){
 .member-portal-frame{grid-template-columns:250px minmax(0,1fr);gap:18px}.profile-settings-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-site-navigation .public-nav-link,.member-site-navigation .public-nav-dropdown>summary{padding-inline:8px;font-size:12px}
}
@media(max-width:900px){
 .member-site-header{height:66px;min-height:66px;padding:0 10px}.member-site-brand>span:last-child small{display:none}.member-site-actions{margin-left:auto}.member-account-mobile-toggle{display:inline-grid;place-items:center}
 .member-portal-frame,.theme-full-width .member-portal-frame{display:block;width:100%;min-height:calc(100dvh - 132px);padding:16px 12px 28px}
 .member-account-sidebar{position:fixed;inset:0 auto 0 0;top:0;z-index:160;width:min(88vw,320px);max-height:100dvh;height:100dvh;border:0;border-right:1px solid var(--line);border-radius:0;transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s;box-shadow:22px 0 60px rgba(15,23,42,.2)}
 .member-account-sidebar.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.member-sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 12px;border-bottom:1px solid var(--line)}
 .member-account-profile{padding-top:18px}.member-account-photo{width:92px;height:92px;border-radius:24px}.member-account-nav{padding-bottom:18px}.member-sidebar-backdrop{position:fixed;inset:0;z-index:150;display:block;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.member-sidebar-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}
 .member-portal-main{width:100%}.member-portal-footer{padding-left:14px!important;padding-right:14px!important}
 .profile-security-card{align-items:flex-start;flex-direction:column}.profile-security-card .btn{width:100%}
}
@media(max-width:620px){
 .member-site-brand b{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-site-brand .brand-logo{max-width:105px!important}.member-site-actions{gap:4px}.member-site-actions .icon-btn{width:38px;height:38px}
 .profile-settings-overview{grid-template-columns:1fr 1fr;gap:8px}.profile-settings-overview>a{padding:11px}.profile-settings-overview small{display:none}.profile-membership-grid{grid-template-columns:1fr}.profile-settings-card{padding:15px}.profile-settings-card-head{display:block}
 .event-listing-page,.project-listing-page{padding-bottom:18px!important}
}

/* v1.0.23 — advanced notification centre, browser push and complete public dark mode */
.notification-center{position:relative;z-index:260;flex:0 0 auto}.notification-trigger{position:relative;overflow:visible}.notification-bell-icon{display:grid;place-items:center}.notification-count{position:absolute;top:-5px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--surface,#fff);border-radius:999px;background:#dc2626;color:#fff;font-size:9px;font-weight:900;line-height:1}.notification-center.has-unread .notification-trigger{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 7%,var(--surface))}.notification-center.has-unread .notification-bell-icon{transform-origin:50% 0;animation:notification-ring 1.45s ease-in-out infinite}.notification-center.has-unread .notification-trigger:after{content:"";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--primary) 35%,transparent);border-radius:9px;animation:notification-pulse 1.8s ease-out infinite;pointer-events:none}@keyframes notification-ring{0%,45%,100%{transform:rotate(0)}8%,24%{transform:rotate(13deg)}16%,32%{transform:rotate(-13deg)}}@keyframes notification-pulse{0%{opacity:.75;transform:scale(.82)}75%,100%{opacity:0;transform:scale(1.35)}}
.notification-dropdown{position:absolute;top:calc(100% + 11px);right:0;z-index:310;width:min(390px,calc(100vw - 22px));overflow:hidden;border:1px solid var(--line,#e2e8f0);border-radius:18px;background:var(--surface,#fff);color:var(--text,#172033);box-shadow:0 28px 80px rgba(15,23,42,.22)}.notification-dropdown[hidden]{display:none!important}.notification-dropdown:before{content:"";position:absolute;top:-7px;right:17px;width:13px;height:13px;transform:rotate(45deg);border-left:1px solid var(--line);border-top:1px solid var(--line);background:var(--surface)}.notification-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.notification-dropdown-head h2{margin:4px 0 0;font-size:18px}.notification-dropdown-head .eyebrow{padding:0;background:transparent;font-size:9px;letter-spacing:.08em}.notification-dropdown-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px;border-bottom:1px solid var(--line);background:var(--surface-2)}.notification-dropdown-actions button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:35px;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800}.notification-dropdown-actions button:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));color:var(--primary)}.notification-dropdown-actions .ui-icon{width:15px;height:15px}.notification-list{display:grid;max-height:min(430px,60vh);overflow-y:auto;overscroll-behavior:contain}.notification-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 8px;align-items:start;gap:11px;padding:13px 15px;border-bottom:1px solid var(--line);color:var(--text)}.notification-item:hover{background:var(--surface-2)}.notification-item.is-unread{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.notification-item-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.notification-item-icon .ui-icon{width:20px;height:20px}.notification-item-copy{display:grid;min-width:0;gap:3px}.notification-item-copy b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.notification-item-copy small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.notification-item-copy time{color:var(--muted);font-size:9px}.notification-item>i{align-self:center;width:7px;height:7px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 11%,transparent)}.notification-empty{display:grid;justify-items:center;gap:5px;padding:32px 18px;color:var(--muted);text-align:center}.notification-empty>.ui-icon{width:30px;height:30px;color:var(--primary)}.notification-empty b{color:var(--text);font-size:13px}.notification-empty small{font-size:10px}.notification-dropdown-footer{padding:9px;background:var(--surface-2)}.notification-dropdown-footer a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:37px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--primary);font-size:11px;font-weight:800}.notification-dropdown-footer .ui-icon{width:15px;height:15px}
.notification-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.notification-page-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-page-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.notification-page-summary>div{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.notification-page-summary>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}.notification-page-summary>div>div{display:grid}.notification-page-summary small{color:var(--muted);font-size:10px}.notification-page-summary b{font-size:22px}.notification-page-list{display:grid;gap:11px}.notification-page-item{display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;margin:0;box-shadow:none}.notification-page-item.is-unread{border-left:4px solid var(--primary);background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.notification-page-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary)}.notification-page-icon .ui-icon{width:24px;height:24px}.notification-page-copy{min-width:0}.notification-page-copy header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.notification-page-copy header>div{display:grid;gap:3px}.notification-page-copy h2{margin:0;font-size:16px}.notification-page-copy time{color:var(--muted);font-size:10px}.notification-page-copy p{margin:13px 0 0;color:var(--muted);line-height:1.68}.notification-action-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--primary);font-size:11px;font-weight:800}.notification-action-link .ui-icon{width:15px;height:15px}.notification-page-empty{display:grid;justify-items:center;gap:7px}.notification-page-empty>.ui-icon{width:38px;height:38px;color:var(--primary)}.notification-page-empty b{color:var(--text)}.notification-page-empty p{margin:0}
.browser-push-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:17px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.browser-push-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--surface);color:var(--primary)}.browser-push-icon .ui-icon{width:25px;height:25px}.browser-push-card>div:nth-child(2){display:grid;gap:4px}.browser-push-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.browser-push-card small{font-weight:700}.browser-push-card small[data-tone=success]{color:var(--success)}.browser-push-card small[data-tone=error]{color:var(--danger)}.browser-push-card small[data-tone=working]{color:var(--warning)}.browser-push-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.browser-push-actions .btn{white-space:nowrap}
.public-theme-toggle{flex:0 0 auto}
/* Public dark theme uses the same semantic surface system as both panels. */
html[data-theme=dark]{--public-bg:#0b1120;--public-soft:#101827;--public-text:#e6edf7;--public-muted:#9aa9bc;--public-line:#253247;--public-shadow:none}
html[data-theme=dark] .public-body,html[data-theme=dark] .home-page{background:var(--public-bg)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-header,html[data-theme=dark] .member-site-header,html[data-theme=dark] .public-footer{border-color:var(--public-line);background:#0d1625;color:var(--public-text)}
html[data-theme=dark] .public-brand b,html[data-theme=dark] .public-footer strong,html[data-theme=dark] .home-section-head h2,html[data-theme=dark] .home-featured-news h3,html[data-theme=dark] .home-latest-news-card h3,html[data-theme=dark] .listing-card h2{color:var(--public-text)}
html[data-theme=dark] .public-brand small,html[data-theme=dark] .public-footer,html[data-theme=dark] .public-nav-link,html[data-theme=dark] .public-nav-dropdown>summary{color:var(--public-muted)}
html[data-theme=dark] .public-nav-link:hover,html[data-theme=dark] .public-nav-dropdown>summary:hover{background:#172236;color:#fff}
html[data-theme=dark] .public-nav-dropdown-menu,html[data-theme=dark] .public-nav-dropdown-menu:before,html[data-theme=dark] .public-user-trigger,html[data-theme=dark] .public-user-dropdown,html[data-theme=dark] .public-user-summary,html[data-theme=dark] .home-feature-grid article,html[data-theme=dark] .home-update-card,html[data-theme=dark] .home-event-card,html[data-theme=dark] .home-project-card,html[data-theme=dark] .home-empty-card,html[data-theme=dark] .home-news-panel,html[data-theme=dark] .home-featured-news,html[data-theme=dark] .home-latest-news-card,html[data-theme=dark] .home-announcement-strip,html[data-theme=dark] .listing-card,html[data-theme=dark] .listing-empty,html[data-theme=dark] .content-card,html[data-theme=dark] .public-form,html[data-theme=dark] .post,html[data-theme=dark] .donation-workspace,html[data-theme=dark] .donation-campaign-card,html[data-theme=dark] .donation-form-card,html[data-theme=dark] .donation-side-card{border-color:var(--public-line)!important;background:#111b2b!important;color:var(--public-text)!important;box-shadow:none!important}
html[data-theme=dark] .home-updates-section,html[data-theme=dark] .home-process-section,html[data-theme=dark] .public-section.alt,html[data-theme=dark] .home-features-section,html[data-theme=dark] .home-projects-section,html[data-theme=dark] .home-donation-section{background:var(--public-soft)!important}
html[data-theme=dark] .home-feature-grid p,html[data-theme=dark] .home-update-card p,html[data-theme=dark] .home-event-copy p,html[data-theme=dark] .home-project-card small,html[data-theme=dark] .home-section-head p,html[data-theme=dark] .home-latest-news-card p,html[data-theme=dark] .listing-card p,html[data-theme=dark] .post-meta,html[data-theme=dark] .lead,html[data-theme=dark] .content-card p{color:var(--public-muted)!important}
html[data-theme=dark] .home-stats-grid article>span,html[data-theme=dark] .home-date-box,html[data-theme=dark] .home-project-top>span,html[data-theme=dark] .home-feature-grid article>span{background:#17243a}
html[data-theme=dark] .public-user-trigger:hover,html[data-theme=dark] .public-user-trigger[aria-expanded=true],html[data-theme=dark] .public-user-links a:hover,html[data-theme=dark] .public-user-logout button:hover,html[data-theme=dark] .public-nav-dropdown-menu a:hover{background:#182438;color:#fff}
html[data-theme=dark] .public-user-summary{background:linear-gradient(135deg,#16243a,#1a2035)!important}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{border-color:var(--public-line);background:#0d1625;color:var(--public-text)}
html[data-theme=dark] .eyebrow{background:#172a49;color:#8bb9ff}
@media(max-width:900px){.notification-dropdown{position:fixed;top:70px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 82px)}.notification-dropdown:before{display:none}.notification-list{max-height:calc(100dvh - 245px)}.public-header-actions,.member-site-actions{gap:4px}.public-header-actions>.icon-btn,.member-site-actions>.icon-btn,.notification-trigger{width:38px;height:38px}.notification-count{top:-3px;right:-4px}.browser-push-card{grid-template-columns:46px minmax(0,1fr)}.browser-push-actions{grid-column:1/-1;justify-content:stretch}.browser-push-actions .btn{flex:1}.notification-page-head{align-items:flex-start;flex-direction:column}.notification-page-actions{width:100%}.notification-page-actions .btn{flex:1}.notification-page-item{grid-template-columns:42px minmax(0,1fr);padding:15px}.notification-page-icon{width:42px;height:42px}.notification-page-copy header{gap:8px}}
@media(max-width:560px){.public-theme-toggle{display:inline-grid!important}.notification-dropdown-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.notification-dropdown-actions button{min-width:0;padding:7px 5px;font-size:9px;line-height:1.2;white-space:normal}.notification-page-summary{grid-template-columns:1fr 1fr}.browser-push-card{grid-template-columns:1fr;text-align:center}.browser-push-icon{margin:auto}.browser-push-actions{display:grid}.notification-page-actions{display:grid;grid-template-columns:1fr}.notification-page-summary>div{padding:13px}.notification-page-copy header{display:grid}.notification-page-item{grid-template-columns:1fr}.notification-page-icon{width:44px;height:44px}}


/* v1.0.23 — reliable mobile member drawer, unified profile saving and clean settings navigation */
.member-account-top-action{display:none;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-weight:800;white-space:nowrap}
.member-account-top-action .ui-icon{width:18px;height:18px;color:var(--primary)}
.member-account-top-action:hover,.member-account-top-action:focus-visible{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--surface-2);color:var(--primary);outline:none}
.profile-settings-unified-form{display:grid;gap:18px}.profile-settings-unified-form>.profile-settings-card{margin:0}
.profile-unified-save{position:sticky;bottom:12px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 14px 34px rgba(15,23,42,.11);backdrop-filter:blur(12px)}
.profile-unified-save>div{display:grid;gap:2px}.profile-unified-save small{color:var(--muted);font-size:11px}.profile-unified-save .btn{flex:0 0 auto}
.settings-save-bar{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:16px;padding:14px 0 4px}.settings-save-bar>div{display:grid;gap:2px;margin-right:auto;text-align:left}.settings-save-bar small{color:var(--muted);font-size:11px}.settings-save-bar .btn{min-width:154px}
@media(min-width:901px){
 .member-account-mobile-toggle.member-account-top-action{display:inline-flex}
 .member-account-sidebar{max-height:none!important;overflow:visible!important}
 .member-account-nav{overflow:visible!important}
 .settings-sidebar{position:relative!important;top:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .settings-tabs{overflow:visible!important;flex:none!important}
 .settings-sidebar-save{display:none!important}
}
@media(max-width:900px){
 .member-account-mobile-toggle.member-account-top-action{display:inline-grid;place-items:center;width:40px;height:40px;min-width:40px;padding:0}
 .member-account-top-action span{display:none}
 .member-account-sidebar{z-index:1002!important;display:flex!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;isolation:isolate}
 .member-account-sidebar.is-open{visibility:visible!important;pointer-events:auto!important}
 .member-account-sidebar,.member-account-sidebar *{pointer-events:auto}
 .member-sidebar-backdrop{z-index:1000!important;touch-action:none}
 .member-sidebar-mobile-head{position:sticky;top:0;z-index:5;flex:0 0 auto;background:var(--surface)}
 .member-account-profile,.member-account-nav,.member-account-sidebar-footer{flex:0 0 auto}
 .member-account-nav{overflow:visible!important}
 .member-account-sidebar-footer{margin-top:0}
 .profile-unified-save{bottom:max(8px,env(safe-area-inset-bottom));align-items:stretch;flex-direction:column;padding:10px}.profile-unified-save>div{display:none}.profile-unified-save .btn{width:100%}
 .settings-save-bar{display:none}
}
@media(max-width:560px){
 .member-site-actions{gap:4px}.member-theme-toggle,.member-site-actions .notification-trigger,.member-account-top-action,.member-site-actions .public-mobile-toggle{width:38px!important;height:38px!important;min-width:38px!important}
}

/* v1.0.24 — reliable public/account drawers and complete public dark surfaces */
.public-user-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 13px;border-bottom:1px solid #e7edf5;background:#fff}
.public-user-dropdown-head>div{display:grid;min-width:0}.public-user-dropdown-head b{font-size:13px}.public-user-dropdown-head small{color:#64748b;font-size:10px}.public-user-close{flex:0 0 auto;width:36px;height:36px;border-radius:10px}
.public-user-links a{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border-radius:10px;color:#334155;font-size:13px;font-weight:750}
.public-user-links a>.ui-icon:first-child{width:19px;height:19px;color:var(--primary)}.public-user-links a>.ui-icon:last-child{width:15px;height:15px;color:#94a3b8}.public-user-primary-link{background:color-mix(in srgb,var(--primary) 8%,#fff);color:var(--primary)!important}
.public-user-logout button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#be123c;font-weight:750}.public-user-logout button .ui-icon{width:19px;height:19px}

@media(max-width:900px){
  /* The main drawer must always sit above auth/account controls. */
  body.public-menu-open .public-header{z-index:1300!important;isolation:isolate!important}
  body.public-menu-open .public-nav-menu{z-index:1320!important;width:min(82vw,320px)!important;max-width:320px!important;box-shadow:-18px 0 54px rgba(15,23,42,.24)!important}
  body.public-menu-open .nav-backdrop{z-index:1290!important}
  body.public-menu-open .public-header-actions{z-index:1!important;pointer-events:none}
  body.public-menu-open .public-nav-menu,body.public-menu-open .public-nav-menu *{pointer-events:auto}
  .public-nav-menu .mobile-nav-links{padding:9px 10px 18px;gap:2px}.public-nav-menu .public-nav-link{min-height:43px!important;padding:9px 10px!important;font-size:13px}.public-nav-menu .public-nav-dropdown>summary{min-height:43px;padding:9px 10px!important;font-size:13px}.public-nav-menu .mobile-nav-head{min-height:64px;padding:9px 10px}.public-nav-menu .mobile-nav-head .icon-btn{width:38px;height:38px}

  /* Account menu receives its own stacking layer. This prevents the backdrop
     from intercepting taps on administrator/member links. */
  body.user-menu-open .public-header{z-index:1400!important;isolation:isolate!important;overflow:visible!important}
  body.user-menu-open .user-menu-backdrop{display:block!important;z-index:1390!important;pointer-events:auto!important;background:rgba(15,23,42,.42)}
  body.user-menu-open .public-user-menu{z-index:1410!important}
  body.user-menu-open .public-user-dropdown{position:fixed!important;top:68px!important;right:8px!important;left:auto!important;z-index:1420!important;width:min(330px,calc(100vw - 16px))!important;max-width:330px!important;max-height:calc(100dvh - 78px)!important;overflow:auto!important;overscroll-behavior:contain;pointer-events:auto!important;border-radius:16px!important}
  body.user-menu-open .public-user-dropdown,body.user-menu-open .public-user-dropdown *{pointer-events:auto!important}
  .public-user-dropdown-head{position:sticky;top:0;z-index:4}
}
@media(max-width:420px){body.public-menu-open .public-nav-menu{width:min(84vw,304px)!important}.public-user-dropdown-head small{display:none}}

/* Public dark-mode coverage. Components that previously used literal white
   colors now inherit the semantic dark surfaces. */
html[data-theme=dark] .public-body :is(.home-hero,.home-stats-band,.home-command-card,.home-next-event,.home-process-list,.home-process-list li,.home-cta-card,.news-page-hero,.news-card,.news-category-bar,.news-detail,.news-detail-header,.news-detail-content,.related-news,.event-listing-page,.event-listing-card,.event-detail,.event-facts,.event-register,.project-listing-page,.project-listing-card,.page-section,.faq-list details,.contact-details,.contact-grid>*,.gallery-item,.status-page,.verify-card,.application-result,.empty-state,.error-page){background:#111b2b!important;border-color:var(--public-line)!important;color:var(--public-text)!important;box-shadow:none!important}
html[data-theme=dark] .public-body :is(.home-hero,.home-stats-band,.home-cta-section,.listing-page-section,.news-page,.event-listing-page,.project-listing-page,.contact-page,.faq-page,.gallery-grid){color:var(--public-text)}
html[data-theme=dark] .public-body :is(.home-hero p,.home-command-card p,.home-next-event p,.home-process-list p,.home-cta-card p,.news-card p,.news-card-meta,.news-detail-meta,.news-detail-lead,.event-listing-card p,.event-facts small,.project-listing-card p,.listing-page-count,.faq-list p,.contact-details p,.verify-details,.empty-state p){color:var(--public-muted)!important}
html[data-theme=dark] .public-body :is(.home-hero,.home-stats-band,.home-cta-section,.donation-page-v3){background:var(--public-bg)!important}
html[data-theme=dark] .public-body :is(.donation-hero-v3,.donation-campaign-v3,.donation-form-card-v3,.donation-side-card-v3,.donation-help-v3,.donation-empty-v3,.donation-file-box,.donation-choice-v3,.donation-iban){background:#111b2b!important;border-color:var(--public-line)!important;color:var(--public-text)!important;box-shadow:none!important}
html[data-theme=dark] .public-body :is(.donation-hero-copy>p,.donation-section-head p,.donation-campaign-v3 p,.donation-form-title p,.donation-side-title-v3 small,.donation-bank-list-v3 small,.donation-steps-v3 small,.donation-help-v3 p,.donation-file-box small,.donation-choice-v3 small){color:var(--public-muted)!important}
html[data-theme=dark] .public-body :is(.donation-quick-amounts button,.donation-iban button,.donation-file-box input){background:#0d1625!important;border-color:var(--public-line)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-user-dropdown-head{background:#111b2b;border-color:var(--public-line)}html[data-theme=dark] .public-user-dropdown-head small{color:var(--public-muted)}html[data-theme=dark] .public-user-links a{color:var(--public-text)}html[data-theme=dark] .public-user-primary-link{background:#172a49!important;color:#9bc2ff!important}
html[data-theme=dark] .public-theme-toggle,html[data-theme=dark] .header-auth-action,html[data-theme=dark] .public-mobile-toggle{background:#111b2b!important;border-color:var(--public-line)!important;color:var(--public-text)!important}


/* v1.0.24-final — portal drawers, complete dark surfaces and compact mobile trust row */
@media(max-width:900px){
  body.public-menu-open{overflow:hidden!important;touch-action:none}
  body.public-menu-open>.public-nav-menu,
  body.public-menu-open>.member-site-navigation{
    display:flex!important;position:fixed!important;inset:0 0 0 auto!important;
    width:min(80vw,304px)!important;max-width:304px!important;height:100dvh!important;max-height:100dvh!important;
    z-index:5000!important;transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;
    overflow:hidden!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;
    background:var(--surface)!important;color:var(--text)!important;box-shadow:-18px 0 48px rgba(15,23,42,.28)!important;
  }
  body>.public-nav-menu:not(.open):not(.is-open),body>.member-site-navigation:not(.open):not(.is-open){transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important}
  body.public-menu-open>.nav-backdrop,.nav-backdrop.show{display:block!important;position:fixed!important;inset:0!important;z-index:4990!important;background:rgba(15,23,42,.52)!important;backdrop-filter:none!important}
  body.public-menu-open .public-header-actions,body.public-menu-open .member-site-actions{pointer-events:none!important}
  body>.public-nav-menu .mobile-nav-head,body>.member-site-navigation .mobile-nav-head{position:sticky!important;top:0!important;z-index:3!important;min-height:66px!important;padding:10px 11px!important;background:var(--surface)!important}
  body>.public-nav-menu .mobile-nav-links,body>.member-site-navigation .mobile-nav-links{display:grid!important;align-content:start!important;gap:3px!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:9px 10px max(18px,env(safe-area-inset-bottom))!important}
  body>.public-nav-menu .public-nav-link,body>.member-site-navigation .public-nav-link,
  body>.public-nav-menu .public-nav-dropdown>summary,body>.member-site-navigation .public-nav-dropdown>summary{
    min-height:44px!important;padding:9px 10px!important;border-radius:10px!important;font-size:13px!important;line-height:1.3!important
  }
  body>.public-nav-menu .public-nav-dropdown-menu,body>.member-site-navigation .public-nav-dropdown-menu{
    position:static!important;width:100%!important;max-width:none!important;transform:none!important;margin:4px 0 0!important;padding:5px!important;border-radius:10px!important;box-shadow:none!important
  }
  body>.public-nav-menu .mobile-nav-head .icon-btn,body>.member-site-navigation .mobile-nav-head .icon-btn{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;z-index:4!important}

  body.user-menu-open{overflow:hidden!important;touch-action:none}
  body.user-menu-open>.user-menu-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:5090!important;background:rgba(15,23,42,.52)!important;pointer-events:auto!important}
  body.user-menu-open>.public-user-dropdown{
    display:flex!important;position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;right:8px!important;bottom:8px!important;left:auto!important;
    z-index:5100!important;width:min(88vw,330px)!important;max-width:330px!important;height:auto!important;max-height:calc(100dvh - 16px)!important;
    flex-direction:column!important;overflow:hidden!important;border-radius:16px!important;background:var(--surface)!important;border:1px solid var(--line)!important;
    box-shadow:-16px 0 48px rgba(15,23,42,.28)!important;color:var(--text)!important;pointer-events:auto!important
  }
  body.user-menu-open>.public-user-dropdown[hidden]{display:none!important}
  body.user-menu-open>.public-user-dropdown .public-user-dropdown-head{flex:0 0 auto;position:sticky!important;top:0!important;z-index:4!important;background:var(--surface)!important}
  body.user-menu-open>.public-user-dropdown .public-user-summary{flex:0 0 auto}
  body.user-menu-open>.public-user-dropdown .public-user-links{display:grid!important;align-content:start!important;gap:3px!important;min-height:0!important;overflow-y:auto!important;padding:8px!important}
  body.user-menu-open>.public-user-dropdown .public-user-links a{position:relative!important;z-index:2!important;pointer-events:auto!important;touch-action:manipulation!important}
  body.user-menu-open>.public-user-dropdown .public-user-logout{flex:0 0 auto;margin:0;padding:8px;border-top:1px solid var(--line);background:var(--surface)}
  body.user-menu-open>.public-user-dropdown .public-user-logout button{pointer-events:auto!important;touch-action:manipulation!important}
}
@media(max-width:420px){
  body.public-menu-open>.public-nav-menu,body.public-menu-open>.member-site-navigation{width:min(82vw,292px)!important;max-width:292px!important}
  body.user-menu-open>.public-user-dropdown{width:calc(100vw - 12px)!important;max-width:none!important;right:6px!important;bottom:6px!important}
}

/* Three promises stay in one compact row on phones. */
@media(max-width:720px){
  .home-trust-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%;margin-top:18px!important}
  .home-trust-row span{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0;padding:8px 4px;border:1px solid var(--public-line);border-radius:10px;background:var(--public-bg);font-size:10px!important;line-height:1.15;text-align:center;white-space:nowrap}
  .home-trust-row .ui-icon{width:14px!important;height:14px!important;flex:0 0 auto}
}
@media(max-width:350px){.home-trust-row span{font-size:9px!important;padding-inline:2px}.home-trust-row .ui-icon{width:12px!important;height:12px!important}}

/* Complete public dark theme: no literal white surface may remain visible. */
html[data-theme=dark]{--public-bg:#0b1120;--public-soft:#101827;--public-card:#111b2b;--public-card-2:#162235;--public-text:#e7edf7;--public-muted:#9aa8bc;--public-line:#2a374b;--surface:#111b2b;--surface-2:#162235;--bg:#0b1120;--text:#e7edf7;--muted:#9aa8bc;--line:#2a374b}
html[data-theme=dark] body,html[data-theme=dark] .public-body,html[data-theme=dark] .member-portal-body,html[data-theme=dark] .home-page{background:var(--public-bg)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-body :is(
  .home-command-card,.home-command-grid article,.home-command-grid article>span,.home-next-event,.home-stats-band,.home-stats-grid article>span,
  .home-feature-grid article,.home-update-card,.home-event-card,.home-date-box,.home-project-card,.home-project-top>span,.home-empty-card,.home-process-list li,
  .home-news-panel,.home-featured-news,.home-latest-news-card,.home-announcement-strip,.home-announcement-strip>span,.home-announcement-strip a,
  .listing-page-count,.listing-card,.listing-card-icon,.listing-empty,.content-card,.public-form,.post,.verify-card,.verify-details>div,.application-result>div,
  .event-facts>div,.ticket-qr,.gallery-item,.faq-list details,.contact-details>div,.consent-box,.news-category-bar a,.news-card,.related-news-grid article,
  .donation-campaign-v3,.donation-form-card-v3,.donation-side-card-v3,.donation-help-v3,.donation-empty-v3,.donation-empty-v3>span,.donation-file-box,
  .donation-file-box input,.donation-choice-v3,.donation-iban,.donation-iban button,.donation-quick-amounts button,.donation-summary-card
){background:var(--public-card)!important;border-color:var(--public-line)!important;color:var(--public-text)!important;box-shadow:none!important}
html[data-theme=dark] .public-body :is(.home-hero,.home-features-section,.home-projects-section,.home-donation-section,.home-cta-section,.home-news-showcase,.home-updates-section,.home-process-section,.public-section.alt,.donation-page-v3,.listing-page-section){background:var(--public-bg)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-body :is(.home-command-grid article,.home-stats-grid article>span,.home-date-box,.home-project-top>span,.home-feature-grid article>span,.listing-card-icon,.donation-file-box,.donation-choice-v3,.donation-iban){background:var(--public-card-2)!important}
html[data-theme=dark] .public-body :is(.home-trust-row span,.home-kicker,.eyebrow){background:var(--public-card-2)!important;border-color:var(--public-line)!important;color:#9fc4ff!important}
html[data-theme=dark] .public-body :is(h1,h2,h3,h4,strong,b,.listing-card h2,.home-featured-news h3,.home-latest-news-card h3){color:var(--public-text)}
html[data-theme=dark] .public-body :is(p,small,time,.muted,.home-trust-row,.home-news-meta,.listing-card-meta,.listing-card-facts,.donation-section-head p,.donation-form-title p,.donation-side-title-v3 small,.donation-bank-list-v3 small){color:var(--public-muted)!important}
html[data-theme=dark] .public-nav-menu,html[data-theme=dark] .member-site-navigation,html[data-theme=dark] .mobile-nav-head,html[data-theme=dark] .public-user-dropdown,html[data-theme=dark] .public-user-dropdown-head,html[data-theme=dark] .public-user-logout{background:var(--public-card)!important;border-color:var(--public-line)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-nav-link,html[data-theme=dark] .public-nav-dropdown>summary,html[data-theme=dark] .public-user-links a{color:var(--public-text)!important}
html[data-theme=dark] .public-nav-link:hover,html[data-theme=dark] .public-nav-dropdown>summary:hover,html[data-theme=dark] .public-user-links a:hover{background:var(--public-card-2)!important;color:#fff!important}
html[data-theme=dark] .header-auth-action,html[data-theme=dark] .public-theme-toggle,html[data-theme=dark] .public-mobile-toggle,html[data-theme=dark] .member-account-top-action{background:var(--public-card)!important;border-color:var(--public-line)!important;color:var(--public-text)!important}
html[data-theme=dark] .light-btn{background:var(--public-card)!important;border-color:var(--public-line)!important;color:var(--public-text)!important}
html[data-theme=dark] .home-cta-card,html[data-theme=dark] .home-donation-card{box-shadow:none!important}

/* v1.0.25 — profile push permission and role-aware account polish */
.browser-push-permission{position:relative;overflow:hidden}.browser-push-copy{min-width:0}.browser-push-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.push-permission-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.025em}.push-permission-badge[data-tone=success]{border-color:color-mix(in srgb,var(--success) 35%,var(--line));background:color-mix(in srgb,var(--success) 10%,var(--surface));color:var(--success)}.push-permission-badge[data-tone=error]{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 9%,var(--surface));color:var(--danger)}.push-permission-badge[data-tone=working]{border-color:color-mix(in srgb,var(--warning) 35%,var(--line));background:color-mix(in srgb,var(--warning) 10%,var(--surface));color:var(--warning)}.browser-push-actions [hidden]{display:none!important}
@media(max-width:560px){.browser-push-permission{text-align:left}.browser-push-permission .browser-push-icon{margin:0}.browser-push-title{justify-content:space-between}.browser-push-actions{grid-template-columns:1fr}.browser-push-actions .btn{width:100%}}

/* v1.0.26 — ortak site menüsü, sola hizalı navigasyon ve yan yana panel çağrıları */
.site-primary-navigation{justify-self:start;text-align:left}
.site-primary-navigation>.mobile-nav-links{justify-content:flex-start;text-align:left}
.site-primary-navigation .public-nav-link,
.site-primary-navigation .public-nav-dropdown>summary,
.site-primary-navigation .public-nav-dropdown-menu>a,
.site-primary-navigation .news-menu-group>a,
.site-primary-navigation .news-submenu a{justify-content:flex-start;text-align:left}
.site-primary-navigation .public-nav-link>span,
.site-primary-navigation .public-nav-dropdown>summary>span,
.site-primary-navigation .public-nav-dropdown-menu a>span{min-width:0;text-align:left}
.site-primary-navigation .public-nav-link.active,
.site-primary-navigation .public-nav-dropdown.active>summary,
.site-primary-navigation .public-nav-dropdown-menu a.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}
.site-primary-navigation .public-nav-dropdown>summary>.ui-icon:first-child{color:var(--primary)}
.home-cta-actions.is-authenticated{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,430px);gap:10px}
.home-cta-actions.is-authenticated .btn{width:100%;min-width:0;justify-content:center;text-align:center;white-space:normal}
@media(max-width:900px){
  body>.site-primary-navigation .mobile-nav-links{justify-items:stretch;text-align:left!important}
  body>.site-primary-navigation .public-nav-link,
  body>.site-primary-navigation .public-nav-dropdown>summary{width:100%;justify-content:flex-start!important;text-align:left!important}
  body>.site-primary-navigation .public-nav-dropdown>summary>.ui-icon:last-child{margin-left:auto}
  .home-cta-actions.is-authenticated{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .home-cta-actions.is-authenticated .btn{width:100%;padding-inline:10px;font-size:13px}
}
@media(max-width:390px){
  .home-cta-actions.is-authenticated{gap:8px}
  .home-cta-actions.is-authenticated .btn{min-height:46px;padding:9px 7px;font-size:12px}
}
.site-primary-navigation.member-site-navigation{margin-left:0}

/* v1.0.27 — corporate identity, participation and volunteer experience */
.home-corporate-section{background:linear-gradient(180deg,#fff,var(--public-soft))}.home-corporate-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:stretch}.home-corporate-copy{padding:30px;border:1px solid var(--public-line);border-radius:24px;background:#fff;box-shadow:var(--public-shadow)}.home-corporate-copy h2{margin:14px 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}.home-corporate-copy>p{max-width:720px;margin:0;color:var(--public-muted);line-height:1.75}.home-corporate-copy>.btn{margin-top:23px}.home-corporate-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.home-corporate-principles span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--public-line);border-radius:999px;background:var(--public-soft);color:var(--public-text);font-size:12px;font-weight:750}.home-corporate-principles .ui-icon{width:16px;height:16px;color:var(--primary)}.home-corporate-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.home-corporate-metrics article{display:flex;align-items:center;gap:14px;min-width:0;padding:22px;border:1px solid var(--public-line);border-radius:20px;background:#fff}.home-corporate-metrics article>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary)}.home-corporate-metrics article>span .ui-icon{width:23px;height:23px}.home-corporate-metrics article>div{display:grid;min-width:0}.home-corporate-metrics strong{font-size:25px;line-height:1.1;letter-spacing:-.035em}.home-corporate-metrics small{margin-top:5px;color:var(--public-muted);font-size:11px;line-height:1.4}
.home-participation-section{background:#fff}.home-participation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-participation-grid article{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid var(--public-line);border-radius:21px;background:#fff;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.home-participation-grid article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--primary) 36%,var(--public-line));box-shadow:var(--public-shadow)}.home-participation-grid article.featured{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 9%,#fff),#fff)}.home-participation-grid article>span{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:color-mix(in srgb,var(--primary) 11%,#fff);color:var(--primary)}.home-participation-grid article>span .ui-icon{width:25px;height:25px}.home-participation-grid small{margin-top:18px;color:var(--primary);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.home-participation-grid h3{margin:7px 0 10px;font-size:21px;line-height:1.3}.home-participation-grid p{flex:1;margin:0;color:var(--public-muted);line-height:1.68}.home-participation-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--primary);font-size:12px;font-weight:850}.home-participation-grid a .ui-icon{width:15px;height:15px}
.corporate-page,.volunteer-page{background:var(--public-bg);color:var(--public-text)}.corporate-hero,.volunteer-hero{padding:72px 0;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,#fff),#fff 54%,color-mix(in srgb,var(--secondary) 7%,#fff))}.corporate-hero-grid,.volunteer-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:34px;align-items:center}.corporate-hero h1,.volunteer-hero h1{margin:15px 0 16px;font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.corporate-hero p,.volunteer-hero p{max-width:760px;margin:0;color:var(--public-muted);font-size:17px;line-height:1.78}.corporate-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.corporate-identity-card,.volunteer-impact-card{display:grid;gap:12px;padding:25px;border:1px solid var(--public-line);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.09)}.corporate-identity-card>span,.volunteer-impact-card>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--primary);color:#fff}.corporate-identity-card>span .ui-icon,.volunteer-impact-card>span .ui-icon{width:27px;height:27px}.corporate-identity-card>div{display:grid;gap:3px;padding:12px 0;border-top:1px solid var(--public-line)}.corporate-identity-card>div:nth-of-type(1){border-top:0}.corporate-identity-card small,.volunteer-impact-card small{color:var(--public-muted);font-size:11px}.corporate-identity-card b{font-size:16px}.corporate-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.corporate-value-grid article{display:flex;align-items:flex-start;gap:15px;padding:24px;border:1px solid var(--public-line);border-radius:20px;background:#fff}.corporate-value-grid article>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:15px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary)}.corporate-value-grid article>span .ui-icon{width:24px;height:24px}.corporate-value-grid small{color:var(--primary);font-weight:800}.corporate-value-grid h2{margin:6px 0 9px;font-size:20px}.corporate-value-grid p{margin:0;color:var(--public-muted);line-height:1.7}.corporate-board-section,.corporate-contact-section{background:var(--public-soft)}.corporate-board-grid,.corporate-branch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.corporate-board-grid article,.corporate-branch-grid article{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--public-line);border-radius:17px;background:#fff}.corporate-board-grid article>span,.corporate-branch-grid article>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;background:var(--public-soft);color:var(--primary)}.corporate-board-grid article>div,.corporate-branch-grid article>div{display:grid;min-width:0}.corporate-board-grid small,.corporate-branch-grid small{color:var(--primary);font-weight:750}.corporate-board-grid em{margin-top:5px;color:var(--public-muted);font-size:10px;font-style:normal}.corporate-branch-grid p{margin:7px 0 0;color:var(--public-muted);font-size:12px;line-height:1.55}.corporate-contact-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:26px;padding:30px;border:1px solid var(--public-line);border-radius:24px;background:#fff}.corporate-contact-card h2{margin:12px 0 8px;font-size:clamp(28px,4vw,42px)}.corporate-contact-card p{margin:0;color:var(--public-muted)}.corporate-contact-list{display:grid;gap:9px}.corporate-contact-list>a,.corporate-contact-list>div{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--public-line);border-radius:14px;background:var(--public-soft)}.corporate-contact-list>a>.ui-icon,.corporate-contact-list>div>.ui-icon{color:var(--primary)}.corporate-contact-list span{display:grid}.corporate-contact-list small{color:var(--public-muted);font-size:10px}.corporate-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;border-top:1px solid var(--public-line)}.corporate-socials a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--public-line);border-radius:10px;color:var(--primary);font-size:12px;font-weight:750}
.volunteer-impact-card b{font-size:24px}.volunteer-impact-card a{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-weight:800}.volunteer-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.volunteer-benefits span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--public-line);border-radius:999px;background:#fff;font-size:12px;font-weight:700}.volunteer-benefits .ui-icon{color:var(--success)}.volunteer-form-section{background:var(--public-soft)}.volunteer-form-layout{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:20px;align-items:start}.volunteer-process-card{position:sticky;top:98px;padding:25px;border:1px solid var(--public-line);border-radius:21px;background:#fff}.volunteer-process-card h2{margin:13px 0 18px;font-size:29px;line-height:1.18}.volunteer-process-card ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.volunteer-process-card li{display:flex;gap:12px;padding:13px;border:1px solid var(--public-line);border-radius:14px;background:var(--public-soft)}.volunteer-process-card li>b{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:var(--primary);color:#fff}.volunteer-process-card li>span{display:grid}.volunteer-process-card li small{margin-top:3px;color:var(--public-muted);line-height:1.5}.volunteer-tracking{display:flex;align-items:center;gap:11px;margin-top:16px;padding:14px;border:1px solid color-mix(in srgb,var(--success) 30%,var(--public-line));border-radius:14px;background:color-mix(in srgb,var(--success) 7%,#fff);color:var(--success)}.volunteer-tracking>div{display:grid}.volunteer-tracking small{font-size:10px}.volunteer-form-card{padding:27px}.volunteer-form-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--public-line)}.volunteer-form-head>span{display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border-radius:15px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary)}.volunteer-form-head small{color:var(--primary);font-weight:800}.volunteer-form-head h2{margin:4px 0 7px;font-size:26px}.volunteer-form-head p{margin:0;color:var(--public-muted);line-height:1.6}.volunteer-submit{margin-top:18px;min-height:48px}.empty-state.compact{min-height:260px}
html[data-theme=dark] .home-corporate-section,html[data-theme=dark] .corporate-hero,html[data-theme=dark] .volunteer-hero{background:var(--public-bg)!important}html[data-theme=dark] :is(.home-corporate-copy,.home-corporate-metrics article,.home-participation-grid article,.corporate-identity-card,.volunteer-impact-card,.corporate-value-grid article,.corporate-board-grid article,.corporate-branch-grid article,.corporate-contact-card,.volunteer-process-card,.volunteer-form-card){background:var(--public-card)!important;border-color:var(--public-line)!important;color:var(--public-text)!important;box-shadow:none!important}html[data-theme=dark] :is(.home-corporate-principles span,.home-corporate-metrics article>span,.home-participation-grid article>span,.corporate-value-grid article>span,.corporate-board-grid article>span,.corporate-branch-grid article>span,.corporate-contact-list>a,.corporate-contact-list>div,.volunteer-benefits span,.volunteer-process-card li,.volunteer-form-head>span){background:var(--public-card-2)!important;border-color:var(--public-line)!important}html[data-theme=dark] :is(.home-corporate-copy p,.home-corporate-metrics small,.home-participation-grid p,.corporate-hero p,.volunteer-hero p,.corporate-value-grid p,.corporate-branch-grid p,.corporate-contact-card p,.volunteer-process-card small,.volunteer-form-head p){color:var(--public-muted)!important}
@media(max-width:1000px){.home-corporate-layout,.corporate-hero-grid,.volunteer-hero-grid,.volunteer-form-layout{grid-template-columns:1fr}.volunteer-process-card{position:static}.corporate-board-grid,.corporate-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-corporate-metrics,.home-participation-grid,.corporate-value-grid,.corporate-contact-card{grid-template-columns:1fr}.home-corporate-copy{padding:22px}.corporate-hero,.volunteer-hero{padding:48px 0}.corporate-board-grid,.corporate-branch-grid{grid-template-columns:1fr}.corporate-contact-card{padding:22px}.corporate-socials{grid-column:auto}.volunteer-form-card{padding:20px}.volunteer-form-head{display:grid}.volunteer-benefits{display:grid;grid-template-columns:1fr}.home-corporate-principles{display:grid;grid-template-columns:1fr}}
@media(max-width:480px){.home-corporate-metrics{grid-template-columns:1fr}.home-corporate-metrics article{padding:17px}.corporate-hero h1,.volunteer-hero h1{font-size:38px}.corporate-hero-actions{display:grid}.corporate-hero-actions .btn{width:100%}.volunteer-form-card{padding:16px}.volunteer-process-card{padding:19px}}


/* v1.0.27 — volunteer application tracking */
.volunteer-impact-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.volunteer-impact-links a{display:inline-flex;align-items:center;gap:7px}.volunteer-tracking{text-decoration:none;color:inherit}.volunteer-tracking em{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:12px;font-style:normal;color:var(--primary)}.volunteer-status-hero{padding:76px 0 54px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 11%,var(--surface)),var(--surface));border-bottom:1px solid var(--border)}.volunteer-status-hero h1{margin:12px 0;font-size:clamp(32px,5vw,58px);letter-spacing:-.04em}.volunteer-status-hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.7}.volunteer-status-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:stretch}.volunteer-status-form-card{padding:clamp(22px,4vw,38px)}.volunteer-status-form-card form{display:grid;gap:20px}.volunteer-status-result-card{padding:clamp(24px,4vw,40px);border-radius:var(--radius-lg,24px);border:1px solid var(--border);background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--primary) 7%,var(--surface)));box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.volunteer-status-result-card.has-result{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.volunteer-status-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary);margin-bottom:20px}.volunteer-status-icon .ui-icon{width:28px;height:28px}.volunteer-status-result-card>small{font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.volunteer-status-result-card h2{font-size:clamp(26px,4vw,40px);margin:9px 0}.volunteer-status-result-card p{color:var(--muted);line-height:1.7;margin:0 0 22px}.volunteer-status-result-card dl{display:grid;gap:0;width:100%;margin:0}.volunteer-status-result-card dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.volunteer-status-result-card dt{color:var(--muted)}.volunteer-status-result-card dd{margin:0;text-align:right;font-weight:750}.volunteer-status-result-card>a{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:750;text-decoration:none}@media(max-width:820px){.volunteer-status-layout{grid-template-columns:1fr}.volunteer-status-hero{padding:54px 0 38px}}@media(max-width:560px){.volunteer-status-result-card dl div{display:grid;gap:4px}.volunteer-status-result-card dd{text-align:left;word-break:break-word}}

.field-readonly{min-height:46px;display:flex;align-items:center;padding:11px 13px;border:1px dashed var(--border);border-radius:11px;background:color-mix(in srgb,var(--surface) 84%,var(--background));color:var(--muted);font-weight:650;word-break:break-word}


/* v1.0.28 — identical mobile site navigation and compact listing page endings */
@media(max-width:900px){
  body>.site-primary-navigation{
    display:flex!important;position:fixed!important;inset:0 0 0 auto!important;
    width:min(80vw,304px)!important;max-width:304px!important;height:100dvh!important;max-height:100dvh!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:0!important;
    overflow:hidden!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;
    background:var(--surface)!important;color:var(--text)!important;box-shadow:-18px 0 48px rgba(15,23,42,.28)!important;
    text-align:left!important
  }
  body>.site-primary-navigation:not(.open):not(.is-open){transform:translateX(105%)!important;visibility:hidden!important;pointer-events:none!important}
  body.public-menu-open>.site-primary-navigation{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
  body>.site-primary-navigation .mobile-nav-head{
    display:flex!important;align-items:center!important;justify-content:space-between!important;flex:0 0 auto!important;
    width:100%!important;min-height:66px!important;padding:10px 11px!important;border-bottom:1px solid var(--line)!important;
    background:var(--surface)!important;color:var(--text)!important
  }
  body>.site-primary-navigation .mobile-nav-links{
    display:grid!important;grid-template-columns:1fr!important;align-content:start!important;align-items:stretch!important;justify-items:stretch!important;
    width:100%!important;min-height:0!important;gap:3px!important;padding:9px 10px max(18px,env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;overflow-x:hidden!important;text-align:left!important
  }
  body>.site-primary-navigation .public-nav-link,
  body>.site-primary-navigation .public-nav-dropdown>summary{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:44px!important;
    gap:9px!important;margin:0!important;padding:9px 10px!important;border-radius:10px!important;font-size:13px!important;line-height:1.3!important;
    text-align:left!important
  }
  body>.site-primary-navigation .public-nav-link>.ui-icon,
  body>.site-primary-navigation .public-nav-dropdown>summary>.ui-icon:first-child{flex:0 0 auto!important;width:18px!important;height:18px!important}
  body>.site-primary-navigation .public-nav-link>span,
  body>.site-primary-navigation .public-nav-dropdown>summary>span{flex:1 1 auto!important;min-width:0!important;text-align:left!important}
  body>.site-primary-navigation .public-nav-dropdown>summary>.ui-icon:last-child{flex:0 0 auto!important;margin-left:auto!important}
  body>.site-primary-navigation .public-nav-dropdown-menu{
    position:static!important;width:100%!important;max-width:none!important;transform:none!important;margin:4px 0 0!important;padding:5px!important;
    border-radius:10px!important;box-shadow:none!important
  }
}
@media(max-width:420px){body.public-menu-open>.site-primary-navigation{width:min(82vw,292px)!important;max-width:292px!important}}
.event-listing-page,.project-listing-page{margin-bottom:0!important;padding-bottom:0!important}
.event-listing-page .listing-grid,.project-listing-page .listing-grid{margin-bottom:0!important;padding-bottom:0!important}
#public-main:has(>.event-listing-page),#public-main:has(>.project-listing-page){margin-bottom:0!important;padding-bottom:0!important}

/* v1.0.30 — ortak kullanıcı adı menüsü ve yazdırılabilir dijital üye kartı */
.public-user-avatar{overflow:hidden}.public-user-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.member-site-actions .public-user-menu{flex:0 0 auto}.member-site-actions .public-user-trigger{max-width:210px}
.public-user-links>a,.public-user-links>button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#334155;font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer}
.public-user-links>a>.ui-icon:first-child,.public-user-links>button>.ui-icon:first-child{width:19px;height:19px;color:var(--primary)}
.public-user-links>a>.ui-icon:last-child,.public-user-links>button>.ui-icon:last-child{width:15px;height:15px;color:#94a3b8}
.public-user-links>a:hover,.public-user-links>button:hover,.public-user-links>button:focus-visible{background:#f1f5f9;color:var(--primary);outline:none}
.member-user-panel-menu-link{display:none!important}
.digital-card-links a{display:inline-flex;align-items:center;gap:5px}.digital-card-links a .ui-icon{width:14px;height:14px}
html[data-theme=dark] .public-user-links>button{color:var(--public-text)}
html[data-theme=dark] .public-user-links>button:hover,html[data-theme=dark] .public-user-links>button:focus-visible{background:var(--public-card-2)!important;color:#fff!important}
@media(max-width:900px){
 .member-user-panel-menu-link{display:grid!important}
 .member-site-actions .public-user-trigger{width:38px;min-width:38px;height:38px;min-height:38px;padding:2px;border-radius:11px}
 .member-site-actions .public-user-avatar{width:32px;height:32px}
}

/* v1.0.31 — mobile digital member card and compact account drawer */
@media(max-width:600px){
  .member-hero{gap:18px}
  .member-hero>.digital-card{
    width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden;
    padding:clamp(11px,3.8vw,16px)!important;border-radius:clamp(14px,4.2vw,18px)!important
  }
  .member-hero>.digital-card .digital-card-top,
  .member-hero>.digital-card .digital-card-body,
  .member-hero>.digital-card .digital-card-foot{min-width:0;gap:clamp(7px,2.5vw,14px)}
  .member-hero>.digital-card .digital-card-top>div,
  .member-hero>.digital-card .digital-card-body>div:first-child{min-width:0}
  .member-hero>.digital-card .brand-mark{
    width:clamp(31px,10vw,40px);height:clamp(31px,10vw,40px);border-radius:clamp(9px,3vw,12px);
    font-size:clamp(11px,3.4vw,14px);flex:0 0 auto
  }
  .member-hero>.digital-card .digital-card-top small{font-size:clamp(8px,2.35vw,11px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .member-hero>.digital-card .digital-card-top b{font-size:clamp(11px,3.45vw,15px);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .member-hero>.digital-card .digital-card-body{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;
    margin:clamp(12px,4.5vw,22px) 0!important
  }
  .member-hero>.digital-card .digital-card-body>div:first-child{display:grid;gap:1px}
  .member-hero>.digital-card .digital-card-body small{font-size:clamp(7.5px,2.25vw,10px);line-height:1.15}
  .member-hero>.digital-card .digital-card-body strong{
    max-width:100%;margin-bottom:clamp(4px,1.8vw,8px);font-size:clamp(14px,4.5vw,20px);line-height:1.15;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .member-hero>.digital-card .digital-card-body b{
    max-width:100%;font-size:clamp(9px,2.9vw,13px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .member-hero>.digital-card .qr-box{
    width:clamp(72px,26vw,104px);max-width:26vw;justify-self:end!important;margin:0!important;
    padding:clamp(4px,1.45vw,6px);border-radius:clamp(8px,2.8vw,12px)
  }
  .member-hero>.digital-card .qr-box svg{display:block;width:100%!important;height:auto!important;aspect-ratio:1}
  .member-hero>.digital-card .digital-card-foot{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start!important;
    padding-top:clamp(8px,2.8vw,13px);font-size:clamp(8px,2.45vw,11px);line-height:1.25
  }
  .member-hero>.digital-card .digital-card-foot>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .member-hero>.digital-card .digital-card-links{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}
  .member-hero>.digital-card .digital-card-links a{gap:3px;white-space:nowrap}
  .member-hero>.digital-card .digital-card-links a .ui-icon{width:clamp(10px,3vw,13px);height:clamp(10px,3vw,13px)}

  body.user-menu-open>.public-user-dropdown{
    width:min(76vw,292px)!important;max-width:292px!important;right:8px!important;bottom:8px!important
  }
  body.user-menu-open>.public-user-dropdown .public-user-dropdown-head{padding:12px 13px!important}
  body.user-menu-open>.public-user-dropdown .public-user-summary{padding:13px!important}
  body.user-menu-open>.public-user-dropdown .public-user-links{padding:7px!important}
  body.user-menu-open>.public-user-dropdown .public-user-links>a,
  body.user-menu-open>.public-user-dropdown .public-user-links>button{min-height:41px;padding:8px 9px;font-size:12.5px}
}
@media(max-width:420px){
  body.user-menu-open>.public-user-dropdown{width:min(80vw,286px)!important;max-width:286px!important;right:6px!important;bottom:6px!important}
}
@media(max-width:340px){
  .member-hero>.digital-card .qr-box{width:68px;max-width:68px}
  .member-hero>.digital-card .digital-card-foot{font-size:7.8px}
  body.user-menu-open>.public-user-dropdown{width:min(82vw,274px)!important;max-width:274px!important}
}

/* v1.0.32 — fully visible mobile administration settings workspace */
@media(max-width:900px){
  body.admin-shell-body,
  body.admin-shell-body .shell,
  body.admin-shell-body .page,
  body.admin-shell-body .content{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  body.admin-shell-body .content{
    overflow:visible;
  }
  .settings-layout,
  .settings-sidebar,
  .settings-content,
  .settings-page-intro,
  .settings-section-single,
  .settings-form-grid,
  .settings-save-bar,
  .settings-mobile-save{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .settings-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px;
    margin:0!important;
    padding:0!important;
    overflow:visible;
  }
  .settings-sidebar{
    position:relative!important;
    inset:auto!important;
    z-index:1;
    margin:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
    box-shadow:var(--shadow);
  }
  .settings-tabs{
    display:flex!important;
    width:100%;
    max-width:100%;
    min-width:0;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:8px!important;
    scroll-padding-inline:8px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .settings-tabs a{
    flex:0 0 auto;
    grid-template-columns:28px minmax(0,auto)!important;
    gap:7px!important;
    min-width:0;
    max-width:min(76vw,280px);
    min-height:42px!important;
    padding:6px 9px!important;
    border-color:var(--line)!important;
    background:var(--surface)!important;
    scroll-snap-align:center;
  }
  .settings-tabs a.active{
    background:color-mix(in srgb,var(--primary) 10%,var(--surface))!important;
  }
  .settings-tab-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px;
  }
  .settings-tab-copy{
    min-width:0;
    max-width:220px;
  }
  .settings-tab-copy b{
    display:block;
    overflow:hidden;
    font-size:11.5px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap!important;
  }
  .settings-page-intro{
    gap:10px;
    margin:0 0 12px;
    padding:14px;
    overflow:hidden;
  }
  .settings-page-title{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    width:100%;
    min-width:0;
  }
  .settings-page-title>div,
  .settings-page-title h2,
  .settings-page-title p{
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .settings-page-title h2{
    font-size:18px;
    line-height:1.25;
  }
  .settings-page-title p{
    font-size:11.5px;
    line-height:1.45;
  }
  .settings-section-single{
    overflow:hidden!important;
    margin-bottom:0;
  }
  .settings-section-single .settings-form-grid,
  .settings-form-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px;
    padding:14px!important;
  }
  .setting-field,
  .setting-field>*{
    min-width:0;
    max-width:100%;
  }
  .setting-field input,
  .setting-field select,
  .setting-field textarea{
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    font-size:16px;
  }
  .setting-field input[type="color"]{
    min-height:48px;
    padding:6px;
  }
  .setting-toggle-card{
    width:100%;
    min-width:0;
    max-width:100%;
    gap:10px;
    padding:12px;
  }
  .setting-toggle-copy{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .setting-toggle-copy b,
  .setting-toggle-copy small{
    overflow-wrap:anywhere;
  }
  .branding-upload-field{
    grid-template-columns:82px minmax(0,1fr)!important;
    width:100%;
    min-width:0;
    max-width:100%;
    gap:11px;
    padding:11px;
  }
  .branding-preview{
    width:82px!important;
    height:64px!important;
  }
  .branding-upload-field input[type="file"]{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    font-size:13px;
  }
  .theme-settings-preview{
    grid-template-columns:minmax(0,1fr)!important;
    width:auto;
    min-width:0;
    max-width:calc(100% - 28px);
    gap:12px;
    margin:14px 14px 0!important;
    padding:13px;
  }
  .theme-preview-browser{
    width:min(100%,270px);
    max-width:100%!important;
  }
  .theme-settings-preview>div:last-child{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .smtp-test-panel{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    width:auto;
    min-width:0;
    max-width:calc(100% - 28px);
    gap:13px;
    margin:0 14px 14px!important;
    padding:14px;
  }
  .smtp-test-panel>div,
  .smtp-test-actions{
    min-width:0;
    max-width:100%;
  }
  .smtp-test-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px;
  }
  .smtp-test-actions label{
    grid-column:auto!important;
  }
  .smtp-test-actions input,
  .smtp-test-actions .btn{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  .settings-mobile-save{
    bottom:max(6px,env(safe-area-inset-bottom));
    margin-top:10px;
    padding:7px;
  }
  .settings-mobile-save .btn{
    width:100%;
    min-width:0;
  }
}
@media(max-width:480px){
  body.admin-shell-body .content{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .settings-tabs a{
    max-width:84vw;
  }
  .settings-page-intro{
    padding:12px;
  }
  .settings-page-title{
    grid-template-columns:34px minmax(0,1fr);
  }
  .settings-section-icon{
    width:34px!important;
    height:34px!important;
    border-radius:10px;
  }
  .settings-section-single .settings-form-grid,
  .settings-form-grid{
    padding:12px!important;
  }
  .setting-toggle-card{
    align-items:flex-start;
  }
  .setting-toggle-card .switch{
    margin-top:2px;
  }
  .branding-upload-field{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .branding-preview{
    width:100%!important;
    height:88px!important;
  }
  .theme-settings-preview{
    max-width:calc(100% - 24px);
    margin:12px 12px 0!important;
  }
  .smtp-test-panel{
    max-width:calc(100% - 24px);
    margin:0 12px 12px!important;
    padding:12px;
  }
}

/* v1.0.33 — WhatsApp and Push Communication Center */
.communication-page-head{align-items:flex-start;gap:18px}.communication-head-actions{display:flex;gap:10px;flex-wrap:wrap}.communication-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.communication-stats article{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.communication-stats article>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.communication-stats small,.communication-stats b{display:block}.communication-stats small{color:var(--muted);margin-bottom:3px}.communication-stats b{font-size:1.45rem}.communication-provider-alert{display:flex;align-items:center;gap:14px}.communication-provider-alert>div{display:grid;gap:3px;flex:1;min-width:0}.communication-provider-alert span{color:var(--muted)}
.quick-whatsapp-panel{display:grid;grid-template-columns:minmax(240px,1.1fr) minmax(220px,.8fr) minmax(260px,1fr) auto;gap:14px;align-items:end;margin-bottom:18px;padding:18px}.quick-whatsapp-panel>div{display:flex;align-items:center;gap:12px;align-self:center}.quick-whatsapp-panel>div>div{display:grid;gap:3px}.quick-whatsapp-panel small{color:var(--muted)}.quick-whatsapp-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#dcfce7;color:#15803d}.quick-whatsapp-panel label{display:grid;gap:7px;font-weight:700}.quick-whatsapp-panel select,.quick-whatsapp-panel input{min-width:0;width:100%}
.communication-composer{padding:0;overflow:hidden}.communication-composer-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.communication-composer-head h2{margin:4px 0}.communication-composer-head p{margin:0;color:var(--muted)}.communication-recipient-badge{display:grid;place-items:center;min-width:118px;padding:12px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.communication-recipient-badge small{color:var(--muted)}.communication-recipient-badge b{font-size:1.55rem;color:var(--primary)}.communication-form{display:grid}.communication-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 24px;border-bottom:1px solid var(--border)}.communication-channel-grid label{cursor:pointer}.communication-channel-grid input{position:absolute;opacity:0;pointer-events:none}.communication-channel-grid label>span{display:flex;align-items:center;gap:11px;min-height:72px;padding:13px 15px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:.18s ease}.communication-channel-grid label>span>.ui-icon{width:25px;height:25px;color:var(--primary);flex:0 0 auto}.communication-channel-grid label>span b,.communication-channel-grid label>span small{display:block}.communication-channel-grid label>span small{margin-top:3px;color:var(--muted);font-weight:500}.communication-channel-grid label.is-active>span{border-color:color-mix(in srgb,var(--primary) 58%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.communication-form-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);gap:0}.communication-target-panel,.communication-message-panel{display:grid;align-content:start;gap:15px;padding:24px}.communication-target-panel{border-right:1px solid var(--border);background:color-mix(in srgb,var(--bg) 55%,var(--surface))}.communication-target-panel>label:not(.setting-toggle-card),.communication-message-panel>label{display:grid;gap:7px;font-weight:700}.communication-target-panel input,.communication-target-panel select,.communication-message-panel input,.communication-message-panel select,.communication-message-panel textarea{width:100%;min-width:0}.communication-member-picker{display:grid;gap:8px}.communication-member-picker label{display:grid;gap:7px;font-weight:700}.communication-member-picker select{min-height:210px}.communication-member-picker small{color:var(--muted)}.communication-marketing{margin:0}.communication-token-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.communication-token-list small{color:var(--muted);font-weight:700}.communication-token-list button{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--surface);color:var(--primary);font-weight:800;cursor:pointer}.communication-push-options{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(140px,.65fr) minmax(120px,.55fr);gap:12px;padding:15px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.communication-push-options>label{display:grid;gap:7px;font-weight:700}.communication-push-options .checkbox-line{grid-column:1/-1;display:flex;align-items:center;gap:9px}.communication-delivery-panel{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px 24px;border-top:1px solid var(--border);background:var(--surface)}.communication-delivery-panel>div{display:flex;gap:14px;flex-wrap:wrap}.communication-delivery-panel>div label,.communication-delivery-panel>.checkbox-line{display:flex;align-items:center;gap:7px;font-weight:700}.communication-delivery-panel>label:not(.checkbox-line){display:grid;gap:6px;font-weight:700}.communication-send-button{margin-left:auto;min-height:46px}.communication-history-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-top:18px}.communication-history-card{min-width:0;overflow:hidden}.communication-history-card table td>b,.communication-history-card table td>small{display:block}.communication-history-card table td>small{color:var(--muted);margin-top:3px}.result-success{display:block;color:var(--success);font-weight:800}.communication-log-list{display:grid}.communication-log-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 16px;border-top:1px solid var(--border)}.communication-log-list article:first-child{border-top:0}.communication-log-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--primary) 10%,transparent);color:var(--primary)}.communication-log-list article>div{min-width:0}.communication-log-list b,.communication-log-list small{display:block}.communication-log-list small{margin-top:3px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whatsapp-test-actions{grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr) auto!important}
@media(max-width:1100px){.communication-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-whatsapp-panel{grid-template-columns:1fr 1fr}.quick-whatsapp-panel>div{grid-column:1/-1}.communication-form-grid{grid-template-columns:1fr}.communication-target-panel{border-right:0;border-bottom:1px solid var(--border)}.communication-history-grid{grid-template-columns:1fr}.communication-push-options{grid-template-columns:1fr 1fr}.communication-push-options>label:first-child{grid-column:1/-1}}
@media(max-width:700px){.communication-page-head{display:grid}.communication-head-actions{width:100%}.communication-head-actions .btn{flex:1}.communication-stats{grid-template-columns:1fr 1fr;gap:10px}.communication-stats article{padding:13px;gap:10px}.communication-stats article>span{width:38px;height:38px;flex-basis:38px}.communication-stats b{font-size:1.2rem}.communication-provider-alert{align-items:flex-start;flex-wrap:wrap}.communication-provider-alert .btn{width:100%}.quick-whatsapp-panel{grid-template-columns:1fr;padding:14px}.quick-whatsapp-panel>div{grid-column:auto}.communication-composer-head{align-items:flex-start;padding:17px;flex-wrap:wrap}.communication-recipient-badge{width:100%;grid-template-columns:auto auto;justify-content:space-between}.communication-channel-grid{grid-template-columns:1fr;padding:14px}.communication-channel-grid label>span{min-height:62px}.communication-target-panel,.communication-message-panel{padding:16px}.communication-push-options{grid-template-columns:1fr}.communication-push-options>label:first-child{grid-column:auto}.communication-delivery-panel{display:grid;grid-template-columns:1fr;padding:16px}.communication-delivery-panel>div{display:grid}.communication-send-button{width:100%;margin:0}.communication-history-card .responsive-table{margin:0}.whatsapp-test-actions{grid-template-columns:1fr!important}.communication-log-list article{grid-template-columns:36px minmax(0,1fr)}.communication-log-list article>.status-pill{grid-column:2;justify-self:start}}
@media(max-width:390px){.communication-stats{grid-template-columns:1fr}.communication-token-list button{font-size:.75rem;padding:5px 8px}}


/* v1.0.33 — advanced WhatsApp and consent-based push communication center */
.communication-whatsapp-options{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%)}
.communication-wa-mode{display:flex;flex-wrap:wrap;gap:10px}.communication-wa-mode label{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);font-weight:700}.communication-whatsapp-options [data-whatsapp-template-fields]{display:grid;grid-template-columns:1fr 150px;gap:12px}.communication-whatsapp-options [data-whatsapp-template-fields]>label:last-child{grid-column:1/-1}.communication-whatsapp-options textarea{min-height:120px}
.whatsapp-webhook-url{display:grid;gap:6px;margin-top:14px}.whatsapp-webhook-url input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}
.member-communication-panel{margin-top:22px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.member-communication-form{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(280px,1fr);gap:14px}.member-communication-form label{display:grid;gap:7px;font-weight:700}.member-communication-form textarea{min-height:108px}.member-communication-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:720px){.communication-whatsapp-options [data-whatsapp-template-fields],.member-communication-form{grid-template-columns:1fr}.communication-whatsapp-options [data-whatsapp-template-fields]>label:last-child,.member-communication-actions{grid-column:auto}.communication-wa-mode{display:grid;grid-template-columns:1fr 1fr}.communication-wa-mode label{justify-content:center}.member-communication-panel{padding:16px}}

/* v1.0.34 — communication center recovery and strict mobile containment */
.communication-page{width:100%;max-width:100%;min-width:0;overflow:hidden;overflow:clip}
.communication-page *{box-sizing:border-box}
.communication-page .communication-page-head,
.communication-page .communication-stats,
.communication-page .communication-provider-alert,
.communication-page .communication-schema-alert,
.communication-page .quick-whatsapp-panel,
.communication-page .communication-composer,
.communication-page .communication-form,
.communication-page .communication-form-grid,
.communication-page .communication-target-panel,
.communication-page .communication-message-panel,
.communication-page .communication-delivery-panel,
.communication-page .communication-history-grid,
.communication-page .communication-history-card,
.communication-page .communication-log-list{width:100%;max-width:100%;min-width:0}
.communication-page input,
.communication-page select,
.communication-page textarea,
.communication-page button{max-width:100%;min-width:0}
.communication-page textarea{resize:vertical}
.communication-page .section-heading,
.communication-page .section-heading>div,
.communication-page .communication-composer-head>div,
.communication-page .communication-page-head>div,
.communication-page .quick-whatsapp-panel>div,
.communication-page .quick-whatsapp-panel>div>div{min-width:0}
.communication-page h1,
.communication-page h2,
.communication-page h3,
.communication-page p,
.communication-page small,
.communication-page span,
.communication-page b{overflow-wrap:anywhere}
.communication-schema-alert{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.communication-schema-alert>div{display:grid;gap:4px;flex:1;min-width:0}
.communication-schema-alert>div span,.communication-schema-alert>div small{color:inherit;opacity:.84}
.communication-history-card .responsive-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.communication-history-card table{min-width:760px}
.communication-member-picker select{width:100%;max-width:100%}
.communication-token-list{max-width:100%;overflow:hidden}
.communication-token-list button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.communication-log-list article>div{overflow:hidden}
.communication-log-list small{max-width:100%}

@media(max-width:700px){
  .communication-page{overflow:hidden}
  .communication-page .communication-page-head{gap:14px}
  .communication-page .communication-page-head h1{display:flex;align-items:flex-start;gap:9px;font-size:clamp(1.35rem,7vw,1.8rem);line-height:1.2}
  .communication-page .communication-page-head h1 .ui-icon{flex:0 0 24px;margin-top:2px}
  .communication-head-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .communication-head-actions .btn{width:100%;justify-content:center}
  .communication-schema-alert,.communication-provider-alert{display:grid;grid-template-columns:1fr;padding:14px}
  .communication-schema-alert>.ui-icon,.communication-provider-alert>.ui-icon{width:22px;height:22px}
  .communication-schema-alert .btn,.communication-provider-alert .btn{width:100%;justify-content:center}
  .communication-stats{grid-template-columns:1fr 1fr}
  .quick-whatsapp-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;overflow:hidden}
  .quick-whatsapp-panel>div{width:100%;min-width:0}
  .quick-whatsapp-panel label{width:100%;min-width:0}
  .quick-whatsapp-panel .btn{width:100%;justify-content:center}
  .communication-composer{overflow:hidden}
  .communication-composer-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}
  .communication-recipient-badge{width:100%;min-width:0}
  .communication-channel-grid{width:100%;padding:13px;gap:9px}
  .communication-channel-grid label,.communication-channel-grid label>span{width:100%;min-width:0}
  .communication-form-grid{display:grid;grid-template-columns:minmax(0,1fr)}
  .communication-target-panel,.communication-message-panel{width:100%;min-width:0;padding:14px;overflow:hidden}
  .communication-target-panel>label,
  .communication-message-panel>label,
  .communication-member-picker,
  .communication-whatsapp-options,
  .communication-push-options{width:100%;min-width:0}
  .communication-member-picker select{min-height:180px}
  .communication-token-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:7px}
  .communication-token-list small{grid-column:1/-1}
  .communication-token-list button{width:100%;text-align:center}
  .communication-push-options{display:grid;grid-template-columns:minmax(0,1fr);padding:12px}
  .communication-whatsapp-options [data-whatsapp-template-fields]{display:grid;grid-template-columns:minmax(0,1fr)}
  .communication-wa-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .communication-wa-mode label{width:100%;min-width:0;justify-content:center;text-align:center}
  .communication-delivery-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
  .communication-delivery-panel>div{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
  .communication-delivery-panel>label,
  .communication-delivery-panel .checkbox-line,
  .communication-send-button{width:100%;min-width:0}
  .communication-history-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .communication-history-card{overflow:hidden}
  .communication-history-card .card-head{padding-inline:14px}
  .communication-history-card .responsive-table{margin:0;width:100%;max-width:100%;border-radius:0}
  .communication-log-list article{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 14px}
  .communication-log-list article>.status-pill{grid-column:2;max-width:100%;white-space:normal;text-align:left}
  .communication-log-list small{white-space:normal;overflow-wrap:anywhere}
}

@media(max-width:480px){
  .communication-stats{grid-template-columns:minmax(0,1fr)}
  .communication-token-list{grid-template-columns:minmax(0,1fr)}
  .communication-wa-mode{grid-template-columns:minmax(0,1fr)}
  .communication-stats article{width:100%}
}

/* EchoBilisim license center */
.license-admin-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:18px;margin-bottom:18px}.license-overview-card,.license-security-card{min-width:0}.license-overview-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}.license-provider-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;font-weight:900;font-size:20px;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 25%,transparent)}.license-overview-head h2{margin:3px 0 5px}.license-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.license-detail-grid>div{min-width:0;padding:13px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.license-detail-grid .wide{grid-column:1/-1}.license-detail-grid span,.license-detail-grid b{display:block}.license-detail-grid span{font-size:12px;color:var(--muted);margin-bottom:4px}.license-detail-grid b,.license-detail-grid code{overflow-wrap:anywhere}.license-feature-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:11px}.license-feature-list li{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.license-feature-list .ui-icon{color:var(--success);flex:0 0 auto}.danger-zone{margin-top:20px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:14px;padding:0 14px 14px;background:color-mix(in srgb,var(--danger) 4%,var(--surface))}.danger-zone summary{cursor:pointer;font-weight:800;padding:14px 0;color:var(--danger)}.danger-zone form{display:grid;gap:8px}.danger-zone label{font-weight:700;margin-top:6px}.license-event-table td{vertical-align:top}.license-event-table td:last-child{min-width:220px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}@media(max-width:980px){.license-admin-grid{grid-template-columns:1fr}}@media(max-width:620px){.license-overview-head{align-items:flex-start}.license-provider-mark{width:50px;height:50px;border-radius:15px}.license-detail-grid{grid-template-columns:1fr}.license-detail-grid .wide{grid-column:auto}.inline-actions,.inline-actions .btn{width:100%}.license-event-table{overflow-x:auto}.license-event-table table{min-width:760px}}

/* v1.0.38 — Advanced financial workspace */
.finance-workspace{margin-bottom:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));overflow:hidden}.finance-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.finance-workspace-head h2{display:flex;align-items:center;gap:9px;margin:3px 0 5px;font-size:20px}.finance-workspace-head p{margin:0;color:var(--muted);max-width:760px}.finance-module-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}.finance-module-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.finance-module-nav a:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));color:var(--primary)}.finance-module-nav a.active{border-color:var(--primary);background:var(--primary);color:#fff}.finance-module-nav .ui-icon{width:17px;height:17px}.finance-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 17px}.finance-kpi{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.finance-kpi-icon{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--primary)}.finance-kpi small{display:block;color:var(--muted);font-weight:750}.finance-kpi strong{display:block;margin-top:3px;font-size:19px;line-height:1.2;overflow-wrap:anywhere}.finance-kpi p{margin:5px 0 0;color:var(--muted);font-size:10.5px;line-height:1.45}.finance-kpi.tone-success .finance-kpi-icon{background:#ecfdf3;color:#15803d}.finance-kpi.tone-danger .finance-kpi-icon{background:#fff1f2;color:#be123c}.finance-kpi.tone-warning .finance-kpi-icon{background:#fff7ed;color:#c2410c}.finance-kpi.tone-info .finance-kpi-icon{background:#eff6ff;color:#1d4ed8}.finance-filter-card{padding:14px}.filter-bar.is-advanced{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.filter-bar.is-advanced .filter-search-field{grid-column:span 2}.filter-bar.is-advanced .filter-actions{grid-column:span 2;justify-content:flex-end}.financial-table tbody tr{transition:background-color .15s ease}.financial-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 3%,var(--surface))}.financial-table td b{font-variant-numeric:tabular-nums}.financial-form-card{overflow:visible}.financial-form-guide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:17px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.financial-form-guide>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:#fff}.financial-form-guide b{display:block}.financial-form-guide p{margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.financial-form-guide>a{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;font-size:12px;white-space:nowrap}.financial-live-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.financial-live-summary>div:first-child>span{display:flex;align-items:center;gap:7px;font-weight:850}.financial-live-summary>div:first-child>small{display:block;margin-top:4px;color:var(--muted)}.financial-live-values{display:flex;align-items:stretch;justify-content:flex-end;gap:8px;flex-wrap:wrap}.financial-live-values>span{min-width:125px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:right}.financial-live-values small{display:block;color:var(--muted);font-size:10px}.financial-live-values b{display:block;margin-top:2px;font-size:14px;font-variant-numeric:tabular-nums}.financial-live-values b.is-positive{color:#15803d}.financial-live-values b.is-negative{color:#be123c}
@media(max-width:1100px){.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar.is-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar.is-advanced .filter-search-field{grid-column:span 1}.filter-bar.is-advanced .filter-actions{grid-column:1/-1}}
@media(max-width:650px){.finance-workspace{padding:14px;border-radius:14px}.finance-workspace-head{display:block}.finance-workspace-head .btn{width:100%;margin-top:12px}.finance-module-nav{margin-left:-4px;margin-right:-4px}.finance-module-nav a{padding:8px 10px}.finance-kpi-grid{grid-template-columns:1fr}.finance-kpi{padding:13px}.filter-bar.is-advanced{grid-template-columns:1fr}.filter-bar.is-advanced .filter-search-field,.filter-bar.is-advanced .filter-actions{grid-column:auto}.financial-form-guide{grid-template-columns:auto minmax(0,1fr)}.financial-form-guide>a{grid-column:1/-1;justify-content:center;padding-top:9px;border-top:1px solid var(--line)}.financial-live-summary{display:block}.financial-live-values{display:grid;grid-template-columns:1fr;margin-top:12px}.financial-live-values>span{text-align:left;min-width:0}.finance-filter-card{padding:12px}.financial-table td b{font-size:14px}}

/* v1.0.38 — birthday window */
.birthday-section .card-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.birthday-grid>a{position:relative}.birthday-member{min-width:0;flex:1}.birthday-member b,.birthday-member small,.birthday-member em{display:block}.birthday-member b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-member em{margin-top:4px;color:var(--primary);font-size:10px;font-style:normal;font-weight:750}.birthday-countdown{align-self:flex-start;padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:10px;white-space:nowrap}.birthday-countdown.is-today{background:#fff1f2;color:#be123c;box-shadow:0 0 0 1px #fecdd3 inset}
@media(max-width:650px){.birthday-grid>a{align-items:flex-start}.birthday-countdown{margin-left:auto}.birthday-section .card-head{align-items:flex-start}}
.finance-report-overview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface))}.finance-report-overview h2{display:flex;align-items:center;gap:8px;margin:3px 0}.finance-report-overview p{margin:0;color:var(--muted)}.advanced-report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.advanced-report-summary small{display:block;margin-top:4px;color:var(--muted)}
@media(max-width:900px){.advanced-report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.finance-report-overview{display:block}.finance-report-overview>.status-badge{margin-top:12px}.advanced-report-summary{grid-template-columns:1fr}}

/* v1.0.42 — account verification, referral leadership and cron health */
.account-verification-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 18px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--warning) 35%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--warning) 10%,var(--surface)),var(--surface));box-shadow:var(--shadow-sm)}
.verification-banner-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--warning) 16%,var(--surface));color:var(--warning)}
.account-verification-banner strong{display:block;font-size:15px}.account-verification-banner p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.55;overflow-wrap:anywhere}.account-verification-banner form{margin:0}
.referral-member-stats,.referral-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.referral-member-grid,.referral-admin-grid{align-items:start}.referral-share-card{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.copy-field input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.assignment-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.assignment-card.is-active{border-color:color-mix(in srgb,var(--success) 38%,var(--line));background:color-mix(in srgb,var(--success) 5%,var(--surface))}.assignment-card h3{margin:10px 0 5px}.assignment-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.point-ledger .activity-item strong.positive{color:var(--success)}.point-ledger .activity-item strong.negative{color:var(--danger)}.inline-workflow{position:relative}.inline-workflow>summary{list-style:none}.inline-workflow>summary::-webkit-details-marker{display:none}.inline-workflow>form{position:absolute;z-index:20;right:0;top:calc(100% + 7px);display:grid;gap:8px;width:min(330px,80vw);padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-lg)}.inline-workflow textarea{resize:vertical}.compact-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cron-health-card{margin-bottom:18px;overflow:hidden}.cron-health-card.is-healthy{border-color:color-mix(in srgb,var(--success) 30%,var(--line))}.cron-health-card.needs-attention{border-color:color-mix(in srgb,var(--warning) 36%,var(--line))}.cron-setup-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:12px;margin-top:15px}.cron-command-panel{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.cron-command-panel>span{display:block;margin-bottom:8px;font-weight:850}.cron-command-panel small{display:block;margin-top:8px;color:var(--muted);line-height:1.5}.cron-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.cron-status-strip>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.cron-status-strip span,.cron-status-strip strong{display:block}.cron-status-strip span{font-size:11px;color:var(--muted);margin-bottom:4px}.cron-history{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.cron-history>summary{cursor:pointer;font-weight:850;color:var(--primary)}
@media(max-width:960px){.referral-member-stats,.referral-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cron-setup-grid{grid-template-columns:1fr}}
@media(max-width:650px){.account-verification-banner{grid-template-columns:auto minmax(0,1fr);padding:13px}.account-verification-banner form{grid-column:1/-1}.account-verification-banner .btn{width:100%;justify-content:center}.referral-member-stats,.referral-stats,.assignment-grid,.cron-status-strip{grid-template-columns:1fr}.copy-field{grid-template-columns:minmax(0,1fr)}.copy-field .btn{width:100%;justify-content:center}.referral-share-card .head-actions{display:grid;grid-template-columns:1fr}.referral-share-card .head-actions .btn{width:100%;justify-content:center}.inline-workflow>form{position:fixed;inset:auto 10px 10px 10px;width:auto;max-height:75vh;overflow:auto}.compact-controls{grid-template-columns:1fr}.cron-command-panel{padding:12px}.cron-command-panel .copy-field input{font-size:.72rem}.cron-health-card .card-head{align-items:flex-start}}
.stat-card-link{color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease}.stat-card-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}.stack-form fieldset{display:contents;border:0;padding:0;margin:0;min-width:0}



/* v1.0.42 — complete dark-mode semantic coverage and advanced PWA assistant */
html[data-theme=dark]{--bg:#080f1b;--surface:#111a29;--surface-2:#172235;--text:#edf3ff;--muted:#9cacc1;--line:#2a3950;--card:#111a29;--border:#2a3950;--soft:#172235;--public-bg:#080f1b;--public-soft:#0d1726;--public-card:#111a29;--public-text:#edf3ff;--public-muted:#9cacc1;--public-line:#2a3950;--public-shadow:none}
html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] .public-body,html[data-theme=dark] .admin-shell-body,html[data-theme=dark] .member-portal-body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme=dark] :where(.page,.content,.member-portal-main,.member-portal-content,.public-section,.news-page,.contact-page,.faq-page,.gallery-page,.event-listing-page,.project-listing-page,.donation-page-v3){color:var(--text)}
html[data-theme=dark] :where(.card,.stat-card,.auth-card,.table-card,.form-card,.content-card,.listing-card,.settings-content,.settings-section,.settings-sidebar,.settings-page-intro,.settings-save-bar,.theme-settings-preview,.pwa-settings-preview,.smtp-test-panel,.communication-card,.communication-panel,.communication-workspace,.finance-workspace,.finance-kpi,.finance-filter-card,.financial-form-card,.financial-live-summary,.dashboard-card,.member-card,.member-widget,.member-portal-card,.browser-push-card,.notification-dropdown,.notification-page-item,.public-user-dropdown,.public-user-summary,.public-form,.post,.empty-state,.error-page,.verify-card,.application-result,[class$="-card"]){background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none!important}
html[data-theme=dark] :where(.public-header,.member-site-header,.topbar,.sidebar,.public-footer,.member-portal-footer,.settings-sidebar-head,.settings-tabs a,.settings-search,.nav-search,.public-nav-dropdown-menu){background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none!important}
html[data-theme=dark] :where(h1,h2,h3,h4,h5,h6,strong,b,label,legend,.public-brand b,.brand b,.topbar-title h1,.settings-page-title h2,.card-head h2){color:var(--text)!important}
html[data-theme=dark] :where(p,small,.muted,.field-help,.post-meta,.lead,.settings-tab-copy small,.settings-page-title p,.card-head p,.list-row small,.public-brand small,.brand small,.public-footer,.public-footer p,.member-card small,[class$="-meta"],[class$="-description"]){color:var(--muted)!important}
html[data-theme=dark] :where(input,select,textarea,.relation-filter,.search input,.settings-search input,.nav-search){background:#0c1523!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none}
html[data-theme=dark] :where(input,textarea)::placeholder{color:#718199!important}
html[data-theme=dark] :where(input,select,textarea):focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)!important}
html[data-theme=dark] :where(th,.responsive-table td::before){background:var(--surface-2)!important;color:var(--muted)!important;border-color:var(--line)!important}
html[data-theme=dark] :where(td,tr,.table-wrap,table){border-color:var(--line)!important;color:var(--text)!important}
html[data-theme=dark] tbody tr:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important}
html[data-theme=dark] :where(.btn.ghost,.icon-btn,.pagination a,.finance-module-nav a,.public-user-trigger,.header-auth-action,.setting-toggle-card,.branding-upload-field,.branding-preview,.filter-bar,.toolbar){background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme=dark] :where(.btn.danger,.alert.error){background:#351522!important;border-color:#6b2940!important;color:#ffb4c6!important}
html[data-theme=dark] .alert.success{background:#102d21!important;border-color:#235d43!important;color:#9de7bd!important}
html[data-theme=dark] :where(.badge,.status-pill,.eyebrow,.settings-current-badge,.birthday-countdown){background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--muted)!important}
html[data-theme=dark] :where(.public-section.alt,.home-updates-section,.home-process-section,.home-features-section,.home-projects-section,.home-donation-section,.corporate-board-section,.corporate-contact-section,.volunteer-form-section){background:var(--public-soft)!important}
html[data-theme=dark] :where(.home-hero,.hero-panel,.mini-stat,.home-stats-band,.home-command-card,.home-next-event,.home-process-list li,.home-cta-card,.news-page-hero,.news-card,.news-category-bar,.news-detail,.news-detail-header,.news-detail-content,.related-news,.event-listing-card,.event-detail,.event-facts,.event-register,.project-listing-card,.faq-list details,.contact-grid>*,.gallery-item,.donation-v2-hero,.donation-v2-campaign,.donation-v2-form-card,.donation-v2-bank,.donation-v2-steps,.corporate-value-grid article,.corporate-board-grid article,.corporate-branch-grid article,.corporate-contact-card,.volunteer-impact-card,.volunteer-process-card,.volunteer-process-card li,.volunteer-form-card){background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none!important}
html[data-theme=dark] :where(.home-hero p,.hero p,.mini-stat span,.news-card p,.event-listing-card p,.project-listing-card p,.donation-v2-copy>p,.donation-v2-campaign p,.donation-v2-form-head p,.donation-v2-side-title small,.corporate-value-grid p,.corporate-branch-grid p,.corporate-contact-card p,.volunteer-process-card li small,.volunteer-form-head p){color:var(--muted)!important}
html[data-theme=dark] :where(.donation-v2-trust span,.volunteer-benefits span,.corporate-contact-list>a,.corporate-contact-list>div,.donation-v2-bank code,.donation-v2-consent){background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme=dark] :where(.settings-tabs a:hover,.settings-tabs a.active,.nav-item:hover,.nav-item.active,.public-nav-link:hover,.public-user-links a:hover,.public-user-links button:hover){background:color-mix(in srgb,var(--primary) 16%,var(--surface))!important;color:#fff!important}
html[data-theme=dark] img:not(.brand-logo):not([src*="pwa/icon"]){filter:brightness(.92)}

.pwa-smart-prompt{position:fixed;z-index:990;left:50%;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:min(920px,calc(100vw - 24px));padding:14px 16px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 24px 80px rgba(15,23,42,.2);backdrop-filter:blur(18px);transform:translate(-50%,calc(100% + 40px));opacity:0;transition:transform .26s ease,opacity .22s ease;overflow:hidden}.pwa-smart-prompt[data-position="bottom-left"]{left:16px;right:auto;width:min(620px,calc(100vw - 32px));transform:translate(0,calc(100% + 40px))}.pwa-smart-prompt[data-position="bottom-right"]{left:auto;right:16px;width:min(620px,calc(100vw - 32px));transform:translate(0,calc(100% + 40px))}.pwa-smart-prompt.is-visible{opacity:1;transform:translate(-50%,0)}.pwa-smart-prompt[data-position="bottom-left"].is-visible,.pwa-smart-prompt[data-position="bottom-right"].is-visible{transform:none}.pwa-smart-prompt::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--primary),var(--secondary));}.pwa-smart-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#0f2852,#2563eb);box-shadow:0 10px 26px rgba(37,99,235,.2)}.pwa-smart-icon img{width:50px;height:50px;object-fit:contain}.pwa-smart-copy{display:grid;min-width:0;gap:2px}.pwa-smart-kicker{color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pwa-smart-copy strong{font-size:15px}.pwa-smart-copy p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}.pwa-smart-copy small{margin-top:4px;font-weight:750}.pwa-smart-copy small[data-tone="success"]{color:var(--success)}.pwa-smart-copy small[data-tone="error"]{color:var(--danger)}.pwa-smart-copy small[data-tone="working"]{color:var(--warning)}.pwa-smart-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.pwa-smart-actions .btn{min-height:38px;padding:8px 11px;font-size:11.5px;white-space:nowrap}.pwa-later{border:0;background:transparent;color:var(--muted);padding:8px;font-size:11px;font-weight:800}.pwa-later:hover{color:var(--text)}.pwa-smart-close{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--muted)}.pwa-smart-close:hover{background:var(--surface-2);color:var(--text)}.pwa-smart-close .ui-icon{width:17px;height:17px}
.pwa-help-dialog{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s}.pwa-help-dialog.is-visible{opacity:1}.pwa-help-backdrop{position:absolute;inset:0;background:rgba(6,12,22,.68);backdrop-filter:blur(5px)}.pwa-help-panel{position:relative;width:min(440px,100%);padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 28px 90px rgba(0,0,0,.28);text-align:center}.pwa-help-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--text)}.pwa-help-icon{display:grid;place-items:center;width:78px;height:78px;margin:auto;border-radius:23px;background:linear-gradient(145deg,#0f2852,#2563eb)}.pwa-help-icon img{width:64px;height:64px}.pwa-help-panel h2{margin:18px 0 9px}.pwa-help-panel ol{display:grid;gap:9px;margin:18px 0 22px;padding:0;list-style:none;text-align:left}.pwa-help-panel li{padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}body.pwa-dialog-open{overflow:hidden}
.pwa-settings-preview{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;margin-bottom:22px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.pwa-preview-phone{width:152px;margin:auto;padding:9px;border:1px solid var(--line);border-radius:28px;background:#0b1220;box-shadow:0 18px 45px rgba(15,23,42,.16)}.pwa-preview-status{display:flex;justify-content:center;gap:3px;padding:3px}.pwa-preview-status i{width:3px;height:3px;border-radius:50%;background:#76859b}.pwa-preview-screen{display:grid;place-items:center;min-height:230px;padding:20px 12px;border-radius:20px;background:linear-gradient(155deg,#eef5ff,#fff);text-align:center}.pwa-preview-screen img{border-radius:20px}.pwa-preview-screen b{margin-top:12px;color:#172033}.pwa-preview-screen small{color:#667085;font-size:9px}.pwa-preview-screen span{display:flex;align-items:center;gap:5px;margin-top:14px;padding:7px 9px;border-radius:9px;background:#2563eb;color:#fff;font-size:9px;font-weight:800}.pwa-settings-preview>div:last-child>b{font-size:18px}.pwa-settings-preview p{color:var(--muted);line-height:1.65}.pwa-settings-preview ul{display:grid;gap:6px;margin:13px 0 0;padding-left:18px;color:var(--muted)}.branding-preview.is-pwa-icon{background:linear-gradient(145deg,#0f2852,#2563eb)!important}.branding-preview.is-pwa-icon img{width:58px;height:58px;object-fit:contain}
html[data-theme=dark] .pwa-smart-prompt,html[data-theme=dark] .pwa-help-panel,html[data-theme=dark] .pwa-settings-preview{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none}.pwa-smart-prompt[hidden],.pwa-help-dialog[hidden]{display:none!important}
@media(max-width:760px){.pwa-smart-prompt,.pwa-smart-prompt[data-position="bottom-left"],.pwa-smart-prompt[data-position="bottom-right"]{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;grid-template-columns:48px minmax(0,1fr) 30px;gap:10px;padding:12px;border-radius:17px;transform:translateY(calc(100% + 30px))}.pwa-smart-prompt.is-visible,.pwa-smart-prompt[data-position="bottom-left"].is-visible,.pwa-smart-prompt[data-position="bottom-right"].is-visible{transform:none}.pwa-smart-icon{width:48px;height:48px;border-radius:14px}.pwa-smart-icon img{width:42px;height:42px}.pwa-smart-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.pwa-smart-actions .btn{white-space:normal;line-height:1.25}.pwa-later{grid-column:1/-1;padding:5px}.pwa-smart-copy strong{font-size:13px}.pwa-smart-copy p{font-size:10.5px}.pwa-settings-preview{grid-template-columns:1fr;padding:17px}.pwa-preview-phone{width:142px}.pwa-help-panel{padding:25px 18px}}
@media(max-width:430px){.pwa-smart-actions{grid-template-columns:1fr}.pwa-smart-actions [hidden]{display:none!important}.pwa-smart-actions .btn{width:100%}.pwa-later{grid-column:auto}.pwa-smart-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}

/* v1.0.42 — secure document preview, identity privacy and resilient PWA icon */
button.text-link{font:inherit;cursor:pointer}.secure-document-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}.secure-document-modal.is-visible{opacity:1}.secure-document-modal[hidden]{display:none!important}.secure-document-backdrop{position:absolute;inset:0;border:0;background:rgba(5,12,24,.76);backdrop-filter:blur(7px)}.secure-document-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,100%);height:min(840px,calc(100dvh - 36px));overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 30px 100px rgba(0,0,0,.34);color:var(--text)}.secure-document-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.secure-document-panel>header h2{margin:3px 0 4px;font-size:19px}.secure-document-panel>header p{margin:0;color:var(--muted);font-size:12px}.secure-document-close{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text)}.secure-document-stage{position:relative;display:grid;place-items:center;min-height:0;padding:14px;background:color-mix(in srgb,var(--surface-2) 82%,var(--surface))}.secure-document-stage iframe{width:100%;height:100%;min-height:440px;border:0;border-radius:14px;background:#fff}.secure-document-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 12px 38px rgba(0,0,0,.18)}.secure-document-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:20px;color:var(--muted);font-weight:800;background:var(--surface-2)}.secure-document-loading[hidden]{display:none}.secure-document-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface)}.secure-document-panel>footer span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:750}body.document-preview-open{overflow:hidden}.pwa-smart-icon,.pwa-help-icon{overflow:hidden}.pwa-smart-icon img,.pwa-help-icon img{display:block;opacity:1!important;filter:none!important}.pwa-smart-icon::after,.pwa-help-icon::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.pwa-smart-icon,.pwa-help-icon{position:relative}
@media(max-width:700px){.secure-document-modal{padding:8px}.secure-document-panel{height:calc(100dvh - 16px);border-radius:18px}.secure-document-panel>header{padding:14px}.secure-document-panel>header h2{font-size:16px}.secure-document-panel>header p{font-size:10.5px}.secure-document-stage{padding:8px}.secure-document-stage iframe{min-height:360px}.secure-document-panel>footer{align-items:stretch;flex-direction:column;padding:10px 12px}.secure-document-panel>footer .btn{width:100%;justify-content:center}.secure-document-panel>footer span{justify-content:center;text-align:center}}

/* v1.0.42 identity security and protected preview finishing details */
.identity-conflict-alert > div {
    min-width: 0;
}

.sensitive-value {
    font-variant-numeric: tabular-nums;
    letter-spacing: .035em;
}



/* v1.0.44 — complete account erasure and self-service deletion */
.profile-delete-shortcut,.profile-account-delete-card{border-color:color-mix(in srgb,var(--danger) 30%,var(--line))!important}.profile-delete-shortcut{background:color-mix(in srgb,var(--danger) 4%,var(--surface))!important}.profile-delete-shortcut .ui-icon,.profile-account-delete-card .eyebrow,.public-user-danger-link{color:var(--danger)!important}.profile-account-delete-card{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 5%,var(--surface)),var(--surface))}.profile-account-delete-card h2{margin:6px 0 5px}.profile-account-delete-card p{margin:0;color:var(--muted);max-width:760px}.account-delete-heading{align-items:flex-start}.account-delete-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.account-delete-summary,.account-delete-confirmation{min-width:0}.account-delete-member{display:flex;align-items:center;gap:14px;padding-bottom:17px;border-bottom:1px solid var(--line)}.account-delete-member>span,.account-delete-warning-icon,.account-delete-blocked>span{flex:0 0 auto;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.account-delete-member h2{margin:2px 0 3px}.account-delete-member p{margin:0;color:var(--muted);overflow-wrap:anywhere}.account-delete-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.account-delete-counts article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.account-delete-counts article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--surface);color:var(--primary)}.account-delete-counts b,.account-delete-counts small{display:block}.account-delete-counts b{font-size:18px}.account-delete-counts small{color:var(--muted);font-size:10.5px}.account-delete-data-list{padding:15px;border:1px solid color-mix(in srgb,var(--danger) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--danger) 3%,var(--surface))}.account-delete-data-list h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}.account-delete-data-list ul{margin:0;padding-left:19px;display:grid;gap:8px;color:var(--muted);font-size:12px;line-height:1.55}.account-delete-confirmation{position:sticky;top:92px;border-color:color-mix(in srgb,var(--danger) 34%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--danger) 6%,var(--surface)),var(--surface))}.account-delete-confirmation h2{margin:13px 0 5px}.account-delete-confirmation>p{margin:0 0 17px;color:var(--muted)}.account-delete-confirmation form{display:grid;gap:13px}.account-delete-confirmation label{display:grid;gap:6px;font-weight:750}.account-delete-confirmation label small{color:var(--muted);font-weight:500;line-height:1.45}.account-delete-check{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;padding:12px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));border-radius:12px;background:var(--surface)}.account-delete-check input{margin-top:3px}.account-delete-check b,.account-delete-check small{display:block}.account-delete-blocked{display:flex;align-items:flex-start;gap:15px;border-color:color-mix(in srgb,var(--warning) 35%,var(--line));background:color-mix(in srgb,var(--warning) 6%,var(--surface))}.account-delete-blocked h2{margin:0 0 5px}.account-delete-blocked p{margin:0;color:var(--muted)}.account-delete-success{display:flex;align-items:flex-start;gap:10px;margin:13px 0 17px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--success) 7%,var(--surface));color:var(--success)}.account-delete-success b,.account-delete-success small{display:block}.account-delete-success small{margin-top:3px;color:var(--muted);line-height:1.45}
@media(max-width:900px){.account-delete-layout{grid-template-columns:1fr}.account-delete-confirmation{position:static}.profile-account-delete-card{align-items:flex-start;flex-direction:column}.profile-account-delete-card .btn{width:100%}}
@media(max-width:520px){.account-delete-heading .btn{width:100%}.account-delete-counts{grid-template-columns:1fr}.account-delete-member{align-items:flex-start}.account-delete-summary,.account-delete-confirmation{padding:14px}.account-delete-check{padding:10px}}
@media(min-width:1101px){.profile-settings-overview{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* v1.0.44 — advanced administration command center, membership freezing and identity maintenance */
.admin-command-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;margin-bottom:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface) 58%);box-shadow:none}.admin-command-hero:after{content:"";position:absolute;right:-72px;top:-92px;width:230px;height:230px;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);pointer-events:none}.admin-command-copy,.admin-command-actions{position:relative;z-index:1}.admin-command-copy h1{margin:4px 0 7px;font-size:clamp(24px,3vw,36px);letter-spacing:-.035em}.admin-command-copy>p{max-width:720px;margin:0;color:var(--muted)}.admin-command-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.admin-command-meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:750}.admin-command-meta .ui-icon{width:15px;height:15px;color:var(--primary)}.admin-command-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.dashboard-kpi-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--text);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.dashboard-kpi-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}.dashboard-kpi-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--primary) 9%,var(--surface-2));color:var(--primary)}.dashboard-kpi-card.tone-success .dashboard-kpi-icon{background:color-mix(in srgb,var(--success) 11%,var(--surface));color:var(--success)}.dashboard-kpi-card.tone-warning .dashboard-kpi-icon{background:color-mix(in srgb,var(--warning) 13%,var(--surface));color:var(--warning)}.dashboard-kpi-card.tone-danger .dashboard-kpi-icon{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}.dashboard-kpi-card.tone-info .dashboard-kpi-icon{background:color-mix(in srgb,#0ea5e9 11%,var(--surface));color:#0284c7}.dashboard-kpi-card small,.dashboard-kpi-card strong,.dashboard-kpi-card em{display:block;min-width:0}.dashboard-kpi-card small{color:var(--muted);font-size:10.5px;font-weight:750}.dashboard-kpi-card strong{margin-top:3px;font-size:20px;line-height:1.2}.dashboard-kpi-card em{display:flex;align-items:center;gap:4px;margin-top:5px;color:var(--muted);font-size:9.5px;font-style:normal}.dashboard-kpi-card em .ui-icon{width:12px;height:12px}.dashboard-command-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;margin-bottom:14px}.dashboard-finance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard-finance-metrics>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.dashboard-finance-metrics span,.dashboard-finance-metrics strong{display:block}.dashboard-finance-metrics span{color:var(--muted);font-size:10px;font-weight:750}.dashboard-finance-metrics strong{margin-top:5px;font-size:16px}.dashboard-finance-metrics .is-positive strong{color:var(--success)}.dashboard-finance-metrics .is-negative strong{color:var(--danger)}.dashboard-finance-progress{margin-top:15px}.dashboard-finance-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--muted);font-size:11px}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:var(--surface-2)}.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 55%,var(--success)))}.member-trend-bars{display:flex;align-items:end;justify-content:space-between;gap:9px;height:162px;padding-top:15px}.member-trend-bars>div{display:grid;grid-template-rows:auto 1fr;align-items:end;gap:8px;flex:1;height:100%;min-width:0}.member-trend-bars span{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:10px}.member-trend-bars small{color:var(--muted)}.member-trend-bars i{display:flex;align-items:flex-end;justify-content:center;height:100%;min-height:80px;overflow:hidden;border-radius:9px;background:var(--surface-2)}.member-trend-bars em{display:block;width:100%;min-height:8px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 72%,#fff),var(--primary))}.dashboard-quick-actions{margin-bottom:14px}.dashboard-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dashboard-action-grid>a{display:grid;grid-template-columns:40px minmax(0,1fr) 17px;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--text)}.dashboard-action-grid>a:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.dashboard-action-grid>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface);color:var(--primary)}.dashboard-action-grid b,.dashboard-action-grid small{display:block}.dashboard-action-grid small{margin-top:2px;color:var(--muted);font-size:10px}.dashboard-action-grid>a>.ui-icon:last-child{width:16px;height:16px;color:var(--muted)}.dashboard-lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-compact-list .list-row{min-height:58px}.dashboard-health-section{margin-bottom:14px}.dashboard-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dashboard-health-grid article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.dashboard-health-grid article>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--surface);color:var(--primary)}.dashboard-health-grid small,.dashboard-health-grid b,.dashboard-health-grid em{display:block;min-width:0}.dashboard-health-grid small{color:var(--muted);font-size:9.5px}.dashboard-health-grid b{margin-top:2px;font-size:13px}.dashboard-health-grid em{margin-top:2px;overflow:hidden;color:var(--muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.dashboard-health-grid .tone-success>span{color:var(--success)}.dashboard-health-grid .tone-warning>span{color:var(--warning)}.dashboard-health-grid .tone-muted>span{color:var(--muted)}.dashboard-birthday-section{margin-bottom:0}
.account-freeze-banner{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:13px 15px;border:1px solid color-mix(in srgb,#0ea5e9 35%,var(--line));border-radius:15px;background:color-mix(in srgb,#0ea5e9 7%,var(--surface))}.account-freeze-banner>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--surface);color:#0284c7}.account-freeze-banner strong,.account-freeze-banner p{display:block;margin:0}.account-freeze-banner p{margin-top:3px;color:var(--muted);font-size:11px}.member-freeze-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:15px;align-items:start}.member-freeze-status{display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px}.member-freeze-status-icon,.member-freeze-information-head>span,.member-freeze-disabled>span{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,#0ea5e9 11%,var(--surface));color:#0284c7}.member-freeze-status h2,.member-freeze-information h2,.member-freeze-action h2,.member-freeze-disabled h2{margin:4px 0 5px}.member-freeze-status p,.member-freeze-action>p,.member-freeze-disabled p{margin:0;color:var(--muted)}.member-freeze-status dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:2px 0 0}.member-freeze-status dl>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.member-freeze-status dl .wide{grid-column:1/-1}.member-freeze-status dt{color:var(--muted);font-size:9.5px;font-weight:750}.member-freeze-status dd{margin:4px 0 0;font-weight:700}.member-freeze-action{position:sticky;top:92px}.member-freeze-action form{display:grid;gap:12px;margin-top:15px}.member-freeze-action label{display:grid;gap:6px;font-weight:750}.member-freeze-action label>span{color:var(--muted);font-size:10px;font-weight:500}.member-freeze-action label small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}.member-freeze-check{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.member-freeze-check input{margin-top:3px}.member-freeze-check b,.member-freeze-check small{display:block}.member-freeze-information-head{display:flex;align-items:center;gap:14px}.member-freeze-list{display:grid;gap:9px;margin:18px 0;padding:0;list-style:none}.member-freeze-list li{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:11px}.member-freeze-list .ui-icon{flex:0 0 auto;width:17px;height:17px;color:var(--primary)}.member-freeze-note{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:12px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));color:var(--muted);font-size:11px}.member-freeze-disabled{display:flex;align-items:center;gap:15px}.member-freeze-disabled>div{flex:1}.profile-freeze-shortcut{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid color-mix(in srgb,#0ea5e9 25%,var(--line));border-radius:12px;background:color-mix(in srgb,#0ea5e9 4%,var(--surface));color:var(--text)}.profile-freeze-shortcut .ui-icon{color:#0284c7}.profile-freeze-shortcut b,.profile-freeze-shortcut small{display:block}.profile-freeze-shortcut small{margin-top:2px;color:var(--muted);font-size:10px}.member-freeze-admin-panel{margin-top:16px;padding:18px;border:1px solid color-mix(in srgb,#0ea5e9 28%,var(--line));border-radius:16px;background:color-mix(in srgb,#0ea5e9 3%,var(--surface))}.member-freeze-admin-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr) auto;align-items:end;gap:11px}.member-freeze-admin-form label{display:grid;gap:6px;font-weight:750}.member-freeze-admin-status{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.member-freeze-admin-status>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,#0ea5e9 10%,var(--surface));color:#0284c7}.member-freeze-admin-status b,.member-freeze-admin-status small,.member-freeze-admin-status p{display:block}.member-freeze-admin-status small,.member-freeze-admin-status p{margin:3px 0 0;color:var(--muted);font-size:10px}
html[data-theme=dark] .admin-command-hero,html[data-theme=dark] .dashboard-kpi-card,html[data-theme=dark] .member-freeze-admin-panel{box-shadow:none}.btn.warning{background:color-mix(in srgb,var(--warning) 13%,var(--surface));border-color:color-mix(in srgb,var(--warning) 32%,var(--line));color:var(--warning)}
@media(max-width:1180px){.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.admin-command-hero{align-items:flex-start;flex-direction:column}.admin-command-actions{justify-content:flex-start}.dashboard-command-grid,.dashboard-lists-grid,.member-freeze-layout{grid-template-columns:1fr}.member-freeze-action{position:static}.dashboard-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-freeze-admin-form{grid-template-columns:1fr}.member-freeze-admin-status{grid-template-columns:48px minmax(0,1fr)}.member-freeze-admin-status form{grid-column:1/-1}.member-freeze-admin-status .btn{width:100%}}
@media(max-width:620px){.admin-command-hero{padding:18px}.admin-command-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.admin-command-actions .version-chip{grid-column:1/-1;justify-content:center}.dashboard-kpi-grid,.dashboard-health-grid,.dashboard-action-grid{grid-template-columns:1fr}.dashboard-finance-metrics{grid-template-columns:1fr 1fr}.dashboard-kpi-card{padding:13px}.dashboard-health-section .card-head{align-items:stretch;flex-direction:column}.dashboard-health-section .card-head form,.dashboard-health-section .card-head .btn{width:100%}.account-freeze-banner{grid-template-columns:40px minmax(0,1fr)}.account-freeze-banner>a{grid-column:1/-1;width:100%}.member-freeze-status{grid-template-columns:48px minmax(0,1fr)}.member-freeze-status-icon,.member-freeze-information-head>span,.member-freeze-disabled>span{width:48px;height:48px;border-radius:14px}.member-freeze-status dl{grid-template-columns:1fr}.member-freeze-status dl .wide{grid-column:auto}.member-freeze-disabled{align-items:flex-start;flex-direction:column}.member-freeze-disabled .btn{width:100%}.dashboard-finance-metrics strong{font-size:14px}}


/* v1.0.47 — zero-residue identity release, live member badge and complete dark surfaces */
.online-member-chip{position:relative;color:var(--success)!important;border-color:color-mix(in srgb,var(--success) 32%,var(--line))!important;background:color-mix(in srgb,var(--success) 8%,var(--surface))!important}
.online-member-chip>i{display:block;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px color-mix(in srgb,#22c55e 16%,transparent);animation:online-member-pulse 1.8s ease-in-out infinite}
.online-member-chip .ui-icon{color:var(--success)!important}
@keyframes online-member-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(.86)}}
@media(prefers-reduced-motion:reduce){.online-member-chip>i{animation:none}}

html[data-theme=dark] .public-body :is(.home-participation-section,.home-news-section,.home-events-section,.home-corporate-section){background:var(--public-bg)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-body :is(.home-features-section,.home-projects-section,.home-updates-section,.home-process-section,.home-donation-section,.corporate-board-section,.corporate-contact-section,.volunteer-form-section){background:var(--public-soft)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-body :is(.home-participation-grid article.featured,.home-update-card.is-featured,.home-next-event,.corporate-hero,.volunteer-hero,.volunteer-tracking,.volunteer-form-head>span){background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 9%,var(--public-card)),var(--public-card))!important;border-color:var(--public-line)!important;color:var(--public-text)!important}
html[data-theme=dark] .public-body :is(.home-command-card,.home-command-grid article,.home-command-grid article>span,.home-stats-band,.home-stats-grid article>span,.home-feature-grid article,.home-feature-grid article>span,.home-update-card,.home-event-card,.home-date-box,.home-project-card,.home-project-top>span,.home-empty-card,.home-news-panel,.home-featured-news,.home-latest-news-card,.listing-page-count,.listing-card,.listing-empty,.home-participation-grid article,.home-participation-grid article>span,.corporate-identity-card,.volunteer-impact-card,.corporate-value-grid article,.corporate-value-grid article>span,.corporate-board-grid article,.corporate-branch-grid article,.corporate-contact-card,.corporate-contact-list>a,.corporate-contact-list>div,.volunteer-benefits span,.volunteer-process-card,.volunteer-process-card li,.volunteer-form-card){background:var(--public-card)!important;border-color:var(--public-line)!important;color:var(--public-text)!important;box-shadow:none!important}
html[data-theme=dark] .public-body :is(.home-command-grid article,.home-command-grid article>span,.home-stats-grid article>span,.home-feature-grid article>span,.home-date-box,.home-project-top>span,.home-participation-grid article>span,.corporate-value-grid article>span,.corporate-board-grid article>span,.corporate-branch-grid article>span,.corporate-contact-list>a,.corporate-contact-list>div,.volunteer-benefits span,.volunteer-process-card li){background:var(--public-card-2)!important}
html[data-theme=dark] .public-body :is(.home-trust-row,.home-trust-row span,.home-command-head small,.home-command-grid small,.home-next-event small,.home-next-event em,.home-stats-grid small,.home-section-head p,.home-feature-grid p,.home-update-meta,.home-update-card p,.home-event-copy p,.home-project-card small,.home-progress-label,.home-empty-card,.home-participation-grid p,.listing-page-count span,.listing-card p,.listing-empty p,.corporate-identity-card small,.volunteer-impact-card small,.corporate-value-grid p,.corporate-board-grid em,.corporate-branch-grid p,.corporate-contact-card p,.volunteer-process-card small,.volunteer-form-head p){color:var(--public-muted)!important}
html[data-theme=dark] .public-body :is(.home-hero,.home-command-card,.home-next-event,.home-update-card.is-featured,.corporate-hero,.volunteer-hero){background-image:none!important}
html[data-theme=dark] :is(.alert.success,.notice.success){background:color-mix(in srgb,var(--success) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--success) 35%,var(--line))!important;color:#86efac!important}
html[data-theme=dark] :is(.alert.error,.notice.error,.btn.danger){background:color-mix(in srgb,var(--danger) 10%,var(--surface))!important;border-color:color-mix(in srgb,var(--danger) 34%,var(--line))!important;color:#fda4af!important}
html[data-theme=dark] :is(.alert.warning,.notice.warning,.birthday-countdown.is-today){background:color-mix(in srgb,var(--warning) 11%,var(--surface))!important;border-color:color-mix(in srgb,var(--warning) 34%,var(--line))!important;color:#fdba74!important}
html[data-theme=dark] :is(dialog,.modal,.modal-card,.secure-document-panel,.inline-workflow>form){background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}

/* v1.0.47 — resilient membership application draft and password controls */
.form-section-description{margin:-.35rem 0 1rem;color:var(--muted);font-size:.94rem}
.password-input-wrap{display:flex;align-items:stretch;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);overflow:hidden}
.password-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}
.password-input-wrap input{min-width:0;flex:1;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.password-visibility-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex:0 0 auto;border:0;border-left:1px solid var(--border);background:var(--surface-soft);color:var(--text);padding:.65rem .8rem;font:inherit;font-size:.88rem;cursor:pointer}
.password-visibility-button:hover{background:color-mix(in srgb,var(--primary) 10%,var(--surface-soft));color:var(--primary)}
.password-visibility-button .ui-icon{width:18px;height:18px}
.application-draft-file{display:flex;align-items:flex-start;gap:.65rem;margin-top:.65rem;padding:.7rem .8rem;border:1px solid color-mix(in srgb,var(--success,#16a34a) 32%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--success,#16a34a) 8%,var(--surface));color:var(--text)}
.application-draft-file>.ui-icon{flex:0 0 auto;color:var(--success,#16a34a);margin-top:.1rem}
.application-draft-file span{display:grid;gap:.15rem;min-width:0}.application-draft-file small{color:var(--muted);overflow-wrap:anywhere}
[data-theme="dark"] .password-input-wrap,[data-theme="dark"] .password-visibility-button{background:var(--surface)}
@media(max-width:640px){.password-input-wrap{width:100%}.password-visibility-button{padding-inline:.68rem}.password-visibility-button span{display:none}}

/* v1.0.47 registration draft and verified identity */
.identity-verification-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;margin:.35rem 0 1rem;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--text)}
.identity-verification-notice>svg{flex:0 0 auto;color:var(--primary);margin-top:.1rem}.identity-verification-notice div{display:grid;gap:.2rem}.identity-verification-notice span{color:var(--muted);font-size:.9rem;line-height:1.5}
[data-theme="dark"] .identity-verification-notice{background:color-mix(in srgb,var(--primary) 12%,var(--surface));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
@media(max-width:600px){.identity-verification-notice{padding:.8rem;border-radius:12px}.application-password-section .form-grid{grid-template-columns:minmax(0,1fr)}}


/* v1.0.48 — universal password controls and activation recovery */
.password-input-wrap-auto{display:flex!important;width:100%;margin-top:.35rem}
label>.password-input-wrap-auto{font-weight:400}
.activation-resend-panel{margin-top:1rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);overflow:hidden}
.activation-resend-panel summary{display:flex;align-items:center;gap:.55rem;padding:.85rem 1rem;cursor:pointer;font-weight:750;color:var(--text)}
.activation-resend-panel form{padding:0 1rem 1rem}.activation-resend-panel .btn{margin-top:.75rem}
[data-theme="dark"] .activation-resend-panel{background:var(--surface);border-color:var(--line,var(--border))}

/* v1.0.49 — SMTP secret state and sender configuration clarity */
.secret-setting-control{display:grid;gap:.55rem;min-width:0}
.secret-setting-control>.password-input-wrap{margin-top:0}
.secret-setting-status{display:inline-flex;align-items:center;gap:.4rem;width:max-content;max-width:100%;padding:.36rem .62rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.78rem;font-weight:750;line-height:1.2}
.secret-setting-status .ui-icon{width:15px;height:15px}
.secret-setting-status.is-success{border-color:color-mix(in srgb,var(--success,#16a34a) 34%,var(--border));background:color-mix(in srgb,var(--success,#16a34a) 9%,var(--surface));color:var(--success,#15803d)}
.secret-setting-status.is-danger{border-color:color-mix(in srgb,var(--danger,#dc2626) 36%,var(--border));background:color-mix(in srgb,var(--danger,#dc2626) 9%,var(--surface));color:var(--danger,#b91c1c)}
html[data-theme=dark] .secret-setting-status{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .secret-setting-status.is-success{background:color-mix(in srgb,var(--success,#22c55e) 13%,var(--surface));color:#86efac}
html[data-theme=dark] .secret-setting-status.is-danger{background:color-mix(in srgb,var(--danger,#ef4444) 13%,var(--surface));color:#fca5a5}
@media(max-width:600px){.secret-setting-status{width:100%;justify-content:center;text-align:center}}

/* v1.0.51 — detailed referral memberships and system-wide mobile rhythm */
:where(.content,.member-main,.public-main,.public-section,.page-section,.card,.stat-card,.form-section,.settings-content,.module-content,.dashboard-grid,.stats-grid,.form-grid,.settings-form-grid,.table-wrap,.toolbar,.card-head,.page-head,.section-heading,.head-actions,.row-actions,.inline-actions,.activity-item,.list-row,.preference-row,.referral-invite-card)>*{min-width:0}
:where(.card-head,.page-head,.section-heading,.toolbar,.head-actions,.row-actions,.inline-actions,.smtp-test-actions,.whatsapp-test-actions,.backup-actions){flex-wrap:wrap}
.stack-form,.stack-form fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0}
.stack-form label,.stack-form .field{display:grid;gap:6px;min-width:0}
.toolbar .search,.toolbar .search input,.filter-bar,.filter-bar>*{min-width:0;max-width:100%}
.card-head p,.page-head p,.section-heading p{margin:.35rem 0 0}

.referral-history-card{overflow:hidden}
.referral-history-head{align-items:flex-start}
.referral-invitation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.referral-invite-card{display:grid;gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);min-width:0}
.referral-invite-card.has-membership{border-color:color-mix(in srgb,var(--success,#16a34a) 28%,var(--border));background:color-mix(in srgb,var(--success,#16a34a) 4%,var(--surface))}
.referral-invite-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;min-width:0}
.referral-invite-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary)}
.referral-invite-avatar .ui-icon{width:21px;height:21px}
.referral-invite-person{min-width:0}.referral-invite-person h3{margin:0;font-size:1rem;overflow-wrap:anywhere}.referral-invite-person p{display:flex;align-items:center;gap:6px;margin:4px 0 0;color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}.referral-invite-person p .ui-icon{width:15px;height:15px}
.referral-membership-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.referral-membership-facts>div{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.referral-membership-facts span{color:var(--muted);font-size:.73rem;font-weight:750;text-transform:uppercase;letter-spacing:.035em}
.referral-membership-facts strong{font-size:.88rem;overflow-wrap:anywhere}.referral-membership-facts .status-badge{font-size:.72rem}
.referral-invite-meta{display:flex;flex-wrap:wrap;gap:7px}
.referral-invite-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}.referral-invite-meta .ui-icon{width:14px;height:14px}
.referral-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}
.referral-timeline li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;padding:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);min-width:0}
.referral-timeline li>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--surface-soft)}.referral-timeline .ui-icon{width:14px;height:14px}.referral-timeline b{display:block;color:var(--text);font-size:.78rem;line-height:1.3}.referral-timeline small{display:block;margin-top:2px;font-size:.7rem;line-height:1.35;overflow-wrap:anywhere}
.referral-timeline li.is-done{border-color:color-mix(in srgb,var(--success,#16a34a) 28%,var(--border));color:var(--success,#15803d)}.referral-timeline li.is-done>span{background:color-mix(in srgb,var(--success,#16a34a) 10%,var(--surface))}
.referral-invite-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.referral-invite-foot>span{display:inline-flex;align-items:center;gap:6px}.referral-invite-foot strong{color:var(--text)}.referral-invite-foot strong.positive{color:var(--success,#15803d)}
.referral-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;border:1px dashed var(--border);border-radius:15px;background:var(--surface-soft)}.referral-empty .ui-icon{width:28px;height:28px;color:var(--primary)}.referral-empty span{font-size:.86rem}
.referral-ledger-card .activity-item{min-width:0}
html[data-theme=dark] .referral-invite-card{background:var(--surface-2)}
html[data-theme=dark] .referral-invite-card.has-membership{background:color-mix(in srgb,var(--success,#22c55e) 8%,var(--surface))}
html[data-theme=dark] :is(.referral-membership-facts>div,.referral-invite-meta span,.referral-timeline li){background:var(--surface);border-color:var(--line)}

@media(max-width:1100px){
  .referral-invitation-grid{grid-template-columns:1fr}
  .referral-membership-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:800px){
  :where(.content,.member-main,.public-main,.public-section,.page-section){min-width:0;max-width:100%}
  :where(.dashboard-grid,.stats-grid,.form-grid,.settings-form-grid,.maintenance-grid,.report-grid,.finance-strip,.content-grid,.listing-grid,.dashboard-kpi-grid,.dashboard-action-grid,.dashboard-lists-grid,.dashboard-health-grid,.birthday-grid,.assignment-grid,.cron-setup-grid,.license-admin-grid,.referral-member-grid){gap:14px}
  :where(.card,.stat-card,.content-card,.listing-card,.dashboard-kpi-card,.birthday-member){min-width:0}
  :where(.page-head,.card-head,.section-heading,.home-section-head,.toolbar){align-items:flex-start;gap:10px}
  :where(.page-head,.home-section-head,.toolbar){flex-direction:column}
  :where(.page-head>.head-actions,.home-section-head>a,.toolbar>.toolbar-actions,.toolbar>.search){width:100%}
  .toolbar .search{display:grid;grid-template-columns:1fr;width:100%}.toolbar .search input{min-width:0;width:100%}
  .head-actions{width:100%;gap:8px}.head-actions>.btn,.head-actions>form,.head-actions>form>.btn{flex:1 1 180px}
  .filter-bar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.filter-bar .btn,.filter-bar button{width:100%}
  .copy-field{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:100%}.copy-field input{min-width:0}
  .activity-item,.list-row{gap:10px}.activity-item>div,.list-row>div{min-width:0}
  .card+.card,.card+section,section+.card,section+section{scroll-margin-top:88px}
  .referral-invite-head{grid-template-columns:auto minmax(0,1fr)}.referral-invite-head>.status-badge{grid-column:2;justify-self:start}
  .referral-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
  :root{--mobile-page-gap:12px}
  .content{padding:14px 12px calc(34px + env(safe-area-inset-bottom))!important}
  .member-main{width:calc(100% - 24px)!important;padding-top:14px!important;padding-bottom:34px!important}
  .public-section,.page-section,.public-form,.post{padding-left:12px!important;padding-right:12px!important}
  .public-section{padding-top:38px!important;padding-bottom:38px!important}
  .card,.stat-card{padding:14px!important;margin-bottom:14px!important}
  .stats-grid,.dashboard-grid{margin-bottom:14px!important}
  .card-head{margin-bottom:14px!important}.card-head h2{line-height:1.35}.card-head p{line-height:1.5}
  .page-head{margin-bottom:14px!important;padding-bottom:14px!important}.page-head h1{font-size:1.35rem!important;line-height:1.25}
  .form-section{padding:14px!important}.form-section+.form-section{margin-top:14px!important}
  .form-grid,.settings-form-grid,.dashboard-grid,.stats-grid,.maintenance-grid,.report-grid,.finance-strip,.content-grid,.listing-grid,.dashboard-kpi-grid,.dashboard-action-grid,.dashboard-lists-grid,.dashboard-health-grid,.birthday-grid,.assignment-grid,.cron-setup-grid,.license-admin-grid,.referral-member-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .form-actions{gap:8px!important;padding:9px!important;margin-top:14px!important}.form-actions .btn{min-width:0}
  .head-actions,.row-actions,.inline-actions,.smtp-test-actions,.whatsapp-test-actions,.backup-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:8px!important}
  :where(.head-actions,.row-actions,.inline-actions,.smtp-test-actions,.whatsapp-test-actions,.backup-actions)>.btn,
  :where(.head-actions,.row-actions,.inline-actions,.smtp-test-actions,.whatsapp-test-actions,.backup-actions)>form,
  :where(.head-actions,.row-actions,.inline-actions,.smtp-test-actions,.whatsapp-test-actions,.backup-actions)>form>.btn{width:100%!important;min-width:0}
  .copy-field{grid-template-columns:minmax(0,1fr)!important}.copy-field .btn{width:100%}
  .list-row,.activity-item,.preference-row{padding-block:11px!important}
  .activity-item{grid-template-columns:auto minmax(0,1fr)!important}.activity-item>strong{grid-column:2;justify-self:start}
  .responsive-table tbody{gap:12px!important}.responsive-table tr{padding:12px!important}.responsive-table td{grid-template-columns:minmax(82px,34%) minmax(0,1fr)!important;gap:8px!important}
  .referral-invite-card{padding:13px;gap:12px;border-radius:14px}
  .referral-invite-avatar{width:38px;height:38px;border-radius:11px}.referral-invite-head{gap:9px}.referral-invite-person h3{font-size:.96rem}
  .referral-membership-facts{grid-template-columns:minmax(0,1fr);gap:7px}.referral-membership-facts>div{grid-template-columns:minmax(105px,42%) minmax(0,1fr);align-items:center;gap:8px;padding:9px}.referral-membership-facts strong{text-align:right}
  .referral-timeline{grid-template-columns:minmax(0,1fr);gap:7px}.referral-timeline li{padding:8px}
  .referral-invite-foot{align-items:flex-start;flex-direction:column;padding-top:10px}
  .referral-invite-meta{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.referral-invite-meta span{width:100%;border-radius:10px}
  .referral-history-card{padding:14px!important}
  .auth-wrap{padding:14px!important}.auth-card{padding:20px 16px!important}
  fieldset{min-width:0}
}

@media(max-width:380px){
  .content{padding-inline:10px!important}.member-main{width:calc(100% - 20px)!important}
  .card,.stat-card,.form-section{padding:12px!important}
  .responsive-table td{display:block!important;text-align:left!important}.responsive-table td::before{display:block!important;margin-bottom:3px}.responsive-table td:not([data-label])::before,.responsive-table td[colspan]::before{display:none!important}
  .referral-membership-facts>div{display:grid;grid-template-columns:1fr}.referral-membership-facts strong{text-align:left}
}


/* v1.0.51 — professional desktop navigation, stable acquisition trend, advanced member dashboard and guest header */
.nav-group-summary-copy,.nav-group-summary-end{display:flex;align-items:center;min-width:0}.nav-group-summary-copy{gap:9px}.nav-group-summary-copy>.ui-icon{width:17px;height:17px;flex:0 0 auto;color:var(--primary)}.nav-group-summary-end{gap:6px}.nav-group-chevron{width:15px;height:15px;transition:transform .18s ease}.nav-group[open] .nav-group-chevron{transform:rotate(180deg)}.nav-group.is-active-group>summary{background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--text)}.nav-group.is-active-group>summary .nav-group-title{color:var(--primary)}
@media(min-width:901px){
  .shell{align-items:start}.sidebar{position:sticky!important;top:0!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;border-right-color:color-mix(in srgb,var(--line) 88%,transparent);box-shadow:8px 0 28px rgba(15,23,42,.025)}
  .sidebar-head{padding:13px 14px}.sidebar-tools{padding:4px 10px 3px}.nav-search-wrap{margin:8px 0}.sidebar-nav{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 10px 18px!important;scrollbar-gutter:stable;scrollbar-color:color-mix(in srgb,var(--primary) 26%,transparent) transparent}
  .sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--primary) 24%,transparent)}
  .nav-group{padding:6px 0;border:0}.nav-group+ .nav-group{border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.nav-group summary{min-height:38px;padding:8px 10px}.nav-group-items{gap:3px;padding:4px 0 2px 5px;border-left:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))}.nav-item{min-height:41px;padding:9px 11px;border:1px solid transparent}.nav-item.active{border-color:color-mix(in srgb,var(--primary) 22%,var(--line));box-shadow:inset 3px 0 0 var(--primary)}
  .sidebar-footer{padding:12px 16px}.page{min-height:100vh}
  .public-header{width:min(calc(100% - 32px),1440px);grid-template-columns:minmax(180px,230px) minmax(0,1fr) max-content;gap:clamp(8px,1.2vw,20px);align-items:center;overflow:visible}.public-nav-menu{width:100%;justify-self:stretch}.public-nav-menu>.mobile-nav-links{justify-content:flex-start;gap:clamp(1px,.3vw,5px);flex-wrap:nowrap}.public-nav-link,.public-nav-dropdown>summary{padding-inline:clamp(6px,.62vw,10px);font-size:clamp(11px,.9vw,14px)}.public-header-actions{flex-wrap:nowrap;white-space:nowrap;align-self:center}.public-header.is-guest .header-auth-action{flex:0 0 auto}
}
@media(min-width:901px) and (max-width:1180px){.public-header{grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto;gap:8px}.public-brand small{display:none}.public-nav-link,.public-nav-dropdown>summary{gap:5px;padding-inline:6px;font-size:11.5px}.public-nav-link>.ui-icon,.public-nav-dropdown>summary>.ui-icon:first-child{width:15px;height:15px}.public-header.is-guest .header-auth-action{width:40px;height:40px;padding:0}.public-header.is-guest .header-auth-action .action-label{display:none}}

.member-trend-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.member-trend-summary>div{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.member-trend-summary small,.member-trend-summary b{display:block}.member-trend-summary small{color:var(--muted);font-size:10px;font-weight:750}.member-trend-summary b{margin-top:4px;font-size:16px}.member-trend-summary b em{font-size:10px;font-style:normal}.member-trend-summary .is-positive b{color:var(--success)}.member-trend-summary .is-negative b{color:var(--danger)}.member-trend-bars span{display:grid!important;justify-content:center!important;text-align:center}.member-trend-bars span b{font-size:9.5px;white-space:nowrap}.member-trend-bars i{border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}.member-trend-bars em{transition:height .3s ease}.member-trend-note{display:flex;align-items:flex-start;gap:6px;margin:11px 0 0;color:var(--muted);font-size:10.5px}.member-trend-note .ui-icon{flex:0 0 auto;margin-top:1px;color:var(--primary)}

.member-dashboard-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,520px);gap:22px;align-items:center;margin-bottom:16px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface) 58%)}.member-dashboard-welcome{min-width:0}.member-dashboard-welcome h1{margin:8px 0 8px;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}.member-dashboard-welcome>p{max-width:720px;margin:0;color:var(--muted);line-height:1.7}.member-dashboard-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:15px}.member-dashboard-meta>span:not(.status-pill){display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:750}.member-dashboard-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.member-dashboard-card{box-shadow:none}.member-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:16px}.member-overview-grid>a{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:transform .16s,border-color .16s}.member-overview-grid>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.member-overview-grid>a>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--primary) 10%,var(--surface-2));color:var(--primary)}.member-overview-grid small,.member-overview-grid strong,.member-overview-grid em{display:block;min-width:0}.member-overview-grid small{color:var(--muted);font-size:10px;font-weight:750}.member-overview-grid strong{margin-top:2px;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-overview-grid em{margin-top:3px;color:var(--muted);font-size:9.5px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-overview-grid .has-attention{border-color:color-mix(in srgb,var(--warning) 38%,var(--line));background:color-mix(in srgb,var(--warning) 4%,var(--surface))}.member-dashboard-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px}.member-profile-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--muted);font-size:11px}.member-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.member-task-grid>a{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.member-task-grid>a>.ui-icon{width:20px;height:20px;color:var(--primary)}.member-task-grid b,.member-task-grid small{display:block}.member-task-grid small{margin-top:2px;color:var(--muted);font-size:10px}.member-task-grid>a.is-complete>.ui-icon{color:var(--success)}.member-next-event{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.member-next-event>span{display:grid;place-items:center;width:58px;height:62px;border-radius:14px;background:var(--primary);color:#fff;font-size:22px;font-weight:850;line-height:1}.member-next-event>span small{margin-top:5px;font-size:10px;text-transform:uppercase}.member-next-event>div{min-width:0}.member-next-event b,.member-next-event small{display:block;overflow:hidden;text-overflow:ellipsis}.member-next-event small{margin-top:5px;color:var(--muted);white-space:nowrap}.member-dashboard-lists{grid-template-columns:1fr 1fr}
.interface-notice{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:400;max-width:min(420px,calc(100% - 24px));padding:11px 15px;transform:translate(-50%,20px);border:1px solid color-mix(in srgb,var(--success) 35%,var(--line));border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 14px 40px rgba(15,23,42,.16);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;font-weight:700}.interface-notice.is-visible{opacity:1;transform:translate(-50%,0)}.interface-notice[data-tone="error"]{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
@media(max-width:1050px){.member-dashboard-hero{grid-template-columns:1fr}.member-dashboard-card{width:min(560px,100%)}.member-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-dashboard-workspace{grid-template-columns:1fr}}
@media(max-width:700px){.member-trend-summary{grid-template-columns:1fr 1fr}.member-trend-summary>div:last-child{grid-column:1/-1}.member-dashboard-hero{padding:16px}.member-dashboard-actions{display:grid;grid-template-columns:1fr}.member-dashboard-actions .btn{width:100%}.member-overview-grid,.member-task-grid,.member-dashboard-lists{grid-template-columns:1fr}.member-dashboard-workspace{gap:0}.member-next-event{grid-template-columns:52px minmax(0,1fr)}.member-next-event>.ui-icon{display:none}.member-next-event>span{width:52px;height:57px}.member-dashboard-meta{display:grid;grid-template-columns:1fr 1fr}.member-dashboard-meta>span{justify-content:center}.member-dashboard-meta .status-pill{grid-column:1/-1;justify-self:start}}

/* v1.0.56 — compact mobile digital card and final responsive stability pass */
.member-dashboard-card-shell{min-width:0;display:flex;justify-content:flex-end;align-items:center}
.member-dashboard-card-shell>.member-dashboard-card{min-width:0}
.member-dashboard-hero>*{min-width:0}

@media(max-width:1050px){
  .member-dashboard-card-shell{justify-content:flex-start}
}

@media(max-width:700px){
  .member-dashboard-hero{gap:16px;overflow:hidden}
  .member-dashboard-card-shell{
    width:100%;max-width:100%;justify-content:center;overflow:visible;padding-inline:8px
  }
  .member-dashboard-card-shell>.member-dashboard-card{
    width:min(100%,390px)!important;max-width:390px!important;min-width:0!important;
    margin-inline:auto!important;padding:clamp(11px,3.4vw,15px)!important;
    border-radius:clamp(14px,4vw,18px)!important;overflow:hidden!important
  }
  .member-dashboard-card .digital-card-top,
  .member-dashboard-card .digital-card-body,
  .member-dashboard-card .digital-card-foot{
    min-width:0!important;gap:clamp(7px,2.4vw,12px)!important
  }
  .member-dashboard-card .digital-card-top{display:flex!important;align-items:center!important;justify-content:flex-start!important}
  .member-dashboard-card .digital-card-top>div,
  .member-dashboard-card .digital-card-body>div:first-child{min-width:0!important}
  .member-dashboard-card .brand-mark{
    width:clamp(30px,9.5vw,38px)!important;height:clamp(30px,9.5vw,38px)!important;
    border-radius:clamp(9px,2.8vw,11px)!important;font-size:clamp(10px,3.1vw,13px)!important;flex:0 0 auto!important
  }
  .member-dashboard-card .digital-card-top small{
    font-size:clamp(7.5px,2.2vw,10px)!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .member-dashboard-card .digital-card-top b{
    font-size:clamp(10px,3.15vw,14px)!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .member-dashboard-card .digital-card-body{
    display:grid!important;grid-template-columns:minmax(0,1fr) clamp(70px,23vw,90px)!important;
    align-items:end!important;margin:clamp(11px,3.8vw,18px) 0!important
  }
  .member-dashboard-card .digital-card-body>div:first-child{display:grid!important;gap:1px!important}
  .member-dashboard-card .digital-card-body small{font-size:clamp(7px,2.05vw,9px)!important;line-height:1.15!important}
  .member-dashboard-card .digital-card-body strong{
    max-width:100%!important;margin-bottom:clamp(3px,1.5vw,6px)!important;
    font-size:clamp(13px,4vw,18px)!important;line-height:1.12!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .member-dashboard-card .digital-card-body b{
    max-width:100%!important;font-size:clamp(8px,2.55vw,11px)!important;line-height:1.18!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .member-dashboard-card .qr-box{
    width:clamp(70px,23vw,90px)!important;max-width:90px!important;justify-self:end!important;
    align-self:end!important;margin:0!important;padding:clamp(4px,1.25vw,5px)!important;
    border-radius:clamp(8px,2.5vw,10px)!important
  }
  .member-dashboard-card .qr-box svg{
    display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;max-width:none!important
  }
  .member-dashboard-card .digital-card-foot{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;
    padding-top:clamp(7px,2.4vw,11px)!important;font-size:clamp(7.3px,2.15vw,9.5px)!important;line-height:1.2!important
  }
  .member-dashboard-card .digital-card-foot>span:first-child{
    min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .member-dashboard-card .digital-card-links{
    display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;min-width:0!important
  }
  .member-dashboard-card .digital-card-links a{gap:3px!important;white-space:nowrap!important}
  .member-dashboard-card .digital-card-links a .ui-icon{width:10px!important;height:10px!important}

  .member-dashboard-workspace{gap:14px!important}
  .member-dashboard-lists{gap:14px!important}
  .member-dashboard-lists .table-wrap{
    max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding-bottom:4px;-webkit-overflow-scrolling:touch
  }
  .member-dashboard-lists .table-wrap>table{min-width:560px}
  .member-dashboard-lists .card-head{align-items:flex-start;gap:10px}
  .member-dashboard-lists .card-head .btn{flex:0 0 auto}
}

@media(max-width:390px){
  .member-dashboard-card .digital-card-body{
    display:grid!important;grid-template-columns:minmax(0,1fr) clamp(68px,22vw,82px)!important
  }
  .member-dashboard-card .qr-box{
    width:clamp(68px,22vw,82px)!important;max-width:82px!important;justify-self:end!important;margin:0!important
  }
  .member-dashboard-card .digital-card-foot{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important
  }
}

@media(max-width:340px){
  .member-dashboard-card-shell{padding-inline:4px}
  .member-dashboard-card-shell>.member-dashboard-card{padding:10px!important}
  .member-dashboard-card .digital-card-body{grid-template-columns:minmax(0,1fr) 66px!important}
  .member-dashboard-card .qr-box{width:66px!important;max-width:66px!important}
  .member-dashboard-card .digital-card-foot{font-size:7px!important}
}


/* v1.0.56 — visible panel quick actions and direct site access */
.topbar-site-link,.member-site-visit-link{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;
  padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);
  color:var(--text);font-weight:750;white-space:nowrap;transition:border-color .16s,background .16s,color .16s
}
.topbar-site-link:hover,.topbar-site-link:focus-visible,.member-site-visit-link:hover,.member-site-visit-link:focus-visible{
  border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
  background:color-mix(in srgb,var(--primary) 7%,var(--surface));color:var(--primary);outline:none
}
.topbar-site-link .ui-icon,.member-site-visit-link .ui-icon{width:18px;height:18px;flex:0 0 auto}
.top-actions>.notification-center,.member-site-actions>.notification-center{display:block!important;flex:0 0 auto}
.top-actions .notification-trigger,.member-site-actions .notification-trigger,
.topbar-theme-toggle,.topbar-notification-link,.member-theme-toggle{display:grid!important;place-items:center!important;flex:0 0 auto}
html[data-theme=dark] :is(.topbar-site-link,.member-site-visit-link){background:var(--surface);border-color:var(--line);color:var(--text)}


@media(min-width:801px) and (max-width:1180px){
  .top-actions>.user-chip,.topbar-security-link{display:none!important}
  .top-actions{gap:6px}
}

@media(max-width:800px){
  .topbar{min-height:68px;height:auto;padding:9px 10px;gap:8px}
  .topbar>.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-left:auto!important;min-width:0!important}
  .top-actions>.topbar-site-link,.top-actions>.notification-center,.top-actions>.topbar-notification-link,.top-actions>.topbar-theme-toggle,.top-actions>form{display:flex!important;flex:0 0 auto!important}
  .top-actions .notification-trigger,.top-actions>.topbar-notification-link,.top-actions>.topbar-theme-toggle,.top-actions>form .btn,.topbar-site-link{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:10px!important
  }
  .topbar-site-link span,.top-actions>form .btn span{display:none!important}
  .top-actions>form .btn:after{content:none!important}
  .topbar-security-link,.top-actions>.user-chip{display:none!important}
  .topbar-title{min-width:0}.topbar-title h1{max-width:min(36vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

@media(max-width:900px){
  .member-site-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important;margin-left:auto!important}
  .member-site-visit-link,.member-site-actions>.member-theme-toggle,.member-site-actions>.notification-center,.member-site-actions>.public-user-menu,.member-site-actions>.public-mobile-toggle{display:flex!important;flex:0 0 auto!important}
  .member-site-visit-link,.member-site-actions>.member-theme-toggle,.member-site-actions .notification-trigger,.member-site-actions>.public-mobile-toggle{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:10px!important
  }
  .member-site-visit-link span{display:none!important}
}

@media(max-width:560px){
  .member-site-header{padding-inline:8px!important;gap:5px!important}
  .member-site-brand{min-width:0!important;padding-inline:4px!important}
  .member-site-brand>span:last-child{display:none!important}
  .member-site-brand .brand-logo{max-width:82px!important;max-height:40px!important;object-fit:contain}
  .member-site-actions{gap:3px!important}
  .public-user-trigger{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important}
  .public-user-trigger .public-user-name,.public-user-trigger .public-user-meta,.public-user-trigger>.ui-icon:last-child{display:none!important}
}

@media(max-width:360px){
  .topbar-title{display:none!important}
  .topbar>.top-actions{width:auto!important}
  .member-site-brand .brand-logo{max-width:64px!important}
  .member-site-actions{gap:2px!important}
  .member-site-visit-link,.member-site-actions>.member-theme-toggle,.member-site-actions .notification-trigger,.member-site-actions>.public-mobile-toggle,.public-user-trigger{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important
  }
}


/* v1.0.56 — centered theme control and professional WebShield security center */
.topbar-theme-toggle,.member-theme-toggle,.public-theme-toggle{
  position:relative!important;display:inline-grid!important;place-items:center!important;
  padding:0!important;line-height:1!important;text-align:center!important;overflow:hidden!important
}
.topbar-theme-toggle>span,.member-theme-toggle>span,.public-theme-toggle>span{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
  width:100%!important;height:100%!important;margin:0!important;padding:0!important;line-height:1!important
}
.topbar-theme-toggle>span[hidden],.member-theme-toggle>span[hidden],.public-theme-toggle>span[hidden]{display:none!important}
.topbar-theme-toggle .ui-icon,.member-theme-toggle .ui-icon,.public-theme-toggle .ui-icon{
  display:block!important;width:20px!important;height:20px!important;margin:auto!important;transform:none!important;vertical-align:middle!important
}
html[data-theme=dark] .topbar-theme-toggle [data-theme-icon-light],
html[data-theme=dark] .member-theme-toggle [data-theme-icon-light],
html[data-theme=dark] .public-theme-toggle [data-theme-icon-light]{display:none!important}
html:not([data-theme=dark]) .topbar-theme-toggle [data-theme-icon-dark],
html:not([data-theme=dark]) .member-theme-toggle [data-theme-icon-dark],
html:not([data-theme=dark]) .public-theme-toggle [data-theme-icon-dark]{display:none!important}
.security-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.security-hero>div{display:flex;align-items:flex-start;gap:16px;min-width:0}.security-hero h2{margin:2px 0 6px}.security-hero p{margin:0;color:var(--muted)}.security-hero .eyebrow{margin:0;color:var(--primary);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.security-hero-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:color-mix(in srgb,var(--primary) 13%,var(--surface));color:var(--primary)}.security-hero-icon .ui-icon{width:28px;height:28px}.security-hero.is-protected{border-color:color-mix(in srgb,var(--warning) 45%,var(--line));background:color-mix(in srgb,var(--warning) 5%,var(--surface))}.security-stats .stat-card{color:inherit}.security-stats small{display:block;color:var(--muted);font-size:11px}.security-grid{align-items:stretch}.security-grid>.card{margin-bottom:0}.security-feature-list{display:grid;gap:12px}.security-feature-list>div{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.security-feature-list>div>.ui-icon{width:21px;height:21px;flex:0 0 21px;color:var(--primary)}.security-feature-list span{display:grid;gap:2px}.security-feature-list small{color:var(--muted)}
@media(max-width:800px){.security-hero{align-items:stretch;flex-direction:column;padding:18px}.security-hero form,.security-hero form .btn{width:100%}.security-hero>div{align-items:flex-start}.security-stats{grid-template-columns:1fr 1fr!important}.security-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.security-stats{grid-template-columns:1fr!important}.security-hero-icon{width:46px;height:46px;flex-basis:46px}.security-hero h2{font-size:18px}}


/* v1.0.56 — centered member site menu icon and visible mobile member-panel drawer control */
.member-site-menu-toggle,
.member-account-mobile-toggle{
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  overflow:hidden!important;
}
.member-site-menu-toggle .ui-icon,
.member-account-mobile-toggle .ui-icon{
  display:block!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:0!important;
  transform:none!important;
  vertical-align:middle!important;
}
.member-site-navigation .public-nav-link .ui-icon,
.member-site-navigation .public-nav-dropdown>summary .ui-icon{
  align-self:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  transform:none!important;
}
.member-account-mobile-toggle{display:none!important}
@media(max-width:900px){
  .member-account-mobile-toggle{
    display:inline-grid!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
    border-radius:10px!important;
  }
  .member-site-menu-toggle{
    display:inline-grid!important;
  }
  .member-site-actions{
    overflow:visible!important;
  }
}
@media(max-width:360px){
  .member-account-mobile-toggle,
  .member-site-menu-toggle{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex-basis:34px!important;
  }
  .member-account-mobile-toggle .ui-icon,
  .member-site-menu-toggle .ui-icon{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
  }
}

/* v1.0.56 — compact desktop public navigation and balanced site section rhythm */
@media(min-width:901px){
  .public-header{
    width:min(calc(100% - 24px),1420px)!important;
    max-width:1420px!important;
    grid-template-columns:minmax(148px,180px) minmax(0,1fr) auto!important;
    gap:clamp(8px,1.15vw,16px)!important;
    padding-inline:12px!important;
  }
  .public-brand{justify-self:start!important;padding-inline:2px!important;gap:8px!important}
  .public-brand .brand-logo{max-width:142px!important;height:42px!important}
  .public-nav-menu{justify-self:start!important;width:100%!important;min-width:0!important}
  .public-nav-menu .mobile-nav-links{
    justify-content:flex-start!important;flex-wrap:nowrap!important;gap:2px!important;
    width:100%!important;min-width:0!important
  }
  .public-nav-link,.public-nav-dropdown>summary{
    gap:5px!important;padding:8px 7px!important;border-radius:9px!important;
    font-size:12.5px!important;line-height:1.2!important;white-space:nowrap!important
  }
  .public-nav-link>.ui-icon,.public-nav-dropdown>summary>.ui-icon:first-child{
    width:15px!important;height:15px!important;flex:0 0 15px!important
  }
  .public-nav-dropdown>summary>.ui-icon:last-child{width:12px!important;height:12px!important}
  .public-header-actions{gap:5px!important;justify-self:end!important}
  .public-header.is-guest .header-auth-action{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    padding:0!important;border-radius:10px!important
  }
  .public-header.is-guest .header-auth-action .action-label{display:none!important}
  .public-header.is-guest .header-auth-action .ui-icon{width:19px!important;height:19px!important;margin:0!important}
}

@media(min-width:901px) and (max-width:1280px){
  .public-header{
    grid-template-columns:minmax(128px,158px) minmax(0,1fr) auto!important;
    gap:7px!important;padding-inline:8px!important
  }
  .public-brand small{display:none!important}
  .public-brand .brand-logo{max-width:126px!important;height:39px!important}
  .public-nav-link,.public-nav-dropdown>summary{
    gap:4px!important;padding-inline:5px!important;font-size:11.5px!important
  }
  .public-nav-link>.ui-icon,.public-nav-dropdown>summary>.ui-icon:first-child{
    width:14px!important;height:14px!important;flex-basis:14px!important
  }
}

@media(min-width:901px) and (max-width:1080px){
  .public-header{grid-template-columns:minmax(100px,128px) minmax(0,1fr) auto!important}
  .public-brand>span:last-child{display:none!important}
  .public-nav-link,.public-nav-dropdown>summary{font-size:11px!important;padding-inline:4px!important}
  .public-nav-link>.ui-icon,.public-nav-dropdown>summary>.ui-icon:first-child{display:none!important}
}

/* Consistent vertical rhythm across public pages. */
.home-hero-grid{
  min-height:clamp(500px,58vw,590px)!important;
  padding-block:clamp(48px,5.5vw,74px)!important;
  gap:clamp(28px,4.5vw,58px)!important
}
.home-section{padding-block:clamp(44px,5vw,68px)!important}
.home-section-head{margin-bottom:22px!important;gap:20px!important}
.home-section-head.centered{margin-bottom:27px!important}
.home-section-head h2,.home-process-copy h2,.home-cta-card h2{margin-top:9px!important}
.home-corporate-copy{padding:clamp(22px,3vw,28px)!important}
.home-participation-grid article{padding:22px!important}
.home-process-layout{gap:clamp(28px,5vw,62px)!important}
.home-donation-section{padding-bottom:clamp(42px,5vw,64px)!important}
.home-cta-section{padding-bottom:clamp(44px,5vw,68px)!important}
.home-donation-card,.home-cta-card{padding:clamp(25px,3.6vw,40px)!important}
.home-news-panel{padding:14px!important}
.home-announcement-strip{margin-top:12px!important}
.public-section{padding-block:clamp(42px,5vw,66px)!important}
.listing-page-section{padding-top:clamp(34px,4vw,52px)!important;padding-bottom:clamp(28px,3.5vw,44px)!important}
.post{margin-block:clamp(34px,4.5vw,54px)!important}
.public-form{margin-block:clamp(28px,4vw,44px)!important}

@media(max-width:700px){
  .home-hero-grid{
    min-height:auto!important;padding-block:34px!important;gap:24px!important
  }
  .home-section{padding-block:34px!important}
  .home-section-head{align-items:flex-start!important;gap:13px!important;margin-bottom:18px!important}
  .home-section-head.centered{margin-bottom:21px!important}
  .home-section-head h2,.home-process-copy h2,.home-cta-card h2{margin:8px 0 6px!important}
  .home-corporate-copy{padding:18px!important}
  .home-participation-grid article{padding:18px!important}
  .home-process-layout{gap:22px!important}
  .home-process-list{gap:9px!important}
  .home-process-list li{padding:15px!important}
  .home-donation-section{padding-bottom:34px!important}
  .home-cta-section{padding-bottom:36px!important}
  .home-donation-card,.home-cta-card{padding:22px!important;gap:18px!important}
  .home-news-panel{padding:10px!important}
  .public-section{padding-block:34px!important}
  .listing-page-section{padding-top:30px!important;padding-bottom:28px!important}
  .post{margin-block:28px!important}
  .public-form{margin-block:22px!important}
}

@media(max-width:420px){
  .home-section{padding-block:30px!important}
  .home-hero-grid{padding-block:29px!important}
  .home-donation-section,.home-cta-section{padding-bottom:30px!important}
  .home-donation-card,.home-cta-card{padding:19px!important;border-radius:17px!important}
  .public-section{padding-block:30px!important}
}

/* v1.0.57 — responsive digital member card: wider desktop, stable mobile */
.member-dashboard-hero{
  grid-template-columns:minmax(0,1fr) minmax(500px,640px);
  gap:clamp(22px,3vw,38px);
}
.member-dashboard-card-shell{
  width:100%;
  max-width:640px;
  justify-self:end;
}
.member-dashboard-card-shell>.member-dashboard-card{
  width:100%;
  max-width:none;
  min-width:0;
  padding:clamp(20px,2vw,28px);
  border-radius:22px;
}
.member-dashboard-card .digital-card-top,
.member-dashboard-card .digital-card-body,
.member-dashboard-card .digital-card-foot{min-width:0}
.member-dashboard-card .digital-card-top>div,
.member-dashboard-card .digital-card-body>div:first-child{min-width:0}
.member-dashboard-card .digital-card-top small,
.member-dashboard-card .digital-card-top b,
.member-dashboard-card .digital-card-body strong,
.member-dashboard-card .digital-card-body b{overflow-wrap:anywhere}
.member-dashboard-card .digital-card-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(124px,10vw,150px);
  align-items:end;
  gap:clamp(18px,2vw,28px);
  margin:24px 0;
}
.member-dashboard-card .qr-box{
  width:100%;
  max-width:150px;
  justify-self:end;
  margin:0;
}
.member-dashboard-card .qr-box svg{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1;
}
.member-dashboard-card .digital-card-foot{flex-wrap:wrap}
.member-dashboard-card .digital-card-links{flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1180px){
  .member-dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(430px,540px)}
  .member-dashboard-card-shell{max-width:540px}
}

@media(max-width:1050px){
  .member-dashboard-hero{grid-template-columns:1fr}
  .member-dashboard-card-shell{width:min(100%,680px);max-width:680px;justify-self:start}
}

@media(max-width:700px){
  .member-dashboard-hero{padding:14px;gap:15px;overflow:visible}
  .member-dashboard-card-shell{
    width:100%;max-width:none;padding:0;justify-content:stretch;overflow:visible
  }
  .member-dashboard-card-shell>.member-dashboard-card{
    width:100%!important;max-width:none!important;min-width:0!important;
    margin:0!important;padding:clamp(14px,4.2vw,18px)!important;
    border-radius:17px!important;overflow:hidden!important
  }
  .member-dashboard-card .digital-card-top{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:10px!important
  }
  .member-dashboard-card .brand-mark{
    width:38px!important;height:38px!important;border-radius:10px!important;
    font-size:12px!important;flex:0 0 38px!important
  }
  .member-dashboard-card .digital-card-top small{
    display:block;font-size:9px!important;line-height:1.2!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important
  }
  .member-dashboard-card .digital-card-top b{
    display:block;margin-top:2px;font-size:13px!important;line-height:1.2!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important
  }
  .member-dashboard-card .digital-card-body{
    display:grid!important;grid-template-columns:minmax(0,1fr) clamp(82px,26vw,108px)!important;
    align-items:end!important;gap:clamp(10px,3vw,16px)!important;
    margin:16px 0!important
  }
  .member-dashboard-card .digital-card-body small{font-size:8px!important;line-height:1.2!important}
  .member-dashboard-card .digital-card-body strong{
    margin:1px 0 7px!important;font-size:clamp(15px,4.8vw,20px)!important;line-height:1.15!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2
  }
  .member-dashboard-card .digital-card-body b{
    font-size:10px!important;line-height:1.25!important;
    white-space:normal!important;overflow-wrap:anywhere!important
  }
  .member-dashboard-card .qr-box{
    width:clamp(82px,26vw,108px)!important;max-width:108px!important;
    padding:5px!important;border-radius:10px!important;justify-self:end!important
  }
  .member-dashboard-card .digital-card-foot{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    flex-wrap:wrap!important;gap:8px 12px!important;padding-top:11px!important;
    font-size:9px!important;line-height:1.25!important
  }
  .member-dashboard-card .digital-card-foot>span:first-child{
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important
  }
  .member-dashboard-card .digital-card-links{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px 12px!important
  }
  .member-dashboard-card .digital-card-links a{white-space:nowrap!important}
  .member-dashboard-card .digital-card-links a .ui-icon{width:12px!important;height:12px!important}
}

@media(max-width:390px){
  .member-dashboard-card .digital-card-body{
    grid-template-columns:minmax(0,1fr) clamp(76px,25vw,92px)!important
  }
  .member-dashboard-card .qr-box{width:clamp(76px,25vw,92px)!important;max-width:92px!important}
  .member-dashboard-card .digital-card-foot{align-items:flex-start!important}
  .member-dashboard-card .digital-card-links{width:100%;justify-content:flex-start!important}
}

@media(max-width:340px){
  .member-dashboard-card-shell{padding:0!important}
  .member-dashboard-card-shell>.member-dashboard-card{padding:12px!important}
  .member-dashboard-card .digital-card-body{grid-template-columns:minmax(0,1fr) 72px!important}
  .member-dashboard-card .qr-box{width:72px!important;max-width:72px!important}
  .member-dashboard-card .digital-card-foot{font-size:8px!important}
}

/* v1.0.58 — global interface stability and flat responsive polish */
html{scrollbar-gutter:stable}
body,main,section,article,aside,nav,form,fieldset{min-width:0}
fieldset{max-width:100%}
input,select,textarea,button{max-width:100%}
button,.btn,.icon-btn,[role="button"]{touch-action:manipulation}
pre,code{max-width:100%;overflow-wrap:anywhere}
.table-wrap{scrollbar-width:thin}
.head-actions,.row-actions,.toolbar-actions,.action-stack{min-width:0}

@media(max-width:700px){
  .page-head,.section-head,.card-head,.toolbar{min-width:0}
  .head-actions,.row-actions,.toolbar-actions,.action-stack{max-width:100%}
  .head-actions>*{min-width:0}
  .alert,.public-alert{max-width:100%}
}

@media(max-width:360px){
  .btn:not(.icon-btn){white-space:normal;line-height:1.25;text-align:center}
  .alert,.public-alert{align-items:flex-start}
}