:root{--g:#241b16;--g2:#3a2a1e;--bg:#faf4e9;--ink:#241b16;--mut:#6b5b4a;--line:#ead9bb;--soft:#fdf6ea;--danger:#991b1b;--danger-bg:#fee2e2;--shadow:0 10px 28px rgba(4,47,36,.08)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:linear-gradient(180deg,#f7fbf9 0%,var(--bg) 52%,#edf7f3 100%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--ink);font-weight:850;min-height:100vh}.app{width:100%;max-width:760px;margin:0 auto;padding:22px 12px 88px;overflow-x:hidden}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.top h2{font-size:clamp(30px,8.2vw,44px);line-height:1.05;margin:0;font-weight:950;letter-spacing:-.8px;color:#042f24;text-align:right}.back,.btn,.smallbtn{border:0;border-radius:16px;font-weight:950;background:var(--soft);color:var(--g);padding:11px 16px;font-size:15px;min-height:42px;box-shadow:none}.btn{width:auto;background:linear-gradient(135deg,var(--g2),var(--g));color:white;margin-top:8px}.btn.secondary{background:var(--soft);color:var(--g)}.btn.danger,.smallbtn.danger{background:var(--danger-bg);color:var(--danger)}.btn:active,.smallbtn:active,.back:active,.adminTabs button:active{transform:scale(.985)}.busy{position:fixed;top:12px;left:12px;right:12px;z-index:99;background:var(--g);color:#fff;padding:13px 16px;border-radius:18px;text-align:center;box-shadow:0 12px 28px rgba(6,78,59,.22)}.toast{background:#e9f7ef;border:1px solid #b7d7c8;color:var(--g);padding:12px 14px;border-radius:16px;margin:8px 0 12px;font-weight:900;line-height:1.55}.card,.stat,.memberMini,.adminAccount{background:rgba(255,255,255,.92);border:1px solid rgba(6,78,59,.10);border-radius:22px;box-shadow:var(--shadow)}.card{padding:18px;margin:12px 0}.card h3{font-size:clamp(23px,6vw,32px);margin:0 0 14px;color:#241b16;font-weight:950}.hint,.muted,.small{color:var(--mut);font-size:15px;line-height:1.7}.version{text-align:center;color:#7b8b85;margin:28px auto 8px;font-size:13px;font-weight:950}.version b{color:#241b16}.adminAccount{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;margin:4px 0 12px;border-radius:20px}.adminAccount span{grid-column:1/-1;font-size:14px;line-height:1.35;text-align:right;white-space:normal;overflow:visible}.adminAccount .smallbtn{width:100%;border-radius:14px;font-size:13px;padding:9px 10px}.adminTabs{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:10px 2px 13px;margin:6px 0 12px;max-width:100%;border-top:1px solid rgba(6,78,59,.08);border-bottom:1px solid rgba(6,78,59,.10)}.adminTabs::-webkit-scrollbar{display:none}.adminTabs button{flex:0 0 auto;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:18px;padding:11px 16px;min-height:48px;font-size:15px;font-weight:950;color:#063b2e;box-shadow:0 7px 18px rgba(4,47,36,.05)}.adminTabs button.active{background:linear-gradient(135deg,var(--g2),var(--g));color:#fff;border-color:var(--g);box-shadow:0 10px 24px rgba(0,96,71,.18)}.stats.dashPro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px}.stats.dashPro .stat{position:relative;overflow:hidden;font-weight:950}.stats.dashPro .heroStat{grid-column:1/-1;min-height:126px;padding:20px 18px;border-radius:24px;background:radial-gradient(circle at 84% 22%,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,#7c1b10 0%,#004631 100%);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:center}.stats.dashPro .heroStat span{display:block;color:#fff;font-size:22px;line-height:1.25}.stats.dashPro .heroStat b{display:block;color:#fff!important;font-size:48px;line-height:.98;margin:8px 0 0;text-shadow:0 4px 18px rgba(0,0,0,.16)}.stats.dashPro .heroStat small{display:block;color:#fff;font-size:14px;opacity:.98;margin-top:8px;line-height:1.35}.stats.dashPro .heroStat i{width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;font-size:28px;font-style:normal;opacity:.78;margin-inline-start:12px}.stats.dashPro .metric{min-height:104px;border-radius:22px;background:#fff;padding:16px 14px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;text-align:center}.stats.dashPro .metric span{display:block;color:#062f24;font-size:20px;line-height:1.2}.stats.dashPro .metric b{display:block;color:#00523d!important;font-size:38px;line-height:1;margin-top:6px}.stats.dashPro .metric i{width:52px;height:52px;border-radius:50%;background:#e8f7f1;color:#3a2a1e;display:flex;align-items:center;justify-content:center;font-size:24px;font-style:normal}.miniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.miniStats span{background:#fdf6ea;border:1px solid #bbf7d0;border-radius:14px;padding:10px;text-align:center}.miniStats b{display:block;font-size:24px;color:#3a2a1e}.miniStats small{color:#64748b}.topPage,.storageLine{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #e2e8f0}.storageLine.total{font-weight:950;color:#241b16}.noticeCard{text-align:center;padding:34px 18px}.noticeCard p{font-size:20px;color:#6c7b75;line-height:1.7}.emptyCard{font-size:18px;text-align:center}.formGrid{display:grid;grid-template-columns:1fr;gap:8px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 16px;font-size:17px;font-weight:850;color:var(--ink);margin:5px 0;text-align:right;min-height:54px}textarea{min-height:110px}.ltr{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.typeGrid{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}.typeCard{width:100%;text-align:right;border:1px solid var(--line);background:white;border-radius:18px;padding:15px 16px;font-weight:950;font-size:18px;color:#073b2e}.typeCard b{display:block;font-size:20px}.typeCard span{display:block;font-size:13px;color:#71827a;margin-top:4px}.typeCard.active{background:linear-gradient(135deg,var(--g2),var(--g));color:#fff;border-color:var(--g)}.typeCard.active span{color:#dff7ec}.checkgrid{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0}.check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:11px 12px;font-size:16px;font-weight:900}.check input{width:22px;min-height:22px;margin:0}.filterGrid{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 12px}.memberListCompact{display:grid;gap:10px}.memberMini{padding:13px 14px;border-radius:18px;text-align:right;direction:rtl}.memberMiniName{display:block;font-weight:950;font-size:1.02rem;color:#073b2e;text-decoration:none;margin-bottom:5px}.memberMiniMeta,.memberMiniPhone{font-size:.9rem;color:#5f706b;line-height:1.45}.memberMiniFoot{display:flex;gap:7px;justify-content:flex-start;flex-wrap:wrap;margin-top:8px}.memberMiniFoot span{background:#eaf8f0;color:#07533f;border-radius:999px;padding:5px 9px;font-weight:900;font-size:.76rem}.memberMini .smallbtn{margin-top:8px;padding:8px 11px;border-radius:12px}.profileLine{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e6efea;padding:9px 0}.profileLine b{color:#241b16}.profileLine span{color:#566761;text-align:left;direction:ltr}.loadMore{width:100%;border-radius:14px;min-height:50px;margin-top:12px}.vueBadge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#e7f8ef;color:#3a2a1e;padding:6px 10px;font-size:12px;font-weight:950;margin:2px 0 8px}.cdnError{padding:28px 18px;text-align:center;color:#991b1b}.skeleton{min-height:150px;display:grid;place-items:center;color:#71827a}.footerGap{height:24px}@media(min-width:650px){.filterGrid{grid-template-columns:2fr 1fr 1fr}.memberListCompact{grid-template-columns:repeat(2,minmax(0,1fr))}.typeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.app{padding-left:10px;padding-right:10px}.stats.dashPro{grid-template-columns:1fr}.stats.dashPro .metric{grid-column:1/-1}.stats.dashPro .heroStat{grid-template-columns:1fr}.stats.dashPro .heroStat i{display:none}.top h2{font-size:29px}.adminTabs button{font-size:14px;padding:10px 14px}}

/* v2.0.8 Vue public/member shell parity */
.publicShell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.publicHero{position:relative;overflow:hidden;border-radius:34px;padding:24px 22px 28px;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 90% 15%,rgba(54,211,153,.20),transparent 26%),linear-gradient(135deg,#7c1b10 0%,#003f31 100%);color:#fff;box-shadow:0 20px 48px rgba(0,70,50,.22);min-height:228px;display:flex;flex-direction:column;justify-content:flex-end;text-align:right;border:1px solid rgba(255,255,255,.14)}.publicHero:after{content:"";position:absolute;inset:auto -30px -70px -30px;height:150px;background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.02));filter:blur(2px);transform:rotate(-4deg)}.publicHero .heroShine{position:absolute;top:-80px;left:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.10);filter:blur(8px)}.publicHero .heroBadge{position:relative;z-index:1;align-self:flex-start;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:950;letter-spacing:.3px;color:#d1fae5;margin-bottom:auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.publicHero h1{position:relative;z-index:1;margin:24px 0 12px;color:#fff;font-size:clamp(30px,8.1vw,48px);line-height:1.18;letter-spacing:-.9px;text-shadow:0 4px 18px rgba(0,0,0,.14);max-width:96%}.publicHero h1 span{display:block}.publicHero p{position:relative;z-index:1;margin:0;max-width:92%;color:#eefcf6;font-size:clamp(14px,3.65vw,18px);line-height:1.75;font-weight:850;text-shadow:0 3px 14px rgba(0,0,0,.10)}.homeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;padding-bottom:6px}.homeTile{position:relative;min-height:142px;border:1px solid rgba(6,78,59,.12);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(2,44,34,.08);padding:18px 14px;text-align:center;color:#241b16;font-weight:950;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.homeTile:active{transform:scale(.985)}.homeTile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.12));pointer-events:none}.homeTile .ico{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 10px;border-radius:18px;background:#fdf6ea;font-size:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.homeTile b{position:relative;z-index:1;display:block;font-size:clamp(24px,6.3vw,36px);line-height:1.12;color:#241b16;letter-spacing:-.5px}.homeTile small{position:relative;z-index:1;display:block;margin-top:8px;color:#6b7f77;font-size:clamp(12px,3.3vw,15px);font-weight:850}.dangerTile{border-color:#fecaca;color:#b91c1c}.dangerTile b{color:#b91c1c}.dangerTile .ico{background:#fff1f2}.cardTile .ico{background:#fffbea}.lockedTile .ico{background:#f1f5f9}.profileCard{text-align:center}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid #ead9bb;background:#f1f5f9;margin:0 auto 12px;display:block}.avatar.placeholder{display:flex;align-items:center;justify-content:center;font-size:42px;color:#64748b}.infoGrid{text-align:right;display:grid;grid-template-columns:1fr;gap:6px;margin:12px 0}.infoGrid p{margin:0;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:8px 10px;font-size:14px}.membershipOnly{padding:18px 0 14px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.membershipImageOnly{display:block;width:100%;max-width:760px;margin:0 auto;border-radius:24px;box-shadow:0 14px 40px rgba(6,78,59,.16);background:#f8fafc}.membershipOnly .wide{max-width:760px;margin:0 auto;width:100%;text-align:center;justify-content:center}.eventLite h3,.announcementCard h3{font-size:clamp(22px,5.7vw,30px)}.nav.bottomPro{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:50!important;height:calc(74px + env(safe-area-inset-bottom))!important;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(0,1fr))!important;gap:6px!important;align-items:center!important;justify-content:stretch!important;overflow:visible!important;white-space:normal!important;background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(6,78,59,.12)!important;box-shadow:0 -12px 32px rgba(2,44,34,.08)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}.nav.bottomPro button{min-width:0!important;width:100%!important;height:56px!important;padding:5px 3px!important;margin:0!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#241b16!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:12px!important;line-height:1.1!important;font-weight:900!important;overflow:hidden!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}.nav.bottomPro button .navIcon{display:flex!important;align-items:center!important;justify-content:center!important;width:23px!important;height:23px!important;font-size:19px!important;line-height:1!important;filter:saturate(.9)!important}.nav.bottomPro button .navText{display:block!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.05!important;letter-spacing:-.2px!important}.nav.bottomPro button.active{background:linear-gradient(135deg,#7c1b10,#004936)!important;color:#fff!important}.nav.bottomPro button.active .navIcon{filter:brightness(1.15) saturate(.75)!important}@media(max-width:420px){.publicHero{border-radius:32px;min-height:218px;padding:22px 20px 26px}.publicHero h1{font-size:clamp(28px,7.6vw,36px);line-height:1.2}.publicHero p{font-size:14px;line-height:1.7;max-width:96%}.homeGrid{gap:13px}.homeTile{min-height:132px;border-radius:26px;padding:16px 12px}.homeTile .ico{width:50px;height:50px;border-radius:17px;font-size:26px}.homeTile small{display:none}.nav.bottomPro{gap:4px!important;padding-left:6px!important;padding-right:6px!important}.nav.bottomPro button{border-radius:16px!important}.nav.bottomPro button .navText{font-size:11px!important}}@media(min-width:700px){.publicHero{min-height:280px}.homeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* v2.0.17 Vue member action parity */
.uploadBox,.otpBox,.infoBox{background:#f8fafc;border:1px solid #e5eee9;border-radius:18px;padding:13px;margin:12px 0;text-align:right}.uploadBox b,.infoBox b{display:block;margin-bottom:8px;color:#241b16}.uploadBox input[type=file]{background:#fff;direction:ltr;text-align:left;padding:12px;font-size:14px}.okText{color:#047857;font-weight:950;background:#fdf6ea;border:1px solid #bbf7d0;border-radius:14px;padding:10px}.eventCover{width:100%;border-radius:20px;display:block;margin:0 0 12px;object-fit:cover;max-height:260px;background:#f1f5f9}.emergencyForm{border-color:#fecaca}.actionRow .btn{flex:1 1 140px;text-align:center;text-decoration:none}.detailPhotoWrap{margin:10px 0 14px;text-align:center}.detailPhotoWrap img{width:112px;height:112px;border-radius:28px;object-fit:cover;border:3px solid #e0f2ec;box-shadow:0 10px 24px rgba(6,78,59,.12)}.memberDetailCard .profileLine span{direction:rtl;text-align:left}.aboutCard .hint{white-space:pre-wrap}.btn[disabled]{opacity:.45;filter:grayscale(.3);cursor:not-allowed}


/* v2.0.17 Vue polish: members parity + Arabic upload control */
.memberSearchPanel{background:rgba(255,255,255,.86);border:1px solid rgba(6,78,59,.10);border-radius:20px;padding:12px;margin:8px 0 12px;box-shadow:0 8px 20px rgba(4,47,36,.055)}
.memberSearchHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;color:#241b16;font-weight:950}.memberSearchHead b{font-size:18px}.memberSearchHead span{background:#fdf6ea;border-radius:999px;padding:6px 10px;font-size:13px;color:#0a5c46}
.memberListParity{gap:12px}.memberListParity .memberMini{padding:15px 16px;border-radius:20px;min-height:128px;background:rgba(255,255,255,.96)}.memberCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.memberCardTop .memberMiniName{font-size:1.08rem;line-height:1.35;margin:0;flex:1}.statusPill{flex:0 0 auto;background:#e7f8ef;color:#07533f;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:950;white-space:nowrap}.memberListParity .memberMiniMeta{margin-top:4px;color:#241b16;font-weight:950}.memberListParity .memberMiniPhone{font-size:.94rem;color:#51625d;margin-top:3px}.memberActions{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap;margin-top:10px}.memberActions .smallbtn{min-height:36px;border-radius:12px;padding:8px 12px;font-size:.82rem}.memberActions .secondary{background:#fdf6ea;color:#241b16}.uploadBoxPro{padding:16px}.filePicker{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;background:#fff;border:1px solid #ead9bb;border-radius:18px;padding:12px;margin:10px 0 14px;cursor:pointer;text-align:right}.filePicker input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.filePicker span{background:#fdf6ea;color:#241b16;border-radius:14px;padding:10px 14px;font-weight:950;text-align:center;white-space:nowrap}.filePicker em{font-style:normal;color:#5f706b;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left}.dataProfile .infoGrid p{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right}.dataProfile .infoGrid b{color:#241b16;white-space:nowrap}.dataProfile .infoGrid p{font-size:15px;line-height:1.45}.profileCard .row{gap:10px;justify-content:center}.profileCard .row .btn{min-width:140px}.top .back{flex:0 0 auto}@media(max-width:430px){.memberSearchPanel{padding:10px}.memberSearchHead b{font-size:16px}.memberListParity .memberMini{padding:14px;min-height:122px}.memberActions .smallbtn{font-size:.78rem;padding:8px 10px}.filePicker{grid-template-columns:1fr;gap:8px}.filePicker em{text-align:center}.profileCard .row .btn{min-width:0;flex:1 1 130px}.dataProfile .infoGrid p{font-size:14px}}


/* v2.0.17 Vue admin actions stability */
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.74);border:1px solid rgba(6,78,59,.10);border-radius:18px;padding:7px;margin:10px 0 12px}.segmented button{border:0;border-radius:14px;min-height:44px;background:transparent;color:#241b16;font-weight:950;font-size:15px}.segmented button.active{background:linear-gradient(135deg,#7c1b10,#981d13);color:#fff;box-shadow:0 8px 20px rgba(0,96,71,.15)}.notificationList{display:grid;gap:10px}.notificationCard{padding:15px 16px}.notificationCard h3{font-size:22px;margin:0}.notifyMeta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.notifyMeta span{background:#fdf6ea;color:#07533f;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:950}.memberDetailHero{padding:16px}.detailIdentity{display:flex;align-items:center;gap:13px;text-align:right}.detailIdentity img,.detailIdentity .avatar{width:82px;height:82px;border-radius:24px;object-fit:cover;flex:0 0 auto;border:3px solid #e0f2ec}.detailIdentity h3{margin:0 0 6px;font-size:clamp(24px,6vw,34px)}.quickActionGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.quickActionGrid .btn{margin:0;min-height:48px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.actionPanel h3{font-size:24px}.fieldLabel{display:block;color:#241b16;margin:3px 0 7px;font-weight:950}.statusChangeRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.statusChangeRow select{margin:0}.statusChangeRow .smallbtn{min-height:54px;border-radius:16px}.editGrid{display:grid;grid-template-columns:1fr;gap:6px}.relatedCard h3{font-size:24px}.relatedItem{background:#f8fafc;border:1px solid #ead9bb;border-radius:15px;padding:10px 12px;margin:8px 0;text-align:right}.relatedItem b{display:block;color:#241b16;font-size:15px}.relatedItem span{display:block;color:#51625d;font-size:13px;margin-top:3px}.relatedItem small{display:block;color:#8a9993;font-size:12px;margin-top:4px}.dangerRelated{border-color:#fecaca;background:#fff7f7}.dangerRelated b{color:#991b1b}.memberDetailCard .profileLine{align-items:center}.memberDetailCard .profileLine span{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memberActions .danger{background:#fee2e2;color:#991b1b}@media(min-width:650px){.quickActionGrid{grid-template-columns:repeat(4,1fr)}.editGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.notificationList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.quickActionGrid{grid-template-columns:1fr 1fr}.detailIdentity{align-items:flex-start}.detailIdentity img,.detailIdentity .avatar{width:74px;height:74px;border-radius:22px}.notificationCard h3{font-size:20px}.statusChangeRow{grid-template-columns:1fr}.statusChangeRow .smallbtn{width:100%}.memberDetailCard .profileLine span{max-width:52%}}


/* v2.0.17 Vue operations parity: arrivals/help/emergency/events/announcements */
.compactNotice{padding:20px 16px;text-align:right}.compactNotice h3{font-size:25px}.compactNotice p{font-size:16px;line-height:1.7;color:#6b5b4a;margin:0}.emergencyNotice{border-color:#fecaca;background:#fffafa}.opsList{display:grid;gap:12px}.opsCard,.eventAdminCard{padding:15px 16px}.opsCard h3,.eventAdminCard h3{font-size:clamp(21px,5.7vw,29px);margin:0}.opsDesc{background:#f8fafc;border:1px solid #ead9bb;border-radius:16px;padding:12px;color:#34443f;line-height:1.65;white-space:pre-wrap;margin:10px 0}.dangerPill{background:#fee2e2;color:#991b1b}.emergencyOps{border-color:#fecaca}.formCard input[type=date]{direction:ltr;text-align:left}.twoChecks{grid-template-columns:1fr 1fr}.mediaMini{margin:10px 0}.eventAdminCard .row .btn{flex:1 1 150px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.eventAdminCard .uploadBoxPro{background:#f8fafc;border:1px solid #ead9bb;border-radius:18px;margin:12px 0;padding:12px}.announcementCard .hint{white-space:pre-wrap}.opsCard .notifyMeta span,.eventAdminCard .notifyMeta span,.announcementCard .notifyMeta span{max-width:100%;overflow:hidden;text-overflow:ellipsis}@media(min-width:650px){.opsList{grid-template-columns:repeat(2,minmax(0,1fr))}.formCard .editGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.twoChecks{grid-template-columns:1fr}.compactNotice{padding:18px 14px}.opsDesc{font-size:14px}.eventAdminCard .row .btn{flex-basis:100%}}


/* v2.0.17 Vue control center: system, audit, whatsapp, options */
.healthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.healthCard{padding:15px;text-align:center;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:5px}.healthCard span{font-weight:900;color:#0b342c}.healthCard b{font-size:clamp(24px,7vw,36px);color:#241b16}.healthCard small{color:#6b5b4a;word-break:break-word}.healthCard.bad,.healthCard.warning,.healthCard.warn{border-color:#fecaca;background:#fffafa}.healthCard.ok{border-color:#bbf7d0;background:#f7fffb}.dangerBtn{background:#fee2e2!important;color:#991b1b!important}.backupRow,.optionRow{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;border-bottom:1px solid #ead9bb;padding:10px 0}.backupRow small,.optionRow small{grid-column:1/-1;color:#6b5b4a}.auditChips,.queueCounts{display:flex;gap:8px;flex-wrap:wrap}.auditChips span,.queueCounts span{background:#effaf4;border:1px solid #c7f2dc;border-radius:14px;padding:8px 10px;font-weight:800;color:#241b16}.auditCard pre{direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-word;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px;max-height:220px;overflow:auto;font-size:12px}.auditCard details{margin-top:10px}.queueSegment{overflow:auto;justify-content:flex-start}.queueSegment button{min-width:92px}.queueJob .errorText{background:#fff1f2;border:1px solid #fecaca;color:#991b1b;border-radius:14px;padding:10px}.optionsGroup h3{margin-bottom:10px}.optionRow{grid-template-columns:1fr auto auto auto auto}.optionRow .smallbtn{padding:8px 10px;font-size:12px}.row input[type=number]{max-width:120px}@media(max-width:430px){.healthGrid{grid-template-columns:1fr}.optionRow{grid-template-columns:1fr auto}.optionRow .smallbtn{width:100%;grid-column:1/-1}.backupRow{grid-template-columns:1fr}.queueSegment button{min-width:78px}.auditChips span,.queueCounts span{font-size:13px}.row input[type=number]{max-width:none;width:100%}}


/* v2.0.17 WhatsApp control center polish + safer mobile loading toast */
.busy{top:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;left:14px!important;right:14px!important;max-width:720px!important;margin:auto!important;z-index:999!important;border-radius:18px!important}
.waHero{display:grid;grid-template-columns:1fr auto;align-items:start;gap:10px;text-align:right;background:radial-gradient(circle at 12% 10%,rgba(0,96,71,.08),transparent 28%),#fff}.waHero h3{font-size:clamp(25px,6.5vw,34px);margin:4px 0 8px}.waHero p{font-size:15px;line-height:1.7;color:#62736d;margin:0}.waHealthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.waStatusMain,.waHealthTile{min-height:112px;padding:15px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px}.waStatusMain{background:linear-gradient(135deg,#7c1b10,#981d13);color:#fff}.waStatusMain.warning,.waStatusMain.warn{background:linear-gradient(135deg,#fff7ed,#fff);color:#991b1b;border-color:#fed7aa}.waStatusMain span,.waHealthTile span{font-size:13px;color:inherit;opacity:.86;font-weight:950}.waStatusMain b,.waHealthTile b{font-size:clamp(21px,6vw,31px);line-height:1;color:inherit}.waStatusMain small,.waHealthTile small{font-size:12px;color:inherit;opacity:.78;line-height:1.5}.waHealthTile{background:rgba(255,255,255,.95)}.issueChips{display:flex;gap:8px;flex-wrap:wrap}.issueChips span{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:950}.waSwitchRow{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:8px}.apiMask{display:block;background:#f8fafc;border:1px solid #ead9bb;border-radius:15px;padding:10px 12px;color:#51625d;font-size:13px;direction:ltr;text-align:left}.waFormGrid input,.waTestCard input,.templateRow input{font-size:15px;min-height:50px}.templateRows{display:grid;gap:9px}.templateRow{display:grid;grid-template-columns:1fr;gap:8px;background:#fff;border:1px solid #ead9bb;border-radius:18px;padding:12px}.templateRow.ready{border-color:#bbf7d0;background:#fbfffd}.templateRow span{display:flex;align-items:center;justify-content:space-between;gap:8px}.templateRow b{color:#241b16;font-size:15px}.templateRow small{font-size:12px;color:#991b1b;background:#fee2e2;border-radius:999px;padding:4px 8px}.templateRow.ready small{color:#3a2a1e;background:#dcfce7}.queueSegmentPro{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important}.queueSegmentPro button{min-width:0!important;min-height:50px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:14px!important}.queueSegmentPro button small{font-size:12px;opacity:.78}.queueOps{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin:10px 0}.queueOps input{grid-column:1/-1;max-width:none!important;margin:0;text-align:center;direction:ltr}.queueOps .btn{margin:0;min-height:48px}.queueJobPro{padding:15px 16px}.queueJobPro h3{font-size:21px;margin:0;direction:ltr;text-align:left}.queueJobPro .statusPill.sent{background:#dcfce7;color:#3a2a1e}.queueJobPro .statusPill.failed,.queueJobPro .statusPill.dead{background:#fee2e2;color:#991b1b}.queueJobPro .statusPill.cancelled{background:#f1f5f9;color:#475569}.logMini{display:grid;grid-template-columns:1fr auto;gap:3px 8px;border-bottom:1px solid #ead9bb;padding:9px 0;text-align:right}.logMini b{direction:ltr;text-align:left;color:#241b16}.logMini span{font-size:12px;background:#fdf6ea;border-radius:999px;padding:4px 8px;color:#241b16;font-weight:950}.logMini small{color:#6b5b4a}.logMini em{grid-column:1/-1;color:#991b1b;font-style:normal;background:#fff1f2;border-radius:12px;padding:7px 9px;word-break:break-word;font-size:12px}@media(max-width:430px){.waHero{grid-template-columns:1fr}.waHero .smallbtn{width:100%}.waHealthGrid{grid-template-columns:1fr 1fr}.waStatusMain,.waHealthTile{min-height:98px;padding:12px 9px}.waStatusMain b,.waHealthTile b{font-size:22px}.queueSegmentPro{grid-template-columns:repeat(2,minmax(0,1fr))!important}.queueOps{grid-template-columns:1fr}.templateRow{padding:10px}.templateRow b{font-size:14px}.waConfigCard,.waTemplatesCard,.waQueueCard,.waRecentCard{padding:15px 14px}}


/* v2.0.17 Community CMS parity */
.communityCmsGrid{display:grid;gap:12px}.communityProfileCard textarea{min-height:110px}.communityPreviewCard{text-align:center}.communityPreviewCard b{display:block;font-size:24px;color:#241b16;margin:10px 0 6px}.communityPreviewCard p{color:#6b5b4a;line-height:1.7}.communitySplashPreview,.communitySplash{width:126px;height:126px;object-fit:cover;border-radius:32px;border:3px solid #e0f2ec;background:#f8fafc;box-shadow:0 10px 24px rgba(0,0,0,.08)}.communityPublicHero{text-align:center}.communityPublicHero h3{font-size:clamp(28px,7vw,42px);margin:14px 0 8px}.communityPublicHero .hint{white-space:pre-wrap}.communityImageGrid,.communityGalleryPublic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.communityImageGrid figure,.communityGalleryPublic figure{margin:0;background:#f8fafc;border:1px solid #ead9bb;border-radius:18px;padding:8px;text-align:center;overflow:hidden}.communityImageGrid img,.communityGalleryPublic img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;display:block;background:#fff}.communityImageGrid figcaption,.communityGalleryPublic figcaption{font-size:13px;color:#241b16;font-weight:900;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.termAdmin{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #ead9bb;padding:10px 0}.termAdmin b{display:block;color:#241b16}.termAdmin small{display:block;color:#6b5b4a}.executiveGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.execMini{background:#f8fafc;border:1px solid #ead9bb;border-radius:18px;padding:10px;text-align:center}.execMini img,.execMini .avatar{width:72px;height:72px;border-radius:22px;object-fit:cover;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;background:#eaf7f1;font-size:30px}.execMini b{display:block;color:#241b16;font-size:15px;line-height:1.35}.execMini small{display:block;color:#6b5b4a;font-size:12px;margin:4px 0 8px}.termPublic{border-top:1px solid #ead9bb;padding-top:12px;margin-top:12px}.termPublic h4{margin:0;font-size:22px;color:#241b16}.execAdminTerms h4{font-size:21px;color:#241b16;margin:18px 0 4px}@media(min-width:720px){.communityCmsGrid{grid-template-columns:1.4fr .8fr}.communityImageGrid,.communityGalleryPublic,.executiveGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.communityImageGrid,.communityGalleryPublic,.executiveGrid{grid-template-columns:1fr 1fr}.termAdmin{grid-template-columns:1fr auto}.termAdmin .smallbtn{grid-column:1/-1}.communitySplashPreview,.communitySplash{width:108px;height:108px;border-radius:28px}.execMini{padding:8px}.execMini img,.execMini .avatar{width:64px;height:64px;border-radius:20px}}


/* v2.0.17 Event Albums + Media Library parity */
.eventAlbumHero{background:radial-gradient(circle at 14% 8%,rgba(0,96,71,.08),transparent 26%),#fff;text-align:right}.eventAlbumHero .eventCover{width:100%;max-height:220px;object-fit:cover;border-radius:18px;margin-bottom:12px;background:#faf4e9}.albumGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.albumItem{margin:0;background:#fff;border:1px solid #ead9bb;border-radius:20px;padding:8px;overflow:hidden;box-shadow:0 8px 18px rgba(4,47,36,.05)}.albumItem img,.albumItem video{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:15px;background:#faf4e9;display:block}.albumItem video{object-fit:contain;background:#7c1b10}.albumItem figcaption{display:grid;gap:3px;padding:8px 2px 2px}.albumItem figcaption b{font-size:13px;color:#241b16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.albumItem figcaption small{font-size:11px;color:#6b5b4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminAlbumGrid .mediaActions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.adminAlbumGrid .smallbtn{min-height:38px;font-size:12px;padding:7px 8px;border-radius:12px}.filePicker.wide{width:100%;margin:8px 0}.audioList{display:grid;gap:9px;margin-top:12px}.audioRow{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid #ead9bb;background:#f8fafc;border-radius:18px;padding:10px;margin:8px 0}.audioRow b{display:block;color:#241b16}.audioRow small{display:block;color:#6b5b4a;font-size:12px;margin-top:4px}.audioRow audio{width:100%;height:38px}.archivedBox summary{cursor:pointer;color:#241b16;font-size:18px;font-weight:950}@media(min-width:650px){.albumGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.audioRow{grid-template-columns:1fr 220px auto;align-items:center}.audioRow audio{width:220px}}@media(max-width:430px){.albumGrid{grid-template-columns:1fr 1fr;gap:8px}.albumItem{border-radius:17px;padding:7px}.albumItem img,.albumItem video{border-radius:13px}.adminAlbumGrid .mediaActions{grid-template-columns:1fr}.eventAlbumHero .eventCover{max-height:170px}.audioRow{padding:9px}.audioRow audio{height:34px}}

/* v2.0.17 Vue PWA offline/install hardening */
.pwaMemberCard{background:linear-gradient(180deg,#ffffff 0%,#f5fffb 100%);border-color:#ccebdd}.pwaMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.pwaMiniGrid span{background:#fdf6ea;border:1px solid #bbf7d0;border-radius:16px;padding:10px;text-align:center}.pwaMiniGrid b{display:block;color:#241b16;font-size:16px}.pwaMiniGrid small{display:block;color:#64746f;font-size:11px;margin-top:3px}.pwaHealthGrid .healthCard b{font-size:clamp(22px,6vw,30px)}.statusPill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e7f8ef;color:#3a2a1e;padding:6px 10px;font-size:12px;font-weight:950}.dangerBtn{background:#fee2e2!important;color:#991b1b!important}@media(max-width:430px){.pwaMiniGrid{grid-template-columns:1fr}.pwaMemberCard .row .btn{width:100%}}

/* v2.0.24 Supervisors + Committees parity */
.supervisorGrid{display:grid;grid-template-columns:1fr;gap:12px}.supervisorCard h3{font-size:clamp(21px,5.5vw,28px);margin:0 0 4px}.committeePick{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0 12px}.committeeRow{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-bottom:1px solid #ead9bb;padding:11px 0}.committeeRow b{display:block;color:#241b16;font-size:17px}.committeeRow small{display:block;color:#6b5b4a;font-size:12px;margin-top:3px}.committeeRow button[disabled]{opacity:.55;filter:grayscale(.3)}.accountAdminCard{text-align:center}.profileAvatar{width:96px;height:96px;border-radius:30px;margin:4px auto 14px;background:#e8f7f1;display:flex;align-items:center;justify-content:center;font-size:42px;border:1px solid #d7eee5}.statusPill.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.compactNotice{padding:22px 16px}.editGrid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:720px){.supervisorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.committeePick{grid-template-columns:repeat(2,minmax(0,1fr))}.editGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.committeeRow{grid-template-columns:1fr auto}.committeeRow .smallbtn{grid-column:1/-1;width:100%}.supervisorCard .memberActions{grid-template-columns:1fr}.profileAvatar{width:82px;height:82px;border-radius:26px;font-size:36px}}

/* v2.0.24 mobile space saving accordions */
.collapsibleCard{overflow:hidden}.compactToggleRow{align-items:flex-start}.toggleSide{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.compactSummaryBar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.compactSummaryBar span{background:#f6fbf8;border:1px solid #dcefe5;border-radius:14px;padding:10px;text-align:center}.compactSummaryBar b{display:block;color:#241b16;font-size:14px;line-height:1.35;word-break:break-word}.compactSummaryBar small{display:block;color:#6a7a74;font-size:11px;margin-top:4px}.collapsibleBody{margin-top:10px;padding-top:10px;border-top:1px dashed #ead9bb}.compactMemberCard{min-height:auto!important}.memberCompactBar b{font-size:13px}.pwaMemberCard .toggleSide{align-items:center}.pwaMemberCard .smallbtn{min-height:34px}.supervisorCard .smallbtn,.compactMemberCard .smallbtn{white-space:nowrap}.supervisorCard .memberActions,.compactMemberCard .memberActions{margin-top:12px}.pwaMemberCard .compactSummaryBar{margin-bottom:2px}@media(max-width:430px){.toggleSide{width:100%;justify-content:space-between}.compactSummaryBar{grid-template-columns:1fr 1fr}.compactSummaryBar b{font-size:13px}.pwaMemberCard .row .btn{width:100%}}

/* v2.0.24 dashboard polish + unified collapsible sections */
.dashboardHeaderCard{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 16px;background:linear-gradient(180deg,#fff,#f7fffb)}
.dashboardHeaderCard h3{margin:6px 0 4px;font-size:clamp(25px,6vw,34px);color:#1c140f}
.dashboardHeaderCard .smallbtn{min-width:84px}
.dashboardKpiGrid{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
.dashHeroKpi{position:relative;overflow:hidden;border:0;border-radius:26px;padding:20px 18px;min-height:122px;text-align:right;color:#fff;background:radial-gradient(circle at 12% 12%,rgba(255,255,255,.16),transparent 28%),linear-gradient(135deg,#7c1b10,#003f31);box-shadow:0 16px 34px rgba(2,44,34,.17)}
.dashHeroKpi span,.dashHeroKpi small{display:block;position:relative;z-index:1;font-weight:950}
.dashHeroKpi span{font-size:20px}.dashHeroKpi b{position:relative;z-index:1;display:block;font-size:46px;line-height:1;margin:8px 0 6px;color:#fff}.dashHeroKpi small{font-size:12px;color:#e9fff5}.dashHeroKpi i{position:absolute;left:16px;top:22px;width:58px;height:58px;border-radius:20px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:30px;font-style:normal}
.dashboardMetricGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.dashMetricTile{border:0;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(2,44,34,.07);padding:14px 10px;min-height:96px;text-align:center;color:#241b16}
.dashMetricTile i{display:block;width:38px;height:38px;border-radius:15px;margin:0 auto 6px;background:#fdf6ea;display:flex;align-items:center;justify-content:center;font-style:normal}.dashMetricTile span{display:block;font-weight:950;font-size:15px}.dashMetricTile b{display:block;font-size:28px;line-height:1.05;margin-top:4px}
.dashQuickGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dashQuickGrid button{border:1px solid #dcefe5;border-radius:18px;background:#f6fffb;color:#241b16;font-weight:950;min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px}.dashQuickGrid i{font-style:normal}
.collapseSection{padding:0!important;overflow:hidden}.collapseSection>summary{list-style:none;cursor:pointer;padding:16px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#1c140f;-webkit-tap-highlight-color:transparent}.collapseSection>summary::-webkit-details-marker{display:none}.collapseSection>summary b{font-size:clamp(20px,5.3vw,28px);line-height:1.2}.collapseSection>summary span:not(.statusPill):after{content:"+ إظهار";display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fdf6ea;color:#241b16;padding:8px 11px;font-size:12px;font-weight:950;white-space:nowrap}.collapseSection[open]>summary span:not(.statusPill):after{content:"− إخفاء"}.collapseBody{padding:0 16px 16px}.collapseSection>summary .smallbtn{margin-inline-start:auto}.collapseSection[open]>summary{border-bottom:1px dashed #ead9bb}.collapseSection.formCard .collapseBody input,.collapseSection.formCard .collapseBody textarea,.collapseSection.formCard .collapseBody select{margin-top:8px}
@media(min-width:720px){.dashboardKpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashQuickGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:430px){.dashboardHeaderCard{align-items:flex-start}.dashHeroKpi{border-radius:24px}.dashHeroKpi b{font-size:42px}.collapseSection>summary{padding:15px 14px}.collapseBody{padding:0 14px 14px}.dashQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v2.0.24 dashboard operational polish + persisted collapsible sections */
.dashboardStatusStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.dashboardStatusStrip span{background:#fdf6ea;border:1px solid #bbf7d0;border-radius:16px;padding:10px 8px;text-align:center;box-shadow:0 8px 18px rgba(2,44,34,.04)}
.dashboardStatusStrip span.warn{background:#fff7ed;border-color:#fed7aa}.dashboardStatusStrip span.ok{background:#fdf6ea;border-color:#bbf7d0}
.dashboardStatusStrip b{display:block;color:#241b16;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboardStatusStrip small{display:block;color:#64746f;font-size:11px;margin-top:4px;font-weight:950}
.toast{position:sticky;top:8px;z-index:90;box-shadow:0 10px 26px rgba(2,44,34,.08)}
.collapseSection>summary{touch-action:manipulation}.collapseSection>summary:active{background:#f6fffb}.collapseBody{animation:gzcFadeIn .16s ease-out}@keyframes gzcFadeIn{from{opacity:.35;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.dashboardStatusStrip{grid-template-columns:1fr}.dashboardStatusStrip b{font-size:14px}}


.eventFormStack{display:grid;gap:14px}.formSectionTitle{font-size:18px;font-weight:950;color:#241b16;background:#fdf6ea;border:1px solid #bbf7d0;border-radius:14px;padding:10px 12px}.fieldBlock{display:grid;gap:5px}.fieldBlock b{font-size:16px;color:#241b16}.fieldBlock small{font-size:13px;line-height:1.55;color:#6b7d76}.eventEditGrid{align-items:start}.check span{display:grid;gap:2px}.check span b{font-size:16px;color:#241b16}.check small{display:block;font-size:12px;line-height:1.45;color:#6b7d76;font-weight:800}.eventQuickMeta{display:grid;grid-template-columns:1fr;gap:8px;margin:10px 0 12px}.eventQuickMeta .metaRow{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;background:#f8fafc;border:1px solid #ead9bb;border-radius:14px;padding:10px 12px}.eventQuickMeta .metaRow b{color:#241b16;font-size:14px}.eventQuickMeta .metaRow span{color:#41534d;font-size:14px;text-align:left;direction:ltr}.albumInlineTitle{margin:12px 0 6px;color:#241b16;font-size:18px;font-weight:950}.eventLiteExpanded .eventCover{width:100%;max-height:220px;object-fit:cover;border-radius:18px;margin-bottom:12px;background:#faf4e9}.eventLiteExpanded .row .btn{flex:1 1 150px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.albumGridInline{margin-top:8px}.emptyInline{padding:14px;text-align:center;background:#f8fafc}@media(min-width:650px){.eventQuickMeta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.formSectionTitle{font-size:16px}.fieldBlock b{font-size:15px}.eventQuickMeta .metaRow{padding:9px 10px}.eventLiteExpanded .row .btn{flex-basis:100%}}


/* v2.0.24 event operations polish */
.eventDashboardStrip h3{margin-bottom:10px}.eventAdminCompact .eventCover{width:100%;max-height:210px;object-fit:cover;border-radius:18px;margin-bottom:12px;background:#faf4e9}.eventFastActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eventFastActions .smallbtn{width:100%;margin-top:0}.inlineEditCard{background:#fbfffd;border-color:#ccebdd;box-shadow:none}.inlineEditCard h3{font-size:22px}.dashboardEventList{display:grid;gap:8px;margin:12px 0}.dashboardEventList button{width:100%;border:1px solid #ead9bb;background:#fff;border-radius:16px;padding:11px 12px;text-align:right;color:#241b16;font-weight:950}.dashboardEventList b{display:block;font-size:15px}.dashboardEventList small{display:block;color:#6b5b4a;margin-top:4px;font-size:12px}.eventAdminCard .collapsibleBody{margin-top:12px}@media(min-width:650px){.eventFastActions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.eventFastActions{grid-template-columns:1fr 1fr}.inlineEditCard{padding:14px}.eventAdminCompact .row .btn{flex-basis:100%}}
/* v2.0.24 cases/arrivals/emergency mobile ops */
.opsSummaryCard{background:linear-gradient(180deg,#fff,#f6fffb);border-color:#d4eee3}.opsFilterBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.opsFilterBar button{border:1px solid #dbeee5;background:#fff;color:#241b16;border-radius:14px;min-height:40px;font-weight:950;font-size:13px}.opsFilterBar button.active{background:linear-gradient(135deg,#7c1b10,#004936);color:#fff;border-color:#3a2a1e}.opsCompactCard{min-height:auto!important}.opsCompactCard .memberCardTop h3{font-size:clamp(20px,5.3vw,28px);margin-bottom:4px}.opsCompactCard .compactSummaryBar{margin-top:9px}.opsCompactCard .notifyMeta{margin:10px 0}.opsCompactCard .memberActions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.emergencyOps .opsFilterBar button.active{background:linear-gradient(135deg,#b91c1c,#7f1d1d);border-color:#b91c1c}.emergencyOps.opsSummaryCard{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff8f8)}@media(max-width:430px){.opsFilterBar{grid-template-columns:repeat(2,minmax(0,1fr))}.opsCompactCard .memberActions .smallbtn{flex:1 1 130px;text-align:center}.opsCompactCard .memberActions a{flex:1 1 130px}.opsCompactCard .toggleSide{width:100%;justify-content:space-between}}

/* v2.0.32 member photo thumbnails */
.memberMiniIdentity{display:flex;align-items:center;gap:12px;min-width:0}.memberIdentityInfo{min-width:0}.memberThumb{width:54px;height:54px;border-radius:16px;object-fit:cover;border:1px solid #ead9bb;background:#fdf6ea;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:25px;flex:0 0 54px}.memberThumb.large{width:76px;height:76px;border-radius:22px;flex-basis:76px;font-size:34px}.memberThumbPlaceholder{font-weight:900}.memberRowWithPhoto{align-items:center}.memberPhotoCard .memberMiniName{display:block;white-space:normal;word-break:break-word}.memberCardPreviewHead{padding:8px 0 2px}.centerIdentity{justify-content:center}.centeredText{text-align:center}.profileNameLarge{display:block;font-size:22px;line-height:1.2;color:#241b16}.centerFoot{justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}.membershipWithProfile{gap:12px}.membershipWithProfile .membershipImageOnly{margin-top:4px}@media(max-width:430px){.memberThumb{width:48px;height:48px;flex-basis:48px;border-radius:14px}.memberThumb.large{width:70px;height:70px;flex-basis:70px;border-radius:20px}.memberMiniIdentity{gap:10px}}


/* v2.0.32 RTL member photo/name layout fix */
.memberPhotoCard .memberCardTop.memberRowWithPhoto{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  direction:rtl!important;
}
.memberPhotoCard .memberMiniIdentity{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
}
.memberPhotoCard .memberIdentityInfo{
  min-width:0!important;
  flex:1 1 auto!important;
  text-align:right!important;
  direction:rtl!important;
}
.memberPhotoCard .memberMiniName{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-height:1.32!important;
  text-align:right!important;
  direction:rtl!important;
}
.memberPhotoCard .memberMiniMeta{
  text-align:right!important;
  direction:rtl!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.memberPhotoCard .toggleSide{
  width:auto!important;
  flex:0 0 auto!important;
  justify-content:flex-end!important;
}
.memberPhotoCard .memberThumb{
  order:0!important;
  flex:0 0 48px!important;
}
@media(max-width:430px){
  .memberPhotoCard .memberCardTop.memberRowWithPhoto{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .memberPhotoCard .toggleSide{
    width:100%!important;
    justify-content:space-between!important;
    margin-top:8px!important;
  }
  .memberPhotoCard .memberMiniIdentity{
    width:100%!important;
  }
  .memberPhotoCard .memberMiniName{
    font-size:1rem!important;
  }
}

/* v2.0.32 member/admin photo manager */
.photoManagerCard .row{gap:10px}.photoManagerCard .row .btn{flex:1 1 140px;text-align:center;display:flex;align-items:center;justify-content:center}.photoManagerPreview{text-align:center;background:#f8fafc;border:1px solid #ead9bb;border-radius:18px;padding:14px;margin:8px 0 12px}.photoManagerPreview img{width:118px;height:118px;border-radius:28px;object-fit:cover;border:3px solid #e0f2ec;box-shadow:0 10px 24px rgba(6,78,59,.12);display:block;margin:0 auto 8px}.accountPhotoHero{display:grid;place-items:center;gap:8px;margin-bottom:8px}.accountPhotoHero .avatar{margin-bottom:0}.profileCard .photoManagerCard{text-align:right}.profileCard .photoManagerCard .hint{text-align:right;margin:6px 0 10px}.photoManagerCard .danger{background:#fee2e2;color:#991b1b}@media(max-width:430px){.photoManagerPreview img{width:104px;height:104px;border-radius:25px}.photoManagerCard .row .btn{flex-basis:100%}}


/* v2.0.32 notifications + audit mobile polish */
.notificationListCompact,.auditListCompact{display:grid;gap:12px}.notifCardCompact,.auditCardCompact{padding:14px}.notifTitleBox{min-width:0;text-align:right}.notifTitleBox h3{font-size:clamp(18px,5vw,24px);line-height:1.25;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifTitleBox small{display:block;color:#6b7d76;font-size:12px;line-height:1.45}.notifStats,.auditStats{margin:10px 0 12px}.notifSummary b{font-size:13px}.auditPre{background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px;overflow:auto;direction:ltr;text-align:left;font-size:12px;line-height:1.55;max-height:260px}.auditCardCompact .notifyMeta,.notifCardCompact .notifyMeta{margin-top:8px}.auditChips{display:flex;flex-wrap:wrap;gap:8px}.auditChips span{background:#fdf6ea;border:1px solid #bbf7d0;border-radius:999px;padding:8px 10px;color:#241b16;font-size:12px;font-weight:950}.auditChips b{font-size:14px}@media(max-width:430px){.notifCardCompact,.auditCardCompact{padding:13px}.notifTitleBox h3{font-size:18px}.auditPre{font-size:11px;max-height:220px}}
/* v2.0.32 direct card image save */
.cardSaveActions{display:grid;gap:10px;width:100%;max-width:760px;margin:0 auto}.cardSaveActions .wide{width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.cardSaveHint{text-align:center;max-width:760px;margin:2px auto 0;color:#6b5b4a}.quickActionGrid .btn{min-height:48px}

/* v2.0.32 storage and pwa */
.storageDataStats{margin-top:12px}.storageDataStats span b{font-size:20px}.pwaHealthGrid .healthCard b{word-break:break-word}.dangerBtn{background:#fee2e2!important;color:#991b1b!important}

/* v2.0.35 official announcement cards, media, and unread badge */
.noticeTile,.officialTile{position:relative;overflow:visible!important}.tileBadge,.newBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#dc2626;color:#fff;font-weight:950;box-shadow:0 8px 18px rgba(220,38,38,.25)}.tileBadge{position:absolute;top:8px;left:8px;min-width:25px;height:25px;padding:0 8px;font-size:12px}.newBadge{padding:5px 9px;font-size:11px;white-space:nowrap}.officialNoticeGrid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}.officialNoticeCard{border:1px solid #e5e7eb;border-radius:24px;background:#fff;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.06);overflow:hidden}.officialNoticeCard.embassyCard{border-color:#d6b35a;background:linear-gradient(135deg,#fffdf5,#fff)}.officialNoticeCard.consulateCard{border-color:#111827;background:linear-gradient(135deg,#f8fafc,#fff)}.officialNoticeHead{display:flex;align-items:center;gap:11px;margin-bottom:10px;direction:rtl;text-align:right}.officialNoticeHead.compact{align-items:flex-start}.officialNoticeHead img{width:54px;height:54px;border-radius:18px;object-fit:contain;background:#fff;border:1px solid rgba(15,23,42,.08);padding:4px;flex:0 0 auto}.officialNoticeHead b{display:block;color:#0f172a;font-size:17px}.officialNoticeHead small{display:block;color:#64748b;font-size:12px;margin-top:2px}.officialNoticeHead .newBadge{margin-inline-start:auto}.officialMiniAnnouncement{border-top:1px dashed #e2e8f0;padding-top:11px;margin-top:10px}.officialMiniAnnouncement:first-of-type{border-top:0;margin-top:0}.officialMiniAnnouncement h3{font-size:18px;line-height:1.3;margin:0 0 6px;color:#0f172a}.officialMiniAnnouncement p{white-space:pre-wrap;line-height:1.7;color:#334155;margin:0 0 8px}.officialMiniAnnouncement small{display:block;color:#64748b;margin-top:7px}.announcementMediaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.announcementMediaItem{appearance:none;border:1px solid #ead9bb;background:#f8fafc;border-radius:16px;padding:6px;overflow:hidden;text-align:center;cursor:pointer;color:#241b16;font-weight:900}.announcementMediaItem img,.announcementMediaItem video{width:100%;height:116px;object-fit:cover;border-radius:12px;background:#e2e8f0;display:block}.announcementMediaItem span{display:block;font-size:12px;margin-top:5px}.sectionLabel{margin:14px 4px 8px;color:#241b16}.officialFilePicker{margin-top:8px}.announcementCard .officialNoticeHead h3{margin:3px 0 0}@media(min-width:760px){.officialNoticeGrid{grid-template-columns:1fr 1fr}.announcementMediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.officialNoticeCard{padding:12px;border-radius:20px}.officialNoticeHead img{width:48px;height:48px;border-radius:16px}.announcementMediaGrid{grid-template-columns:1fr 1fr}.announcementMediaItem img,.announcementMediaItem video{height:98px}}

/* v2.0.36 — official announcement cards on member home */
.officialHomeSection{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0 16px}.officialHomeTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ead9bb;background:rgba(255,255,255,.82);border-radius:22px;padding:12px 14px;box-shadow:0 12px 26px rgba(6,78,59,.06);direction:rtl}.officialHomeTitle b{display:block;color:#241b16;font-size:18px;font-weight:950}.officialHomeTitle small{display:block;color:#64748b;font-size:12px;margin-top:2px}.officialHomeCard{border:1px solid #e5e7eb;border-radius:26px;background:#fff;padding:14px;box-shadow:0 16px 34px rgba(15,23,42,.07);overflow:hidden}.officialHomeCard.embassyHomeCard{border-color:#d6b35a;background:linear-gradient(140deg,#fffaf0,#fff)}.officialHomeCard.consulateHomeCard{border-color:#111827;background:linear-gradient(140deg,#f8fafc,#fff)}.officialHomeAnnouncement{border-top:1px dashed #ead9bb;margin-top:10px;padding-top:10px}.officialHomeAnnouncement:first-of-type{border-top:0;margin-top:0}.officialHomeAnnouncement h3{margin:0 0 6px;color:#063d2d;font-size:17px;line-height:1.35;font-weight:950}.officialHomeAnnouncement p{margin:0 0 8px;color:#334155;line-height:1.75;white-space:pre-wrap}.officialHomeActions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.officialHomeActions small{color:#64748b}.officialHomeMedia{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0}.officialHomeMedia .announcementMediaItem img,.officialHomeMedia .announcementMediaItem video{height:92px}.officialSeenBtn{width:100%;justify-content:center;margin-top:10px;background:#fdf6ea;border-color:#bbf7d0;color:#3a2a1e}.officialEmptyLine{padding:6px 2px 2px}@media(min-width:760px){.officialHomeSection{grid-template-columns:1fr 1fr}.officialHomeTitle{grid-column:1/-1}.officialHomeMedia{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.officialHomeCard{border-radius:22px;padding:12px}.officialHomeTitle{border-radius:20px}.officialHomeActions{align-items:flex-start;flex-direction:column}.officialSeenBtn{min-height:42px}.officialHomeMedia .announcementMediaItem img,.officialHomeMedia .announcementMediaItem video{height:84px}}

/* v2.0.39 official homepage polish */
.officialTile{border-width:1.5px;text-align:center;background:rgba(255,255,255,.94)}
.officialTile .officialTileLogo{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 10px;border-radius:18px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 16px rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.08);padding:5px}
.officialTile .officialTileLogo img{width:100%;height:100%;object-fit:contain;display:block}
.officialTileEmbassy{border-color:#d6b35a;background:linear-gradient(140deg,#fffaf0,#fff)}
.officialTileConsulate{border-color:#111827;background:linear-gradient(140deg,#f8fafc,#fff)}
.officialTile.active{box-shadow:0 18px 38px rgba(6,78,59,.13);transform:translateY(-1px)}
.officialTileEmbassy.active{border-color:#b98d22}
.officialTileConsulate.active{border-color:#000}
.officialInlinePanel{margin:14px 0 16px;border:1px solid #e5e7eb;border-radius:26px;background:#fff;padding:14px;box-shadow:0 16px 34px rgba(15,23,42,.07);overflow:hidden}
.officialInlinePanel.embassyHomeCard{border-color:#d6b35a;background:linear-gradient(140deg,#fffaf0,#fff)}
.officialInlinePanel.consulateHomeCard{border-color:#111827;background:linear-gradient(140deg,#f8fafc,#fff)}
.officialHomeTitle{display:none!important}
.publicShell .version{font-weight:900;color:#7b8b85}
@media(max-width:430px){.officialTile .officialTileLogo{width:50px;height:50px;border-radius:17px}.officialInlinePanel{border-radius:22px;padding:12px}}

/* v2.0.39 hero professional polish */
.publicHero h1 span{display:block}

/* v2.0.39 profile completion tour + professional wording */
.tourOverlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,23,16,.48);backdrop-filter:blur(10px);direction:rtl;text-align:right}
.tourCard{width:min(92vw,430px);background:#fff;border:1px solid #ead9bb;border-radius:28px;padding:20px;box-shadow:0 24px 70px rgba(2,23,16,.28)}
.tourCard h3{margin:8px 0 8px;color:#241b16;font-size:24px;line-height:1.25;font-weight:950}.tourCard p{margin:0;color:#334155;line-height:1.85;font-weight:800}.tourProgress{display:flex;gap:7px;justify-content:center;margin-bottom:12px}.tourProgress span{width:10px;height:10px;border-radius:999px;background:#ead9bb}.tourProgress span.active{width:30px;background:#047857}.tourActions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.tourActions .btn{min-width:150px}.profileCompleteCard{position:relative}.fieldHelpLabel{display:block;margin:8px 0 10px}.fieldHelpLabel span{display:block;color:#241b16;font-weight:950;margin:0 4px 6px}.fieldHelpLabel input{width:100%;box-sizing:border-box}.fieldHelpLabel em{display:block;font-style:normal;color:#64748b;font-size:12px;line-height:1.55;margin:7px 4px 0}.privacyNote{border:1px solid #ead9bb;background:#f8fffc;color:#334155;border-radius:16px;padding:10px 12px;margin:10px 0 12px;font-size:12px;line-height:1.65;font-weight:800}.officialTile b{font-size:clamp(21px,5.2vw,28px)}
@media(max-width:430px){.tourOverlay{align-items:flex-end;padding:14px}.tourCard{border-radius:24px;padding:18px}.tourCard h3{font-size:21px}.tourActions{flex-direction:column-reverse}.tourActions .btn,.tourActions .smallbtn{width:100%;justify-content:center}}

/* v2.0.42 — official cards behavior fix */
.homeGrid .officialInlineInGrid{grid-column:1/-1;margin:0 0 4px;animation:gzcExpand .18s ease-out both}
.officialTile{cursor:pointer}
.officialTile em{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-top:9px;padding:5px 9px;border-radius:999px;background:rgba(6,78,59,.07);color:#241b16;font-style:normal;font-size:11px;font-weight:950}
.officialTile.active em{background:#981d13;color:#fff}
.officialInlineInGrid .officialNoticeHead{margin-bottom:8px}.officialInlineInGrid .officialNoticeHead b{font-size:18px;color:#063d2d}.officialInlineInGrid .officialEmptyLine{font-weight:900;color:#64748b;text-align:right}.officialInlineInGrid .officialHomeAnnouncement:last-child{padding-bottom:0}
.version{display:none!important}
@keyframes gzcExpand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:430px){.officialTile em{font-size:10px;padding:5px 8px;margin-top:7px}.homeGrid .officialInlineInGrid{margin-top:-2px}}

/* v2.0.52 China Guide Vue/PWA visibility fix */
.guideTile{border-color:rgba(180,135,0,.28)!important;background:linear-gradient(135deg,#fff,#fffdf2)!important}
.guideTile .ico{background:#fff8db!important}
.guideHero{position:relative;overflow:hidden;border-radius:30px;padding:24px;margin:12px 0 16px;color:#fff;background:linear-gradient(135deg,#7c1b10,#981d13);box-shadow:0 16px 42px rgba(0,78,59,.18)}
.guideHero:after{content:"";position:absolute;inset:auto -35px -70px auto;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.10)}
.guideHero span{display:flex;width:54px;height:54px;border-radius:20px;background:rgba(255,255,255,.14);align-items:center;justify-content:center;font-size:31px;margin-bottom:10px}
.guideHero h1{margin:0 0 8px;font-size:clamp(32px,9vw,48px);line-height:1.05;color:#fff}.guideHero p{margin:0;color:rgba(255,255,255,.88);line-height:1.7;font-weight:800}
.guideSearch{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) auto;gap:10px;align-items:center}.guideSearch input,.guideSearch select{min-height:54px}.guideSearchCard{padding:12px}
.guidePills{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin:8px 0 10px;-webkit-overflow-scrolling:touch}.guidePills button{border:1px solid #dbe9e3;background:#fff;border-radius:999px;padding:10px 13px;font-weight:950;color:#241b16;white-space:nowrap;display:flex;align-items:center;gap:6px}.guidePills button.active{background:#981d13;color:#fff;box-shadow:0 8px 20px rgba(0,78,59,.16)}.guidePills small{background:rgba(6,78,59,.08);padding:2px 7px;border-radius:999px}.guidePills button.active small{background:rgba(255,255,255,.18)}
.guideList{display:grid;grid-template-columns:1fr;gap:12px}.guideItemCard{padding:0;overflow:hidden}.guideCardOpen{width:100%;border:0;background:transparent;text-align:inherit;padding:14px;display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;color:inherit;cursor:pointer}.guideItemImg{width:86px;height:86px;border-radius:22px;object-fit:cover;background:#f1f8f5;border:1px solid #e0eee8}.guideItemImg.icon{display:flex;align-items:center;justify-content:center;font-size:38px}.guideCardTop{display:flex;justify-content:space-between;gap:8px;align-items:center}.guideBadge{display:inline-flex;border-radius:999px;background:#fff7d6;color:#7a4d00;padding:4px 8px;font-size:12px;font-weight:950;font-style:normal}.guideItemCard h3{margin:4px 0 6px;font-size:22px;color:#241b16}.guideItemCard p{margin:0 0 8px;color:#50655d;line-height:1.55}.guideActions{padding:0 14px 14px}.guideDetails{border-top:1px solid #e2eee8;background:#fbfffd;padding:14px}.guideDetails .infoGrid{margin-top:10px}.guideReport{margin-top:12px;background:#fff;border:1px solid #e2eee8;border-radius:18px;padding:12px}.guideReport summary{font-weight:950;color:#241b16;cursor:pointer}.guideReport textarea{margin-top:10px;min-height:90px}.guideSuggest summary{font-size:18px;font-weight:950;color:#241b16;cursor:pointer}.guideSuggest input,.guideSuggest textarea{margin-top:10px}.guideSuggest textarea{min-height:110px}.adminGuideList{display:grid;gap:10px}.guideAdminItem{border:1px solid #e2eee8;border-radius:18px;padding:12px;background:#fff}.guideAdminItem b{display:block;color:#241b16;font-size:18px}.guideAdminItem small{display:block;color:#64748b;margin-top:3px}.guideAdminItem p{margin:7px 0;color:#334155;line-height:1.55}.checkLine{display:flex;align-items:center;gap:8px;font-weight:950;color:#241b16;margin:8px 0}.checkLine input{width:auto!important;min-height:auto!important}.formTwo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.guideSearch{grid-template-columns:1fr}.guideCardOpen{grid-template-columns:70px 1fr;gap:10px}.guideItemImg{width:70px;height:70px;border-radius:18px}.formTwo{grid-template-columns:1fr}.guideActions.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guideActions.row .smallbtn:last-child{grid-column:1/-1}}

/* v2.0.52 member photo auto-processing + controlled rendering */
.photoManager{display:grid;place-items:center;text-align:center;background:#f8fafc;border:1px solid #ead9bb;border-radius:20px;padding:14px;margin:8px 0 12px;overflow:hidden}
.photoManager img{width:100%;max-width:320px;aspect-ratio:1/1;object-fit:cover;border-radius:24px;border:3px solid #e0f2ec;box-shadow:0 12px 28px rgba(6,78,59,.12);display:block;background:#fdf6ea}
.photoManager .memberThumb.large{width:96px;height:96px;flex-basis:96px;border-radius:26px;margin:6px auto}
.photoManagerCard .filePicker{margin-top:8px}
.accountPhotoHero .avatar{width:112px;height:112px;border-radius:30px;object-fit:cover}
.memberDetailHero .detailIdentity img{object-fit:cover}
.memberThumb,img.memberThumb{object-fit:cover;overflow:hidden}
@media(max-width:430px){.photoManager img{max-width:260px;border-radius:22px}.accountPhotoHero .avatar{width:104px;height:104px;border-radius:28px}}
/* v2.0.54 — member onboarding/tour hardening */
.tourCardLarge{max-height:88vh;overflow:auto}.tourStepCount{display:inline-flex;align-items:center;border:1px solid #ead9bb;background:#f8fffc;color:#047857;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:950;margin-bottom:6px}.tourExample{margin:12px 0 0;border:1px dashed #10b981;background:#fdf6ea;color:#241b16;border-radius:16px;padding:10px 12px;font-weight:950;line-height:1.6}.tourPoints{margin:12px 0 0;padding:0 18px 0 0;color:#334155;line-height:1.8;font-weight:850}.tourPoints li{margin:3px 0}.tourActions .ghost{background:#fff;color:#64748b;border:1px solid #ead9bb}.profileCompleteWrap{display:grid;gap:14px}.onboardingGuide{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#fdf6ea,#fff);border-color:#bbf7d0}.onboardingGuide h3,.quickTipsCard h3,.usageGuideCard h3{margin:6px 0;color:#241b16}.onboardingGuide p{margin:0;color:#334155;font-weight:800;line-height:1.65}.quickTipsCard ul{margin:0;padding:0 18px 0 0;color:#334155;line-height:1.85;font-weight:850}.requiredField input{border-color:#10b981}.fieldHelpLabel em.bad{color:#dc2626;font-weight:950}.fieldHelpLabel em.ok{color:#047857;font-weight:950}.usageGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.usageMini{border:1px solid #ead9bb;background:#fff;border-radius:18px;padding:12px;display:grid;gap:5px}.usageMini span{font-size:24px}.usageMini b{color:#241b16}.usageMini small{color:#64748b;font-weight:800;line-height:1.55}.memberUseDetails{border:1px solid #ead9bb;background:#f8fffc;border-radius:18px;padding:10px 12px;margin:10px 0}.memberUseDetails summary{font-weight:950;color:#241b16;cursor:pointer}.usageList{display:grid;gap:7px;margin-top:10px;color:#334155;font-weight:850;line-height:1.55}
@media(max-width:520px){.onboardingGuide{align-items:stretch;flex-direction:column}.onboardingGuide .smallbtn{width:100%;justify-content:center}.usageGrid{grid-template-columns:1fr}.tourCardLarge{width:100%;max-height:82vh}.tourActions{display:grid;grid-template-columns:1fr;gap:8px}.tourActions .btn,.tourActions .smallbtn{width:100%;justify-content:center}}


/* v2.0.54 — engagement points + upcoming events */
.upcomingEventsCard{border:1px solid rgba(16,185,129,.18);background:linear-gradient(180deg,rgba(236,253,245,.9),#fff)}
.upcomingEventList{display:grid;gap:10px;margin-top:12px}
.upcomingEventList button{width:100%;text-align:right;border:1px solid #e5e7eb;background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;color:#111827}
.upcomingEventList button b{font-size:14px}.upcomingEventList button small{color:#6b7280;line-height:1.5}
.pointsCard{border:1px solid rgba(245,158,11,.22);background:linear-gradient(180deg,rgba(255,251,235,.95),#fff)}
.guideSuggest[open]{border:1px solid rgba(59,130,246,.18);background:linear-gradient(180deg,rgba(239,246,255,.85),#fff)}


/* v2.0.62 Official account onboarding tour */
.officialTourHero{background:linear-gradient(135deg,#fdf6ea,#ffffff);border:1px solid rgba(6,78,59,.12)}
.officialTourHero h3{margin:.35rem 0;font-size:1.35rem;color:#241b16}.officialTourMeta{display:grid;gap:.45rem;margin-top:.8rem}.officialTourMeta span{display:block;background:#f8fafc;border-radius:14px;padding:.6rem .75rem;color:#334155;font-size:.95rem}.officialTourStep{text-align:center;position:relative;overflow:hidden}.officialTourIcon{width:72px;height:72px;border-radius:24px;background:#fdf6ea;display:grid;place-items:center;margin:0 auto .8rem;font-size:2rem;border:1px solid rgba(6,78,59,.12)}.officialTourStep h2{font-size:1.45rem;margin:.25rem 0;color:#241b16}.officialTourStep p{line-height:1.9;color:#475569;font-weight:700}.tourDots{display:flex;justify-content:center;gap:.4rem;margin:1rem 0}.tourDots button{width:34px;height:34px;border-radius:999px;border:1px solid rgba(6,78,59,.18);background:#fff;color:#241b16;font-weight:900}.tourDots button.active{background:#981d13;color:#fff}.tourActions{justify-content:center}.officialTourRules ul{padding-inline-start:1.2rem;line-height:2;color:#475569;font-weight:700}.officialTourRules li{margin:.2rem 0}

/* v2.1.3 — Announcement verification stamp + case media */
.verifyStamp{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;margin:6px 0 10px;box-shadow:0 4px 12px rgba(15,118,110,.10)}
.verifyStamp.ok{background:#dcfce7;color:#3a2a1e;border:1px solid #86efac}
.verifyStamp.ok:before{content:'✓'}
.verifyStamp.warn{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.verifyStamp.warn:before{content:'!'}
.caseFilePicker{margin-top:10px;margin-bottom:10px;border:1px dashed rgba(15,118,110,.35);background:#f8fffb;border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}
.caseFilePicker input{display:none}
.caseFilePicker span{font-weight:900;color:#241b16}
.caseFilePicker em{font-style:normal;color:#64748b;font-size:12px;text-align:left}
.announcementMediaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
.announcementMediaItem{border:1px solid rgba(15,118,110,.14);border-radius:14px;background:#f8fffb;padding:6px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:96px;overflow:hidden}
.announcementMediaItem img,.announcementMediaItem video{width:100%;height:84px;object-fit:cover;border-radius:10px;background:#eef6f2}
.announcementMediaItem span{font-size:11px;font-weight:800;color:#3a2a1e}
@media(max-width:420px){.announcementMediaGrid{grid-template-columns:repeat(2,minmax(0,1fr));}.caseFilePicker{flex-direction:column;align-items:flex-start}.caseFilePicker em{text-align:right}}


/* v2.1.3 — Dynamic local communities on About page */
.localCommunityGrid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.localCommunityPublicCard{background:#fff;border:1px solid #e5eee9;border-radius:20px;padding:14px;text-align:right;box-shadow:0 8px 22px rgba(6,78,59,.06)}
.localCommunityPublicCard h4{margin:0;font-size:20px;color:#241b16}.localCommunityPublicCard p{margin:7px 0;color:#334155;font-weight:800}.localCommunityPublicCard small{display:block;color:#64748b;line-height:1.6;margin-top:6px}.localCommunityAdminPreview{margin-top:14px;background:#f8fafc;border:1px solid #e5eee9;border-radius:18px;padding:12px}.localCommunityAdminPreview h4{margin:0 0 8px;color:#241b16}.communityPublicHero+.card h3{margin-top:0}@media(min-width:680px){.localCommunityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v2.1.3 local community pages */
.localCommunityPublicCard.clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;border-color:#dbeee6;overflow:hidden}
.localCommunityPublicCard.clickable:active{transform:scale(.985)}
.localCommunityHero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin-bottom:12px;background:#eaf7f1;display:block}
.openHint{display:block;margin-top:8px;color:#047857;font-weight:900}
.localCommunityDetailHero{text-align:center;overflow:hidden}
.communityHeroPhoto{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;margin-bottom:14px;display:block;background:#eaf7f1}
.communityAboutText{white-space:pre-wrap;line-height:1.9;color:#0f3f34;font-weight:800;font-size:16px}
.heroAdminPreview img{width:100%;max-height:190px;object-fit:cover;border-radius:18px;border:1px solid #e5eee9;background:#f8fafc;margin:8px 0 10px;display:block}
.dangerText{color:#b91c1c!important}
/* v2.1.5 Independent Knowledge Sections */
.tradeDirectionCard h3{margin-top:0}.guidePills.compact{margin-top:8px}.guidePills.compact button{font-size:13px;padding:9px 12px}

/* v2.1.6 — SMT footer + member feedback */
.smtFooter{margin:18px 8px 96px;text-align:center;color:#64748b;font-size:12px;font-weight:800;line-height:1.7}
.smtFooter a{color:#241b16;font-weight:950;text-decoration:none;border-bottom:1px solid rgba(6,78,59,.22)}
.feedbackTile{border-color:rgba(59,130,246,.18)!important;background:linear-gradient(135deg,#fff,#f8fbff)!important}
.feedbackHero{background:linear-gradient(135deg,#fdf6ea,#fff);border-color:rgba(6,78,59,.12)}
.feedbackHero h3,.feedbackForm h3{margin-top:0;color:#241b16}.feedbackForm textarea{min-height:130px}
.feedbackList,.feedbackAdminList{display:grid;gap:12px}.feedbackItem{border:1px solid #e2eee8;border-radius:18px;background:#fff;padding:12px}.feedbackItem b{display:block;color:#241b16;font-size:17px}.feedbackItem small{display:block;color:#64748b;font-weight:800;margin-top:4px}.feedbackItem p{white-space:pre-wrap;line-height:1.7;color:#334155;font-weight:800}.feedbackItem em{display:block;font-style:normal;background:#f0fdf4;border-radius:14px;padding:9px 10px;color:#3a2a1e;font-weight:900}.feedbackAdminCard p{white-space:pre-wrap;line-height:1.7;color:#334155;font-weight:800}.feedbackAdminCard textarea{min-height:88px;margin-top:10px}

/* Sudan Digital cards */
.digitalHeroClean{border:1px solid rgba(0,91,68,.12);background:linear-gradient(180deg,#fff,#f7fffb)}
.digitalServicesList{display:grid;gap:14px}
.digitalServiceCard{padding:16px;border:1px solid rgba(0,91,68,.10);box-shadow:0 14px 35px rgba(0,91,68,.07)}
.digitalServiceCard h3{margin:0 0 6px;font-size:1.32rem;line-height:1.2}
.digitalServiceCard .memberMiniFoot{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.digitalServiceCard .memberMiniFoot span{background:#edf9f3;border-radius:999px;padding:5px 10px;font-weight:800;color:#075640;font-size:.78rem}


/* v2.3.0 Sudan Digital Hub cleanup */
.sudanHubGrid{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0 18px}
.sudanHubCard{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:right}
.sudanHubCard .sudanHubIcon{width:48px;height:48px;border-radius:16px;background:#eefaf4;display:grid;place-items:center;font-size:24px}
.sudanHubCard h3{margin:0;font-size:20px;color:#004538}
.sudanHubCard p{margin:0;color:#64746f;line-height:1.7}
.sudanSectionHeader{display:flex;flex-direction:column;gap:6px}
@media (min-width:640px){.sudanHubGrid{grid-template-columns:1fr 1fr}}

/* v2.5.0 Unified Sudan Portal + Smart UX polish */
.sudanHero{background:linear-gradient(135deg,#f8fafc,#fdf6ea)!important}.sudanHubGrid{display:grid;grid-template-columns:1fr;gap:12px}.sudanHubCard .guideItemImg.icon{background:#fdf6ea;color:#166534}.smartBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:16px;border-radius:22px;background:linear-gradient(135deg,#062e2a,#0f766e);color:#fff;box-shadow:0 14px 35px rgba(15,118,110,.22)}.quickActions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.quickActions button{border:0;border-radius:18px;background:#fff;padding:12px 8px;box-shadow:0 8px 25px rgba(15,23,42,.07);font-weight:800;color:#0f172a}.quickActions span{display:block;font-size:12px;margin-top:5px}@media(min-width:760px){.sudanHubGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.quickActions{grid-template-columns:repeat(2,1fr)}}

/* v2.5.1 hotfix: Sudan portal hero contrast */
.guideHero.sudanHero{
  background:linear-gradient(135deg,#f0fff8 0%,#e8f8ef 55%,#ffffff 100%)!important;
  color:#1c140f!important;
  border:1px solid rgba(0,91,68,.12);
  box-shadow:0 16px 42px rgba(0,78,59,.10);
}
.guideHero.sudanHero h1{color:#1c140f!important;text-shadow:none!important}
.guideHero.sudanHero p{color:#4f625c!important;text-shadow:none!important}
.guideHero.sudanHero span{background:#ffffff;color:#1c140f;border:1px solid rgba(0,91,68,.10)}

/* v2.6.2 — Visitor country analytics + desktop admin responsive shell */
.analyticsSplit{display:grid;grid-template-columns:1fr;gap:18px;margin-top:14px}.countryList{display:grid;gap:8px}.countryRow{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(90deg,#f3f7ff,#fff);border:1px solid rgba(15,23,42,.06);direction:ltr;text-align:left}.countryRow .rank{color:#0f172a;font-weight:950}.countryRow .flag{font-size:20px}.countryRow b{color:#0f172a;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.countryRow em{font-style:normal;color:#041f18;font-weight:950}.countryRow small{font-weight:950;white-space:nowrap}.countryRow small.up{color:#16a34a}.countryRow small.down{color:#b91c1c}.countryRow small.flat{color:#7b8790}
@media(min-width:920px){.analyticsSplit{grid-template-columns:1fr 1fr}.analyticsCard{padding:22px}}
@media(min-width:1024px){body.adminDesktop .app{max-width:1240px;padding:22px 22px 42px}.adminDesktop .adminTabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;overflow:visible;background:rgba(255,255,255,.72);border:1px solid rgba(6,78,59,.10);border-radius:22px;padding:12px;box-shadow:0 12px 30px rgba(6,78,59,.06)}.adminDesktop .adminTabs button{min-height:46px;text-align:center}.adminDesktop .dashboardKpiGrid,.adminDesktop .dashboardMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.adminDesktop .dashboardKpiGrid .dashHeroKpi{grid-column:auto}.adminDesktop .card{border-radius:24px}.adminDesktop .top h2{font-size:44px}.adminDesktop .adminAccount{grid-template-columns:2fr 1fr 1fr 1fr;align-items:center}.adminDesktop .adminAccount span{grid-column:auto}}

/* v2.6.2 — RC cleanup dashboard health + public analytics labels */
.dashboardHealthGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.dashboardHealthGrid span{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:72px;border-radius:18px;border:1px solid rgba(6,78,59,.10);background:#f8fffb;color:#241b16;text-align:center;padding:9px}
.dashboardHealthGrid span.ok{background:#fdf6ea;border-color:#bbf7d0}.dashboardHealthGrid span.warn{background:#fffbeb;border-color:#fde68a}.dashboardHealthGrid span.bad{background:#fff1f2;border-color:#fecdd3}
.dashboardHealthGrid b{font-size:14px;font-weight:950}.dashboardHealthGrid small{font-size:11px;color:#64748b;font-weight:850;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topPage span{font-weight:900;color:#1c140f}.topPage b{direction:ltr}
@media(min-width:760px){.dashboardHealthGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.dashboardHealthGrid{grid-template-columns:repeat(7,minmax(0,1fr))}}


/* v2.6.2 — Production Hardening dashboard sections */
.adminSectionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 16px}
.adminSectionCard{cursor:pointer;min-height:132px;transition:transform .15s ease,box-shadow .15s ease}
.adminSectionCard:hover{transform:translateY(-2px)}
.adminSectionCard .sectionIcon{font-size:28px;display:block;margin-bottom:8px}
.adminSectionCard h3{margin:0 0 8px;font-size:18px}
.adminSectionCard p{margin:0;color:#64748b;line-height:1.55;font-size:13px}
@media(max-width:900px){.adminSectionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.adminSectionGrid{grid-template-columns:1fr}.adminSectionCard{min-height:auto}}

/* v2.6.2 — Smart Dashboard + Universal Search */
.smartDashboardGrid{margin-top:12px}.universalSearchTeaser{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#f8fffb,#eefaf4)}
.searchPanel{display:grid;gap:12px}.searchInput{width:100%;font-size:16px;font-weight:850;border-radius:18px;border:1px solid rgba(6,78,59,.16);padding:15px 16px;background:#fff;outline:none}.searchInput:focus{border-color:#0f766e;box-shadow:0 0 0 4px rgba(15,118,110,.10)}
.searchChips{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.searchChips button{border:1px solid rgba(6,78,59,.10);background:#fff;border-radius:999px;padding:9px 12px;font-weight:900;color:#241b16;white-space:nowrap}
.searchGroupStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.searchGroupStrip span{border-radius:16px;background:#fdf6ea;border:1px solid #bbf7d0;display:flex;flex-direction:column;align-items:center;padding:10px}.searchGroupStrip b{font-size:20px;color:#241b16}.searchGroupStrip small{font-size:11px;color:#64748b;font-weight:900}
.universalResults{display:grid;gap:10px}.resultCard{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:right;border:0;cursor:pointer}.resultCard .resultIcon{width:42px;height:42px;border-radius:16px;background:#eefaf4;display:grid;place-items:center;font-size:22px}.resultCard h3{margin:0;color:#062e2a;font-size:17px}.resultCard p{margin:3px 0;color:#475569;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resultCard small{color:#64748b}.resultCard em{font-style:normal;color:#0f766e;font-weight:950}
@media(min-width:760px){.searchGroupStrip{grid-template-columns:repeat(5,minmax(0,1fr))}.universalResults{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.universalSearchTeaser{align-items:stretch;flex-direction:column}.resultCard{grid-template-columns:38px minmax(0,1fr)}.resultCard em{display:none}}

/* v2.6.9 — Mobile layout containment hotfix
   Rule: no user/admin content may visually escape the app/card boundary. */
html,body,#app,.app{max-width:100%;overflow-x:hidden}
*{min-width:0}
.card,.stat,.memberMini,.adminAccount,.eventAdminCard,.opsCard,.albumItem,.audioRow,.filePicker,.noticeCard,.feedbackItem,.feedbackAdminCard,.healthCard,.dashboardHeaderCard{max-width:100%;overflow:hidden}
.card *,.stat *,.memberMini *,.adminAccount *,.eventAdminCard *,.opsCard *,.albumItem *,.audioRow *,.filePicker *,.noticeCard *,.feedbackItem *,.feedbackAdminCard *,.healthCard *,.dashboardHeaderCard *{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
img,video,audio,canvas,svg,iframe{max-width:100%;height:auto}.app a,.app button,.app input,.app select,.app textarea{max-width:100%}
.profileLine span,.topPage span,.storageLine span,.notifyMeta span,.memberMiniMeta,.memberMiniPhone,.hint,.muted,.small,.opsDesc,.announcementCard p,.feedbackItem p,.feedbackAdminCard p{overflow-wrap:break-word;word-break:normal;white-space:normal}.ltr{overflow-wrap:anywhere;word-break:break-all;white-space:pre-wrap}
.filePicker{grid-template-columns:minmax(0,auto) minmax(0,1fr)}.filePicker span,.filePicker em{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.filePicker em{white-space:normal;line-height:1.45;direction:ltr;text-align:left;word-break:break-all}.filePicker span{white-space:normal;line-height:1.35}
.audioList,.albumGrid,.adminAlbumGrid,.albumGridInline{max-width:100%;overflow:hidden}.audioRow{grid-template-columns:1fr!important;align-items:stretch}.audioRow>div,.audioRow b,.audioRow small{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.audioRow audio{width:100%!important;min-width:0;display:block}.audioRow .smallbtn{width:100%}
.albumGrid,.adminAlbumGrid,.albumGridInline{grid-template-columns:repeat(2,minmax(0,1fr))}.albumItem{min-width:0}.albumItem figcaption{min-width:0}.albumItem figcaption b,.albumItem figcaption small{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip;overflow:visible}.albumItem img,.albumItem video{max-width:100%}.adminAlbumGrid .mediaActions{grid-template-columns:1fr!important}.adminAlbumGrid .smallbtn{width:100%}
.editGrid,.formTwo,.eventQuickMeta,.miniStats,.quickActionGrid,.stats.dashPro{max-width:100%;overflow:hidden}.miniStats span,.stats.dashPro .stat,.stats.dashPro .metric{min-width:0}.btn,.smallbtn,.back{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.adminTabs{max-width:100%;overflow-x:auto}.adminTabs button{max-width:78vw;overflow:hidden;text-overflow:ellipsis}
@media(max-width:430px){.app{padding-left:8px;padding-right:8px}.card{padding-left:12px;padding-right:12px}.albumGrid,.adminAlbumGrid,.albumGridInline{gap:8px}.albumItem{padding:6px;border-radius:16px}.audioRow{padding:9px}.filePicker{grid-template-columns:1fr}.filePicker em{text-align:center}.profileLine{display:grid;grid-template-columns:1fr;gap:4px}.profileLine span{max-width:100%;text-align:right;direction:rtl}.memberCardTop{align-items:stretch;flex-direction:column}.statusPill{align-self:flex-start}}

/* v2.6.9 — iOS PWA safe-area top containment
   Prevents top titles/actions from entering the iPhone status-bar/notch area. */
@supports (padding: max(0px)) {
  .app{
    padding-top:max(34px, calc(22px + env(safe-area-inset-top)))!important;
    padding-left:max(8px, calc(12px + env(safe-area-inset-left)))!important;
    padding-right:max(8px, calc(12px + env(safe-area-inset-right)))!important;
  }
  @media(max-width:430px){
    .app{
      padding-top:max(34px, calc(20px + env(safe-area-inset-top)))!important;
      padding-left:max(8px, calc(8px + env(safe-area-inset-left)))!important;
      padding-right:max(8px, calc(8px + env(safe-area-inset-right)))!important;
    }
  }
}
.top{max-width:100%;overflow:hidden}.top h2{overflow-wrap:break-word;word-break:normal}.top .back{flex:0 0 auto}

/* v3.1.6 Brand & Experience Edition */
.smtExperienceHero{padding-top:calc(26px + env(safe-area-inset-top));min-height:420px;justify-content:flex-start;gap:0}.smtHeroLogo{position:relative;z-index:2;width:min(230px,72%);height:auto;object-fit:contain;background:#fff;border-radius:22px;padding:10px 14px;margin:0 auto 18px;box-shadow:0 14px 34px rgba(0,0,0,.16)}.smtExperienceHero .heroBadge{align-self:center;margin-bottom:4px}.smtExperienceHero h1{text-align:center;margin:16px 0 12px}.smtExperienceHero h1 span{display:block}.smtExperienceHero h1 span:first-child{font-size:clamp(30px,8vw,44px)}.smtExperienceHero h1 span:last-child{font-size:clamp(19px,5vw,27px);color:#bbf7d0;margin-top:8px}.smtExperienceHero p{text-align:center;max-width:610px;margin:0 auto;line-height:1.8}.heroCtas{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:22px}.heroCtas button{border:0;border-radius:16px;min-height:50px;padding:12px 14px;font-weight:950;font-size:15px}.heroPrimary{background:#fff;color:#241b16}.heroSecondary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28)!important;color:#fff}.experienceIntro{text-align:center;padding:28px 14px 10px}.experienceIntro>span,.sectionEyebrow{display:inline-flex;background:#def7eb;color:#3a2a1e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:950}.experienceIntro h2,.smtCompanySection h2{font-size:clamp(26px,7vw,38px);line-height:1.25;margin:12px 0;color:#241b16}.experienceIntro p,.smtCompanySection p{color:#63736d;line-height:1.8;margin:0}.experiencePillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 22px}.experiencePillars article{min-width:0;background:#fff;border:1px solid rgba(6,78,59,.10);border-radius:22px;padding:18px 13px;text-align:center;box-shadow:var(--shadow);cursor:pointer}.experiencePillars article span{display:flex;width:50px;height:50px;border-radius:17px;background:#e9f8f1;align-items:center;justify-content:center;margin:0 auto 10px;font-size:25px}.experiencePillars article b{display:block;font-size:18px}.experiencePillars article small{display:block;color:#71817b;line-height:1.5;margin-top:5px}.smtCompanySection{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;background:linear-gradient(145deg,#fff,#edf8f3);border:1px solid rgba(6,78,59,.12);border-radius:28px;padding:22px;margin:18px 0 22px;box-shadow:var(--shadow)}.smtCompanySection>img{width:min(280px,86%);margin:auto;background:#fff;border-radius:20px;padding:10px}.companyServices{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.companyServices span{background:#fff;border:1px solid #d7e9e1;border-radius:999px;padding:8px 11px;color:#07503d;font-size:12px}.smtFooter{display:flex!important;align-items:center;justify-content:center;gap:12px;text-align:right!important;background:#fff;border:1px solid rgba(6,78,59,.10);border-radius:22px;padding:14px!important;margin:22px 0 8px!important}.smtFooter img{width:72px;height:48px;object-fit:contain}.smtFooter div{display:flex;flex-direction:column;gap:2px}.smtFooter b{color:#241b16}.smtFooter span,.smtFooter small{color:#6b5b4a;font-size:11px;line-height:1.4}.publicShell,.publicShell *{min-width:0}.publicShell img,.publicShell video,.publicShell audio,.publicShell iframe{max-width:100%}.publicShell p,.publicShell h1,.publicShell h2,.publicShell h3,.publicShell b,.publicShell small{overflow-wrap:break-word;word-break:normal}.homeTile{overflow:hidden}.homeTile>*{max-width:100%}@media(min-width:650px){.smtCompanySection{grid-template-columns:1.4fr .8fr}.experiencePillars{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:380px){.heroCtas{grid-template-columns:1fr}.smtExperienceHero{padding-left:16px;padding-right:16px}.experiencePillars{grid-template-columns:1fr 1fr}.smtFooter img{width:58px}}

/* v3.1.6 Modern logical home experience */
.smtExperienceHero.modernHero{position:relative;overflow:hidden;min-height:auto;padding:calc(18px + env(safe-area-inset-top)) 18px 28px;border-radius:0 0 34px 34px;background:linear-gradient(145deg,#073f33 0%,#075e49 55%,#0b765b 100%);box-shadow:0 18px 45px rgba(4,63,49,.22)}
.modernHero .heroGlow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.modernHero .heroGlowOne{width:240px;height:240px;top:-120px;left:-80px;background:rgba(255,255,255,.10)}.modernHero .heroGlowTwo{width:180px;height:180px;bottom:-110px;right:-65px;background:rgba(40,214,148,.16)}
.heroTopline{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:100%;margin-bottom:26px}.smtExperienceHero .smtHeroLogo{width:72px;height:72px;flex:0 0 72px;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}.heroBrand{display:flex;flex-direction:column;gap:2px;text-align:right;min-width:0}.heroBrand b{font-size:15px;color:#fff;white-space:nowrap}.heroBrand span{font-size:10px;color:rgba(255,255,255,.68);letter-spacing:.2px}.modernHero .heroBadge{margin-inline-start:auto;margin-bottom:0!important;align-self:auto!important;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#fff;padding:8px 12px}
.heroContent{position:relative;z-index:2;text-align:right;width:100%}.heroKicker{display:inline-flex;color:#b7f7db;font-size:12px;font-weight:900;margin-bottom:10px}.modernHero h1{text-align:right!important;margin:0 0 12px!important}.modernHero h1 span:first-child{font-size:clamp(29px,8vw,43px)!important;line-height:1.12}.modernHero h1 span:last-child{font-size:clamp(17px,4.8vw,24px)!important;color:#d8fff0!important;line-height:1.45;margin-top:7px!important}.modernHero p{text-align:right!important;max-width:560px!important;margin:0!important;color:rgba(255,255,255,.82);font-size:14px;line-height:1.8}.modernHero .heroCtas{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);margin-top:20px}.modernHero .heroCtas button{border-radius:14px;min-height:48px}.modernHero .heroPrimary{background:#fff;color:#241b16;box-shadow:0 10px 24px rgba(0,0,0,.14)}
.modernIntro{padding:30px 8px 12px;text-align:right}.modernIntro h2{font-size:clamp(24px,6.5vw,34px);margin:12px 0 8px}.modernIntro p{font-size:14px}
.experiencePillars.modernPillars{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 24px}.modernPillars article{display:grid;grid-template-columns:52px 1fr 24px;align-items:center;gap:12px;text-align:right;padding:14px 15px;border-radius:18px;box-shadow:0 8px 24px rgba(3,55,43,.07);transition:transform .18s ease,box-shadow .18s ease}.modernPillars article:active{transform:scale(.985)}.modernPillars .pillarIcon{width:48px;height:48px;margin:0;border-radius:15px;font-size:22px}.modernPillars article div{min-width:0}.modernPillars article b{font-size:17px}.modernPillars article small{font-size:12px;margin-top:3px}.modernPillars article em{font-style:normal;color:#0a6b52;font-size:20px}
.smtCompanySection.modernCompany{display:block;background:linear-gradient(145deg,#f8fffb,#eaf8f2);padding:20px;border-radius:24px}.modernCompany .companyHeader{display:flex;align-items:center;gap:13px}.modernCompany .companyHeader img{width:72px;height:72px;object-fit:contain;background:transparent;padding:0;border-radius:0;filter:drop-shadow(0 7px 10px rgba(0,0,0,.14))}.modernCompany h2{font-size:24px;margin:8px 0 0}.modernCompany p{margin-top:14px}.modernCompany .companyServices{gap:7px}.modernCompany .companyServices span{background:rgba(255,255,255,.78)}.companyAction{width:100%;margin-top:16px;border:0;border-radius:14px;min-height:46px;background:#075e49;color:#fff;font-weight:950}
.smtFooter img{background:transparent!important;padding:0!important;filter:drop-shadow(0 4px 6px rgba(0,0,0,.12))}.quickActions{border-radius:20px}.homeGrid{gap:10px}.homeTile{border-radius:20px!important;box-shadow:0 8px 22px rgba(5,62,48,.07)!important;border:1px solid rgba(6,78,59,.08)!important}.bottomPro{backdrop-filter:blur(18px);background:rgba(255,255,255,.92)!important;border-top:1px solid rgba(6,78,59,.10)}
@media(min-width:650px){.experiencePillars.modernPillars{grid-template-columns:repeat(2,minmax(0,1fr))}.smtExperienceHero.modernHero{padding-left:30px;padding-right:30px}}
@media(max-width:380px){.heroTopline{gap:7px}.smtExperienceHero .smtHeroLogo{width:62px;height:62px;flex-basis:62px}.heroBrand b{font-size:13px}.modernHero .heroBadge{font-size:10px;padding:7px 9px}.modernHero .heroCtas{grid-template-columns:1fr}.modernPillars article{grid-template-columns:48px 1fr 20px;padding:13px 12px}}

/* v3.1.6 — Hero logo prominence and mobile-safe composition */
.smtExperienceHero.modernHero .heroTopline{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-bottom:24px;
  padding-top:4px;
}
.smtExperienceHero.modernHero .smtHeroLogo{
  width:144px;
  height:144px;
  flex:0 0 144px;
  max-width:52vw;
  object-fit:contain;
  margin:0 auto!important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.28));
  animation:smtHeroLogoEnter .42s ease-out both;
}
.smtExperienceHero.modernHero .heroBrand{
  align-items:center;
  text-align:center;
}
.smtExperienceHero.modernHero .heroBrand b{font-size:16px}
.smtExperienceHero.modernHero .heroBrand span{font-size:11px}
.smtExperienceHero.modernHero .heroBadge{
  position:absolute;
  top:4px;
  inset-inline-end:0;
  margin:0!important;
}
.compactHeroInstall{
  position:absolute;
  z-index:3;
  top:46px;
  inset-inline-end:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:30px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 6px 16px rgba(0,0,0,.10);
}
.compactHeroInstall:active{transform:scale(.97);background:rgba(255,255,255,.18)}
.compactHeroInstall span{font-size:13px;line-height:1}
.procurementRequestItem{position:relative}.procurementRequestItem>.newBadge{position:absolute;top:9px;left:9px}.procurementRequestItem.overdue{border-color:#fca5a5!important;background:#fff8f8!important}.procurementEditBox,.procurementUpdates{margin:14px 0;border:1px solid #dcebe5;border-radius:16px;padding:12px;background:#fbfffd}.procurementAssignment{align-items:center;margin:12px 0}.procurementAssignment .smallbtn{min-height:44px}.procurementUpdates summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.procurementUpdates summary span{background:#e7f8ef;color:#3a2a1e;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}
@keyframes smtHeroLogoEnter{
  from{opacity:0;transform:scale(.95) translateY(-4px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  .smtExperienceHero.modernHero .smtHeroLogo{animation:none}
}
@media(max-width:380px){
  .smtExperienceHero.modernHero .smtHeroLogo{
    width:124px;
    height:124px;
    flex-basis:124px;
    max-width:48vw;
  }
  .smtExperienceHero.modernHero .heroBadge{top:0}
  .compactHeroInstall{top:41px;font-size:10px;padding:5px 8px}
}


/* v3.1.6 — Unified SMT logo scale system */
:root{
  --smt-logo-hero:144px;
  --smt-logo-section:88px;
  --smt-logo-footer:64px;
  --smt-logo-inline:44px;
  --smt-logo-admin-preview:132px;
}
.smtExperienceHero.modernHero .smtHeroLogo{
  width:var(--smt-logo-hero)!important;
  height:var(--smt-logo-hero)!important;
  flex-basis:var(--smt-logo-hero)!important;
  max-width:min(52vw,var(--smt-logo-hero))!important;
  object-fit:contain!important;
}
.modernCompany .companyHeader img{
  width:var(--smt-logo-section)!important;
  height:var(--smt-logo-section)!important;
  flex:0 0 var(--smt-logo-section)!important;
  object-fit:contain!important;
}
.smtFooter img{
  width:var(--smt-logo-footer)!important;
  height:var(--smt-logo-footer)!important;
  object-fit:contain!important;
  flex:0 0 var(--smt-logo-footer)!important;
}
.heroAdminPreview img{
  width:var(--smt-logo-admin-preview)!important;
  height:var(--smt-logo-admin-preview)!important;
  object-fit:contain!important;
  margin:auto!important;
  display:block!important;
  background:transparent!important;
}
.officialNoticeHead img,.brandInlineLogo{
  width:var(--smt-logo-inline)!important;
  height:var(--smt-logo-inline)!important;
  object-fit:contain!important;
}
@media(max-width:380px){
  :root{--smt-logo-hero:124px;--smt-logo-section:76px;--smt-logo-footer:56px}
}
@media(min-width:768px){
  :root{--smt-logo-hero:176px;--smt-logo-section:104px;--smt-logo-footer:72px}
}

/* v3.3.4 — Stable RC audit: home order and member authentication */
.orderedHomeGrid{align-items:stretch}
.orderedHomeGrid .endActionTile{margin-top:0}
.authCard{max-width:560px;margin:18px auto;padding:22px}
.authCard h3{margin:0 0 8px;font-size:clamp(24px,6vw,32px);color:#241b16}
.authCard .fieldLabel{margin-top:14px}
.authCard input{width:100%;box-sizing:border-box}
.authCard .otpInput{font-size:24px;letter-spacing:.18em;text-align:center;font-weight:900}
.authDivider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#73827d;font-size:13px;font-weight:900}
.authDivider:before,.authDivider:after{content:"";height:1px;background:rgba(6,78,59,.14);flex:1}
.stepPills{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}
.stepPills span{padding:9px 6px;border-radius:999px;background:#eef4f1;color:#66756f;text-align:center;font-size:12px;font-weight:950}
.stepPills span.active{background:#981d13;color:#fff}
.warningText{margin-top:12px;color:#9a3412!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px 12px}
@media(max-width:380px){.authCard{padding:18px 15px}.stepPills span{font-size:11px;padding:8px 4px}}

/* v3.3.4 — membership card remains inside My Account */
.accountMembershipCard{margin-top:16px;padding-top:16px;border-top:1px solid rgba(6,78,59,.12)}
.accountMembershipCard h3{margin:0 0 12px;text-align:center}
.accountMembershipCard .membershipImageOnly{display:block;width:100%;max-width:420px;height:auto;margin:0 auto 12px;border-radius:18px;object-fit:contain}
.accountMembershipCard .cardSaveActions{display:grid;gap:10px}

/* v3.3.4 China Guide information architecture */
.guideFilterSummary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e2eee8;color:#50655d;font-weight:900}
.guideCategoryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 16px}
.guideCategoryCard{min-width:0;border:1px solid #dcebe5;background:#fff;border-radius:20px;padding:14px 12px;text-align:right;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;color:#241b16;box-shadow:0 7px 18px rgba(0,78,59,.06)}
.guideCategoryCard>span{grid-row:1/3;width:42px;height:42px;border-radius:15px;background:#fdf6ea;display:flex;align-items:center;justify-content:center;font-size:23px}
.guideCategoryCard>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.guideCategoryCard>small{color:#64748b;font-weight:800;font-size:11px}
.guideCategoryCard.active{background:#981d13;color:#fff;border-color:#241b16;box-shadow:0 10px 24px rgba(0,78,59,.18)}.guideCategoryCard.active>span{background:rgba(255,255,255,.14)}.guideCategoryCard.active>small{color:rgba(255,255,255,.78)}
.guideEmptyState{text-align:center;padding:26px 18px}.guideEmptyState>span{display:flex;width:58px;height:58px;border-radius:20px;background:#fdf6ea;align-items:center;justify-content:center;font-size:29px;margin:0 auto 10px}.guideEmptyState h3{margin:0 0 8px;color:#241b16}.guidePrimaryActions{margin-top:12px}
@media (min-width:700px){.guideCategoryGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:430px){.guideSearch{grid-template-columns:1fr 1fr}.guideSearch input{grid-column:1/-1}.guideSearch .btn{width:100%}.guideCategoryCard{padding:12px 10px;grid-template-columns:38px minmax(0,1fr)}.guideCategoryCard>span{width:38px;height:38px;font-size:21px}.guideCategoryCard>b{font-size:13px}}


/* v3.4.2 Admin Operations Dashboard */
.operationsPriorityCard{padding:16px;display:grid;gap:14px}.operationsPriorityHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.operationsPriorityHead h3{margin:6px 0 0}.operationsPriorityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.operationsPriorityGrid button{border:1px solid var(--line,#d9e5df);background:#fff;border-radius:14px;padding:12px;text-align:right;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:0}.operationsPriorityGrid i{font-style:normal;font-size:20px}.operationsPriorityGrid span{font-weight:700;min-width:0;overflow-wrap:anywhere}.operationsPriorityGrid b{font-size:20px}.operationsAllClear{background:#effaf4;border:1px solid #bfe6ce;border-radius:14px;padding:14px;display:grid;gap:3px}.operationsAllClear span{font-size:13px;color:#52645b}.operationsMetaStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.operationsMetaStrip span{border:1px solid var(--line,#d9e5df);border-radius:12px;padding:10px;text-align:center;display:grid;gap:3px;min-width:0}.operationsMetaStrip b{font-size:14px;overflow-wrap:anywhere}.operationsMetaStrip small{font-size:11px;color:#607068}.operationsRecentList{display:grid;gap:7px}.operationsRecentList button{border:0;border-top:1px solid var(--line,#e3ece7);background:transparent;padding:9px 2px;text-align:right;display:flex;justify-content:space-between;gap:12px}.operationsRecentList b{font-size:13px}.operationsRecentList small{white-space:nowrap;color:#68766f}@media(max-width:520px){.operationsPriorityGrid{grid-template-columns:1fr}.operationsMetaStrip{grid-template-columns:1fr 1fr}.operationsMetaStrip span:last-child{grid-column:1/-1}.operationsRecentList button{display:grid;gap:3px}}

/* v3.4.6 Public UX and data-boundary assurance */
.experiencePillars>button{min-width:0;background:#fff;border:1px solid rgba(6,78,59,.10);border-radius:22px;padding:18px 13px;text-align:center;box-shadow:var(--shadow);cursor:pointer;color:inherit;font:inherit}.experiencePillars>button>.pillarIcon{display:flex;width:50px;height:50px;border-radius:17px;background:#e9f8f1;align-items:center;justify-content:center;margin:0 auto 10px;font-size:25px}.experiencePillars>button b,.experiencePillars>button small{display:block}.experiencePillars>button b{font-size:18px}.experiencePillars>button small{color:#71817b;line-height:1.5;margin-top:5px}.modernPillars>button{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;align-items:center;gap:12px;text-align:right;padding:14px 15px;border-radius:18px;box-shadow:0 8px 24px rgba(3,55,43,.07);transition:transform .18s ease,box-shadow .18s ease}.modernPillars>button:active{transform:scale(.985)}.modernPillars>button>.pillarIcon{width:48px;height:48px;margin:0;border-radius:15px;font-size:22px}.modernPillars>button>span:nth-child(2){min-width:0}.modernPillars>button b{font-size:17px}.modernPillars>button small{font-size:12px;margin-top:3px}.modernPillars>button em{font-style:normal;color:#0a6b52;font-size:20px}
.loadingState,.errorState,.successState{display:grid;justify-items:center;text-align:center;gap:8px;padding:28px 18px}.loadingState h3,.errorState h3,.successState h3{margin:0;color:#241b16}.loadingSpinner{width:38px;height:38px;border:4px solid #dcece5;border-top-color:#06735a;border-radius:50%;animation:gzcSpin .8s linear infinite}@keyframes gzcSpin{to{transform:rotate(360deg)}}.errorState{border-color:#fecaca;background:#fff7f7}.errorState>span,.successState>span{font-size:34px}.comingSoonCategories{grid-column:1/-1;padding:13px 14px;background:#f8fafc}.comingSoonCategories summary{cursor:pointer;color:#52645c;font-weight:950}.comingSoonList{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.comingSoonList span{background:#eef3f1;border:1px solid #dde8e3;border-radius:999px;padding:7px 10px;color:#607069;font-size:12px;font-weight:850}
.offlineBanner{position:sticky;top:0;z-index:90;background:#7c2d12;color:#fff;padding:10px 14px;text-align:center;font-size:13px;font-weight:900;box-shadow:0 6px 18px rgba(70,25,5,.22)}.footerLinks{display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.footerLinks button{border:0;background:transparent;color:#3a2a1e;padding:2px 0;font:inherit;font-size:11px;font-weight:950;text-decoration:underline;text-underline-offset:3px}.footerLinks button+button:before{content:'•';margin:0 7px;color:#9aaba4}
.countryCodeAssist{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.countryCodeAssist button{border:1px solid #cfe3da;background:#f3faf7;color:#3a2a1e;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.localCommunityPublicCard.clickable{width:100%;font:inherit;color:inherit;display:grid;gap:7px}.localCommunityPublicCard.clickable>span{text-align:right}.localCommunityPublicCard.clickable:focus-visible,.experiencePillars>button:focus-visible{outline:3px solid #34d399;outline-offset:3px}
.membersOnlyNotice{background:#f8fafc;border:1px dashed #b8cbc2;border-radius:16px;padding:14px;color:#50615a;line-height:1.7}.publicShareBox{margin-top:12px;padding:14px;border:1px solid #bfe5d4;border-radius:16px;background:#f1fbf6;display:grid;gap:12px}.publicStatus{background:#dcfce7!important;color:#166534!important}
.legalHero h1{margin:10px 0;color:#241b16;font-size:clamp(27px,7vw,38px)}.legalHero p,.legalSection p,.legalSection li{line-height:1.85;color:#43564f}.legalSection h3{margin-top:0;color:#241b16}.legalSection ul{margin:0;padding-right:20px;display:grid;gap:7px}.contactGrid{display:grid;gap:12px}.contactGrid article{display:grid;gap:8px}.contactGrid article>span{font-size:32px}.contactGrid h3,.contactGrid p{margin:0}.emergencyNumbers{border:2px solid #fecaca;background:linear-gradient(145deg,#fff,#fff7f7)}.emergencyNumbers h3{color:#991b1b}.emergencyNumbers>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.emergencyNumbers a{display:grid;text-align:center;text-decoration:none;background:#fff;border:1px solid #fecaca;border-radius:15px;padding:10px;color:#991b1b}.emergencyNumbers a b{font-size:25px}.emergencyNumbers a small{color:#7f1d1d}.emergencyNumbers p{line-height:1.7;color:#7f1d1d}.successState .ltr{font-size:20px;color:#3a2a1e}
@media(min-width:680px){.contactGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.emergencyNumbers>div{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){.modernPillars>button{grid-template-columns:48px minmax(0,1fr) 20px;padding:13px 12px}.footerLinks{justify-content:center}}

/* v3.4.7 AI research suggestions workspace */
.aiResearchWorkspace{display:grid;gap:14px;border:1px solid #b8dfcf;background:linear-gradient(155deg,#fff 0%,#f3fbf7 100%)}
.aiResearchHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.aiResearchHead h3{margin:7px 0 4px;color:#241b16}.aiResearchHead p{margin:0;max-width:720px}
.aiBoundaryNote{border:1px solid #b7ddcd;background:#ecf9f2;color:#174d3b;border-radius:14px;padding:11px 13px;line-height:1.7;font-size:13px}.aiBoundaryNote b{color:#241b16}
.aiResearchRun{border:1px solid #d4e8df;border-radius:16px;padding:13px;background:#fff}.aiResearchRun textarea{min-height:74px}.aiResearchFilters{margin:0;overflow-x:auto;justify-content:flex-start}.aiResearchFilters button{white-space:nowrap}
.aiSuggestionCard{border:1px solid #d8e8e1;border-right:5px solid #0f8b67;background:#fff;border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(3,55,43,.06);display:grid;gap:10px}.aiSuggestionCard.risk-high{border-right-color:#b91c1c;background:#fffafa}.aiSuggestionCard.risk-low{border-right-color:#16a34a}
.aiSuggestionMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.aiSuggestionEdit{display:grid;gap:10px;padding:0}.aiSuggestionEdit textarea{min-height:82px}.aiSuggestionEdit input:disabled,.aiSuggestionEdit textarea:disabled,.aiSuggestionEdit select:disabled{opacity:.75;background:#f3f6f4}
.aiEvidence{margin:0;background:#f7faf8;border-radius:12px;padding:10px 12px;line-height:1.7;color:#455b52}.sourceLink{color:#056449;font-weight:950;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.dangerText{color:#b91c1c!important}.aiProviderAlert{display:grid;gap:6px;margin:0;border:1px solid #fecaca;background:#fff7f7}.aiProviderAlert h4,.aiProviderAlert p{margin:0}.aiProviderAlert small,.aiJobFailure small{overflow-wrap:anywhere}.aiJobFailure{display:grid;gap:5px;border:1px solid #fecaca;background:#fff7f7;border-radius:12px;padding:9px 11px}.aiJobFailure details summary{cursor:pointer;font-size:12px;font-weight:850}.aiJobs{border-top:1px solid #d7e7df;padding-top:4px}.aiJobs summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.aiJobs summary span{background:#e4f5ed;border-radius:999px;padding:4px 9px;color:#3a2a1e}.aiSettingsForm h4{margin:4px 0;color:#241b16}.aiSettingsForm .fieldLabel{display:grid;gap:6px}.aiSettingsForm .fieldLabel input,.aiSettingsForm .fieldLabel textarea{width:100%;box-sizing:border-box}
@media(max-width:520px){.aiResearchHead{display:grid}.aiResearchHead>.smallbtn{justify-self:start}.aiSuggestionCard{padding:12px}.aiSuggestionMeta .statusPill{font-size:10px}.aiResearchRun .row,.aiSuggestionEdit .row{display:grid;grid-template-columns:1fr 1fr}.aiResearchRun .row .btn,.aiSuggestionEdit .row .smallbtn{width:100%}}

/* v3.4.10 — Standalone AI suggestions administration center */
.aiCenterHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;background:linear-gradient(135deg,#981d13 0%,#08705a 58%,#0e8a70 100%);border-color:#0b6d57;color:#fff;box-shadow:0 16px 34px rgba(6,78,59,.18)}
.aiCenterHero h3{margin:8px 0 6px;font-size:clamp(25px,4vw,34px);color:#fff}.aiCenterHero p{max-width:760px;margin:0;color:rgba(255,255,255,.88);line-height:1.75;font-weight:750}.aiCenterHero .vueBadge{background:rgba(255,255,255,.16);color:#fff}.aiCenterHero .smallbtn{background:#fff;color:#241b16;border-color:#fff;white-space:nowrap}
.aiHubSelector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:11px}.aiHubSelector button{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:right;border:1px solid #d9eae3;background:#fff;color:#143f34;border-radius:16px;padding:12px;min-height:76px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.aiHubSelector button>span{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eff9f4;font-size:22px}.aiHubSelector button b{font-size:15px}.aiHubSelector button small{color:#6b7f77}.aiHubSelector button.active{border-color:#08745a;background:#effaf5;box-shadow:0 8px 22px rgba(6,78,59,.1)}.aiHubSelector button.active>span{background:#08745a;color:#fff}.aiHubSelector button:active{transform:scale(.985)}
.aiCenterMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.aiCenterMetrics article{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid #dfece6;border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(15,68,54,.05)}.aiCenterMetrics article>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;background:#eff9f4;border-radius:12px}.aiCenterMetrics article b{font-size:23px;color:#241b16}.aiCenterMetrics article small{color:#64748b;font-weight:850}.aiCenterMetrics article.alert{border-color:#fecaca;background:#fffafa}.aiCenterMetrics article.alert>span{background:#fee2e2}
.aiCenterNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px;direction:rtl}.aiCenterNav button{display:flex;align-items:center;gap:11px;min-width:0;width:100%;text-align:right;direction:rtl;border:0;background:transparent;color:#31594e;border-radius:14px;padding:11px 12px;cursor:pointer;overflow:hidden}.aiCenterNavIcon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#eef6f2;font-size:19px;line-height:1}.aiCenterNavCopy{display:block;min-width:0;flex:1}.aiCenterNavCopy b{display:block;font-size:15px;line-height:1.35;white-space:nowrap;word-break:normal;overflow-wrap:normal}.aiCenterNavCopy small{display:block;color:#74877f;font-size:12px;line-height:1.45;margin-top:3px;white-space:normal;word-break:normal;overflow-wrap:break-word}.aiCenterNav button.active{background:#981d13;color:#fff}.aiCenterNav button.active .aiCenterNavIcon{background:rgba(255,255,255,.16)}.aiCenterNav button.active .aiCenterNavCopy small{color:rgba(255,255,255,.78)}
.aiCenterPanel{display:grid;gap:12px}.aiSectionLead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.aiSectionLead h3{margin:8px 0 4px;color:#241b16}.aiSectionLead p{margin:0}.aiSectionLead>.statusPill{white-space:nowrap}.aiReviewCard{max-width:none}.aiReviewCard .aiSuggestionEdit{padding:0}.aiSourceReview{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f5faf7;border:1px solid #dcece5;border-radius:14px;padding:10px 12px}.aiSourceReview b,.aiSourceReview small{display:block}.aiSourceReview small{color:#6b7f77;margin-top:2px}.aiAdvancedReview{border:1px solid #dce9e3;border-radius:14px;background:#fbfefd;overflow:hidden}.aiAdvancedReview>summary{cursor:pointer;padding:11px 12px;color:#075f49;font-weight:950}.aiAdvancedReview .collapseBody{padding:0 12px 12px}.aiSuggestionEdit button:disabled{opacity:.45;cursor:not-allowed}
.aiJobComposer textarea{min-height:90px}.aiJobTimeline{display:grid;gap:10px}.aiJobCard{display:grid;gap:11px}.aiJobCard h3{font-size:18px;margin:0;color:#143f34;line-height:1.55}.aiJobCounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.aiJobCounts span{display:grid;gap:2px;text-align:center;background:#f5faf7;border:1px solid #e0ece6;border-radius:12px;padding:9px}.aiJobCounts b{color:#241b16;font-size:18px}.aiJobCounts small{color:#6a7d75;font-size:11px;font-weight:850}
.aiConnectionSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.aiConnectionSummary article{display:grid;gap:5px;background:#f6faf8;border:1px solid #e0ece6;border-radius:14px;padding:12px}.aiConnectionSummary small{color:#6a7d75;font-weight:850}.aiConnectionSummary b{color:#241b16;overflow-wrap:anywhere}.aiDraftTool{margin-top:0}
@media(min-width:980px){.aiCenterPanel>.aiSuggestionCard{padding:18px}.aiJobTimeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.aiCenterHero,.aiSectionLead{display:grid}.aiCenterHero .smallbtn{justify-self:start}.aiSectionLead .smallbtn{justify-self:stretch;width:100%;text-align:center}.aiHubSelector{grid-template-columns:1fr}.aiCenterMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.aiCenterNav{grid-template-columns:1fr;gap:7px;padding:8px}.aiCenterNav button{min-height:68px;padding:11px 13px}.aiCenterNavIcon{flex-basis:42px;width:42px;height:42px}.aiCenterNavCopy b{font-size:16px}.aiCenterNavCopy small{font-size:12px;line-height:1.5}.aiConnectionSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.aiJobComposer .formTwo,.aiSettingsForm .formTwo{grid-template-columns:1fr}}
@media(max-width:430px){.aiCenterHero{padding:17px}.aiCenterMetrics article{padding:11px}.aiCenterMetrics article b{font-size:20px}.aiCenterMetrics article small{font-size:11px}.aiSourceReview{display:grid}.aiJobCounts{grid-template-columns:repeat(2,minmax(0,1fr))}.aiConnectionSummary{grid-template-columns:1fr}.aiReviewCard .row{display:grid;grid-template-columns:1fr 1fr}.aiReviewCard .row .smallbtn{width:100%;text-align:center}}

/* v3.4.11 — Controlled live canary and automatic-research readiness */
.canaryPill{background:#dff7ec!important;border-color:#9adbbf!important;color:#056047!important}.aiCanaryCard{display:grid;gap:14px;border:1px solid #d6e5df;background:linear-gradient(145deg,#fff 0%,#f6faf8 100%);overflow:hidden}.aiCanaryCard.state-ready{border-color:#78c8a9;background:linear-gradient(145deg,#fff 0%,#edfaf4 100%)}.aiCanaryCard.state-running{border-color:#93c5fd;background:linear-gradient(145deg,#fff 0%,#eff8ff 100%)}.aiCanaryCard.state-failed,.aiCanaryCard.state-partial{border-color:#f5b4b4;background:linear-gradient(145deg,#fff 0%,#fff5f5 100%)}.aiCanaryCard.state-stale,.aiCanaryCard.state-configuration_changed{border-color:#f4ca78;background:linear-gradient(145deg,#fff 0%,#fff9e9 100%)}
.aiCanaryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aiCanaryHead h3{margin:8px 0 4px;color:#241b16}.aiCanaryHead p{margin:0;max-width:760px;color:#60736b;line-height:1.7;font-weight:750}.aiCanaryHead .btn{white-space:nowrap}.aiCanaryHead .btn:disabled{opacity:.55;cursor:not-allowed}.aiCanaryMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.aiCanaryMetrics span{display:grid;gap:4px;background:rgba(255,255,255,.86);border:1px solid #dfece6;border-radius:13px;padding:10px}.aiCanaryMetrics b{color:#241b16;overflow-wrap:anywhere}.aiCanaryMetrics small{color:#6b7f77;font-weight:800}.aiCanaryBoundary{border-radius:12px;padding:10px 12px;background:#faf4e9;color:#426259;line-height:1.7}.aiCanaryBoundary b{color:#241b16}
.aiReadinessSummary{display:flex;align-items:center;justify-content:space-between;gap:18px}.aiReadinessSummary h3{margin:8px 0 4px;color:#241b16}.aiReadinessSummary p{margin:0;color:#60736b}.aiReadinessDomains{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px}.aiReadinessDomains span{display:grid;gap:3px;background:#f4faf7;border:1px solid #deebe5;border-radius:12px;padding:10px}.aiReadinessDomains b{color:#174c3f}.aiReadinessDomains small{color:#687b74;font-weight:800}.disabledLine{opacity:.55}.aiSettingsForm .checkLine input:disabled{cursor:not-allowed}
.aiJobCounts{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:720px){.aiCanaryHead,.aiReadinessSummary{display:grid}.aiCanaryHead .btn{justify-self:start}.aiCanaryMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.aiReadinessDomains{width:100%}}
@media(max-width:430px){.aiCanaryMetrics,.aiReadinessDomains{grid-template-columns:1fr}.aiJobCounts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.4.12 — Inventory-aware gap completion and duplicate control */
.aiInventoryPanel{display:grid;gap:14px;border-color:#bddfd1;background:linear-gradient(145deg,#fff 0%,#f2faf6 100%)}.aiInventoryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aiInventoryHead h3{margin:8px 0 4px;color:#241b16}.aiInventoryHead p{margin:0;max-width:760px}.aiInventoryHead>.statusPill{white-space:nowrap}
.aiInventoryMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.aiInventoryMetrics span{display:grid;gap:3px;text-align:center;background:#fff;border:1px solid #dbeae4;border-radius:13px;padding:10px}.aiInventoryMetrics b{font-size:21px;color:#241b16}.aiInventoryMetrics small{color:#647a71;font-weight:850}
.aiInventoryDetails{border-top:1px solid #d5e7df;padding-top:10px}.aiInventoryDetails>summary{cursor:pointer;color:#075f49;font-weight:950}.aiCoverageGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:12px}.aiCoverageGrid>span{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid #dceae4;border-radius:12px;padding:9px 10px}.aiCoverageGrid>span.empty{border-color:#f1b6b6;background:#fff7f7}.aiCoverageGrid>span.thin{border-color:#efd28d;background:#fffbef}.aiCoverageGrid b{color:#174c3f}.aiCoverageGrid small{white-space:nowrap;color:#667a72;font-weight:850}.aiIncompleteList{display:grid;gap:7px;margin-top:14px}.aiIncompleteList h4{margin:0 0 2px;color:#241b16}.aiIncompleteList>span{display:grid;gap:2px;background:rgba(255,255,255,.82);border:1px solid #dceae4;border-radius:11px;padding:9px 10px}.aiIncompleteList small{color:#6a7d75}
.newPill{background:#e8f8f0!important;border-color:#b9e3cf!important;color:#066044!important}.updatePill{background:#eef2ff!important;border-color:#c7d2fe!important;color:#3730a3!important}.aiUpdateTarget,.aiNewItemNotice{display:flex;align-items:flex-start;gap:11px;border-radius:14px;padding:11px 12px}.aiUpdateTarget{background:#f0f3ff;border:1px solid #cbd5ff}.aiNewItemNotice{background:#effaf5;border:1px solid #bde4d2}.aiUpdateTarget>span,.aiNewItemNotice>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff;flex:0 0 auto}.aiUpdateTarget b{color:#3730a3}.aiNewItemNotice b{color:#056047}.aiUpdateTarget p{margin:2px 0;font-weight:900;color:#27365d}.aiUpdateTarget small,.aiNewItemNotice small{display:block;color:#60736b;line-height:1.65}
.aiInventoryDigest{display:grid;gap:3px;border-top:1px dashed #d8e8e1;padding-top:8px}.aiInventoryDigest small{color:#6a7d75;font-weight:850}.aiInventoryDigest code{direction:ltr;text-align:left;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#31594e;font-size:10px}.aiCenterMetrics{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.aiJobCounts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:720px){.aiInventoryHead{display:grid}.aiInventoryMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.aiInventoryMetrics span:last-child{grid-column:1/-1}.aiCoverageGrid{grid-template-columns:1fr}}
@media(max-width:430px){.aiInventoryMetrics{grid-template-columns:1fr}.aiInventoryMetrics span:last-child{grid-column:auto}.aiUpdateTarget,.aiNewItemNotice{padding:10px}.aiJobCounts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.4.13 — Staged review workflow and auditable duplicate certificate */
.aiApprovalGuide{display:grid;gap:14px;border-color:#b7dccd;background:linear-gradient(145deg,#fff 0%,#eef9f4 100%)}.aiApprovalGuideHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.aiApprovalGuideHead h3{margin:8px 0 0;color:#241b16}.aiApprovalSteps{counter-reset:approval-step;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.aiApprovalSteps li{counter-increment:approval-step;position:relative;display:grid;align-content:start;gap:4px;min-width:0;border:1px solid #d7e9e1;background:#fff;border-radius:14px;padding:42px 11px 11px}.aiApprovalSteps li:before{content:counter(approval-step);position:absolute;top:10px;right:10px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#067158;color:#fff;font-weight:950}.aiApprovalSteps b{color:#241b16;font-size:13px}.aiApprovalSteps small{color:#64776f;line-height:1.55}.aiApprovalGuarantee{margin:0;border-right:4px solid #0c8063;border-radius:12px;background:#e5f6ee;padding:10px 12px;color:#365c50;line-height:1.75}.aiApprovalGuarantee b{color:#241b16}
.aiSuggestionDisclosure{display:block;padding:0;overflow:hidden}.aiSuggestionDisclosure>summary{list-style:none}.aiSuggestionDisclosure>summary::-webkit-details-marker{display:none}.aiSuggestionDisclosure[open]{box-shadow:0 14px 34px rgba(3,55,43,.1)}.aiSuggestionSummary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer;background:#fff}.aiSuggestionSummary:focus-visible{outline:3px solid #34d399;outline-offset:-3px}.aiSuggestionSummary>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;min-width:0}.aiSuggestionSummary b{min-width:0;color:#113f34;font-size:16px;line-height:1.5;overflow-wrap:anywhere}.aiSuggestionSummary small{grid-column:2;color:#6b7e76;font-weight:800}.aiSuggestionNumber{grid-row:1/3;display:grid;place-items:center;min-width:38px;height:38px;padding:0 5px;border-radius:11px;background:#fdf6ea;color:#067158;font-size:12px;font-weight:950}.aiSuggestionSummaryState{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.aiSuggestionSummaryState>span:last-child{font-size:18px;color:#0b6b54;transition:transform .16s ease}.aiSuggestionDisclosure[open] .aiSuggestionSummaryState>span:last-child{transform:rotate(180deg)}.aiSuggestionBody{display:grid;gap:12px;border-top:1px solid #e1ece7;padding:14px 15px 16px;background:#fcfefd}.aiSuggestionDisclosure.dedup-conflict{border-color:#efb3b3;border-right-color:#b91c1c}.aiSuggestionDisclosure.dedup-unchecked{border-right-color:#d97706}
.dirtyPill{background:#fff3d6!important;border-color:#f1cd78!important;color:#8a4b06!important}.aiReviewLock{display:flex;align-items:flex-start;gap:10px;border:1px solid #b9d2f3;background:#eef6ff;border-radius:14px;padding:10px 12px}.aiReviewLock>span{width:34px;height:34px;display:grid;place-items:center;background:#fff;border-radius:10px}.aiReviewLock b,.aiReviewLock small{display:block}.aiReviewLock b{color:#1e3a8a}.aiReviewLock small{color:#516782;margin-top:2px;line-height:1.6}
.aiDedupCertificate{display:grid;gap:10px;border:1px solid #e1cf9d;background:#fffbeb;border-radius:15px;padding:12px}.aiDedupCertificate.state-clear{border-color:#9ed5be;background:#effaf5}.aiDedupCertificate.state-conflict{border-color:#f0b0b0;background:#fff5f5}.aiDedupHead{display:flex;align-items:flex-start;gap:10px}.aiDedupHead>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#fff;flex:0 0 auto}.aiDedupHead b,.aiDedupHead small{display:block}.aiDedupHead b{color:#241b16}.aiDedupHead small{margin-top:2px;color:#60736b}.aiDedupCertificate>p{margin:0;line-height:1.65}.aiDedupCounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.aiDedupCounts span{display:grid;gap:2px;text-align:center;background:rgba(255,255,255,.85);border:1px solid rgba(15,118,87,.12);border-radius:11px;padding:8px}.aiDedupCounts b{color:#241b16;overflow-wrap:anywhere}.aiDedupCounts small,.aiFinalCheckNote{color:#687b73;font-size:11px;font-weight:800}.aiFinalCheckNote{line-height:1.6}
.aiDraftActions,.aiReviewActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aiDraftActions .smallbtn,.aiReviewActions .smallbtn{width:100%;text-align:center}.aiApprovalChecklist{display:grid;gap:9px;border:1px solid #b7dccc;background:#f1faf6;border-radius:15px;padding:12px}.aiApprovalChecklist h4{margin:0;color:#241b16}.aiApprovalChecklist>label{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;background:#fff;border:1px solid #dceae4;border-radius:11px;padding:10px;color:#35564d;line-height:1.65;font-weight:800}.aiApprovalChecklist input{margin-top:4px;transform:scale(1.12);accent-color:#067158}.aiApprovalChecklist .aiReviewActions{grid-template-columns:2fr 1fr 1fr;margin-top:2px}.aiWorkflowError{display:grid;gap:3px;border:1px solid #efaaaa;background:#fff2f2;border-radius:12px;padding:10px 12px;color:#8c1d1d}
@media(max-width:900px){.aiApprovalSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.aiSuggestionSummary{align-items:flex-start}.aiSuggestionSummaryState{max-width:45%}.aiDraftActions{grid-template-columns:repeat(2,minmax(0,1fr))}.aiDraftActions .danger{grid-column:1/-1}}
@media(max-width:560px){.aiApprovalGuideHead,.aiSuggestionSummary{display:grid}.aiApprovalGuideHead>.statusPill{justify-self:start}.aiApprovalSteps{grid-template-columns:1fr}.aiApprovalSteps li:last-child{grid-column:auto}.aiSuggestionSummaryState{max-width:none;justify-content:flex-start}.aiSuggestionBody{padding:12px}.aiDedupCounts{grid-template-columns:1fr}.aiDraftActions,.aiReviewActions,.aiApprovalChecklist .aiReviewActions{grid-template-columns:1fr}.aiReviewCard .aiDraftActions .smallbtn,.aiReviewCard .aiReviewActions .smallbtn{width:100%}}

/* v3.4.14 — Per-domain automation, run budgets and fail-safe pause */
.aiAutomationDashboard{display:grid;gap:14px;border-color:#b7dccd;background:linear-gradient(145deg,#fff 0%,#edf9f4 100%)}.aiAutomationDashboard.paused{border-color:#efb0b0;background:linear-gradient(145deg,#fff 0%,#fff4f4 100%)}
.aiAutomationHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.aiAutomationHead h3{margin:8px 0 3px;color:#241b16}.aiAutomationHead p{margin:0;color:#60736b;line-height:1.65}.aiAutomationHead>.statusPill{white-space:nowrap}
.aiAutomationMetrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.aiAutomationMetrics span{display:grid;gap:3px;min-width:0;text-align:center;background:rgba(255,255,255,.9);border:1px solid #dceae4;border-radius:13px;padding:10px}.aiAutomationMetrics b{color:#241b16;font-size:18px;overflow-wrap:anywhere}.aiAutomationMetrics small{color:#667a72;font-size:11px;font-weight:850}
.aiAutomationPause{display:flex;align-items:flex-start;gap:10px;border:1px solid #efb0b0;background:#fff3f3;border-radius:14px;padding:11px 12px;color:#8c1d1d}.aiAutomationPause>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#fff}.aiAutomationPause b,.aiAutomationPause small{display:block}.aiAutomationPause small{margin-top:2px;line-height:1.6;color:#9b3131}
.aiDomainPolicyForm{display:grid;gap:13px;border-color:#c8e2d7}.aiDomainPolicyForm select{width:100%;box-sizing:border-box}.aiDomainPolicyForm .checkLine{border:1px solid #d9eae3;background:#f6fbf8;border-radius:12px;padding:10px 12px}.aiDomainPolicyForm .row{margin-top:0}.aiDomainPolicyForm .row .btn{min-width:160px}
@media(max-width:760px){.aiAutomationHead{display:grid}.aiAutomationHead>.statusPill{justify-self:start}.aiAutomationMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.aiAutomationMetrics span:last-child{grid-column:1/-1}}
@media(max-width:430px){.aiAutomationMetrics{grid-template-columns:1fr}.aiAutomationMetrics span:last-child{grid-column:auto}.aiDomainPolicyForm .formTwo,.aiDomainPolicyForm .row{grid-template-columns:1fr}.aiDomainPolicyForm .row .btn{width:100%;min-width:0}}

/* v3.4.15 — China Guide intent search, typo tolerance and autocomplete */
.guideSmartInput{position:relative;min-width:0}.guideSmartInput input{margin:0;padding-inline-start:44px;padding-inline-end:46px;background:#fbfffd;border-color:#cfe2da;transition:border-color .15s ease,box-shadow .15s ease}.guideSmartInput input:focus{outline:0;border-color:#0a8a69;box-shadow:0 0 0 4px rgba(10,138,105,.12)}.guideSearchIcon{position:absolute;z-index:2;right:15px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;color:#087157;font-size:24px;font-weight:950;pointer-events:none}.guideSearchClear{position:absolute;z-index:3;left:9px;top:50%;transform:translateY(-50%);border:0;background:#eaf6f1;color:#496a60;width:34px;height:34px;border-radius:12px;font-size:23px;line-height:1;display:grid;place-items:center}.guideAutocomplete{position:absolute;z-index:45;top:calc(100% + 7px);right:0;left:0;max-height:min(62vh,420px);overflow:auto;padding:7px;background:rgba(255,255,255,.99);border:1px solid #cfe3da;border-radius:18px;box-shadow:0 20px 44px rgba(2,44,34,.17);overscroll-behavior:contain}.guideAutocomplete>button{width:100%;border:0;border-bottom:1px solid #edf3f0;background:#fff;color:#143c32;border-radius:12px;padding:10px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;text-align:right}.guideAutocomplete>button:last-child{border-bottom:0}.guideAutocomplete>button:hover,.guideAutocomplete>button.active{background:#eaf8f2}.guideAutocompleteIcon{width:38px;height:38px;border-radius:12px;background:#fdf6ea;display:grid;place-items:center;font-size:20px}.guideAutocomplete b,.guideAutocomplete small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guideAutocomplete b{font-size:15px;color:#063e31}.guideAutocomplete small{font-size:11px;color:#6a7e76;margin-top:3px}.guidePopularSearches{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:10px 1px 2px}.guidePopularSearches::-webkit-scrollbar{display:none}.guidePopularSearches>span{flex:0 0 auto;color:#6a7e76;font-size:12px}.guidePopularSearches button,.guideEmptyQuick button{flex:0 0 auto;border:1px solid #d4e8df;background:#f4fbf8;color:#075642;border-radius:999px;padding:8px 11px;font-weight:950;white-space:nowrap}.guidePopularSearches button:active,.guideEmptyQuick button:active{background:#dff5eb}.guidePopularSearches button.active{background:#075f48;color:#fff;border-color:#075f48}.guideSearchUnderstanding{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:11px;border:1px solid #bfe3d3;background:linear-gradient(135deg,#effbf6,#f9fffc);border-radius:17px;padding:10px 11px}.guideSearchUnderstanding>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fff;font-size:21px}.guideSearchUnderstanding p{margin:0;min-width:0}.guideSearchUnderstanding b,.guideSearchUnderstanding small{display:block}.guideSearchUnderstanding b{color:#075642;font-size:14px}.guideSearchUnderstanding small{color:#587069;font-size:12px;margin-top:2px;line-height:1.45}.guideSearchUnderstanding strong{color:#fff;background:#087157;border-radius:999px;padding:7px 10px;font-size:12px;white-space:nowrap}.guideEmptyQuick{display:flex;justify-content:center;gap:7px;overflow-x:auto;margin:12px 0}.guideEmptyQuick button{border-radius:14px}.guideList{scroll-margin-top:12px}
@media(max-width:560px){.guideSmartInput{grid-column:1/-1}.guideSearchUnderstanding{grid-template-columns:36px minmax(0,1fr) auto}.guideSearchUnderstanding>span{width:36px;height:36px}.guidePopularSearches{margin-inline:-2px}.guideAutocomplete{max-height:54vh}}
@media(max-width:380px){.guideSearchUnderstanding{grid-template-columns:32px minmax(0,1fr)}.guideSearchUnderstanding>span{width:32px;height:32px}.guideSearchUnderstanding strong{grid-column:2;justify-self:start}.guideEmptyQuick{justify-content:flex-start}}

/* v3.4.16 — Managed guide photos: automatic processing, card thumbnail and detail media */
.guideDetailMedia{position:relative;margin:0 0 14px;border:1px solid #dcebe5;border-radius:22px;overflow:hidden;background:#faf4e9;aspect-ratio:16/9}.guideDetailMedia img{display:block;width:100%;height:100%;object-fit:contain}.guideDetailMedia figcaption{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:rgba(3,44,34,.78);backdrop-filter:blur(8px);color:#fff;padding:6px 10px;font-size:11px;font-weight:900}
.guideImageAdminField{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;border:1px solid #cfe4da;border-radius:20px;background:linear-gradient(135deg,#f7fcfa,#edf8f3);padding:14px}.guideImageAdminPreview{width:150px;aspect-ratio:4/3;border:1px solid #d2e6dd;border-radius:18px;overflow:hidden;background:#fff;display:grid;place-items:center}.guideImageAdminPreview img{width:100%;height:100%;object-fit:cover}.guideImageAdminPreview>span{font-size:46px}.guideImageAdminCopy{display:grid;gap:8px;min-width:0}.guideImageAdminCopy>b{color:#241b16;font-size:17px}.guideImageAdminCopy>p{margin:0;color:#587069;line-height:1.65}.guideImageAdminCopy>small{color:#647a71;font-weight:800}.guideImagePicker{margin:0}.guideImagePicker em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.guideAdminItemHead{display:grid;grid-template-columns:64px minmax(0,1fr);gap:11px;align-items:center}.guideAdminItemHead>img,.guideAdminItemHead>span{width:64px;height:64px;border-radius:15px;border:1px solid #deebe6;background:#f1f8f5}.guideAdminItemHead>img{object-fit:cover}.guideAdminItemHead>span{display:grid;place-items:center;font-size:28px}.guideAdminItemHead>div{min-width:0}.guideAdminItemHead b,.guideAdminItemHead small{overflow-wrap:anywhere}
@media(min-width:760px){.guideDetails .guideDetailMedia{max-height:430px}}
@media(max-width:560px){.guideImageAdminField{grid-template-columns:1fr}.guideImageAdminPreview{width:100%;max-height:240px}.guideImageAdminCopy .row{grid-template-columns:1fr}.guideImageAdminCopy .row>*{width:100%}.guideDetailMedia{border-radius:17px}.guideAdminItemHead{grid-template-columns:56px minmax(0,1fr)}.guideAdminItemHead>img,.guideAdminItemHead>span{width:56px;height:56px;border-radius:14px}}

/* v3.4.17 — AI suggestion photos and a single, task-oriented review flow */
.aiSuggestionImageReview{display:grid;grid-template-columns:minmax(190px,320px) minmax(0,1fr);gap:14px;align-items:center;border:1px solid #cde4da;background:linear-gradient(135deg,#f8fcfa,#edf8f3);border-radius:18px;padding:12px}.aiSuggestionImageReview.state-not_found,.aiSuggestionImageReview.state-failed{grid-template-columns:1fr;border-color:#e8d2aa;background:#fffaf0}.aiSuggestionImageReview.state-fetching,.aiSuggestionImageReview.state-pending{grid-template-columns:1fr}.aiSuggestionImagePreview{position:relative;margin:0;overflow:hidden;border:1px solid #d4e7df;border-radius:16px;background:#fff;aspect-ratio:4/3}.aiSuggestionImagePreview img{display:block;width:100%;height:100%;object-fit:cover}.aiSuggestionImagePreview figcaption{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;background:rgba(3,53,41,.82);color:#fff;padding:6px 9px;font-size:10px;font-weight:900}.aiSuggestionImageCopy{display:grid;gap:10px;min-width:0}.aiSuggestionImageCopy>div:first-child{display:flex;align-items:flex-start;gap:10px}.aiSuggestionImageCopy>div:first-child>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#fff;font-size:20px}.aiSuggestionImageCopy b,.aiSuggestionImageCopy small{display:block}.aiSuggestionImageCopy b{color:#241b16}.aiSuggestionImageCopy small{margin-top:3px;color:#5f746b;line-height:1.55;overflow-wrap:anywhere}.aiSuggestionImageCopy>.sourceLink,.aiSuggestionImageCopy>.smallbtn{justify-self:start}.aiSuggestionImageCopy>.checkLine{margin:0;border:1px solid #b9dccd;background:#fff;border-radius:12px;padding:10px 11px;color:#174f40;font-weight:900}.aiImageReplaceNote{border-right:3px solid #d97706;padding-right:9px;color:#7b4b0b!important}
@media(max-width:720px){.aiSuggestionImageReview{grid-template-columns:1fr}.aiSuggestionImagePreview{max-height:340px}.aiSuggestionImageCopy>.sourceLink,.aiSuggestionImageCopy>.smallbtn{width:100%;box-sizing:border-box;text-align:center}}

/* v3.4.18 — Accepted offer to canonical customer order */
.offerDecisionCard,.offerPublishForm,.offerWaitingCard{display:grid;gap:13px;margin:15px 0;border:1px solid #9fd5bd;border-radius:20px;padding:15px;background:linear-gradient(145deg,#fafffc,#fdf6ea)}.offerDecisionHead,.offerPublishHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.offerDecisionHead h3,.offerPublishHead h3{margin:7px 0 0;color:#241b16}.offerTotal{font-size:clamp(22px,5vw,32px);color:#241b16;white-space:nowrap}.offerBreakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.offerBreakdown>span{display:grid;gap:4px;min-width:0;border:1px solid #d6e9e0;background:#fff;border-radius:13px;padding:10px;text-align:center}.offerBreakdown small{color:#687b73;font-weight:850}.offerBreakdown b{color:#241b16;overflow-wrap:anywhere}.offerTermsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.offerTermsGrid p,.orderSnapshotGrid p{margin:0;border:1px solid #dfebe6;background:rgba(255,255,255,.82);border-radius:13px;padding:11px;line-height:1.7}.offerAcceptCheck{margin:0!important;border-color:#79c7a5!important;background:#fff!important}.offerRevision{border-top:1px dashed #badaca;padding-top:10px}.offerRevision summary{cursor:pointer;color:#075f49;font-weight:950}.offerRevision textarea{margin-top:10px}.orderCreatedBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;border:1px solid #9ed8ba;background:#ebfaf2;border-radius:16px;padding:12px}.orderCreatedBanner b,.orderCreatedBanner span{display:block}.orderCreatedBanner b{color:#3a2a1e}.orderCreatedBanner span{margin-top:3px;color:#5e746b;font-size:12px}.newBadge.success{background:#dcfce7!important;color:#166534!important}.offerPublishForm{border-color:#b8d8ef;background:linear-gradient(145deg,#fff,#eef8ff)}.offerAmountGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.offerAmountGrid label{display:grid;gap:5px}.offerAmountGrid label span{font-size:12px;color:#526960;font-weight:900}.offerWaitingCard{border-color:#e8cc88;background:#fffaf0}.offerWaitingCard h3,.offerWaitingCard p{margin:0}.orderHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#981d13,#08735a);color:#fff;border-color:#07634e}.orderHero h3{color:#fff;margin:8px 0 5px;font-size:clamp(24px,5vw,32px)}.orderHero p{margin:0;max-width:720px;color:rgba(255,255,255,.86);line-height:1.7}.orderHero .vueBadge{background:rgba(255,255,255,.15);color:#fff}.orderHero .smallbtn{background:#fff;color:#241b16;border-color:#fff;white-space:nowrap}.customerOrderList{display:grid;gap:9px}.customerOrderItem{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:right;border:1px solid #d9e9e2;background:#fff;border-radius:17px;padding:13px;color:inherit;font:inherit}.customerOrderItem>div{display:grid;gap:4px;min-width:0}.customerOrderItem>div:last-child{text-align:left;justify-items:end}.customerOrderItem b,.customerOrderItem span,.customerOrderItem small{overflow-wrap:anywhere}.customerOrderItem b{color:#1c140f}.customerOrderItem span{color:#415b52}.customerOrderItem small{color:#6b7d76}.customerOrderItem strong{color:#241b16;font-size:17px}.orderState{display:inline-flex;border-radius:999px;padding:5px 8px;background:#e9f5f0;color:#075b47;font-size:11px;font-style:normal;font-weight:950}.orderState.procurement{background:#e8f1ff;color:#1d4e89}.orderState.completed{background:#dcfce7;color:#166534}.orderState.cancelled{background:#fee2e2;color:#991b1b}.customerOrderDetail{display:grid;gap:15px}.orderProgress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.orderProgress span{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #dce9e3;background:#f7faf8;border-radius:13px;padding:9px;color:#687a73}.orderProgress i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ead9bb;font-style:normal;font-weight:950}.orderProgress span.done{border-color:#9ed5bc;background:#edfaf3;color:#3a2a1e}.orderProgress span.done i{background:#a4110a;color:#fff}.orderMoneyCard{border:1px solid #b8dfce;background:#f1faf6;border-radius:18px;padding:13px;display:grid;gap:12px}.orderGrandTotal{display:flex;align-items:center;justify-content:space-between;gap:12px}.orderGrandTotal span{font-weight:900;color:#4f665d}.orderGrandTotal b{font-size:clamp(22px,5vw,31px);color:#241b16}.orderSnapshotGrid{align-items:stretch}.orderTimeline{display:grid;gap:0}.orderTimeline h3{margin:0 0 8px}.orderTimelineItem{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:5px 0 16px}.orderTimelineItem:before{content:'';position:absolute;right:10px;top:20px;bottom:-2px;width:2px;background:#d3e7de}.orderTimelineItem:last-child:before{display:none}.orderTimelineItem>i{position:relative;z-index:1;width:20px;height:20px;border:5px solid #d8f1e6;background:#087159;border-radius:50%;box-sizing:border-box}.orderTimelineItem b{color:#241b16}.orderTimelineItem p{margin:3px 0;color:#50665d}.orderTimelineItem small{color:#71827b}.orderStats{grid-template-columns:repeat(4,minmax(0,1fr))}.orderAdminActions{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #cfe1da;background:#f7fbf9;border-radius:15px;padding:11px}.warningBox{border:1px solid #fecaca;background:#fff5f5;color:#991b1b;border-radius:14px;padding:11px;line-height:1.7;font-weight:850}
@media(max-width:720px){.offerDecisionHead,.offerPublishHead,.orderHero,.orderAdminActions{display:grid}.offerBreakdown,.offerAmountGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.offerTermsGrid{grid-template-columns:1fr}.customerOrderItem{align-items:flex-start}.orderStats{grid-template-columns:repeat(2,minmax(0,1fr))}.orderHero .smallbtn{justify-self:start}}
@media(max-width:460px){.offerDecisionCard,.offerPublishForm{padding:12px}.offerBreakdown,.offerAmountGrid,.orderProgress{grid-template-columns:1fr}.customerOrderItem{display:grid}.customerOrderItem>div:last-child{text-align:right;justify-items:start}.orderCreatedBanner,.orderGrandTotal{display:grid}.orderCreatedBanner .smallbtn{width:100%}.orderSnapshotGrid{grid-template-columns:1fr}.adminOrdersList .customerOrderItem{padding:11px}}

/* v3.4.19 — Exact task links and a compact, unified content workspace */
.taskTarget{outline:3px solid #18a77d!important;outline-offset:3px;box-shadow:0 0 0 7px rgba(24,167,125,.12),0 16px 34px rgba(3,55,43,.13)!important;animation:taskTargetPulse 1.2s ease-out 1}@keyframes taskTargetPulse{0%{transform:scale(.985);filter:brightness(1.03)}100%{transform:scale(1);filter:none}}
.notificationTaskRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px;cursor:pointer;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.notificationTaskRow:hover{border-color:#9ed7bf;box-shadow:0 10px 26px rgba(3,55,43,.09)}.notificationTaskRow:active{transform:scale(.992)}.notificationTaskRow:focus-visible{outline:3px solid #34d399;outline-offset:2px}.notificationTaskRow.unread{border-right:5px solid #0a8a69;background:linear-gradient(135deg,#fff,#f1fbf6)}.notificationTaskIcon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#e7f7ef;color:#087159;font-size:11px}.notificationTaskCopy{min-width:0}.notificationTaskCopy>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notificationTaskCopy h3{margin:0;color:#0c4638;font-size:16px;overflow-wrap:anywhere}.notificationTaskCopy p{margin:3px 0;color:#52675f;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notificationTaskCopy small{color:#75847e;font-weight:800}.notificationTaskArrow{color:#067159;font-size:12px;font-weight:950;white-space:nowrap}.notificationTaskDetails{grid-column:2/-1;display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #e0ece6;padding-top:9px}.notificationTaskDetails span{background:#eef6f2;border-radius:999px;padding:5px 8px;color:#52675f;font-size:11px}
.compactTaskList{gap:8px}.compactTaskCard{padding:0;overflow:hidden}.compactTaskHead,.compactReviewHead{width:100%;border:0;background:#fff;color:inherit;font:inherit;text-align:right;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 13px;cursor:pointer}.compactTaskHead>div{min-width:0}.compactTaskHead h3,.compactTaskHead p,.compactTaskHead small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compactTaskHead h3{margin:0;color:#10483a;font-size:15px}.compactTaskHead p{margin:3px 0;color:#536860}.compactTaskHead small{color:#73837c}.compactTaskBody,.compactReviewBody{border-top:1px solid #e1ece7;background:#fbfefd;padding:13px}.compactTaskBody .opsDesc,.compactReviewBody p{white-space:pre-wrap;line-height:1.7;color:#334f46}.compactTaskBody textarea{min-height:86px}
.adminContentHero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;background:linear-gradient(135deg,#063f33,#087159);color:#fff;border-color:#075846}.adminContentHero h3{color:#fff;margin:7px 0 4px;font-size:clamp(23px,4vw,31px)}.adminContentHero p{margin:0;color:rgba(255,255,255,.82);line-height:1.65}.adminContentHero .vueBadge{background:rgba(255,255,255,.14);color:#fff}.adminHeroActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adminContentHero .smallbtn{background:#fff;color:#241b16;border-color:#fff;white-space:nowrap}.adminContentHero .smallbtn.secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
.adminWorkspaceTabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px}.adminWorkspaceTabs button{border:0;background:transparent;color:#315b50;border-radius:14px;padding:10px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;text-align:right;font:inherit;cursor:pointer}.adminWorkspaceTabs button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#edf7f2;font-size:18px}.adminWorkspaceTabs button b{font-size:14px}.adminWorkspaceTabs button small{min-width:25px;text-align:center;border-radius:999px;background:#eaf3ef;padding:4px 6px;color:#5f746c;font-weight:950}.adminWorkspaceTabs button.active{background:#981d13;color:#fff}.adminWorkspaceTabs button.active>span,.adminWorkspaceTabs button.active small{background:rgba(255,255,255,.15);color:#fff}
.adminContentMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.adminContentMetrics>span{display:grid;gap:2px;text-align:center;background:#fff;border:1px solid #dfece6;border-radius:15px;padding:10px}.adminContentMetrics b{color:#241b16;font-size:20px}.adminContentMetrics small{color:#64776f;font-weight:850}.compactGovernanceSummary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#eff9f4}.compactGovernanceSummary b{color:#241b16}.compactGovernanceSummary span{color:#60736b;font-size:12px}
.adminContentToolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(125px,1fr)) auto;gap:8px;align-items:center;padding:10px}.adminContentToolbar select,.adminContentToolbar input{margin:0;min-width:0}.adminSearchField{position:relative}.adminSearchField>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);z-index:2;color:#087159;font-size:21px}.adminSearchField input{width:100%;box-sizing:border-box;padding-right:40px}.adminAddItem{white-space:nowrap;margin:0!important;min-height:46px}
.adminCompactList{display:grid;gap:7px}.adminCompactItem{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px}.adminCompactItemMain{border:0;background:transparent;color:inherit;font:inherit;text-align:right;display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:11px;padding:0;min-width:0;cursor:pointer}.adminCompactThumb{width:66px;height:58px;border:1px solid #dceae4;background:#f0f8f4;border-radius:14px;overflow:hidden;display:grid;place-items:center}.adminCompactThumb img{width:100%;height:100%;object-fit:cover}.adminCompactThumb i{font-style:normal;font-size:27px}.adminCompactCopy{min-width:0}.adminCompactTitle{display:flex;align-items:center;gap:7px;min-width:0}.adminCompactTitle b{color:#083f33;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminCompactTitle em{flex:0 0 auto;border-radius:999px;background:#fff2c6;color:#805008;padding:3px 7px;font-size:10px;font-style:normal;font-weight:950}.adminCompactCopy>small{display:block;color:#6d7e77;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminCompactCopy>p{margin:4px 0 0;color:#52665f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminCompactState{display:grid;justify-items:end;gap:4px;min-width:78px}.adminCompactState i{font-style:normal;border-radius:999px;background:#eef3f1;color:#586b64;padding:5px 8px;font-size:11px;font-weight:950}.adminCompactState i.published{background:#dcfce7;color:#166534}.adminCompactState small{font-size:10px;color:#75867f}.adminCompactEdit{white-space:nowrap}
.adminCategoryWorkspace{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:12px;align-items:start}.adminCategoryComposer{margin:0}.adminCategoryComposer h3{margin:7px 0 3px}.adminCategoryList{display:grid;gap:11px}.adminCategoryList h3{margin:0}.adminCategoryList>div{display:grid;gap:6px}.adminCategoryList>div>span{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e0ece6;border-radius:13px;padding:9px 10px}.adminCategoryList i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fdf6ea;font-style:normal;font-size:20px}.adminCategoryList b{color:#0b493a}.adminCategoryList small{color:#708079;white-space:nowrap}
.adminFeedbackWorkspace{display:grid;gap:12px}.adminSectionLead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.adminSectionLead h3{margin:7px 0 4px;color:#241b16}.adminSectionLead p{margin:0;color:#60736b}.compactReviewGroup{display:grid;gap:7px}.compactReviewGroup>h3{margin:3px 2px;color:#164c3e;font-size:16px}.compactReviewItem{padding:0;overflow:hidden}.compactReviewHead>span{min-width:0}.compactReviewHead b,.compactReviewHead small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compactReviewHead b{color:#0b4638}.compactReviewHead small{margin-top:3px;color:#72827b}.compactReviewHead i{font-style:normal;border-radius:999px;background:#edf6f2;color:#526b61;padding:5px 8px;font-size:11px}.compactReviewHead em{font-style:normal;font-size:19px;color:#087159}
.adminEditorBackdrop{position:fixed;inset:0;z-index:1000;background:rgba(3,28,22,.58);backdrop-filter:blur(4px);padding:12px;display:grid;place-items:center}.adminEditorShell{width:min(1040px,100%);height:min(94vh,960px);background:#f5f8f6;border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.adminEditorHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 18px;background:#fff;border-bottom:1px solid #dce9e3}.adminEditorHeader h3{margin:6px 0 2px;color:#241b16;font-size:22px}.adminEditorHeader p{margin:0;color:#65776f}.adminEditorHeader>div:last-child{display:flex;gap:8px;align-items:center}.adminEditorHeader .btn{margin:0;min-height:42px}.adminEditorBody{overflow-y:auto;overscroll-behavior:contain;padding:14px;display:grid;gap:12px;align-content:start}.adminFormSection{display:grid;gap:12px;background:#fff;border:1px solid #dce9e3;border-radius:19px;padding:15px}.adminFormSectionHead{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid #edf3f0;padding-bottom:10px}.adminFormSectionHead>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#087159;color:#fff;font-weight:950}.adminFormSectionHead h4{margin:0;color:#241b16;font-size:17px}.adminFormSectionHead p{margin:2px 0 0;color:#6b7d75;font-size:12px}.editorMediaAndNames{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:14px;align-items:start}.editorMediaField{display:grid;gap:8px}.editorMediaField .guideImageAdminPreview{position:relative;width:100%;aspect-ratio:4/3}.editorMediaField .guideImageAdminPreview>i{position:absolute;inset:auto 8px 8px 8px;background:rgba(153,27,27,.88);color:#fff;border-radius:10px;padding:6px;text-align:center;font-size:11px;font-style:normal}.editorMediaField>small{color:#65776f;line-height:1.55}.editorMediaField .filePicker{margin:0}.editorNameFields{display:grid;gap:9px}.adminFormSection .fieldLabel{display:grid;gap:5px;color:#33584e;font-size:12px;font-weight:950}.adminFormSection .fieldLabel input,.adminFormSection .fieldLabel select,.adminFormSection .fieldLabel textarea{width:100%;box-sizing:border-box;margin:0}.adminFormSection textarea{min-height:95px}.governanceEditorSection{border-color:#b6ddcc;background:#f7fcf9}.adminEditorFooter{position:sticky;bottom:-14px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -14px -14px;padding:12px 15px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #d8e7e0;box-shadow:0 -10px 24px rgba(3,55,43,.07)}.adminEditorFooter>div{display:flex;gap:8px}.adminEditorFooter .btn{margin:0;min-width:150px}.editorDangerMenu{position:relative}.editorDangerMenu summary{cursor:pointer;color:#687a73;font-weight:900}.editorDangerMenu[open]{display:flex;align-items:center;gap:10px}.editorDangerMenu[open] summary{display:none}
@media(min-width:980px){.adminCompactList{grid-template-columns:repeat(2,minmax(0,1fr))}.adminCompactItemMain{grid-template-columns:64px minmax(0,1fr)}.adminCompactState{grid-column:2;grid-row:2;display:flex;justify-items:initial;justify-content:flex-start;margin-top:-3px}.adminCompactCopy>p{max-width:48ch}}
@media(max-width:900px){.adminContentToolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.adminSearchField{grid-column:1/-1}.adminAddItem{grid-column:1/-1}.adminCategoryWorkspace{grid-template-columns:1fr}}
@media(max-width:650px){.notificationTaskRow{grid-template-columns:30px minmax(0,1fr)}.notificationTaskArrow{grid-column:2;justify-self:start}.notificationTaskDetails{grid-column:1/-1}.adminContentHero,.adminSectionLead,.adminEditorHeader{display:grid}.adminHeroActions{margin-top:3px}.adminWorkspaceTabs button{grid-template-columns:auto minmax(0,1fr)}.adminWorkspaceTabs button small{grid-column:2;justify-self:start}.adminContentMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.compactGovernanceSummary{display:grid}.adminCompactItem{grid-template-columns:1fr}.adminCompactItemMain{grid-template-columns:58px minmax(0,1fr)}.adminCompactThumb{width:58px;height:56px}.adminCompactState{grid-column:2;display:flex;align-items:center;justify-items:initial;justify-content:flex-start;margin-top:3px}.adminCompactEdit{width:100%}.editorMediaAndNames{grid-template-columns:1fr}.editorMediaField .guideImageAdminPreview{max-height:300px}.adminEditorHeader>div:last-child{justify-content:stretch}.adminEditorHeader>div:last-child>*{flex:1}.adminEditorFooter{display:grid}.adminEditorFooter>div{display:grid;grid-template-columns:1fr 1fr}.adminEditorFooter .btn{min-width:0;width:100%}}
@media(max-width:430px){.adminEditorBackdrop{padding:0}.adminEditorShell{height:100%;border-radius:0}.adminEditorHeader{padding:12px}.adminEditorHeader p{display:none}.adminEditorHeader h3{font-size:18px}.adminEditorBody{padding:10px}.adminFormSection{padding:12px;border-radius:15px}.adminEditorFooter{bottom:-10px;margin:0 -10px -10px}.adminContentToolbar{grid-template-columns:1fr}.adminContentToolbar>*{grid-column:1!important}.adminWorkspaceTabs{gap:4px}.adminWorkspaceTabs button{padding:8px 6px}.adminWorkspaceTabs button>span{width:30px;height:30px}.adminWorkspaceTabs button b{font-size:12px}.adminCompactCopy>p{display:none}.adminCompactTitle b{font-size:14px}.adminCategoryList>div>span{grid-template-columns:34px minmax(0,1fr)}.adminCategoryList small{grid-column:2;white-space:normal}.compactTaskHead,.compactReviewHead{grid-template-columns:minmax(0,1fr) auto}.compactTaskHead>b,.compactReviewHead>em{grid-column:2}.formTwo{grid-template-columns:1fr}}
.adminSectionsMenu{margin:-2px 0 14px;border:1px solid rgba(6,78,59,.12);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(4,47,36,.05);overflow:hidden}.adminSectionsMenu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;color:#241b16;font-weight:950}.adminSectionsMenu>summary::-webkit-details-marker{display:none}.adminSectionsMenu>summary:after{content:'⌄';font-size:20px;transition:transform .2s ease}.adminSectionsMenu[open]>summary:after{transform:rotate(180deg)}.adminSectionsMenu>summary small{margin-inline-start:auto;color:#75847f;font-size:12px}.adminSectionGroups{display:grid;gap:12px;padding:0 12px 14px;border-top:1px solid rgba(6,78,59,.08)}.adminSectionGroups section{padding-top:12px}.adminSectionGroups h3{font-size:14px;margin:0 0 8px;color:#52645e}.adminSectionGroups section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.adminSectionGroups button{border:1px solid rgba(6,78,59,.12);border-radius:13px;background:#f7fbf9;color:#241b16;padding:10px 8px;font-weight:900;min-height:42px}.adminSectionGroups button.active{background:#981d13;color:#fff;border-color:#241b16}.adminPrimaryTabs{margin-bottom:8px}@media(min-width:760px){.adminSectionGroups{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 16px 16px}.adminSectionGroups section>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.adminDesktop .adminPrimaryTabs{grid-template-columns:repeat(6,minmax(0,1fr))}.adminDesktop .adminSectionGroups{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* v3.4.20 — Admin Experience & Information Architecture */
.app.adminApp{max-width:none;width:100%;padding:0;overflow:visible;background:#f5f8f7;min-height:100vh}.adminApp>.version{position:fixed;left:14px;bottom:8px;z-index:22;margin:0;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(6,78,59,.1);font-size:11px}.adminApp>.footerGap{display:none}.adminApp>.toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:120;width:min(560px,calc(100% - 28px));box-shadow:0 14px 38px rgba(15,23,42,.18)}
.adminShell{--sidebar:292px;min-height:100vh;direction:rtl}.adminWorkspace{min-height:100vh;margin-right:var(--sidebar);transition:margin .2s ease}.sidebarCollapsed{--sidebar:92px}.adminSidebar{position:fixed;z-index:70;right:0;top:0;bottom:0;width:var(--sidebar);background:#073f32;color:#fff;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.adminBrand{min-height:78px;display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.09)}.adminBrand img{width:46px;height:46px;object-fit:contain;border-radius:13px;background:#fff;padding:4px}.adminBrand b,.adminBrand small{display:block;white-space:nowrap}.adminBrand b{font-size:14px}.adminBrand small{font-size:11px;color:#b9d4cb;margin-top:3px}.adminSidebarCollapse{border:0;background:rgba(255,255,255,.1);color:#fff;width:30px;height:30px;border-radius:10px;font-size:22px;cursor:pointer}.sidebarCollapsed .adminBrand{grid-template-columns:48px 1px 30px}.sidebarCollapsed .adminBrand>div{opacity:0;pointer-events:none}.sidebarCollapsed .adminSidebarCollapse{transform:rotate(180deg)}
.adminNav{padding:10px 8px 90px;overflow:auto;scrollbar-width:thin;flex:1}.adminNav section{margin:0 0 7px;padding:5px;border-radius:16px}.adminNav section.activeGroup{background:rgba(255,255,255,.045)}.adminNavGroupTitle{display:flex;align-items:center;gap:10px;padding:7px 9px;color:#bcd5cc;font-size:12px;font-weight:950;white-space:nowrap}.adminNavGroupTitle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.adminNav button{width:100%;border:0;background:transparent;color:#e6f3ef;display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:right;padding:9px 10px;border-radius:12px;min-height:40px;font:inherit;font-size:13px;cursor:pointer}.adminNav button:hover{background:rgba(255,255,255,.07)}.adminNav button.active{background:#fff;color:#241b16;box-shadow:0 8px 20px rgba(0,0,0,.12)}.adminNavDot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}.adminNav button b{min-width:24px;padding:3px 6px;border-radius:999px;background:#dc2626;color:#fff;text-align:center;font-size:10px}.adminAdvancedToggle{margin:8px 5px 94px!important;border:1px dashed rgba(255,255,255,.22)!important;background:rgba(255,255,255,.055)!important;color:#d8eee6!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:42px!important}.adminAdvancedToggle span{display:block!important}.adminAdvancedToggle b{background:rgba(255,255,255,.12)!important;color:#fff!important;min-width:26px!important}.adminAdvancedToggle.open{background:rgba(255,255,255,.1)!important}.sidebarCollapsed .adminAdvancedToggle{grid-template-columns:1fr!important;margin-bottom:94px!important}.sidebarCollapsed .adminAdvancedToggle span{display:none!important}.sidebarCollapsed .adminNavGroupTitle span,.sidebarCollapsed .adminNav button span:nth-child(2),.sidebarCollapsed .adminNav button b{display:none}.sidebarCollapsed .adminNavGroupTitle{justify-content:center}.sidebarCollapsed .adminNav button{grid-template-columns:1fr;justify-items:center;min-height:32px}.sidebarCollapsed .adminNavDot{width:9px;height:9px}.adminSidebarAccount{position:absolute;right:8px;left:8px;bottom:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;background:#06372c;padding:7px;border-radius:14px;border:1px solid rgba(255,255,255,.07)}.adminSidebarAccount button{border:0;border-radius:10px;background:transparent;color:#fff;text-align:right;padding:7px 8px;font:inherit;min-width:0}.adminSidebarAccount button span,.adminSidebarAccount button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminSidebarAccount button small{font-size:10px;color:#aacac0}.adminSidebarAccount .danger{background:rgba(220,38,38,.16);color:#fecaca}.sidebarCollapsed .adminSidebarAccount button:first-child{display:none}.sidebarCollapsed .adminSidebarAccount{grid-template-columns:1fr}
.adminHeader{position:sticky;top:0;z-index:45;min-height:74px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px clamp(14px,2vw,30px);background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(6,78,59,.09)}.adminMenuButton{display:none;border:0;background:#ecf5f1;color:#241b16;width:42px;height:42px;border-radius:13px;font-size:20px}.adminHeaderTitle small{display:block;color:#70817b;font-size:11px;font-weight:900}.adminHeaderTitle h1{font-size:clamp(20px,2vw,27px);margin:2px 0 0;color:#241b16;line-height:1.2}.adminHeaderActions{display:flex;align-items:center;gap:7px}.adminHeaderActions button{position:relative;border:1px solid #dce9e4;background:#fff;color:#241b16;border-radius:12px;min-height:40px;padding:8px 11px;font-weight:900}.adminHeaderActions .adminAccountButton{width:40px;padding:0;border-radius:50%;background:#981d13;color:#fff}.adminBell b{position:absolute;top:-6px;left:-5px;min-width:19px;height:19px;border-radius:999px;background:#dc2626;color:#fff;font-size:10px;display:grid;place-items:center}.adminLocalNav{display:none;gap:7px;overflow:auto;padding:10px clamp(14px,2vw,30px);background:#fffcf6;border-bottom:1px solid #e6eeeb;scrollbar-width:none}.adminLocalNav::-webkit-scrollbar{display:none}.adminLocalNav button{flex:0 0 auto;border:1px solid #ead9bb;background:#fff;color:#315b50;border-radius:11px;padding:8px 11px;font-weight:900;font-size:12px}.adminLocalNav button.active{background:#981d13;color:#fff;border-color:#241b16}.adminPage{width:min(1480px,100%);margin:0 auto;padding:18px clamp(14px,2vw,30px) 54px}.adminDrawerScrim{display:none}
.adminOverviewHero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(135deg,#981d13,#0b6b51);color:#fff;box-shadow:0 16px 38px rgba(6,78,59,.2)}.adminEyebrow{font-size:11px;font-weight:950;letter-spacing:.02em;color:#6f857e}.adminOverviewHero .adminEyebrow{color:#bde8d9}.adminOverviewHero h2{font-size:clamp(24px,3vw,34px);margin:5px 0 7px}.adminOverviewHero p{margin:0;color:#dcf4eb;line-height:1.7}.adminOverviewHeroSide{display:grid;justify-items:center;padding:13px;border-radius:18px;background:rgba(255,255,255,.11)}.adminOverviewHeroSide strong{font-size:42px;line-height:1}.adminOverviewHeroSide span{font-size:12px;margin:6px 0}.adminOverviewHeroSide .smallbtn{margin:4px 0;background:#fff;color:#241b16}.adminOverviewHeroSide small{font-size:10px;color:#d5eee5}.adminOverviewHeroSide em{font-style:normal;font-size:10px;font-weight:950;color:#fee2e2;background:rgba(127,29,29,.28);border-radius:999px;padding:4px 8px}.adminOverviewCalm{margin:14px 0;padding:15px 17px;border:1px solid #dbeae4;background:#f7fbf9;border-radius:17px;display:flex;align-items:center;gap:10px;color:#557168}.adminOverviewCalm b{color:#0b5b45}.adminOverviewCalm span{font-size:12px}.adminActionMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.adminActionMetric{border:1px solid #ead9bb;background:#fff;border-radius:18px;padding:15px;text-align:right;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center;box-shadow:0 7px 20px rgba(15,23,42,.04);cursor:pointer}.adminActionMetric>span{font-size:13px;color:#385c51}.adminActionMetric>b{font-size:30px;color:#241b16}.adminActionMetric>small{grid-column:1/-1;color:#70817b;font-size:10px}.adminActionMetric.attention{border-color:#f2d59b;background:#fffdf7}.adminActionMetric.danger{border-color:#f5b8b8;background:#fff9f9}.adminActionMetric.danger>b{color:#b91c1c}.adminOverviewGrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:12px}.adminPage .card{box-shadow:0 7px 24px rgba(15,23,42,.045);border-radius:18px}.adminSectionHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.adminSectionHead h3{margin:2px 0 0;font-size:20px}.adminTaskRows,.adminAlertRows{display:grid;gap:7px}.adminTaskRow{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;border:0;border-bottom:1px solid #e8efec;background:transparent;padding:11px 2px;text-align:right;color:inherit}.adminTaskState{width:8px;height:8px;border-radius:50%;background:#b8c8c2}.adminTaskState.unread{background:#d97706;box-shadow:0 0 0 4px #fff1cf}.adminTaskRow b{font-size:13px;color:#113d31}.adminTaskRow p{margin:3px 0;color:#5f746c;font-size:12px;line-height:1.5}.adminTaskRow small{font-size:10px;color:#87968f}.adminTaskRow em{font-style:normal;color:#241b16;font-size:11px;font-weight:950}.adminAlertRow{display:flex;align-items:center;justify-content:space-between;border:1px solid #f2d7a4;background:#fffaf0;border-radius:13px;padding:11px;text-align:right}.adminAlertRow.critical{border-color:#efb2b2;background:#fff7f7}.adminAlertRow b,.adminAlertRow small{display:block}.adminAlertRow small{font-size:10px;color:#7c6b52}.adminAlertRow span{font-size:11px;color:#241b16;font-weight:950}.adminEmptyState{min-height:150px;display:grid;place-content:center;text-align:center;color:#70817b}.adminEmptyState b{color:#315b50}.adminEmptyState span{font-size:12px;margin-top:4px}.adminEmptyState.compact{min-height:110px}.adminWorkflowGuide ol{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:0;margin:10px 0 0;counter-reset:flow}.adminWorkflowGuide li{counter-increment:flow;position:relative;border:1px solid #deebe6;background:#fffcf6;border-radius:12px;padding:13px 10px;font-size:11px;text-align:center;color:#315b50}.adminWorkflowGuide li:before{content:counter(flow);display:grid;place-items:center;width:23px;height:23px;margin:0 auto 7px;border-radius:50%;background:#981d13;color:#fff;font-weight:950}
.adminRecordWorkspace{position:fixed!important;z-index:55;top:74px;bottom:0;left:0;right:var(--sidebar);margin:0!important;border-radius:0!important;overflow:auto;padding:20px clamp(18px,3vw,38px)!important;background:#fff!important;box-shadow:0 0 0 9999px rgba(4,47,36,.2)!important}.adminRecordWorkspaceTop{position:sticky;top:-20px;z-index:4;display:flex;justify-content:flex-start;margin:-20px -38px 16px;padding:10px 38px;background:rgba(255,255,255,.96);border-bottom:1px solid #e5ece9}.sidebarCollapsed .adminRecordWorkspace{right:var(--sidebar)}.adminProcessTimeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:15px 0 18px}.adminProcessTimeline span{position:relative;display:grid;justify-items:center;text-align:center;gap:6px;color:#84928d;font-size:10px}.adminProcessTimeline span:after{content:'';position:absolute;top:13px;right:calc(50% + 14px);left:calc(-50% + 14px);height:2px;background:#dce7e3;z-index:0}.adminProcessTimeline span:first-child:after{display:none}.adminProcessTimeline i{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eef3f1;color:#61746d;font-style:normal;font-weight:950}.adminProcessTimeline span.done i{background:#0b6b51;color:#fff}.adminProcessTimeline span.done:after{background:#59a98e}.adminProcessTimeline span.current b{color:#241b16}.adminProcessTimeline.cancelled{opacity:.65}.stageActions{padding:9px;border-radius:14px;background:#f6faf8;border:1px solid #e2ece8}
@media(max-width:1100px){.adminActionMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.adminOverviewGrid{grid-template-columns:1fr}.adminWorkflowGuide ol{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.app.adminApp>.version{display:none}.adminLocalNav{display:flex}.adminShell{--sidebar:0}.adminWorkspace{margin-right:0}.adminSidebar{width:min(86vw,310px);transform:translateX(105%);box-shadow:-18px 0 50px rgba(15,23,42,.2)}.adminShell.drawerOpen .adminSidebar{transform:translateX(0)}.adminDrawerScrim{display:block;position:fixed;z-index:65;inset:0;background:rgba(2,24,18,.44);opacity:0;pointer-events:none;transition:opacity .18s}.adminShell.drawerOpen .adminDrawerScrim{opacity:1;pointer-events:auto}.adminSidebarCollapse{display:none}.adminAdvancedToggle{margin-bottom:94px!important}.adminMenuButton{display:block}.adminHeader{grid-template-columns:auto minmax(0,1fr) auto;padding:9px 11px;min-height:64px}.adminHeaderTitle h1{font-size:19px}.adminHeaderActions button span{display:none}.adminHeaderActions button{width:40px;padding:0}.adminPage{padding:12px 10px 42px}.adminLocalNav{padding:8px 10px}.adminOverviewHero{grid-template-columns:1fr;padding:18px}.adminOverviewHeroSide{grid-template-columns:auto 1fr auto;justify-items:start;gap:8px}.adminOverviewHeroSide strong{font-size:30px}.adminOverviewHeroSide small{grid-column:1/-1}.adminRecordWorkspace{top:64px;right:0;padding:14px 10px!important}.adminRecordWorkspaceTop{top:-14px;margin:-14px -10px 12px;padding:9px 10px}.adminProcessTimeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.adminProcessTimeline span:after{display:none}}
@media(max-width:520px){.adminHeaderActions button:first-child{display:none}.adminActionMetrics{grid-template-columns:1fr 1fr;gap:7px}.adminActionMetric{padding:11px}.adminActionMetric>b{font-size:25px}.adminOverviewHero h2{font-size:24px}.adminOverviewHero p{font-size:12px}.adminWorkflowGuide ol{grid-template-columns:repeat(2,minmax(0,1fr))}.adminTaskRow{grid-template-columns:9px minmax(0,1fr)}.adminTaskRow em{grid-column:2}.adminProcessTimeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v3.4.20 focused actions and technical workspace separation */
.memberSearchHead>div{display:flex;align-items:center;gap:9px;min-width:0}.primaryInlineAction{width:auto!important;min-height:38px;padding:8px 13px!important;white-space:nowrap}.adminTechnicalPanel{display:grid;gap:12px}.adminTechnicalPanel h3{margin:0;color:#241b16}.metricMark{width:9px!important;height:9px!important;border-radius:50%;background:#0b6b51;display:inline-block!important}
@media(max-width:520px){.memberSearchHead{align-items:stretch;flex-direction:column}.memberSearchHead>div{justify-content:space-between}.primaryInlineAction{width:100%!important}.adminTechnicalPanel .row{display:grid;grid-template-columns:1fr}.adminTechnicalPanel .row>*{width:100%;box-sizing:border-box}}

/* v3.4.21 — focused AJAX admin task workspace */
.taskWorkspaceShell{width:min(980px,100%);margin:0 auto;display:grid;gap:14px}.taskWorkspaceHeader{position:sticky;top:84px;z-index:30;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px 20px;border:1px solid #dce9e4;border-radius:20px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(15,23,42,.07)}.taskWorkspaceHeader h2{margin:3px 0 5px;color:#063f31;font-size:clamp(22px,3vw,30px)}.taskWorkspaceHeader p{margin:0;color:#667972;line-height:1.65}.taskWorkspaceClose{width:42px;height:42px;border:1px solid #d9e7e1;border-radius:13px;background:#f6faf8;color:#241b16;font-size:27px;line-height:1;cursor:pointer}.taskWorkspaceLoading{min-height:220px;display:grid;place-items:center;color:#60726b;font-weight:900}.taskFocusCard{display:grid;gap:15px;padding:20px!important}.taskFocusCard h3{margin:0;color:#073f32;font-size:clamp(20px,2.5vw,27px)}.taskFocusIdentity{display:flex;align-items:center;gap:13px}.taskFocusIdentity img{width:72px;height:72px;border-radius:18px;object-fit:cover;border:1px solid #d7e7df}.taskFocusIdentity p{margin:4px 0 0;color:#6d7f78}.taskLead{margin:0;padding:12px 14px;border:1px solid #e4ece9;border-radius:14px;background:#fffcf6;color:#40564e;line-height:1.8}.taskFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.taskFacts span{display:grid;gap:3px;padding:11px;border:1px solid #e1ebe7;border-radius:13px;background:#fafcfb;min-width:0}.taskFacts b{overflow-wrap:anywhere;color:#123f33}.taskFacts small{font-size:10px;color:#788982;font-weight:850}.taskPrimaryActions{display:flex;gap:8px;flex-wrap:wrap;padding-top:3px}.taskPrimaryActions .btn{width:auto;min-width:140px}.taskWorkspaceFooter{position:sticky;bottom:10px;z-index:20;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid #ead9bb;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(15,23,42,.08)}.taskWorkspaceFooter span{margin-inline-start:auto;color:#687a73;font-size:11px;font-weight:900}.taskMediaStrip{display:flex;gap:8px;overflow:auto}.taskMediaStrip a{flex:0 0 104px}.taskMediaStrip img{width:104px;height:82px;object-fit:cover;border-radius:12px;border:1px solid #d9e6e1}.taskLocation{margin:0;color:#4b6359;font-weight:850}.taskDocumentList{display:grid;gap:7px}.taskDocumentList a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#17483a;border:1px solid #e0ebe7;background:#fafcfb;border-radius:12px;padding:10px 12px}.taskDocumentList a small{color:#76877f}.emergencyTaskFocus{border-color:#f3c2c2!important}.sourcingTaskFocus{border-right:4px solid #0b6b51!important}.aiTaskWorkspace{border-right:4px solid #0b6b51!important}.aiTaskHeadline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.aiTaskHeadline p{margin:5px 0 0;color:#6c7d76}.taskEditGrid{display:grid;grid-template-columns:1fr 2fr;gap:9px}.taskEditGrid textarea{grid-column:1/-1;min-height:88px}.aiTaskSource{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #ead9bb;border-radius:14px;background:#fffcf6}.aiTaskSource b,.aiTaskSource small{display:block}.aiTaskSource small{color:#74857e}.aiTaskSource a{color:#056449;font-weight:950}.aiTaskImage{margin:0;display:grid;gap:7px}.aiTaskImage img{width:100%;max-height:360px;object-fit:contain;border:1px solid #ead9bb;border-radius:16px;background:#f7faf8}.aiTaskImage figcaption{font-size:11px}.aiTaskImage a{color:#056449;font-weight:900}.taskDedupBox{display:grid;gap:4px;padding:12px 14px;border:1px solid #e2e8e5;border-radius:14px;background:#f8faf9}.taskDedupBox b{color:#40574f}.taskDedupBox small{color:#6e8079}.taskDedupBox.state-clear{border-color:#9fdbbf;background:#f0fbf5}.taskDedupBox.state-conflict{border-color:#f2b9b9;background:#fff7f7}.taskApprovalChecklist{display:grid;gap:10px;padding:14px;border:1px solid #dce9e4;border-radius:15px;background:#fffcf6;overflow:hidden}.taskApprovalChecklist h4{margin:0;color:#241b16}.taskCheckRow{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%;min-width:0;color:#42584f;line-height:1.65;padding:9px 10px;border:1px solid #e4ece8;border-radius:12px;background:#fff}.taskCheckRow input[type=checkbox]{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;padding:0!important;margin:1px 0 0!important;flex:none!important}.taskCheckRow span{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal}.taskApprovalChecklist>.btn{width:100%;margin:0}.taskApprovalChecklist .taskPrimaryActions{padding-top:2px}
@media(max-width:820px){.taskWorkspaceShell{width:100%}.taskWorkspaceHeader{top:68px;border-radius:15px;padding:13px 12px;grid-template-columns:42px minmax(0,1fr)}.taskWorkspaceHeader>.statusPill{grid-column:2;justify-self:start}.taskFocusCard{padding:14px!important}.taskFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.taskPrimaryActions{display:grid;grid-template-columns:1fr 1fr}.taskPrimaryActions .btn{width:100%;min-width:0}.taskWorkspaceFooter{bottom:6px}.aiTaskHeadline{display:grid}.taskEditGrid{grid-template-columns:1fr}.taskEditGrid textarea{grid-column:auto}}
@media(max-width:520px){.taskWorkspaceHeader{top:62px}.taskWorkspaceHeader h2{font-size:21px}.taskFacts{grid-template-columns:1fr 1fr}.taskPrimaryActions{grid-template-columns:1fr}.aiTaskSource{align-items:flex-start;flex-direction:column}.taskWorkspaceFooter{display:grid;grid-template-columns:1fr 1fr}.taskWorkspaceFooter span{grid-column:1/-1;margin:0;text-align:center}.taskWorkspaceClose{width:38px;height:38px}.taskFocusIdentity img{width:58px;height:58px;border-radius:15px}}

/* v3.4.21 — primary SMT domain, external SMT brand link and mobile checklist stability */
.smtBrandLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;flex:0 0 auto}.smtBrandLink img{display:block}.adminHeaderSmtLink{width:38px;height:38px;border:1px solid #ead9bb;border-radius:12px;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.adminHeaderSmtLink img{width:31px;height:31px;object-fit:contain}.adminBrand>.smtBrandLink{width:48px;height:48px;border-radius:14px;overflow:hidden}.adminBrand>.smtBrandLink img{width:100%;height:100%;object-fit:contain}.smtFooter>.smtBrandLink{align-self:flex-start}.heroTopline>.smtBrandLink,.companyHeader>.smtBrandLink{border-radius:14px}.taskWorkspaceHeader p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:520px){.taskApprovalChecklist{padding:12px;gap:8px}.taskCheckRow{grid-template-columns:22px minmax(0,1fr)!important;padding:9px 8px;font-size:14px;line-height:1.7}.taskCheckRow input[type=checkbox]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important}.adminHeaderSmtLink{width:34px;height:34px;border-radius:10px}.adminHeaderSmtLink img{width:28px;height:28px}.taskWorkspaceHeader p{-webkit-line-clamp:2}}

/* v3.4.21 — admin mobile UX consolidation */
.adminHeaderActionButton{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.adminHeaderActionButton svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.adminHeaderActions .adminAccountButton.adminHeaderActionButton{display:inline-flex!important;align-items:center;justify-content:center;padding:0}
.adminHeaderActions .adminAccountButton.adminHeaderActionButton svg{width:19px;height:19px;stroke:#fff}
.srOnly{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}
.notificationTaskIcon.state-open{background:#edf8f3;color:#087159;font-size:17px;font-weight:950}
.notificationTaskIcon.state-unread{background:#dff7ec;color:#087159;font-size:13px}
.notificationTaskIcon.state-done{background:#edf2f0;color:#557068;font-size:12px}
.notificationTaskRow:not(.unread) .notificationTaskCopy h3{font-weight:900}

@media(max-width:820px){
  .adminHeader{grid-template-columns:42px minmax(0,1fr) auto;gap:9px}
  .adminHeaderActions{gap:5px}
  .adminHeaderActions button,.adminHeaderSmtLink{width:36px!important;height:36px!important;min-height:36px!important;border-radius:11px!important;padding:0!important}
  .adminHeaderActionButton svg{width:18px;height:18px}
  .adminHeaderTitle{min-width:0}
  .adminHeaderTitle small,.adminHeaderTitle h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .adminHeaderTitle h1{font-size:18px}
  .adminHeaderSmtLink img{width:29px;height:29px}
}

@media(max-width:650px){
  .notificationListCompact{gap:10px}
  .notificationTaskRow{padding:11px 12px;gap:9px;border-radius:18px}
  .notificationTaskIcon{width:30px;height:30px;border-radius:10px;align-self:start;margin-top:1px}
  .notificationTaskCopy>div{gap:6px}
  .notificationTaskCopy h3{font-size:15px;line-height:1.35}
  .notificationTaskCopy p{font-size:13px;line-height:1.55;-webkit-line-clamp:2;margin:2px 0}
  .notificationTaskCopy small{font-size:11px;line-height:1.4}
  .notificationTaskArrow{font-size:11px;margin-top:1px}
  .notifStats{margin:8px 0 10px}
  .notifStats span{padding:9px 7px}
  .notifStats b{font-size:24px}
  .compactNotice{padding:16px 14px}
  .compactNotice h3{font-size:22px;margin:7px 0 5px}
  .compactNotice p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .taskWorkspaceShell{gap:11px}
  .taskWorkspaceHeader{padding:11px 10px;gap:10px}
  .taskWorkspaceHeader h2{font-size:20px;line-height:1.3}
  .taskWorkspaceHeader p{font-size:13px;line-height:1.5}
  .taskFocusCard{gap:12px;padding:13px!important}
  .aiTaskHeadline h3{font-size:20px;line-height:1.45}
  .taskLead{font-size:13px;padding:10px 11px;line-height:1.65}
  .taskApprovalChecklist{padding:10px;gap:7px}
  .taskWorkspaceFooter{padding:8px;gap:6px}
}

@media(max-width:390px){
  .adminHeader{padding-inline:8px;gap:6px}
  .adminHeaderActions{gap:4px}
  .adminHeaderActions button,.adminHeaderSmtLink{width:34px!important;height:34px!important;min-height:34px!important}
  .adminHeaderSmtLink img{width:27px;height:27px}
  .adminHeaderTitle h1{font-size:17px}
  .adminHeaderTitle small{font-size:10px}
}

/* v3.4.22 — admin workflow simplification phase 2 */
.adminQueueIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid #dce9e3;border-radius:18px;background:linear-gradient(145deg,#fff,#f6fbf8);margin-bottom:12px}.adminQueueIntro h2{margin:4px 0 3px;color:#073f32;font-size:23px}.adminQueueIntro p{margin:0;max-width:760px;color:#60736b;line-height:1.65;font-size:13px}.adminListFilters{margin-bottom:12px}.adminQueueList{display:grid;gap:10px}.adminQueueRow{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr) auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid #ead9bb;border-radius:17px;background:#fff;box-shadow:0 5px 16px rgba(15,68,54,.045);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.adminQueueRow:hover,.adminQueueRow:focus{outline:none;border-color:#8fc8b2;box-shadow:0 9px 24px rgba(15,68,54,.09);transform:translateY(-1px)}.adminQueueIdentity{display:flex;align-items:center;gap:11px;min-width:0}.adminQueueIdentity>div:last-child{min-width:0}.adminQueueIdentity b,.adminQueueIdentity small{display:block}.adminQueueIdentity b{color:#123f33;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminQueueIdentity small{margin-top:3px;color:#72847d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminQueueFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.adminQueueFacts span{display:grid;gap:2px;min-width:0;padding:7px 8px;border:1px solid #e8efec;border-radius:11px;background:#f9fbfa}.adminQueueFacts b{color:#294d42;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminQueueFacts small{color:#82918c;font-size:9px;font-weight:850}.adminQueueOpen{white-space:nowrap}.adminWorkspaceBackBar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:9px 11px;border:1px solid #dce9e3;border-radius:14px;background:#fffcf6;color:#60736b;font-size:11px;font-weight:850}.adminWorkspaceBackBar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordWorkspaceOnly{width:min(100%,1120px);margin-inline:auto}.procurementWorkspace.recordWorkspaceOnly,.adminOrderDetail.recordWorkspaceOnly{display:grid;gap:13px}.eventWorkspaceBack{width:min(100%,1120px);margin-inline:auto;margin-bottom:10px}.eventAdminCard.recordWorkspaceOnly{padding:16px}.eventAdminCard:not(.recordWorkspaceOnly) .eventCover{max-height:210px;object-fit:cover}.eventAdminCard:not(.recordWorkspaceOnly){cursor:default}
@media(max-width:820px){.adminQueueIntro{display:grid;padding:14px}.adminQueueIntro .primaryInlineAction{width:100%}.adminQueueRow{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 12px}.adminQueueFacts{grid-column:1/-1;grid-row:2}.adminQueueOpen{grid-column:2;grid-row:1}.adminWorkspaceBackBar{position:sticky;top:68px;z-index:15;background:rgba(248,251,250,.97);backdrop-filter:blur(8px)}.recordWorkspaceOnly{border-radius:16px!important}.eventAdminCard.recordWorkspaceOnly{padding:13px}.eventAdminCard.recordWorkspaceOnly .toggleSide{align-items:flex-end}}
@media(max-width:520px){.adminQueueIntro h2{font-size:20px}.adminQueueIntro p{font-size:12px}.memberSearchPanel.adminListFilters{padding:10px}.memberSearchPanel.adminListFilters .filterGrid{grid-template-columns:1fr 1fr}.memberSearchPanel.adminListFilters .filterGrid>input{grid-column:1/-1}.memberSearchPanel.adminListFilters .filterGrid>.btn{grid-column:1/-1}.adminQueueRow{grid-template-columns:minmax(0,1fr);gap:8px}.adminQueueIdentity{padding-inline-end:0}.adminQueueIdentity .memberThumb{width:48px;height:48px;min-width:48px}.adminQueueFacts{grid-column:1;grid-row:auto}.adminQueueOpen{grid-column:1;grid-row:auto;width:100%}.adminWorkspaceBackBar{top:62px;display:grid;grid-template-columns:1fr;padding:8px}.adminWorkspaceBackBar>span{white-space:normal;line-height:1.45}.adminWorkspaceBackBar .smallbtn{width:100%}.recordWorkspaceOnly{padding:12px!important}.eventAdminCard:not(.recordWorkspaceOnly) .memberCardTop{align-items:flex-start}.eventAdminCard:not(.recordWorkspaceOnly) .toggleSide{width:100%;justify-content:flex-start;flex-wrap:wrap}.eventAdminCard:not(.recordWorkspaceOnly) .toggleSide .smallbtn{width:100%}}

/* v3.4.23 — member record workspace + mobile density polish */
.memberRecordWorkspace{display:block!important;padding:14px 10px 36px!important}
.memberRecordContent{width:min(100%,1120px);margin:0 auto;display:grid;gap:12px}
.memberWorkspaceTop{position:sticky;top:-14px;z-index:8;margin:-14px -10px 0!important;border-radius:0 0 14px 14px!important;background:rgba(248,251,250,.97)!important;backdrop-filter:blur(10px)}
.memberRecordHero{margin:0!important}
.memberWorkspaceGrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:12px;align-items:start}
.memberCurrentDataCard,.memberAdminActionsCard,.memberEditCard,.memberRecordWorkspace .photoManagerCard,.memberRecordWorkspace .relatedCard{margin:0!important}
.memberSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.memberSectionHead h3{margin:2px 0 0;color:#241b16;font-size:22px}
.memberSectionHead .hint{margin:4px 0 0;font-size:12px}
.memberDataGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.memberDataGrid .profileLine{display:grid;grid-template-columns:minmax(90px,.75fr) minmax(0,1.25fr);align-items:center;gap:8px;margin:0;padding:9px 10px;border:1px solid #e5eeea;border-radius:12px;background:#fffcf6}
.memberDataGrid .profileLine b{font-size:11px;color:#61766e}
.memberDataGrid .profileLine span{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;text-align:start}
.memberPrimaryActions{grid-template-columns:repeat(3,minmax(0,1fr))}
.memberEditGrid .fieldBlock{margin:0}
.memberEditGrid .fieldBlock>b{display:block;margin:0 0 5px;color:#315b50;font-size:12px}
.memberEditGrid input,.memberEditGrid select{margin:0}
.memberEditSaveBar{position:sticky;bottom:-14px;z-index:5;display:grid;grid-template-columns:2fr 1fr;gap:8px;margin:12px -14px -14px;padding:10px 14px;background:rgba(255,255,255,.96);border-top:1px solid #e5eeea;backdrop-filter:blur(8px)}
.memberEditSaveBar .btn{margin:0}

/* Dense mobile queues: preserve meaning, avoid vertical labels. */
.segmented{display:flex!important;grid-template-columns:none!important;overflow-x:auto;gap:7px;scrollbar-width:none;scroll-snap-type:x proximity}
.segmented::-webkit-scrollbar{display:none}
.segmented button{flex:0 0 auto;min-width:max-content;white-space:nowrap;padding-inline:16px;scroll-snap-align:start}
.dashboardHeaderCard{gap:10px}
.dashboardHeaderCard>.row{flex:0 0 auto}
.eventAdminCard:not(.recordWorkspaceOnly) .eventCover{aspect-ratio:16/7;max-height:180px!important}

@media(max-width:820px){
  .adminHeaderTitle small,.adminHeaderTitle h1{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .adminHeaderTitle h1{font-size:17px!important;line-height:1.18}
  .adminHeaderTitle small{font-size:10px;line-height:1.15;-webkit-line-clamp:1}
  .memberWorkspaceGrid{grid-template-columns:1fr}
  .memberPrimaryActions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .memberRecordWorkspace{top:64px!important}
}
@media(max-width:520px){
  .memberRecordWorkspace{padding:10px 8px 30px!important}
  .memberRecordContent{gap:9px}
  .memberWorkspaceTop{top:-10px;margin:-10px -8px 0!important;padding:8px!important}
  .memberWorkspaceTop>span{display:none}
  .memberWorkspaceTop .smallbtn{width:100%}
  .memberDetailHero.memberRecordHero{padding:12px!important}
  .memberRecordHero .detailIdentity{align-items:center}
  .memberRecordHero .detailIdentity img,.memberRecordHero .detailIdentity .avatar{width:64px;height:64px;border-radius:19px}
  .memberRecordHero .detailIdentity h3{font-size:23px}
  .memberPrimaryActions{grid-template-columns:1fr 1fr;gap:7px}
  .memberPrimaryActions .btn{min-height:44px;font-size:13px;padding:8px}
  .memberDataGrid{grid-template-columns:1fr}
  .memberDataGrid .profileLine{grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);padding:8px 9px}
  .memberSectionHead h3{font-size:20px}
  .memberAdminActionsCard{padding:12px!important}
  .memberAdminActionsCard h3{font-size:20px}
  .memberEditCard{padding:12px!important}
  .memberEditSaveBar{bottom:-10px;margin:10px -12px -12px;padding:9px 12px}
  .dashboardHeaderCard{padding:13px!important}
  .dashboardHeaderCard h3{font-size:22px!important;margin-block:4px!important}
  .dashboardHeaderCard .hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dashboardHeaderCard>.row{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto}
  .dashboardHeaderCard>.row .smallbtn{flex:0 0 auto;white-space:nowrap}
  .eventAdminCard:not(.recordWorkspaceOnly) .eventCover{aspect-ratio:16/8;max-height:145px!important}
}


/* v3.4.24 — cases, emergency and announcements queue-to-record workspaces */
.caseQueueIntro,.announcementQueueIntro{margin-top:2px}.caseQueueRow .memberThumbPlaceholder,.announcementQueueRow .memberThumbPlaceholder{font-size:20px}.emergencyQueueRow{border-color:#f2d6d6}.emergencyQueueRow:hover,.emergencyQueueRow:focus{border-color:#dc8f8f}.emergencyAvatar{background:#fff1f1!important;color:#991b1b!important;border-color:#fecaca!important;font-weight:950}.caseRecordWorkspace,.emergencyRecordWorkspace,.announcementRecordWorkspace{display:grid!important;gap:13px}.recordNarrative{padding:13px 14px;border:1px solid #e3ece8;border-radius:14px;background:#f9fbfa}.recordNarrative h4{margin:0 0 7px;color:#15483b}.recordNarrative p{margin:0;white-space:pre-wrap;line-height:1.75}.emergencyNarrative{border-color:#f2d6d6;background:#fffafa}.emergencyStageActions{border-color:#f3d7d7;background:#fff8f8}.announcementComposer:not([open]){padding-block:11px}.announcementQueueIdentity small{max-width:520px}.announcementRecordWorkspace .announcementMediaGrid{margin-top:0}.announcementRecordWorkspace .verifyStamp{justify-self:start}.caseRecordWorkspace .statusPill,.emergencyRecordWorkspace .statusPill{align-self:start}
@media(max-width:520px){.caseQueueIntro,.emergencyQueueIntro,.announcementQueueIntro{padding:12px}.caseQueueRow .adminQueueFacts,.emergencyQueueRow .adminQueueFacts,.announcementQueueRow .adminQueueFacts{grid-template-columns:repeat(3,minmax(0,1fr))}.caseRecordWorkspace,.emergencyRecordWorkspace,.announcementRecordWorkspace{padding:12px!important}.recordNarrative{padding:11px}.announcementRecordWorkspace .notifyMeta{grid-template-columns:1fr}.emergencyWorkspaceBack,.announcementWorkspaceBack{top:62px}}

/* v3.4.25 — mobile-first content workspace density, action priority and review clarity */
.announcementQueueFilters{margin:0 0 12px}.announcementQueueFilters button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.announcementQueueFilters button small{font-size:10px;opacity:.8}.announcementRecordWorkspace{width:min(100%,960px);gap:11px!important}.announcementRecordTop{align-items:center;justify-content:space-between!important;gap:10px}.announcementRecordTop>span{color:#71827b;font-size:11px;font-weight:900}.compactBackButton{width:auto!important;min-height:36px!important;padding:7px 11px!important;border-radius:11px!important;font-size:12px!important}.announcementWorkspaceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 0}.announcementWorkspaceHeader h3{margin:3px 0 7px!important;font-size:clamp(22px,4.6vw,30px)!important;line-height:1.28!important;letter-spacing:0!important;overflow-wrap:anywhere}.announcementStateRow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.announcementStateRow .verifyStamp{margin:0;padding:6px 9px;font-size:11px;line-height:1.2}.announcementActionBar{display:flex;gap:7px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px;border:1px solid #ead9bb;border-radius:14px;background:#f7faf8}.announcementActionBar::-webkit-scrollbar{display:none}.announcementActionBar .smallbtn{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.announcementEditPanel,.announcementWorkspaceSection{border:1px solid #e1ebe7;border-radius:16px;background:#fffcf6;padding:13px}.announcementEditPanel{background:#f6fbf8;border-color:#cfe4db}.announcementEditPanel .memberSectionHead,.announcementWorkspaceSection .memberSectionHead{margin-bottom:7px}.announcementEditPanel .memberSectionHead h3,.announcementWorkspaceSection .memberSectionHead h3{font-size:18px!important;margin:2px 0 0!important}.announcementEditPanel input,.announcementEditPanel select,.announcementEditPanel textarea{font-size:15px;min-height:46px;border-radius:13px;padding:11px 12px}.announcementEditPanel textarea{min-height:120px;line-height:1.7}.announcementNarrative{padding:13px 14px;background:#fff}.announcementNarrative h4{font-size:16px;margin-bottom:8px}.announcementNarrative p{font-size:15px!important;line-height:1.9!important;font-weight:700!important;color:#264a40;white-space:pre-wrap}.announcementWorkspaceSection .announcementMediaGrid{margin:2px 0 0}.announcementMetaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.announcementMetaGrid .profileLine{padding:9px 10px;border:1px solid #e7efec;border-radius:12px;background:#fff}.announcementMetaGrid .profileLine b{font-size:12px}.announcementMetaGrid .profileLine span{font-size:12px;direction:rtl;text-align:left;overflow-wrap:anywhere}.announcementReviewNote{grid-column:1/-1}.recordWorkspaceOnly>.memberCardTop h3,.recordWorkspaceOnly .memberCardTop h3{font-size:clamp(21px,4.8vw,28px);line-height:1.3}.recordWorkspaceOnly .recordNarrative p{max-width:78ch}
@media(max-width:520px){.announcementRecordWorkspace{padding:10px!important;gap:9px!important}.announcementRecordWorkspace .adminRecordWorkspaceTop{top:-10px;margin:-10px -10px 8px;padding:7px 10px;min-height:46px}.announcementRecordTop .compactBackButton{width:auto!important;min-height:34px!important;padding:6px 10px!important}.announcementWorkspaceHeader{padding:0 1px}.announcementWorkspaceHeader h3{font-size:23px!important;line-height:1.32!important;margin-bottom:6px!important}.announcementStateRow{gap:5px}.announcementActionBar{margin:0;padding:6px;border-radius:12px}.announcementActionBar .smallbtn{min-height:36px;padding:7px 10px;font-size:11px}.announcementEditPanel,.announcementWorkspaceSection{padding:10px;border-radius:14px}.announcementNarrative{padding:11px 12px}.announcementNarrative p{font-size:14px!important;line-height:1.85!important}.announcementMetaGrid{grid-template-columns:1fr}.announcementReviewNote{grid-column:auto}.announcementQueueFilters{padding-bottom:4px}.announcementQueueFilters button{min-width:max-content;padding-inline:13px!important}.recordWorkspaceOnly>.memberCardTop h3,.recordWorkspaceOnly .memberCardTop h3{font-size:22px!important;line-height:1.32!important}}

/* v3.4.26 — events + albums focused admin workflow */
.eventQueueIntro{margin-top:2px}.eventQueueStats{margin:0 0 10px}.eventQueueFilters{margin:0 0 12px}.eventQueueFilters button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:max-content}.eventQueueFilters button small{font-size:10px;opacity:.78}.eventQueueRow .adminQueueIdentity{align-items:center}.eventQueueThumb{width:54px;height:54px;min-width:54px;border:1px solid #dbe9e3;border-radius:15px;background:#faf4e9;overflow:hidden;display:grid;place-items:center;font-size:22px}.eventQueueThumb img{width:100%;height:100%;object-fit:cover;display:block}.eventWorkspaceList{grid-template-columns:1fr!important}.eventRecordWorkspace{width:min(100%,980px);display:grid!important;gap:11px!important}.eventWorkspaceCover{width:100%;max-height:280px;aspect-ratio:16/7;object-fit:cover;border-radius:17px;background:#faf4e9}.eventWorkspaceHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eventWorkspaceHeader h3{font-size:clamp(23px,4.8vw,31px)!important;line-height:1.28!important;margin:4px 0 7px!important}.eventStateRow{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.eventWorkspaceCounts{display:flex;gap:7px;flex:0 0 auto}.eventWorkspaceCounts span{min-width:58px;padding:7px 8px;border:1px solid #ead9bb;border-radius:12px;background:#fffcf6;text-align:center}.eventWorkspaceCounts b,.eventWorkspaceCounts small{display:block}.eventWorkspaceCounts b{font-size:18px;color:#241b16}.eventWorkspaceCounts small{font-size:9px;color:#72847d}.eventActionBar{display:flex;gap:7px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:7px;border:1px solid #ead9bb;border-radius:14px;background:#f7faf8}.eventActionBar::-webkit-scrollbar{display:none}.eventActionBar .smallbtn{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:12px}.eventWorkspaceSection,.eventEditPanel{border:1px solid #e1ebe7;border-radius:16px;background:#fffcf6;padding:13px}.eventEditPanel{background:#f6fbf8;border-color:#cfe4db}.eventNarrative{margin-top:10px;background:#fff}.eventNarrative p{font-size:14px;line-height:1.85;color:#264a40;font-weight:700}.eventAlbumPreviewSection .memberSectionHead{margin-bottom:8px}.eventAlbumStats{margin:6px 0 9px}.eventInlineUpload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:8px 0 10px!important}.eventInlineUpload .filePicker{margin:0}.eventWorkspaceAlbumGrid{margin:6px 0 0}.eventWorkspaceAlbumGrid .albumItem{position:relative}.eventWorkspaceAlbumGrid .coverAction{width:100%;margin-top:5px}.eventAlbumBack{width:min(100%,980px);margin-inline:auto;margin-bottom:10px}.adminEventAlbumHero{width:min(100%,980px);margin-inline:auto}.eventAlbumUploadCard{width:min(100%,980px);margin-inline:auto}.eventAlbumManagerGrid{width:min(100%,980px);margin-inline:auto}.coverMediaItem{border-color:#8bc8af;box-shadow:0 0 0 2px rgba(5,110,82,.08),0 8px 18px rgba(4,47,36,.05)}.coverMediaBadge{position:absolute;z-index:2;top:13px;right:13px;border-radius:999px;padding:5px 8px;background:rgba(5,78,59,.92);color:#fff;font-size:10px;font-weight:950}.eventAlbumManagerGrid .albumItem{position:relative}.eventMediaActions{display:grid!important;grid-template-columns:1fr!important}.eventAlbumTools{width:min(100%,980px);margin-inline:auto}.eventToolSection{padding:6px 0}.eventToolSection+.eventToolSection{border-top:1px solid #e3ece8;margin-top:12px;padding-top:15px}.eventRecordTop{width:min(100%,980px)}
@media(max-width:520px){.eventQueueIntro{padding:12px}.eventQueueThumb{width:48px;height:48px;min-width:48px;border-radius:13px}.eventQueueRow .adminQueueFacts{grid-template-columns:repeat(3,minmax(0,1fr))}.eventRecordWorkspace{padding:10px!important;gap:9px!important}.eventRecordTop{top:62px}.eventWorkspaceCover{max-height:180px;aspect-ratio:16/8;border-radius:14px}.eventWorkspaceHeader{display:grid;gap:8px}.eventWorkspaceHeader h3{font-size:23px!important}.eventWorkspaceCounts{justify-content:flex-start}.eventActionBar{padding:6px;border-radius:12px}.eventActionBar .smallbtn{min-height:36px;padding:7px 10px;font-size:11px}.eventWorkspaceSection,.eventEditPanel{padding:10px;border-radius:14px}.eventInlineUpload{grid-template-columns:1fr}.eventInlineUpload .smallbtn{width:100%}.eventWorkspaceAlbumGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.adminEventAlbumHero,.eventAlbumUploadCard,.eventAlbumManagerGrid,.eventAlbumTools{width:100%}.coverMediaBadge{top:10px;right:10px;font-size:9px}.eventAlbumBack{top:62px}}


/* v3.4.27 China Guide dedicated detail experience */
.guideDetailBack{display:flex;margin:0 0 10px}.guideDetailPageCard{padding:0;overflow:hidden}.guideDetailHeroMedia{margin:0;background:#faf4e9;max-height:420px;overflow:hidden}.guideDetailHeroMedia img{width:100%;height:min(54vw,420px);min-height:220px;object-fit:cover;display:block}.guideDetailHeroBody{padding:18px}.guideDetailBadges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guideVerifiedBadge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#fdf6ea;color:#076444;font-size:12px;font-weight:950}.guideDetailHeroBody h1{margin:10px 0 8px;color:#241b16;font-size:clamp(26px,6vw,38px);line-height:1.2}.guideDetailLead{margin:0;color:#50655d;line-height:1.75;font-size:16px}.guideDetailPrimaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.guideDetailPrimaryGrid .btn{margin:0;min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center}.guideMapPrimary{font-weight:950}.guideDetailSection{padding:16px}.guideDetailSectionHead{display:flex;gap:10px;align-items:center;margin-bottom:10px}.guideDetailSectionHead>span{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fdf6ea;font-size:20px}.guideDetailSectionHead h3{margin:0;color:#241b16;font-size:19px}.guideDetailSectionHead small{display:block;color:#64748b;margin-top:2px}.guideAddressText,.guideDetailDescription{margin:0 0 12px;line-height:1.85;color:#263a33;white-space:pre-wrap;overflow-wrap:anywhere}.guideAddressText{font-size:17px;font-weight:750}.guideContactList{display:grid;gap:8px}.guideContactRow{width:100%;border:1px solid #dcebe5;background:#fff;border-radius:15px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;color:#263a33;text-align:inherit;font:inherit}.guideContactRow span{font-weight:850}.guideContactRow b{color:#06704a;overflow-wrap:anywhere;text-align:left}.guideVerificationCard p{margin:0;color:#50655d;line-height:1.7}.guideDetailReport{margin-top:12px}.guideDetailReport textarea{min-height:100px}.guideDetailPageCard+.guideDetailSection,.guideDetailSection+.guideDetailSection{margin-top:12px}
@media(max-width:520px){.guideDetailPrimaryGrid{grid-template-columns:1fr 1fr}.guideDetailHeroBody{padding:15px}.guideDetailSection{padding:14px}.guideContactRow{align-items:flex-start;flex-direction:column;gap:4px}.guideContactRow b{text-align:right}.guideDetailHeroMedia img{height:58vw;min-height:190px}.guideActions.row{gap:7px}.guideItemCard .guideCardOpen{grid-template-columns:76px 1fr;gap:11px}.guideItemImg{width:76px;height:76px;border-radius:18px}}

/* v3.4.32 unified content detail experience */
.contentQueueCard{display:block;width:100%;text-align:right;border:0;cursor:pointer;color:inherit;background:var(--card,#fff)}
.contentQueueCard .contentQueueExcerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8}
.contentDetailPage .guideDetailHeroBody{min-width:0}.contentDetailPage h1{overflow-wrap:anywhere}.announcementDetailPage .announcementBody{white-space:pre-wrap;line-height:2;overflow-wrap:anywhere}.announcementPdfTile{display:grid;place-items:center;min-height:110px;font-weight:800;background:#f4f5f7;border-radius:12px}.contentDetailSkeleton{min-height:180px}
@media(max-width:640px){.contentQueueCard{padding:16px}.contentDetailPage .guideDetailPrimaryGrid{grid-template-columns:1fr}.contentDetailPage .guideDetailDescription,.announcementDetailPage .announcementBody{font-size:15px;line-height:1.95}.guideDetailPageCard,.guideDetailSection{overflow:hidden}.announcementMediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.4.33 unified public content queue/detail contract */
.contentQueueList{align-items:start}.announcementQueueCard .guideItemImg.icon,.officialCircularItem .guideItemImg.icon{background:linear-gradient(180deg,#f4fbf7,#eaf6f0)}.contentQueueCard .guideCardOpen{min-height:118px}.contentQueueCard .contentQueueExcerpt{margin-bottom:6px}.contentQueueCard .guideActions{border-top:1px solid #edf4f1;padding-top:10px}.contentQueueCard .guideActions .smallbtn{width:100%;justify-content:center;text-align:center}@media(max-width:520px){.contentQueueCard .guideCardOpen{grid-template-columns:64px 1fr;gap:10px;padding:12px}.contentQueueCard .guideItemImg{width:64px;height:64px;border-radius:17px}.contentQueueCard h3{font-size:20px}.contentQueueCard .contentQueueExcerpt{-webkit-line-clamp:2;line-height:1.65}}

/* v3.4.34 Visitor Analytics */
.visitorMetricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.visitorMetric{display:flex;flex-direction:column;gap:5px;min-height:112px;justify-content:center}
.visitorMetric span{font-weight:800;color:#315b50}.visitorMetric b{font-size:2rem;line-height:1;color:#241b16}.visitorMetric small{color:#6b7f78}
.visitorAnalyticsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.visitorPanel{overflow:hidden}.visitorCoverage{color:#64748b;font-weight:700}
.visitorCountryRows,.visitorPageRows,.visitorRecentRows{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.visitorCountryRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(6,78,59,.09)}
.visitorCountryRow:last-child,.visitorPageRow:last-child,.visitorRecentRow:last-child{border-bottom:0}
.visitorFlag{font-size:1.45rem;line-height:1;text-align:center}.visitorCountryRow div,.visitorRecentRow div,.visitorPageRow div{min-width:0}.visitorCountryRow b,.visitorRecentRow b,.visitorPageRow b{display:block;color:#0b4b3b}.visitorCountryRow small,.visitorRecentRow small,.visitorPageRow small{display:block;color:#6b5b4a;margin-top:2px}
.visitorCountryRow strong{font-size:1.15rem;color:#0b4b3b}.visitorCountryRow em{font-style:normal;font-size:.78rem;color:#64748b;min-width:45px;text-align:left}
.countryTrend.up{color:#0f7a51}.countryTrend.down{color:#b45309}.countryTrend.flat{color:#64748b}
.visitorPageRow{display:grid;grid-template-columns:minmax(0,1fr) 80px 70px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(6,78,59,.09)}
.visitorPageRow>span{text-align:center}.visitorPageRow>span strong{display:block;color:#241b16}.visitorPageRow>span small{font-size:.72rem}
.visitorRecentRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(6,78,59,.09)}
.visitorRecentRow time{font-size:.8rem;color:#64748b;white-space:nowrap}
@media (max-width:760px){.visitorMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visitorMetric{min-height:96px}.visitorMetric b{font-size:1.7rem}.visitorAnalyticsGrid{grid-template-columns:1fr;gap:10px}.visitorCountryRow{grid-template-columns:36px minmax(0,1fr) auto}.visitorCountryRow em{grid-column:3;font-size:.72rem}.visitorPageRow{grid-template-columns:minmax(0,1fr) 64px 58px}.visitorRecentRow{grid-template-columns:34px minmax(0,1fr)}.visitorRecentRow time{grid-column:2;font-size:.72rem}.visitorAnalyticsHero .adminOverviewHeroSide{min-width:120px}}

/* v3.4.35 destructive member lifecycle actions */
.memberDangerZone{margin-top:14px;padding:14px;border:1px solid rgba(180,35,35,.28);border-radius:14px;background:rgba(180,35,35,.05)}
.memberDangerZone>b{display:block;margin-bottom:6px}
.memberDangerZone .hint{margin:0 0 10px;line-height:1.7}
.permanentDeleteButton{width:100%}
@media (max-width:640px){.memberDangerZone{padding:12px}.permanentDeleteButton{min-height:44px}}

/* v3.4.35-hotfix.4 — runtime safety, upload progress and procurement mobile layout */
.globalUploadProgress{position:fixed;z-index:1100;left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));max-width:620px;margin-inline:auto;padding:11px 13px;border:1px solid #b8d9cc;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 14px 40px rgba(4,47,36,.2);backdrop-filter:blur(10px)}
.globalUploadHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#241b16;font-weight:900}.globalUploadHead span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.globalUploadHead b{flex:0 0 auto;font-variant-numeric:tabular-nums}.globalUploadTrack{height:8px;overflow:hidden;border-radius:999px;background:#e5f0eb}.globalUploadTrack i{display:block;height:100%;min-width:3%;border-radius:inherit;background:#a4110a;transition:width .14s ease}.globalUploadTrack i.indeterminate{width:36%!important;animation:gzcUploadPulse 1.05s ease-in-out infinite alternate}@keyframes gzcUploadPulse{from{transform:translateX(-75%)}to{transform:translateX(190%)}}
.procurementUploadBox{display:grid;gap:10px}.procurementUploadBox .memberSectionHead{margin:0}.procurementUploadBox .fieldLabel{display:grid;gap:6px}.procurementUploadBox .fieldLabel>span{font-size:12px;font-weight:900;color:#526960}.procurementUploadBox .filePicker{margin:0}.procurementUploadBox .btn{margin:0}
.procurementWorkspace input,.procurementWorkspace select,.procurementWorkspace textarea{width:100%;min-width:0;box-sizing:border-box}.procurementWorkspace h3,.procurementWorkspace p,.procurementWorkspace b,.procurementWorkspace span,.procurementWorkspace small{word-break:normal}.procurementWorkspace .adminProcessTimeline b{overflow-wrap:break-word;line-height:1.35;max-width:100%}.procurementWorkspace .memberCardTop>div{min-width:0}.procurementWorkspace .infoGrid>*{min-width:0}
@media(max-width:820px){
  .dashboardHeaderCard{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;justify-content:stretch!important}
  .dashboardHeaderCard>div:first-child{min-width:0;width:100%}.dashboardHeaderCard h3,.dashboardHeaderCard p{word-break:normal!important;overflow-wrap:break-word!important}
  .dashboardHeaderCard>.row{width:100%!important;min-width:0!important;margin-top:2px}
  .adminRecordWorkspace .adminWorkspaceBackBar{position:static!important;top:auto!important;margin:0 0 10px!important;backdrop-filter:none!important;background:#fffcf6!important}
  .procurementWorkspace .procurementAssignment{grid-template-columns:1fr!important}.procurementWorkspace .procurementAssignment .smallbtn{width:100%}
  .procurementWorkspace .offerPublishHead{display:grid;grid-template-columns:1fr;gap:6px}.procurementWorkspace .offerPublishHead>span{justify-self:start}
  .procurementWorkspace>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.procurementWorkspace>.row .smallbtn{width:100%;min-width:0;white-space:normal}
}
@media(max-width:520px){
  .globalUploadProgress{left:9px;right:9px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:10px 11px;border-radius:14px}.globalUploadHead{font-size:12px}
  .dashboardHeaderCard{padding:12px!important}.dashboardHeaderCard .hint{-webkit-line-clamp:3!important;line-height:1.55}.dashboardHeaderCard>.row{overflow-x:auto!important}
  .procurementWorkspace{padding:10px 8px 28px!important;gap:10px!important}.procurementWorkspace .memberCardTop{display:grid;grid-template-columns:1fr;gap:8px}.procurementWorkspace .statusPill{justify-self:start}.procurementWorkspace .adminProcessTimeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;margin:10px 0 12px}.procurementWorkspace .adminProcessTimeline span{min-width:0;font-size:10px}.procurementWorkspace .adminProcessTimeline b{font-size:11px;white-space:normal}.procurementWorkspace>.row{grid-template-columns:1fr}.procurementUploadBox{padding:11px!important}.procurementUploadBox .filePicker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.procurementUploadBox .filePicker em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.procurementWorkspace .offerAmountGrid,.procurementWorkspace .formTwo{grid-template-columns:1fr!important}
}


/* v3.4.36 — runtime contract and local resource fallback */
img.gzcResourceFallback{object-fit:contain!important;background:#f3f7f5!important;padding:8px!important}
video.gzcResourceFallback[data-resource-error="1"]{background:#0f172a!important;object-fit:contain!important}
audio.gzcResourceFallback[data-resource-error="1"]{opacity:.72!important}


/* v3.4.37 — Procurement / Orders mobile operations UX */
.operationsFilters{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;gap:7px!important;overflow:visible!important;scroll-snap-type:none!important;max-width:100%;padding:7px!important}
.operationsFilters button{min-width:0!important;width:100%!important;white-space:normal!important;padding:9px 10px!important;line-height:1.35!important;min-height:44px!important;scroll-snap-align:none!important}
.codeToken{display:inline-block;max-width:100%;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900;letter-spacing:.02em;word-break:normal;overflow-wrap:anywhere}
.codeToken.requestCode,.codeToken.orderCode{font-size:13px;line-height:1.45;color:#07513f;background:#fdf6ea;border:1px solid #d7eae2;border-radius:10px;padding:5px 8px;margin:0 0 4px}
.codeToken.inlineCode{font-size:.92em;padding:0;background:transparent;border:0;margin:0;color:inherit}
.procurementRequestItem{display:grid!important;gap:5px!important;min-width:0!important;max-width:100%;overflow:hidden;text-align:right!important;align-items:start!important}
.procurementRequestItem .requestTitle{display:block;min-width:0;max-width:100%;font-size:16px;line-height:1.5;word-break:normal;overflow-wrap:break-word}
.procurementRequestItem>small,.procurementRequestItem>p{min-width:0;max-width:100%;word-break:normal;overflow-wrap:break-word;margin:0}
.customerOrderItem{min-width:0;max-width:100%;overflow:hidden}
.customerOrderItem>div{min-width:0;max-width:100%}
.customerOrderItem b,.customerOrderItem span,.customerOrderItem small{word-break:normal!important;overflow-wrap:break-word!important}
.customerOrderItem .codeToken{overflow-wrap:anywhere!important}
.adminRecordWorkspace.procurementWorkspace,.adminRecordWorkspace.adminOrderDetail{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-x:none!important;max-width:100vw!important}
.memberProcurementWorkspace{right:0!important}
.procurementWorkspace,.customerOrderDetail,.operationsOrderWorkspace{min-width:0;max-width:100%}
.procurementWorkspace>* ,.customerOrderDetail>* ,.operationsOrderWorkspace>*{min-width:0;max-width:100%}
.procurementWorkspace .workspaceTitle,.operationsOrderWorkspace h3,.adminOrderDetail h3{word-break:normal!important;overflow-wrap:break-word!important;line-height:1.35!important}
.recordNarrative{white-space:pre-wrap;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.8;color:#314d44}
.operationsNextAction{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;align-items:center;border:1px solid #cfe4db;border-radius:17px;padding:12px 13px;background:#f7fbf9;margin:4px 0 10px;overflow:hidden}
.operationsNextAction>span{grid-row:1/3;align-self:start;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 9px;background:#e8f6f0;color:#07553f;font-size:11px;font-weight:950;white-space:nowrap}
.operationsNextAction>div{display:grid;gap:2px;min-width:0}.operationsNextAction>div b{font-size:16px;line-height:1.4;color:#1c140f;word-break:normal;overflow-wrap:break-word}.operationsNextAction>div small{color:#62756d;font-size:12px}.operationsNextAction>p{grid-column:2;margin:0;color:#5e7169;font-size:12px;line-height:1.55;font-weight:800;word-break:normal;overflow-wrap:break-word}
.operationsNextAction.member{border-color:#e7cf8e;background:#fffaf0}.operationsNextAction.member>span{background:#fff1c7;color:#7a5311}.operationsNextAction.smt{border-color:#a9dac7;background:#f0faf5}.operationsNextAction.done{border-color:#9fd7ba;background:#edf9f2}.operationsNextAction.danger{border-color:#fecaca;background:#fff5f5}.operationsNextAction.danger>span{background:#fee2e2;color:#991b1b}
.decisionDocumentList{display:grid;gap:8px;margin:2px 0}.decisionDocument{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #d8e7e1;background:#fff;border-radius:14px;padding:10px 11px;min-width:0}.decisionDocument>div{display:grid;gap:2px;min-width:0}.decisionDocument b,.decisionDocument small{min-width:0;word-break:normal;overflow-wrap:break-word}.decisionDocument small{color:#687a73}.decisionDocument .smallbtn{margin:0;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.compactHint{margin:3px 0 0!important;font-size:11px!important;line-height:1.45!important}
.memberProcurementUpload{margin-top:12px}.memberProcurementUpload .filePicker{margin:0}.memberProcurementUpload .btn{margin:0}.procurementDocumentRow{min-width:0;overflow:hidden}.procurementDocumentRow>span{word-break:normal;overflow-wrap:break-word}
.memberDetailBack{display:flex;justify-content:flex-start;margin:-3px 0 2px}.memberDetailBack .smallbtn{min-height:42px}
.orderAdminActions>*{min-width:0}.orderAdminActions span{word-break:normal;overflow-wrap:break-word}
.procurementWorkspace .infoGrid p,.customerOrderDetail .infoGrid p{min-width:0}.procurementWorkspace .infoGrid p>* ,.customerOrderDetail .infoGrid p>*{min-width:0}
@media(max-width:640px){
  .operationsFilters{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:8px 0 10px!important}
  .operationsFilters button{font-size:12px!important;padding:8px 7px!important}
  .procurementWorkspace,.customerOrderDetail{gap:10px!important}
  .procurementWorkspace .memberCardTop,.customerOrderDetail .memberCardTop{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
  .procurementWorkspace .statusPill,.customerOrderDetail .statusPill{justify-self:start!important}
  .procurementWorkspace .infoGrid,.customerOrderDetail .infoGrid{grid-template-columns:1fr!important;gap:7px!important}
  .procurementWorkspace .infoGrid p,.customerOrderDetail .infoGrid p{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;align-items:start!important;padding:10px!important}
  .procurementWorkspace .infoGrid b,.customerOrderDetail .infoGrid b{white-space:normal!important}
  .operationsNextAction{grid-template-columns:1fr;gap:7px;padding:11px}.operationsNextAction>span{grid-row:auto;justify-self:start}.operationsNextAction>p{grid-column:1}.operationsNextAction>div b{font-size:15px}
  .decisionDocument{grid-template-columns:1fr;gap:8px}.decisionDocument .smallbtn{width:100%}
  .offerDecisionCard,.offerPublishForm,.offerWaitingCard,.orderMoneyCard{padding:11px!important;border-radius:16px!important}
  .offerDecisionHead{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.offerDecisionHead .offerTotal{justify-self:start!important;font-size:20px!important}
  .offerBreakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}.offerBreakdown>span{padding:9px 7px!important}
  .orderProgress{grid-template-columns:1fr!important}.orderProgress span{min-width:0}
  .customerOrderItem{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:11px!important}.customerOrderItem>div:last-child{text-align:right!important;justify-items:start!important}
  .customerOrderItem strong{font-size:16px!important}
  .procurementRequestItem{padding:12px!important}
  .adminRecordWorkspace.procurementWorkspace,.adminRecordWorkspace.adminOrderDetail{padding-left:10px!important;padding-right:10px!important}
  .memberProcurementUpload .filePicker{grid-template-columns:1fr!important}.memberProcurementUpload .filePicker span,.memberProcurementUpload .filePicker em{text-align:center!important;white-space:normal!important}
}
@media(max-width:390px){
  .operationsFilters{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .offerBreakdown{grid-template-columns:1fr!important}
  .codeToken.requestCode,.codeToken.orderCode{font-size:11px;padding:5px 7px}
}

/* v3.4.39 WhatsApp Notification Control Center */
.waPolicyCard .collapseBody{display:grid;gap:12px}.waPolicyMaster{display:grid;gap:6px;padding:14px;border:1px solid #b7e3d1;background:#f4fffa;border-radius:18px}.waPolicyMaster .check{font-size:17px;font-weight:950;color:#241b16}.waPolicyMaster small{color:#64746f;line-height:1.6}.waPolicyDomain{border:1px solid #e0ebe6;border-radius:18px;background:#fff;overflow:hidden}.waPolicyDomainHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#f7fbf9;border-bottom:1px solid #e8f0ec}.waPolicyDomainHead>div{display:grid;gap:2px}.waPolicyDomainHead b{font-size:17px;color:#241b16}.waPolicyDomainHead small{font-size:12px;color:#73817c}.switchMini{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:950;color:#3a2a1e}.switchMini input{width:20px;height:20px}.waPolicyEvent{padding:12px 14px;border-bottom:1px solid #edf2ef;display:grid;gap:9px;transition:opacity .15s ease}.waPolicyEvent:last-child{border-bottom:0}.waPolicyEvent.muted{opacity:.55}.waPolicyEventTitle{display:grid;gap:4px}.waPolicyEventTitle .check{font-weight:900;color:#163c31}.waPolicyEventTitle small{font-size:10px;color:#82908b;overflow-wrap:anywhere}.waAudienceSwitches{display:flex;gap:12px;flex-wrap:wrap;padding-inline-start:28px}.waAudienceSwitches .check{font-size:13px;color:#52635d}.waPolicyTest{border-top:1px solid #ead9bb;padding-top:12px}.waPolicyTest h4{margin:0 0 8px;color:#241b16}.waPolicyTest .editGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.waPolicyTest select,.waPolicyTest input{min-height:48px}.waPolicyTest .btn{grid-column:1/-1;margin:0}@media(max-width:430px){.waPolicyDomainHead{align-items:flex-start}.waPolicyEvent{padding:11px}.waAudienceSwitches{padding-inline-start:0}.waPolicyTest .editGrid{grid-template-columns:1fr}.waPolicyTest .btn{grid-column:auto}}

/* v3.4.39 — Offer Delivery & Read Assurance */
.offerDeliveryAssurance{margin-top:18px;padding:16px;border:1px solid #d6e5df;border-radius:18px;background:#fff}
.offerDeliveryHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.offerDeliveryHead h4{margin:3px 0 0;font-size:1.05rem}
.deliverySteps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deliveryStep{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e3ebe8;border-radius:14px;background:#f8faf9;min-width:0}.deliveryStep>i{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;font-style:normal;font-weight:800;background:#e8efec;color:#53655e}.deliveryStep.done>i{background:#0f6b50;color:#fff}.deliveryStep.waiting>i{background:#fff1d6;color:#8a6517}.deliveryStep span{display:flex;min-width:0;flex-direction:column;gap:3px}.deliveryStep b{overflow-wrap:normal;word-break:normal}.deliveryStep small{color:#6c7c76;line-height:1.45}.offerDeliveryActions{margin-top:12px}.memberOfferPreview{margin-top:14px;padding:14px;border-radius:16px;background:#f3faf7;border:1px dashed #9dcab9}.memberOfferPreview h4{margin:4px 0 10px}.memberOfferPreview p{white-space:pre-wrap;overflow-wrap:break-word}.memberOfferPreview .offerTotal{font-size:1.15rem}
@media(max-width:640px){.offerDeliveryHead{flex-direction:column}.offerDeliveryHead .smallbtn{width:100%}.deliverySteps{grid-template-columns:1fr}.offerDeliveryActions{display:grid;grid-template-columns:1fr}.offerDeliveryActions .smallbtn{width:100%}.deliveryStep{padding:11px}.deliveryStep>i{flex-basis:32px;height:32px}}

/* v3.4.43 Order Evidence & Milestone Timeline */
.orderMilestoneComposer,.orderEvidenceUploader{display:grid;gap:12px;border:1px solid #cfe3da;border-radius:18px;padding:14px;background:linear-gradient(145deg,#fbfffd,#f1f8f5)}
.orderMilestoneComposer h3,.orderEvidenceUploader h3{margin:4px 0;color:#241b16}
.orderTimelineHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 8px}.orderTimelineHead h3{margin:4px 0 0}.orderTimelineHead>span{font-size:12px;font-weight:900;color:#5f756c;white-space:nowrap}
.orderTimelineBody{min-width:0}.orderTimelineTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.orderTimelineTitle>b{min-width:0;overflow-wrap:break-word;word-break:normal}.evidenceBadge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#e8f5ef;color:#075b47;font-size:11px;font-weight:950;white-space:nowrap}
.orderEvidenceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;margin-top:10px}.orderEvidenceCard{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #d9e8e2;background:#fff;border-radius:14px;padding:8px;text-decoration:none;color:inherit;min-width:0;overflow:hidden}.orderEvidenceCard img{width:64px;height:54px;object-fit:cover;border-radius:10px;background:#eef5f2}.orderEvidenceCard>span{min-width:0;display:grid;gap:2px}.orderEvidenceCard b,.orderEvidenceCard small{min-width:0;overflow-wrap:break-word;word-break:normal}.orderEvidenceCard b{color:#241b16}.orderEvidenceCard small{color:#6d7e77}.orderEvidenceIcon{width:64px;height:54px;display:grid;place-items:center;border-radius:10px;background:#e9f4ef;color:#3a2a1e;font-weight:950}
.adminEvidenceCard{grid-template-columns:minmax(0,1fr) auto;gap:7px}.adminEvidenceCard>a{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:9px;text-decoration:none;color:inherit;min-width:0}.tinyDanger,.tinyLink{border:0;background:transparent;font:inherit;font-size:11px;font-weight:950;cursor:pointer;padding:5px 7px;border-radius:8px}.tinyDanger{background:#fff1f1;color:#9f1d1d}.tinyLink{margin-top:7px;color:#45665a}.dangerText{color:#9f1d1d}
.adminEvidenceTimeline .orderTimelineItem{padding-bottom:18px}
@media(max-width:720px){.orderTimelineHead,.orderTimelineTitle{display:grid;justify-content:stretch}.orderTimelineHead>span,.evidenceBadge{justify-self:start}.orderEvidenceGrid{grid-template-columns:1fr}.adminEvidenceCard{grid-template-columns:1fr}.adminEvidenceCard .tinyDanger{justify-self:start}.orderMilestoneComposer,.orderEvidenceUploader{padding:12px}}
@media(max-width:460px){.orderEvidenceCard,.adminEvidenceCard>a{grid-template-columns:52px minmax(0,1fr)}.orderEvidenceCard img,.orderEvidenceIcon,.adminEvidenceCard>a img{width:52px;height:48px}}

/* v3.4.43 procurement/member operations UX */
.publicTopV2{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.publicTopV2 h2{min-width:0;margin:0;text-align:center;overflow-wrap:break-word}.memberTopBell{position:relative;width:42px;height:42px;border:1px solid #d9e9e2;border-radius:14px;background:#fff;color:#241b16;display:grid;place-items:center;font-size:18px}.memberTopBell b{position:absolute;top:-6px;left:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#b91c1c;color:#fff;display:grid;place-items:center;font-size:10px}.memberOpsNav .navIcon{position:relative}.navCounter{position:absolute;top:-7px;left:-10px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#b91c1c;color:#fff;display:grid;place-items:center;font-size:9px;line-height:1}.memberOrdersHeroV2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin:8px 0 12px;padding:22px;border-radius:28px;background:linear-gradient(145deg,#981d13,#08785a);color:#fff;box-shadow:0 16px 36px rgba(6,78,59,.16)}.memberOrdersHeroV2 h1{font-size:clamp(28px,7vw,42px);line-height:1.15;margin:7px 0}.memberOrdersHeroV2 p{margin:0;line-height:1.75;font-weight:800;color:#e6f6ef;max-width:62ch}.memberOrdersHeroV2 .vueBadge{background:rgba(255,255,255,.14);color:#fff}.memberOrderCreate{background:#fff!important;color:#241b16!important;min-width:150px;margin:0!important}.memberOpsNotice{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e4c875;background:#fff9e8;border-radius:18px;padding:13px 15px;margin:10px 0;cursor:pointer}.memberOpsNotice b,.memberOpsNotice span{display:block}.memberOpsNotice b{color:#6e4b0f}.memberOpsNotice span{font-size:12px;color:#806b42;margin-top:2px}.memberOpsNotice strong{color:#6e4b0f;white-space:nowrap;font-size:12px}.memberOrderStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.memberOrderStats button{border:1px solid #dcebe5;background:#fff;border-radius:17px;padding:12px 8px;display:grid;gap:3px;min-width:0;color:#50635c}.memberOrderStats button b{font-size:22px;color:#241b16}.memberOrderStats button span{font-size:11px;font-weight:900;line-height:1.3}.memberOrderStats button.active{border-color:#0a7658;background:#edf9f4;box-shadow:inset 0 0 0 1px #0a7658}.memberOrderStats button.attention b{color:#9a6709}.memberWorkflowList{display:grid;gap:10px}.memberWorkflowCard{width:100%;border:1px solid #ead9bb;background:#fff;border-radius:21px;padding:14px;text-align:right;display:grid;gap:11px;box-shadow:0 7px 20px rgba(15,78,58,.05)}.memberWorkflowCard.needsAction{border-color:#e6c96f;background:linear-gradient(180deg,#fffdf7,#fff)}.memberWorkflowCard.done{opacity:.82}.memberWorkflowCardTop{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.workflowType,.workflowState,.workflowUnread{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950}.workflowType{background:#eaf7f1;color:#07553f}.workflowState{background:#f2f5f4;color:#50625b}.workflowUnread{background:#b91c1c;color:#fff}.memberWorkflowIdentity{display:grid;gap:4px;min-width:0}.memberWorkflowIdentity .codeToken{justify-self:start}.memberWorkflowIdentity h3{margin:0;color:#1c140f;font-size:clamp(20px,5.5vw,28px);line-height:1.25;overflow-wrap:break-word}.memberWorkflowIdentity small{color:#697b74}.memberWorkflowAction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;border-top:1px solid #e8efec;padding-top:10px}.memberWorkflowAction span{font-weight:950;color:#4f625a;min-width:0}.memberWorkflowAction b{color:#241b16;white-space:nowrap}.memberWorkflowAction strong{grid-column:1/-1;color:#3a2a1e;font-size:12px}.memberWorkflowEmpty{text-align:center;padding:25px 16px}.memberNotificationsHero{display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(145deg,#f7fffb,#fdf6ea)}.memberNotificationsHero h2{font-size:clamp(24px,6vw,34px);margin:6px 0;color:#241b16}.memberNotificationsHero p{margin:0;color:#60736b;font-weight:800}.memberNotificationCount{flex:0 0 auto;width:86px;height:86px;border-radius:24px;background:#981d13;color:#fff;display:grid;place-items:center;align-content:center}.memberNotificationCount b{font-size:28px}.memberNotificationCount span{font-size:10px;font-weight:900}.memberNotificationToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.compactSegments{margin:0;grid-template-columns:1fr 1fr;min-width:220px}.memberNotificationList{display:grid;gap:9px}.memberNotificationItem{position:relative;width:100%;border:1px solid #ead9bb;border-radius:18px;background:#fff;padding:13px 14px 13px 16px;text-align:right;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px}.memberNotificationItem.unread{border-color:#91cdb5;background:#f3fbf7}.memberNotificationDot{width:9px;height:9px;margin-top:6px;border-radius:999px;background:#c7d6d0}.memberNotificationItem.unread .memberNotificationDot{background:#a4110a;box-shadow:0 0 0 4px #dff4eb}.memberNotificationMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.memberNotificationMeta b{color:#3a2a1e;font-size:11px}.memberNotificationMeta small{color:#82908b}.memberNotificationItem h3{margin:5px 0 3px;font-size:17px;color:#1c140f}.memberNotificationItem p{margin:0;color:#5d6f68;font-size:13px;line-height:1.6}.memberNotificationTarget{display:block;margin-top:7px;color:#3a2a1e;font-size:11px;font-weight:950}.accountOperationsHub{background:linear-gradient(180deg,#fff,#f6fcf9)}.accountOperationsGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.accountOperationsGrid button{border:1px solid #dcebe5;border-radius:17px;background:#fff;padding:13px;text-align:right;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 9px;align-items:center}.accountOperationsGrid button>span{grid-row:1/3;font-size:24px}.accountOperationsGrid b{color:#241b16;font-size:16px}.accountOperationsGrid small{color:#6c7c76;font-weight:800}.accountOperationsGrid button.attention{border-color:#e2c66c;background:#fffaf0}.workflowActionCard{display:grid;gap:6px;border:1px solid #b9dccc;border-radius:18px;padding:14px;background:#f3faf7;margin:7px 0 12px;overflow:visible!important;min-height:0!important}.workflowActionKicker{justify-self:start;background:#e1f3eb;color:#07553f;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:950}.workflowActionCard h3{margin:0!important;font-size:clamp(18px,5vw,24px)!important;line-height:1.35!important;color:#1c140f!important;overflow:visible!important}.workflowActionMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.workflowActionMeta b{color:#07553f}.workflowActionMeta small{color:#75867f}.workflowActionCard p{margin:0;color:#5d6f68;line-height:1.65;font-weight:800}.workflowActionCard.member{border-color:#e5ca79;background:#fffaf0}.workflowActionCard.smt{border-color:#9ed4bf;background:#f1fbf6}.workflowActionCard.done{border-color:#9ed4bf;background:#eef9f3}.workflowActionCard.danger{border-color:#fecaca;background:#fff5f5}.adminProcessStepperV2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0 14px}.adminProcessStepperV2 span{position:relative;display:grid;justify-items:center;gap:5px;text-align:center;min-width:0;color:#8b9893;font-size:10px;font-weight:900}.adminProcessStepperV2 i{width:30px;height:30px;border-radius:999px;background:#edf2f0;color:#6d7d77;display:grid;place-items:center;font-style:normal;font-weight:950}.adminProcessStepperV2 b{line-height:1.25;overflow-wrap:break-word}.adminProcessStepperV2 span.done{color:#07553f}.adminProcessStepperV2 span.done i{background:#a4110a;color:#fff}.adminProcessStepperV2 span.current i{box-shadow:0 0 0 4px #dff4eb}.adminAssignmentCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px;border:1px solid #e1ece7;background:#fffcf6;border-radius:16px;padding:12px;margin:10px 0}.adminAssignmentCard .fieldLabel{margin:0}.adminNextDecisionCard{border:1px solid #cfe2da;border-radius:18px;background:#f9fcfb;padding:13px;margin:13px 0;display:grid;gap:9px}.adminNextDecisionCard textarea{min-height:92px}.adminDecisionActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.adminDecisionActions .btn{margin:0;min-height:48px;white-space:normal;line-height:1.35}.adminMemberUpdatesCard{border:1px solid #d7e8e1;border-radius:18px;background:#fffcf6;padding:13px;margin:13px 0}.statusPill.warning{background:#fff3cf;color:#805b10}.memberUpdatePreview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;border-top:1px solid #e5eeea;padding:10px 0}.memberUpdatePreview>span{width:8px;height:8px;border-radius:999px;background:#c6d4ce;margin-top:6px}.memberUpdatePreview>span.unread{background:#c98a13;box-shadow:0 0 0 4px #fff2cf}.memberUpdatePreview b{display:block;color:#241b16}.memberUpdatePreview p{margin:3px 0;color:#5e7069;font-size:12px;line-height:1.55}.memberUpdatePreview small{color:#8a9893}.compactHistory{margin-top:5px}.compactHistory summary{cursor:pointer;color:#075f49;font-weight:950;padding:7px 0}
@media(max-width:620px){.memberOrdersHeroV2{grid-template-columns:1fr;padding:18px;border-radius:22px}.memberOrderCreate{width:100%}.memberOrderStats{grid-template-columns:1fr 1fr}.memberOpsNotice{align-items:flex-start;flex-direction:column}.memberWorkflowAction{grid-template-columns:1fr}.memberWorkflowAction b{white-space:normal}.memberWorkflowAction strong{grid-column:1}.memberNotificationsHero{align-items:flex-start}.memberNotificationCount{width:72px;height:72px;border-radius:20px}.memberNotificationToolbar{align-items:stretch;flex-direction:column}.compactSegments{min-width:0;width:100%}.accountOperationsGrid{grid-template-columns:1fr}.adminProcessStepperV2{grid-template-columns:1fr;gap:0;border-right:2px solid #dceae4;margin-right:14px;padding-right:0}.adminProcessStepperV2 span{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:right;align-items:center;gap:10px;padding:7px 0;margin-right:-16px}.adminProcessStepperV2 i{width:32px;height:32px}.adminProcessStepperV2 b{font-size:12px}.adminAssignmentCard{grid-template-columns:1fr}.adminAssignmentCard .smallbtn{width:100%}.adminDecisionActions{grid-template-columns:1fr}.workflowActionMeta{display:grid;grid-template-columns:1fr;gap:3px}}
.memberProcurementQuickActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.memberProcurementQuickActions .smallbtn{flex:1 1 150px}.memberProcurementListCard .memberSectionHead{margin-bottom:8px}


/* v3.4.43 — unified member procurement IA + release-fresh mobile operations */
.memberOrdersCommand{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:8px 0 12px;padding:18px 19px;border:1px solid #cfe6dc;border-radius:24px;background:linear-gradient(145deg,#f9fffc,#fdf6ea);box-shadow:0 10px 28px rgba(6,78,59,.08)}
.memberOrdersCommand h1{margin:4px 0;font-size:clamp(29px,7vw,40px);line-height:1.08;color:#1c140f}.memberOrdersCommand p{margin:0;color:#5f726a;font-weight:800;line-height:1.65}.memberOrdersCommand .memberOrderCreate{align-self:center;min-width:140px}
.memberOrderFilterRail{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2px 1px 9px;margin:2px 0 6px}.memberOrderFilterRail::-webkit-scrollbar{display:none}.memberOrderFilterRail button{flex:0 0 auto;min-width:92px;border:1px solid #dceae4;background:#fff;border-radius:16px;padding:9px 12px;display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:center;color:#5a6d65;font-weight:900}.memberOrderFilterRail button b{font-size:16px;color:#241b16}.memberOrderFilterRail button.active{border-color:#3a2a1e;background:#ecf8f2;color:#241b16;box-shadow:inset 0 0 0 1px #3a2a1e}.memberOrderFilterRail button.attention b{color:#9a6709}.memberWorkflowAction>small{grid-column:1/-1;color:#8a9792;font-size:10px;font-weight:900}.memberWorkflowAction span{font-size:14px}.memberWorkflowIdentity small{line-height:1.5}.memberWorkflowCard{content-visibility:auto;contain-intrinsic-size:210px}
.memberNewRequestPage{display:grid;gap:12px}.memberNewRequestHero{border:1px solid #cfe6dc;border-radius:24px;padding:18px;background:linear-gradient(145deg,#f7fffb,#ebf8f2)}.memberNewRequestHero h1{margin:8px 0 5px;color:#1c140f;font-size:clamp(27px,7vw,38px)}.memberNewRequestHero p{margin:0;color:#5f716a;font-weight:800;line-height:1.7}.memberNewRequestHero .smallbtn{float:left;margin-bottom:8px}.requestJourneyMini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.requestJourneyMini span{display:grid;justify-items:center;text-align:center;gap:5px;color:#6b7c75;font-size:10px;font-weight:900}.requestJourneyMini i{width:30px;height:30px;border-radius:999px;background:#e8f6f0;color:#3a2a1e;display:grid;place-items:center;font-style:normal;font-weight:950}.memberNewRequestForm{display:grid;gap:11px}.memberNewRequestForm .fieldLabel{margin:0}.memberNewRequestForm .fieldLabel>span{display:flex;align-items:center;gap:6px;font-weight:950;color:#214f42;margin-bottom:5px}.memberNewRequestForm .fieldLabel small{font-size:10px;color:#8a9892}.memberNewRequestForm textarea{min-height:120px}.newRequestActions{display:grid;grid-template-columns:1.3fr .9fr;gap:8px}.newRequestActions .btn{margin:0}.requestFormHint{border-top:1px solid #e4eee9;padding-top:10px;margin:0}
.accountOperationsPrimary{border-color:#b8ddcd;box-shadow:0 9px 26px rgba(6,78,59,.07)}.accountBellAction{position:relative;width:48px;height:48px;border:1px solid #d8e9e2;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:20px}.accountBellAction b{position:absolute;top:-6px;left:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#b91c1c;color:#fff;font-size:10px;display:grid;place-items:center}.accountBellAction.attention{border-color:#e4c56c;background:#fffaf0}.accountNotificationsPreview{display:grid;gap:4px}.accountNotificationRow{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-top:1px solid #ead9bb;background:transparent;padding:10px 3px;text-align:right}.accountNotificationRow.unread{background:#f3fbf7}.accountNotificationDot{width:8px;height:8px;border-radius:999px;background:#c7d7d0}.accountNotificationRow.unread .accountNotificationDot{background:#a4110a;box-shadow:0 0 0 4px #e0f4eb}.accountNotificationRow b{display:block;color:#241b16}.accountNotificationRow small{display:block;color:#7b8a84;margin-top:2px}.accountNotificationRow strong{color:#3a2a1e;font-size:11px}.compactPointsCard{padding-top:14px;padding-bottom:14px}.compactPointsCard h3{font-size:22px}.compactPointsCard .miniStats{margin-top:8px}
.adminProcessMap{border:1px solid #dceae4;border-radius:17px;background:#fffcf6;margin:9px 0 13px;overflow:hidden}.adminProcessMap>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;cursor:pointer}.adminProcessMap>summary::-webkit-details-marker{display:none}.adminProcessMap>summary>div{display:grid;gap:2px}.adminProcessMap>summary b{color:#241b16;line-height:1.35}.adminProcessMap>summary strong{color:#3a2a1e;font-size:11px;white-space:nowrap}.adminProcessStepperV3{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0 12px 13px}.adminProcessStepperV3 span{display:grid;justify-items:center;text-align:center;gap:5px;color:#8a9893;font-size:10px;font-weight:900;min-width:0}.adminProcessStepperV3 i{width:31px;height:31px;border-radius:999px;background:#edf2f0;color:#667a72;display:grid;place-items:center;font-style:normal;font-weight:950}.adminProcessStepperV3 b{line-height:1.3;overflow-wrap:normal;word-break:normal}.adminProcessStepperV3 span.done{color:#07553f}.adminProcessStepperV3 span.done i{background:#a4110a;color:#fff}.adminProcessStepperV3 span.current i{box-shadow:0 0 0 4px #dff4eb}.adminPrimaryActionCard{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr) auto;gap:10px;align-items:end;border:1px solid #a9dac7;border-radius:18px;background:#f0faf5;padding:12px 13px;margin:10px 0}.adminPrimaryActionCard>div:first-child{display:grid;gap:3px;align-self:center}.adminPrimaryActionCard>div:first-child b{font-size:16px;color:#241b16}.adminPrimaryActionCard>div:first-child small{color:#667970;line-height:1.45}.adminPrimaryActionFields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.adminPrimaryActionFields .fieldLabel{margin:0}.adminPrimaryActionFields textarea{min-height:62px}.adminPrimaryActionCard>.btn{margin:0;min-height:48px;white-space:normal}.procurementWorkspace,.memberProcurementWorkspace{overflow:visible!important}.procurementWorkspace .workspaceTitle,.memberProcurementWorkspace .workspaceTitle{overflow-wrap:break-word!important;word-break:normal!important}.adminRecordWorkspaceTop,.adminWorkspaceBackBar{position:relative;z-index:2}.workflowActionCard{position:relative;z-index:1}
@media(max-width:720px){.memberOrdersCommand{grid-template-columns:1fr;padding:15px;border-radius:20px}.memberOrdersCommand .memberOrderCreate{width:100%}.memberOrderFilterRail button{min-width:88px}.requestJourneyMini{grid-template-columns:repeat(5,72px);overflow-x:auto;justify-content:start;padding-bottom:4px}.newRequestActions{grid-template-columns:1fr}.adminProcessStepperV3{grid-template-columns:1fr 1fr;gap:7px}.adminProcessStepperV3 span{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:right;align-items:center}.adminPrimaryActionCard{grid-template-columns:1fr}.adminPrimaryActionFields{grid-template-columns:1fr}.adminPrimaryActionCard>.btn{width:100%}.accountNotificationsPreview{padding-inline:12px}.publicTopV2 h2{font-size:clamp(20px,6vw,28px);line-height:1.2}}


/* v3.4.43-hotfix.1 — Admin Procurement mobile typography/layout isolation */
.procurementWorkspace.recordWorkspaceOnly{display:flex!important;flex-direction:column!important;align-items:stretch!important;align-content:flex-start!important;gap:12px!important;grid-template-columns:none!important;grid-auto-flow:row!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}
.procurementWorkspace.recordWorkspaceOnly>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;float:none!important;transform:none!important;flex:0 0 auto!important}
.procurementWorkspace .adminWorkspaceBackBar,.procurementWorkspace .memberCardTop,.procurementWorkspace .workflowActionCard,.procurementWorkspace .adminAssignmentCard,.procurementWorkspace .adminPrimaryActionCard,.procurementWorkspace .adminProcessMap{position:static!important;inset:auto!important;z-index:auto!important;transform:none!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;margin-inline:0!important}
.procurementWorkspace .workflowActionCard{position:static!important;isolation:isolate!important;overflow:visible!important;contain:none!important;height:auto!important;min-height:0!important;margin-block:0!important;padding:14px!important;gap:7px!important;flex:0 0 auto!important}
.procurementWorkspace .workflowActionCard h3{max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important;white-space:normal!important}
.procurementWorkspace .workflowActionMeta{min-width:0!important;max-width:100%!important}
.procurementWorkspace .workflowActionMeta>*{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important}
.procurementWorkspace .adminAssignmentCard,.procurementWorkspace .adminPrimaryActionCard{margin-block:0!important}
.procurementWorkspace .adminProcessMap{overflow:hidden!important;contain:layout!important;background:#fffcf6!important}
.procurementWorkspace .adminProcessMap:not([open])>.adminProcessStepperV3{display:none!important}
.procurementWorkspace .adminProcessMap[open]>.adminProcessStepperV3{display:grid!important}
.procurementWorkspace .adminProcessStepperV3{position:static!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.procurementWorkspace .adminProcessStepperV3 span{position:static!important;inset:auto!important;transform:none!important;float:none!important;min-width:0!important;max-width:100%!important}
.procurementWorkspace .adminProcessStepperV3 b{white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}

@media(max-width:720px){
  .procurementWorkspace.recordWorkspaceOnly{padding:11px 11px calc(48px + env(safe-area-inset-bottom,0px))!important;gap:10px!important;border-radius:20px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}
  .procurementWorkspace .adminWorkspaceBackBar{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:9px!important;top:auto!important}
  .procurementWorkspace .adminWorkspaceBackBar>span{font-size:11px!important;line-height:1.45!important;white-space:normal!important;text-align:right!important}
  .procurementWorkspace .adminWorkspaceBackBar .smallbtn{width:100%!important;min-height:42px!important}
  .procurementWorkspace .memberCardTop{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;gap:7px!important;padding:2px 1px 4px!important}
  .procurementWorkspace .memberCardTop>div{min-width:0!important;width:100%!important}
  .procurementWorkspace .requestCode{max-width:100%!important;font-size:12px!important;line-height:1.3!important;overflow-wrap:anywhere!important;white-space:normal!important}
  .procurementWorkspace .workspaceTitle{font-size:clamp(22px,6.2vw,27px)!important;line-height:1.28!important;margin:6px 0 3px!important;letter-spacing:0!important;overflow-wrap:break-word!important;word-break:normal!important}
  .procurementWorkspace .memberCardTop p{margin:0!important;font-size:13px!important;line-height:1.55!important;color:#52665e!important;overflow-wrap:anywhere!important;word-break:normal!important}
  .procurementWorkspace .memberCardTop .inlineCode{font-size:12px!important;line-height:1.35!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .procurementWorkspace .statusPill{justify-self:start!important;align-self:start!important;font-size:11px!important;line-height:1.25!important;padding:7px 10px!important;white-space:normal!important;text-align:center!important}
  .procurementWorkspace .workflowActionCard{display:grid!important;grid-template-columns:1fr!important;padding:13px!important;gap:6px!important;border-radius:16px!important;min-height:0!important}
  .procurementWorkspace .workflowActionKicker{font-size:10px!important;line-height:1.25!important;padding:5px 8px!important}
  .procurementWorkspace .workflowActionCard h3{font-size:clamp(20px,5.7vw,24px)!important;line-height:1.4!important;margin:0!important}
  .procurementWorkspace .workflowActionMeta{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;align-items:start!important}
  .procurementWorkspace .workflowActionMeta b{font-size:12px!important;line-height:1.45!important}
  .procurementWorkspace .workflowActionMeta small{font-size:11px!important;line-height:1.45!important}
  .procurementWorkspace .workflowActionCard p{font-size:13px!important;line-height:1.65!important;font-weight:800!important;margin:0!important}
  .procurementWorkspace .adminAssignmentCard{grid-template-columns:1fr!important;padding:11px!important;gap:8px!important;border-radius:15px!important}
  .procurementWorkspace .adminPrimaryActionCard{grid-template-columns:1fr!important;padding:12px!important;gap:9px!important;border-radius:16px!important}
  .procurementWorkspace .adminPrimaryActionFields{grid-template-columns:1fr!important;gap:8px!important}
  .procurementWorkspace .adminProcessMap>summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:11px 12px!important}
  .procurementWorkspace .adminProcessMap>summary>div{min-width:0!important}
  .procurementWorkspace .adminProcessMap>summary b{font-size:13px!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:break-word!important}
  .procurementWorkspace .adminProcessMap>summary strong{font-size:10px!important;white-space:nowrap!important}
  .procurementWorkspace .adminProcessStepperV3{grid-template-columns:1fr!important;gap:0!important;padding:2px 12px 12px!important;margin:0!important;border-top:1px solid #e6efeb!important}
  .procurementWorkspace .adminProcessStepperV3 span{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;justify-items:start!important;text-align:right!important;gap:10px!important;width:100%!important;padding:8px 0!important;border-bottom:1px solid #edf2f0!important;color:#7d8d87!important;font-size:12px!important;line-height:1.4!important}
  .procurementWorkspace .adminProcessStepperV3 span:last-child{border-bottom:0!important}
  .procurementWorkspace .adminProcessStepperV3 i{width:32px!important;height:32px!important;font-size:12px!important}
  .procurementWorkspace .adminProcessStepperV3 b{font-size:12px!important;line-height:1.45!important;max-width:100%!important}
  .procurementWorkspace .recordNarrative{font-size:13px!important;line-height:1.7!important;overflow-wrap:break-word!important}
}

/* v3.4.45 — member-controlled Orders shortcut visibility */
.accountPreferenceCard{display:grid;gap:14px}
.accountPreferenceCard .memberSectionHead{align-items:center;gap:14px}
.accountPreferenceSwitch{min-width:92px;border:1px solid #c8ded5;background:#edf7f3;color:#0b5b45;border-radius:999px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:800;cursor:pointer}
.accountPreferenceSwitch>span{width:30px;height:18px;border-radius:999px;background:#c7d5cf;position:relative;display:block;transition:.18s ease}
.accountPreferenceSwitch>span:after{content:"";width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #0002;transition:.18s ease}
.accountPreferenceSwitch.on{background:#e2f5ed;border-color:#9fd7c2}
.accountPreferenceSwitch.on>span{background:#087b5c}
.accountPreferenceSwitch.on>span:after{transform:translateX(-12px)}
.accountPreferenceActions{display:flex;gap:8px;flex-wrap:wrap}
.accountPreferenceActions .smallbtn{flex:1 1 150px}
@media(max-width:640px){.accountPreferenceCard .memberSectionHead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.accountPreferenceCard .memberSectionHead .hint{line-height:1.65}.accountPreferenceSwitch{min-width:82px;padding:7px 9px}.accountPreferenceActions{display:grid;grid-template-columns:1fr}.memberOpsNav button{min-width:0}}

/* v3.4.45-hotfix.1 — Admin Procurement iOS scroll/no-shrink regression fix */
@media(max-width:720px){
  .adminRecordWorkspace.procurementWorkspace.recordWorkspaceOnly{top:64px!important;bottom:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important}
  .procurementWorkspace.recordWorkspaceOnly>*{flex:0 0 auto!important;height:auto!important}
  .procurementWorkspace .workflowActionCard,.procurementWorkspace .adminAssignmentCard,.procurementWorkspace .adminPrimaryActionCard,.procurementWorkspace .adminProcessMap{flex:0 0 auto!important;height:auto!important;min-height:0!important}
  .procurementWorkspace .adminAssignmentCard .fieldLabel>span,.procurementWorkspace .adminPrimaryActionCard .fieldLabel>span{font-size:12px!important;line-height:1.4!important}
  .procurementWorkspace .adminPrimaryActionCard>div:first-child b{font-size:18px!important;line-height:1.35!important}
}

/* v3.5.3-hotfix.5 — Procurement Commercial & Logistics Model */
.commercialOfferCard,.commercialOfferComposer,.commercialSnapshotCard{display:grid;gap:14px}
.commercialComposerSection{display:grid;gap:11px;padding:14px;border:1px solid #dce9e4;border-radius:16px;background:#fffcf6}
.commercialComposerSection>h4{margin:0;color:#164d3e;font-size:15px}
.commercialQuoteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.commercialQuoteGrid>p,.commercialQuoteGrid>.fieldLabel{margin:0;padding:10px 11px;border:1px solid #e3ece8;border-radius:12px;background:#fff;min-width:0;overflow-wrap:anywhere}
.commercialQuoteGrid>p b{color:#244b40}
.commercialWide{grid-column:1/-1}
.commercialFeesGrid label{display:grid;gap:5px}
.commercialFeesGrid small{font-size:10px;line-height:1.4;color:#6a7b75}
.commercialCalculatedTotals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px;border-radius:14px;background:#faf4e9}
.commercialCalculatedTotals span{display:grid;gap:3px;min-width:0}
.commercialCalculatedTotals small{font-size:10px;color:#587068}
.commercialCalculatedTotals b{font-size:14px;overflow-wrap:anywhere}
.commercialCalculatedTotals .grand{padding-inline-start:10px;border-inline-start:1px solid #bfd7ce}
.commercialCalculatedTotals .grand b{font-size:18px;color:#075f47}
.commercialMoneySummary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.commercialMemberPreview{display:grid;gap:10px}
.commercialSnapshotCard{margin-top:12px;padding:14px;border:1px solid #d7e7e1;border-radius:16px;background:#fffcf6}
.commercialInputGrid .fieldLabel{background:#fff}
@media(max-width:720px){
  .commercialComposerSection{padding:11px;border-radius:14px}
  .commercialQuoteGrid,.commercialCalculatedTotals{grid-template-columns:1fr}
  .commercialCalculatedTotals .grand{padding-inline-start:0;padding-top:9px;border-inline-start:0;border-top:1px solid #bfd7ce}
  .commercialMoneySummary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commercialOfferComposer .formTwo{grid-template-columns:1fr!important}
  .commercialOfferComposer textarea{min-height:96px}
}

/* v3.5.3-hotfix.5 — Procurement commercial UX polish */
.commercialDecisionWorkspace,.commercialComposerWorkspace,.commercialPublishedWorkspace,.commercialAcceptedSnapshot{min-width:0;overflow:hidden}
.commercialDecisionHero{align-items:flex-start;gap:14px}
.commercialHeroTotal,.commercialPublishedTotal,.commercialComposerTotal{display:grid;gap:3px;min-width:150px;padding:12px 14px;border-radius:14px;background:#073f31;color:#fff;text-align:start}
.commercialHeroTotal small,.commercialPublishedTotal small,.commercialComposerTotal small{font-size:10px;opacity:.78}
.commercialHeroTotal b,.commercialPublishedTotal b,.commercialComposerTotal b{font-size:clamp(20px,3vw,27px);line-height:1.15;overflow-wrap:anywhere}
.commercialComposerTotal span{font-size:10px;opacity:.82}
.commercialDecisionHighlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.commercialDecisionHighlights>span{display:grid;gap:4px;padding:10px 11px;border:1px solid #dce9e4;border-radius:12px;background:#fffcf6;min-width:0}
.commercialDecisionHighlights small{font-size:10px;color:#6b7c76}
.commercialDecisionHighlights b{font-size:12px;line-height:1.45;color:#173f34;overflow-wrap:anywhere}
.commercialDisclosure{border:1px solid #ead9bb;border-radius:14px;background:#fff;overflow:hidden}
.commercialDisclosure>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:48px;padding:10px 12px;cursor:pointer;background:#f7fbf9}
.commercialDisclosure>summary::-webkit-details-marker{display:none}
.commercialDisclosure>summary span{font-weight:900;color:#173f34}
.commercialDisclosure>summary strong{font-size:11px;color:#0a6b50;text-align:left;overflow-wrap:anywhere}
.commercialDisclosure[open]>summary{border-bottom:1px solid #e2ece8}
.commercialDisclosureBody{padding:11px}
.commercialDecisionActions{display:grid;gap:10px;padding-top:2px}
.commercialAcceptButton{min-height:48px;font-size:15px}
.commercialRevision{border-top:1px solid #e4ece9;padding-top:8px}
.commercialRevision>summary{cursor:pointer;font-weight:800;color:#52675f}
.commercialDocuments:empty{display:none}
.commercialComposerSummary{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:10px;align-items:stretch}
.commercialComposerFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.commercialComposerFacts>span{display:grid;gap:3px;padding:10px;border:1px solid #dce9e4;border-radius:13px;background:#fffcf6;min-width:0}
.commercialComposerFacts small{font-size:10px;color:#6a7b75}.commercialComposerFacts b{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.commercialAuthorityHint{margin:0;padding:9px 11px;border-radius:12px;background:#fff8e8;border:1px solid #f2dfad;color:#6c541b}
.commercialOfferBasics{margin-top:0}
.commercialComposerStep{border:1px solid #dce9e4;border-radius:15px;background:#fffcf6;overflow:hidden}
.commercialComposerStep>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:11px 13px;cursor:pointer;background:#fffcf6}
.commercialComposerStep>summary::-webkit-details-marker{display:none}
.commercialComposerStep>summary>span{display:flex;align-items:center;gap:9px;min-width:0}.commercialComposerStep>summary i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e2f1eb;color:#075f47;font-style:normal;font-size:11px;font-weight:900;flex:0 0 auto}
.commercialComposerStep>summary b{font-size:14px;color:#173f34}.commercialComposerStep>summary strong{font-size:11px;color:#62756e;text-align:left;overflow-wrap:anywhere}
.commercialComposerStep[open]>summary{border-bottom:1px solid #ead9bb;background:#f4faf7}
.commercialComposerStepBody{display:grid;gap:11px;padding:12px}
.commercialReadinessCard{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:12px;padding:12px;border:1px solid #ecd7a6;border-radius:15px;background:#fff9eb}
.commercialReadinessCard.ready{border-color:#a9dac7;background:#edf9f4}
.commercialReadinessCard>div:first-child{display:grid;gap:3px}.commercialReadinessCard>div:first-child b{font-size:14px}.commercialReadinessCard>div:first-child small{font-size:10px;color:#6d7c76}
.commercialReadinessChecks{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.commercialReadinessChecks span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid #ead9b1;font-size:10px;font-weight:800;color:#806824}.commercialReadinessChecks span.done{border-color:#b8dfd0;color:#087354;background:#fff}.commercialReadinessChecks i{font-style:normal}
.commercialPublishedHead{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.commercialPublishedHead h3{margin-bottom:4px}
.acceptedCommercialHighlights{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
@media(max-width:720px){
  .commercialDecisionHero,.commercialPublishedHead{display:grid!important;grid-template-columns:1fr!important}
  .commercialHeroTotal,.commercialPublishedTotal,.commercialComposerTotal{width:100%;min-width:0;padding:11px 12px}
  .commercialDecisionHighlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .commercialDecisionHighlights>span{padding:9px;min-height:58px}
  .commercialMoneySummary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .commercialDisclosure>summary,.commercialComposerStep>summary{min-height:50px;padding:10px 11px}
  .commercialDisclosure>summary strong,.commercialComposerStep>summary strong{max-width:42vw;white-space:normal;line-height:1.35}
  .commercialDisclosureBody{padding:9px}
  .commercialComposerSummary{grid-template-columns:1fr}
  .commercialComposerFacts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .commercialComposerFacts>span{padding:8px;min-height:58px}
  .commercialComposerStepBody{padding:10px}
  .commercialReadinessCard{grid-template-columns:1fr}
  .commercialReadinessChecks{justify-content:flex-start}
  .commercialDecisionActions .btn,.commercialDecisionActions .smallbtn{width:100%}
  .commercialPublishedWorkspace .offerDeliveryActions{display:grid!important;grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .commercialDecisionHighlights,.commercialComposerFacts{grid-template-columns:1fr 1fr}
  .commercialMoneySummary{grid-template-columns:1fr!important}
  .commercialDisclosure>summary,.commercialComposerStep>summary{grid-template-columns:minmax(0,1fr);gap:4px}
  .commercialDisclosure>summary strong,.commercialComposerStep>summary strong{max-width:100%;text-align:right}
}

/* v3.6.1 — Participation Points Domain Separation */
.participationPointsAdmin{display:grid;gap:14px}.pointsAdminStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pointsAdminStats article{border:1px solid #dce9e3;background:#fff;border-radius:18px;padding:14px;display:grid;gap:4px}.pointsAdminStats b{font-size:24px;color:#241b16}.pointsAdminStats small{color:#64748b;font-weight:850}.pointsSearchBar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.pointsSearchBar input{margin:0}.pointsMemberList{display:grid;gap:9px}.pointsMemberRow{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;text-align:right}.pointsMemberRow div{min-width:0}.pointsMemberRow b,.pointsMemberRow small{display:block}.pointsMemberRow small{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pointsMemberRow span{display:grid;text-align:center}.pointsMemberRow span strong{font-size:21px;color:#047857}.pointsMemberRow em{font-style:normal;color:#047857;font-weight:900}.pointsRecordWorkspace{max-width:920px}.pointsBalanceHero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fdf6ea,#fff)}.pointsBalanceHero h2{font-size:34px;margin:4px 0;color:#241b16}.pointsBalanceHero>span{font-size:42px}.pointsAdjustmentCard{display:grid;gap:10px}.pointsAdjustmentCard label{display:grid;gap:6px;font-weight:900;color:#334155}.pointsAdjustmentCard input,.pointsAdjustmentCard select,.pointsAdjustmentCard textarea{margin:0}.pointsLedger{display:grid}.pointsLedgerRow{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid #ead9bb}.pointsLedgerRow:first-child{border-top:0}.pointsLedgerRow>span{min-width:58px;text-align:center;border-radius:14px;padding:9px;font-weight:950}.pointsLedgerRow.credit>span{background:#fdf6ea;color:#047857}.pointsLedgerRow.debit>span{background:#fff1f2;color:#be123c}.pointsLedgerRow p{margin:3px 0;color:#334155}.pointsLedgerRow small{color:#64748b}.pointsPolicyCard{border-style:dashed}.pointsPolicyCard p{margin-bottom:0;color:#475569;line-height:1.75;font-weight:800}
@media(max-width:720px){.pointsAdminStats{grid-template-columns:1fr}.pointsSearchBar{grid-template-columns:1fr}.pointsMemberRow{grid-template-columns:minmax(0,1fr) auto}.pointsMemberRow em{display:none}.pointsBalanceHero h2{font-size:30px}.pointsAdjustmentCard .btn{width:100%}}

/* v3.7.7 — SMT Wallet Foundation */
.walletBalanceHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #dce9e3;border-radius:20px;background:linear-gradient(135deg,#f0fdf4,#fff)}
.walletBalanceHero h2{font-size:34px;margin:4px 0;color:#241b16}.walletBalanceHero>span{font-size:40px;font-weight:950;color:#047857}.walletPolicyCard{border-style:dashed}.walletPolicyCard p{margin-bottom:0;line-height:1.75}.walletTransactionList .guideAdminItem{cursor:default}.walletTransactionList .guideAdminItem b{display:block;margin:4px 0}.walletAdjustmentCard{display:grid;gap:10px}.walletAdjustmentCard label{display:grid;gap:6px;font-weight:900;color:#334155}.walletAdjustmentCard input,.walletAdjustmentCard select,.walletAdjustmentCard textarea{margin:0}
@media(max-width:720px){.walletBalanceHero{padding:14px}.walletBalanceHero h2{font-size:30px}.walletAdjustmentCard .btn{width:100%}.accountOperationsGrid{grid-template-columns:1fr!important}}

/* v3.7.7 global interaction feedback + compact Wallet Admin mobile UX */
.globalInteractionFeedback{position:fixed;inset:0;z-index:1090;pointer-events:none}.globalInteractionTopBar{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(6,78,59,.12);overflow:hidden}.globalInteractionTopBar i{display:block;width:42%;height:100%;background:#7c1b10;animation:gzcInteractionSweep 1.05s ease-in-out infinite}.globalInteractionPill{position:fixed;left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));max-width:620px;margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid #b8d9cc;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 14px 40px rgba(4,47,36,.2);color:#241b16;backdrop-filter:blur(10px)}.globalInteractionPill b{font-size:14px;line-height:1.25}.globalInteractionSpinner{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:3px solid #cce7dc;border-top-color:#3a2a1e;animation:gzcInteractionSpin .72s linear infinite}@keyframes gzcInteractionSpin{to{transform:rotate(360deg)}}@keyframes gzcInteractionSweep{0%{transform:translateX(-120%)}50%{transform:translateX(120%)}100%{transform:translateX(280%)}}
.walletAdminSummaryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0 12px}.walletAdminSummaryGrid span{min-width:0;background:#fff;border:1px solid #ead9bb;border-radius:18px;padding:12px 10px;text-align:center;box-shadow:0 8px 20px rgba(4,47,36,.05)}.walletAdminSummaryGrid b{display:block;color:#3a2a1e;font-size:22px;line-height:1.15;overflow-wrap:anywhere}.walletAdminSummaryGrid small{display:block;color:#64748b;font-size:12px;margin-top:5px}.walletReconciliationDetails{margin-top:10px;border-top:1px solid #e4ece8;padding-top:8px}.walletReconciliationDetails summary{cursor:pointer;color:#241b16;font-weight:950;padding:8px 2px}.walletRecentList,.walletAccountList{display:grid;gap:8px}.walletRecentItem,.walletAccountRow{width:100%;border:1px solid #e1ece7;background:#fff;border-radius:16px;padding:11px 12px;color:#241b16;text-align:right;display:grid;gap:6px;box-shadow:0 5px 14px rgba(4,47,36,.035)}.walletRecentItem{grid-template-columns:minmax(0,1fr) auto;align-items:center}.walletRecentIdentity,.walletAccountIdentity{min-width:0;display:grid;gap:2px}.walletRecentIdentity b,.walletAccountIdentity b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.walletRecentIdentity small,.walletAccountIdentity small,.walletRecentReason{font-size:11px;color:#6c7b75;line-height:1.4}.walletRecentAmount{font-weight:950;font-size:16px;direction:ltr;white-space:nowrap}.walletRecentAmount.credit{color:#047857}.walletRecentAmount.debit{color:#b91c1c}.walletRecentReason{grid-column:1/-1}.walletAccountRow{grid-template-columns:minmax(0,1fr) auto;align-items:center}.walletAccountSide{display:grid;justify-items:end;gap:3px}.walletAccountSide strong{font-size:16px;color:#241b16;direction:ltr}.walletAccountSide small{font-size:11px;color:#64748b;white-space:nowrap}.walletAccountFilters{display:grid;grid-template-columns:1fr;gap:7px;margin:8px 0 12px}.walletAccountFilters label{font-size:12px;color:#60716b}.walletAccountFilters input,.walletAccountFilters select{margin-top:4px}.walletSearchBtn{width:100%}.walletPagination{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:12px}.walletPagination span{text-align:center;font-size:12px;color:#64748b}.walletPagination .smallbtn{min-width:82px}.walletRecentItem:active,.walletAccountRow:active{transform:scale(.992);background:#f6fffb}
@media(min-width:720px){.walletAdminSummaryGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.walletAccountFilters{grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;align-items:end}.walletSearchBtn{width:auto;min-width:100px}}
@media(max-width:430px){.globalInteractionPill{left:9px;right:9px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:44px;border-radius:14px}.globalInteractionPill b{font-size:13px}.walletAdminHeader{align-items:flex-start}.walletAdminSummaryGrid b{font-size:19px}.walletRecentItem,.walletAccountRow{padding:10px}.walletRecentAmount,.walletAccountSide strong{font-size:15px}.walletPagination .smallbtn{min-width:0;padding:9px 10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.globalInteractionTopBar i,.globalInteractionSpinner{animation-duration:1.8s}}

/* v3.8.1 Admin Workflow Consistency */
.adminWorkflowFacts{grid-template-columns:repeat(4,minmax(0,1fr))}.adminWorkflowFacts .adminQueueNextAction,.adminInlineWorkflowFacts .adminQueueNextAction{border-color:#b8dfcf;background:#f0faf5}.adminWorkflowFacts .adminQueueNextAction b,.adminInlineWorkflowFacts .adminQueueNextAction b{color:#3a2a1e}.adminInlineWorkflowFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.adminInlineWorkflowFacts>span{display:grid;gap:2px;min-width:0;padding:7px 8px;border:1px solid #e5eeea;border-radius:11px;background:#fafcfb;text-align:right}.adminInlineWorkflowFacts small{font-size:9px;color:#83928d;font-weight:850}.adminInlineWorkflowFacts b{font-size:11px;color:#294d42;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.adminQueueState{margin:10px 0!important;padding:18px!important;border-style:dashed!important;color:#61756d!important}.adminQueueLoading{position:relative;padding-inline-start:44px!important;text-align:right!important}.adminQueueLoading:before{content:'';position:absolute;right:16px;top:50%;width:14px;height:14px;margin-top:-7px;border:2px solid #b7d8ca;border-top-color:#3a2a1e;border-radius:999px;animation:gzcQueueSpin .75s linear infinite}@keyframes gzcQueueSpin{to{transform:rotate(360deg)}}
@media(max-width:820px){.adminWorkflowFacts,.adminInlineWorkflowFacts{grid-template-columns:repeat(2,minmax(0,1fr))}.adminInlineWorkflowFacts{grid-column:1/-1}.customerOrderItem .adminInlineWorkflowFacts,.procurementRequestItem .adminInlineWorkflowFacts{width:100%}}
@media(max-width:520px){.adminWorkflowFacts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.adminWorkflowFacts span,.adminInlineWorkflowFacts>span{padding:7px}.adminWorkflowFacts b,.adminInlineWorkflowFacts b{font-size:10px!important}.adminWorkflowFacts small,.adminInlineWorkflowFacts small{font-size:8px!important}.adminQueueRow{padding:10px!important}.adminQueueIdentity b{font-size:14px}.adminQueueIdentity small{font-size:10px}.adminQueueOpen{min-height:40px!important}.adminQueueState{font-size:14px!important;padding:14px!important}.adminQueueLoading{padding-inline-start:40px!important}}

/* v3.8.3-hotfix.1 — Guide Search & Visual Discovery Foundation */
.visualDiscoverySearch{padding:14px;border-color:#d8e9e2;background:linear-gradient(180deg,#ffffff,#f8fcfa);box-shadow:0 12px 30px rgba(5,78,59,.07)}
.guideSearchHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.guideSearchHeader h2{margin:3px 0 0;color:#241b16;font-size:clamp(22px,5vw,29px)}.guideSearchHeader>small{max-width:330px;color:#64748b;font-weight:800;line-height:1.55;text-align:left}.guideSearchHeader .sectionEyebrow{font-size:11px}
.guideQuickChips,.guideCityChips,.guideRecentSearches{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:9px 1px 1px;-webkit-overflow-scrolling:touch}.guideQuickChips::-webkit-scrollbar,.guideCityChips::-webkit-scrollbar,.guideRecentSearches::-webkit-scrollbar{display:none}.guideQuickChips>span,.guideCityChips>span,.guideRecentSearches>span{flex:0 0 auto;color:#71817b;font-size:11px;font-weight:900}.guideCityChips button,.guideRecentSearches button{flex:0 0 auto;border:1px solid #d7e8e1;background:#fff;color:#0a5b46;border-radius:999px;padding:8px 11px;font-weight:900;white-space:nowrap}.guideCityChips button.active{background:#075f48;color:#fff;border-color:#075f48}.guideRecentSearches{padding-top:7px}.guideRecentSearches button{background:#fffcf6;color:#526861;font-size:12px}
.guideSearchUnderstanding strong small{display:inline;font-size:10px;font-weight:800;color:inherit}
.guideDiscoveryList{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.guideDiscoveryCard{border:1px solid #ead9bb;box-shadow:0 10px 24px rgba(5,78,59,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.guideDiscoveryCard:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(5,78,59,.10);border-color:#c7dfd5}.guideDiscoveryCard .guideCardOpen{display:block;padding:0;text-align:right}.guideVisualFrame{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#eaf7f1,#f8fcfa)}.guideDiscoveryCard .guideItemImg{width:100%;height:100%;border:0;border-radius:0;object-fit:cover;display:block}.guideDiscoveryCard .guideItemImg.icon{display:grid;place-items:center;font-size:54px;color:#0b6b50;background:linear-gradient(135deg,#e8f6f0,#f7fcfa)}.guideVisualBadge,.guideVisualVerified{position:absolute;top:10px;border-radius:999px;padding:6px 9px;font-size:10px;font-style:normal;font-weight:950;box-shadow:0 5px 14px rgba(0,0,0,.12)}.guideVisualBadge{right:10px;background:rgba(255,248,219,.96);color:#765000}.guideVisualVerified{left:10px;background:rgba(4,103,73,.93);color:#fff}.guideDiscoveryBody{display:block;padding:13px 14px 12px}.guideDiscoveryCard h3{font-size:20px;line-height:1.35;margin:7px 0 6px}.guideDiscoveryCard .contentQueueExcerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.1em}.guideDiscoveryMeta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid #edf4f1}.guideDiscoveryMeta b{font-size:11px;color:#0b634c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guideDiscoveryMeta small{font-size:10px;color:#7a8a84;white-space:nowrap}.guideDiscoveryCard .guideActions{border-top:1px solid #edf4f1;padding:10px 12px 12px;display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.guideDiscoveryCard .guideActions .smallbtn{width:100%;justify-content:center;margin:0}.guideDiscoveryCard .guideActions .smallbtn:only-child{grid-column:1/-1}
.guidePhotoAttribution{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:5px 8px;border-radius:10px;background:rgba(7,35,28,.75);color:#fff;font-size:10px;line-height:1.4;backdrop-filter:blur(4px)}.guidePhotoAttribution a{color:#fff;text-decoration:underline}.guideDetailHeroMedia{position:relative}
.tradeDirectionCard h3{margin:0 0 8px;color:#241b16;font-size:18px}
@media(min-width:1100px){.guideDiscoveryList{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.guideDiscoveryList{grid-template-columns:1fr}.guideDiscoveryCard{box-shadow:0 7px 20px rgba(5,78,59,.055)}.guideSearchHeader{align-items:flex-start;flex-direction:column}.guideSearchHeader>small{max-width:none;text-align:right}.guideDiscoveryCard .guideCardOpen{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:stretch}.guideVisualFrame{aspect-ratio:auto;min-height:142px;height:100%}.guideDiscoveryBody{padding:12px}.guideDiscoveryCard .guideItemImg.icon{font-size:42px}.guideDiscoveryMeta{align-items:flex-start;flex-direction:column;gap:3px}.guideDiscoveryCard .contentQueueExcerpt{min-height:0}.guideVisualBadge,.guideVisualVerified{top:8px;padding:5px 7px}.guideVisualBadge{right:8px}.guideVisualVerified{left:8px}}
@media(max-width:430px){.visualDiscoverySearch{padding:11px}.guideSearchHeader h2{font-size:22px}.guideDiscoveryCard .guideCardOpen{grid-template-columns:112px minmax(0,1fr)}.guideVisualFrame{min-height:132px}.guideDiscoveryCard h3{font-size:18px;margin-top:5px}.guideDiscoveryBody{padding:10px 11px}.guideDiscoveryCard .contentQueueExcerpt{-webkit-line-clamp:2;font-size:13px;line-height:1.55}.guideDiscoveryCard .guideActions{padding:8px 10px 10px}.guidePhotoAttribution{font-size:9px;left:8px;bottom:8px}}

/* v3.8.4 Guide Content & Image Enrichment */
.guideEnrichmentPanel{display:grid;gap:14px}.guideEnrichmentStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.guideEnrichmentStats>span,.guideDemandList>span{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--surface-soft,#f8fafc)}.guideEnrichmentStats b{font-size:1.15rem}.guideDemandList{display:grid;gap:8px}.guideDemandList h4{margin:0 0 2px}.guideDemandList>span{flex-direction:row;align-items:center;justify-content:space-between}.guideDemandList small{opacity:.72}.aiIncompleteList>span small{line-height:1.55}@media(max-width:640px){.guideEnrichmentStats{grid-template-columns:1fr 1fr}.guideEnrichmentStats>span:last-child{grid-column:1/-1}.guideDemandList>span{align-items:flex-start;flex-direction:column}}

/* v3.8.5 Guide Search Quality Loop */
.guideQualityPanel{display:grid;gap:14px}
.guideQualityStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.guideQualityStats>span{display:grid;gap:3px;padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--soft,#f8fafc)}
.guideQualityStats b{font-size:1.22rem}.guideQualityStats small{color:var(--muted,#64748b)}
.guideTopOpened{display:grid;gap:8px}.guideTopOpened h4{margin:0 0 2px}.guideTopOpened>span{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--line,#e5e7eb)}
.guideTopOpened>span:first-of-type{border-top:0}.guideTopOpened small{color:var(--muted,#64748b);text-align:left}
@media(max-width:640px){.guideQualityStats{grid-template-columns:1fr 1fr}.guideTopOpened>span{align-items:flex-start;flex-direction:column;gap:3px}.guideTopOpened small{text-align:right}}

/* v3.8.9 Guide Operations Prioritization */
.guideOperationsPanel{display:grid;gap:14px}
.guidePriorityList{display:grid;gap:9px}
.guidePriorityItem{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:var(--card,#fff)}
.guidePriorityRank{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(15,118,110,.09);font-weight:900}
.guidePriorityItem>div{min-width:0;display:grid;gap:4px}.guidePriorityItem p{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guidePriorityItem p b{font-size:.94rem}.guidePriorityItem p em{font-style:normal;font-size:.72rem;padding:2px 7px;border-radius:999px;background:rgba(0,0,0,.05)}
.guidePriorityItem small{line-height:1.55}.guidePriorityItem i{font-style:normal;font-size:.72rem;opacity:.72}.guidePriorityItem.priority-urgent,.guidePriorityItem.priority-high{border-inline-start:4px solid currentColor}
@media(max-width:640px){.guidePriorityItem{grid-template-columns:auto 1fr;align-items:start}.guidePriorityItem>button{grid-column:1/-1;width:100%}.guidePriorityItem p{align-items:flex-start;flex-direction:column;gap:3px}}

/* v3.8.9 Guide local discovery: neighborhood-first mobile chips and 3-action place cards. */
.guideAreaChips{padding-top:6px}.guideAreaChips>span{color:#075642}.guideAreaChips button{background:#f7fbff;border-color:#d9e5ee;color:#28506a}.guideAreaChips button small{font-size:10px;font-weight:800;color:#748b99;margin-inline-start:3px}.guideDiscoveryCard .guideActions{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.guideCardTop small:first-child{font-weight:900;color:#28594b}
@media(max-width:430px){.guideAreaChips button{padding:7px 9px}.guideAreaChips button small{display:inline}.guideDiscoveryCard .guideActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.guideDiscoveryCard .guideActions .smallbtn{padding-inline:5px;font-size:11px}}

/* v3.8.9 — AI Smart Content Intake: source evidence -> AI draft -> human review -> governed publish/handoff. */
.contentIntakeHero{align-items:flex-start}.contentIntakeCreate{display:grid;gap:11px}.contentIntakeCreate label,.contentIntakeDraft label{display:grid;gap:6px;font-weight:850}.contentIntakeCreate input,.contentIntakeCreate select,.contentIntakeCreate textarea,.contentIntakeDraft input,.contentIntakeDraft select,.contentIntakeDraft textarea{margin:0}.contentIntakeQueue{display:grid;gap:9px}.contentIntakeCard{display:grid;grid-template-columns:86px minmax(0,1fr);gap:11px;padding:10px;cursor:pointer}.contentIntakeCard>img{width:86px;height:86px;object-fit:cover;border-radius:13px;border:1px solid #e2ece8}.contentIntakeCard:not(:has(>img)){grid-template-columns:1fr}.contentIntakeCardBody{min-width:0;display:grid;gap:5px}.contentIntakeCardBody p{margin:0;color:#475569;line-height:1.5}.contentIntakeCardBody small{color:#6b7c75}.contentIntakeBack{margin-bottom:9px}.contentIntakeWorkspace{display:grid;gap:12px}.contentIntakeSource,.contentIntakeDraft,.contentIntakeReview{min-width:0}.contentIntakePreview{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:16px;background:#f5f8f7;border:1px solid #e0ebe7}.contentIntakeSourceText{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;padding:12px;line-height:1.7}.contentIntakeBody{min-height:260px}.contentIntakeDraft fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.contentIntakeDraft fieldset[disabled]{opacity:.86}.intakeNotes{display:grid;gap:3px;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:13px;background:#f8fafc}.intakeNotes p{margin:0;font-size:12px;line-height:1.6}.inlineWarning,.dangerBox,.successBox{padding:10px 12px;border-radius:13px;font-size:12px;font-weight:800;line-height:1.6}.inlineWarning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.dangerBox{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.successBox{background:#fdf6ea;border:1px solid #bbf7d0;color:#3a2a1e}.contentIntakeReview{display:grid;gap:10px}.contentIntakeReview .check{display:flex;align-items:flex-start;gap:8px;padding:9px 0;font-weight:800;line-height:1.5}.contentIntakeReview .check input{width:auto;margin-top:3px}.publishConfirm{padding:12px!important;border:1px solid #b7ddcf;border-radius:13px;background:#f0fdf7}.contentIntakeReview .btn{width:100%}.statusPill{font-size:10px;font-weight:900;border-radius:999px;padding:5px 8px;background:#eef6f2;color:#075f48}.contentIntakeDraft h4{margin:5px 0 0;color:#241b16}.contentIntakeSource a{overflow-wrap:anywhere}
@media(min-width:960px){.contentIntakeWorkspace{grid-template-columns:minmax(280px,.8fr) minmax(420px,1.45fr)}.contentIntakeReview{grid-column:2}.contentIntakeSource{grid-row:1/3;align-self:start;position:sticky;top:84px}.contentIntakeCreate{max-width:780px}.contentIntakeQueue{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.contentIntakeHero{display:grid}.contentIntakeCard{grid-template-columns:72px minmax(0,1fr)}.contentIntakeCard>img{width:72px;height:72px}.contentIntakeBody{min-height:220px}.contentIntakeDraft .editGrid{grid-template-columns:1fr}.contentIntakeCreate .btn,.contentIntakeDraft .actionRow .btn{width:100%}.contentIntakeDraft .actionRow{display:grid;grid-template-columns:1fr}.contentIntakePreview{max-height:420px}}

/* v3.8.9 — Admin decision operations & navigation clarity */
.adminNav .adminGroupMore{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 16px);margin:2px 8px 7px;padding:7px 10px;border:1px dashed rgba(198,226,216,.18);border-radius:10px;background:rgba(255,255,255,.035);color:#a9c9be;font-size:10px;font-weight:900}.adminNav .adminGroupMore b{font-size:14px;color:#d7eee6}.sidebarCollapsed .adminGroupMore span{display:none}.sidebarCollapsed .adminGroupMore{justify-content:center;padding:7px;width:calc(100% - 16px)}
.adminDecisionHero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:center;padding:24px;border-radius:24px;background:linear-gradient(135deg,#053e31,#086148);color:#fff;box-shadow:0 16px 38px rgba(6,78,59,.18)}.adminDecisionHero.calm{background:linear-gradient(135deg,#f7fbf9,#edf7f2);color:#0b4a39;border:1px solid #dbeae4;box-shadow:none}.adminDecisionHero .adminEyebrow{color:#bde8d9}.adminDecisionHero.calm .adminEyebrow{color:#67867a}.adminDecisionHero h2{font-size:clamp(24px,3vw,34px);margin:5px 0 7px}.adminDecisionHero p{margin:0;color:#dcf4eb;line-height:1.7}.adminDecisionHero.calm p{color:#5f746c}.adminDecisionPrimary{margin-top:14px;background:#fff!important;color:#241b16!important;border-color:#fff!important;min-width:170px}.adminDecisionHeroStats{display:grid;justify-items:center;padding:15px;border-radius:18px;background:rgba(255,255,255,.11)}.adminDecisionHero.calm .adminDecisionHeroStats{background:#fff}.adminDecisionHeroStats strong{font-size:42px;line-height:1}.adminDecisionHeroStats span{font-size:12px;margin:7px 0}.adminDecisionHeroStats em{font-style:normal;font-size:10px;font-weight:950;color:#fee2e2;background:rgba(127,29,29,.3);border-radius:999px;padding:4px 8px;margin-bottom:6px}.adminDecisionHeroStats small{font-size:10px;color:#d5eee5;margin-top:4px}.adminDecisionHero.calm .adminDecisionHeroStats small{color:#70817b}
.adminDecisionGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;margin-top:14px}.adminPriorityPanel,.adminIncomingPanel{min-width:0}.adminPriorityCount{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#edf7f2;color:#07533f;font-weight:950}.adminPriorityRows{display:grid;gap:7px}.adminPriorityRow{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #e0ebe7;background:#fff;border-radius:14px;padding:12px;text-align:right;color:inherit}.adminPriorityRow:hover{border-color:#b8d6ca;background:#fffcf6}.adminPriorityRow.top{border-color:#d8b46e;background:#fffaf1}.adminPriorityRow.critical{border-inline-start:4px solid #b91c1c}.adminPriorityRow.high{border-inline-start:4px solid #d97706}.adminPriorityRow.normal{border-inline-start:4px solid #0f766e}.adminPriorityRank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf7f2;color:#07533f;font-size:11px;font-weight:950}.adminPriorityRow.top .adminPriorityRank{background:#981d13;color:#fff}.adminPriorityTitle{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.adminPriorityTitle b{font-size:13px;color:#113d31}.adminPriorityRow p{margin:3px 0;color:#5f746c;font-size:11px;line-height:1.5}.adminPriorityRow small{color:#0b6b51;font-size:10px;font-weight:900}.adminPriorityRow>strong{font-size:24px;color:#241b16}.priorityPill{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:950}.priorityPill.critical{background:#fee2e2;color:#991b1b}.priorityPill.high{background:#fef3c7;color:#92400e}.priorityPill.normal{background:#dff6ee;color:#0f5f49}.adminTaskRows.compact .adminTaskRow{padding:10px 2px}.adminDecisionCalm{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px}.adminDecisionCalm b{color:#0b5b45;font-size:16px}.adminDecisionCalm p{margin:3px 0 0;color:#70817b;font-size:12px}.adminQuickActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.adminQuickActions button{border:1px solid #dbe9e4;background:#fff;color:#315b50;border-radius:12px;padding:9px 12px;font-weight:900;font-size:11px}.adminQuickActions button:hover{background:#edf7f2;color:#241b16}
@media(max-width:1100px){.adminDecisionGrid{grid-template-columns:1fr}.adminDecisionHero{grid-template-columns:minmax(0,1fr) 160px}}
@media(max-width:820px){.adminDecisionHero{grid-template-columns:1fr;padding:18px}.adminDecisionHeroStats{grid-template-columns:auto minmax(0,1fr) auto;justify-items:start;gap:8px}.adminDecisionHeroStats strong{font-size:30px}.adminDecisionHeroStats span{margin:0}.adminDecisionHeroStats small{grid-column:1/-1}.adminDecisionPrimary{width:100%;min-width:0}.adminPriorityRow{grid-template-columns:30px minmax(0,1fr) auto;padding:11px}.adminQuickActions{display:grid;grid-template-columns:1fr 1fr}.adminQuickActions button{min-height:42px}}
@media(max-width:520px){.adminDecisionHero h2{font-size:23px}.adminDecisionHero p{font-size:12px}.adminPriorityRow{grid-template-columns:28px minmax(0,1fr)}.adminPriorityRow>strong{grid-column:2;justify-self:start;font-size:20px}.adminPriorityTitle{gap:5px}.adminDecisionCalm{align-items:stretch;flex-direction:column}.adminDecisionCalm .smallbtn{width:100%}}

/* v3.8.11 — mobile admin decision dashboard visual de-duplication */
.adminDecisionGrid.single{grid-template-columns:1fr}.adminQuickActionsPrimary{margin-top:10px;margin-bottom:2px}.adminIncomingEmptyStrip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 14px;border:1px solid #dbe9e4;background:#fff;border-radius:14px;color:#315b50}.adminIncomingEmptyStrip div{display:grid;gap:1px}.adminIncomingEmptyStrip b{font-size:12px;color:#0b5b45}.adminIncomingEmptyStrip span{font-size:10px;color:#70817b}.adminDecisionGrid.single .adminPriorityPanel,.adminDecisionGrid.single .adminIncomingPanel{max-width:none}
@media(max-width:820px){.adminDecisionHeroStats{padding:10px 12px;border-radius:14px}.adminDecisionHeroStats strong{font-size:27px}.adminQuickActionsPrimary{margin-top:9px}.adminIncomingEmptyStrip{margin-top:10px}.adminDecisionGrid{margin-top:10px}}
@media(max-width:520px){.adminDecisionHero{padding:16px}.adminDecisionHeroStats{grid-template-columns:auto minmax(0,1fr) auto;padding:9px 10px}.adminDecisionHeroStats strong{font-size:25px}.adminIncomingEmptyStrip{align-items:stretch;flex-direction:column}.adminIncomingEmptyStrip .smallbtn{width:100%}}

/* v3.8.11-hotfix.1 — China Guide filter hierarchy */
.guideFilterLayer{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid #edf4f1}.guideFilterLayerLabel{padding-top:9px;color:#315f53;font-size:12px;font-weight:950;white-space:nowrap}.guideFilterLayer .guideQuickChips,.guideFilterLayer .guideCityChips{padding-top:0}.guideAreaLayer{border-top-style:dashed}.guideActiveFilters{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.guideActiveFilters::-webkit-scrollbar{display:none}.guideActiveFilters span{flex:0 0 auto;border:1px solid #d5e8df;background:#f5fbf8;color:#365f54;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900;white-space:nowrap}.guideFilterSummary{align-items:flex-start}
@media(max-width:560px){.guideFilterLayer{grid-template-columns:1fr;gap:3px}.guideFilterLayerLabel{padding-top:0}.guideFilterSummary{gap:7px}.guideFilterSummary .smallbtn{flex:0 0 auto}.guideActiveFilters{padding-bottom:2px}}

/* v3.8.14 — AI content demand & gap intelligence */
.aiGrowthPanel{display:grid;gap:14px}
.aiGrowthSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aiGrowthSummary span{display:grid;gap:2px;padding:12px;border:1px solid var(--line,#e7e7e7);border-radius:14px;background:var(--surface-soft,#fafafa)}
.aiGrowthSummary b{font-size:1.12rem}.aiGrowthSummary small{opacity:.72}
.aiGrowthList{display:grid;gap:10px}.aiGrowthOpportunity{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line,#e7e7e7);border-radius:16px;background:var(--surface,#fff);direction:rtl;min-width:0}.aiGrowthOpportunity>*{min-width:0}
.aiGrowthOpportunity.top{border-width:2px}.aiGrowthRank{flex:0 0 58px;min-width:58px;display:grid;place-items:center;gap:2px}.aiGrowthRank>b{font-size:1.25rem}.aiGrowthRank small{font-size:.7rem;white-space:normal;word-break:normal;overflow-wrap:break-word;opacity:.72;text-align:center}.aiGrowthOpportunity>.row{flex:0 0 auto;max-width:240px;justify-content:flex-start}.aiGrowthOpportunity>.row .smallbtn,.aiGrowthOpportunity>button{white-space:normal;text-align:center}
.aiGrowthBody{flex:1 1 0;min-width:0;width:100%;display:grid;gap:5px}.aiGrowthBody>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.aiGrowthBody .vueBadge{max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word}.aiGrowthBody em{font-style:normal;font-size:.78rem;opacity:.7}.aiGrowthBody h4,.aiGrowthBody p{margin:0;max-width:100%;word-break:normal;overflow-wrap:break-word}.aiGrowthBody p{font-size:.9rem;opacity:.82}.aiGrowthBody>small{max-width:100%;word-break:normal;overflow-wrap:break-word;opacity:.7}
@media (max-width:820px){.aiGrowthSummary{grid-template-columns:1fr}.aiGrowthOpportunity{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch}.aiGrowthRank{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px}.aiGrowthRank>b{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#edf7f2}.aiGrowthRank small{text-align:right}.aiGrowthOpportunity>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;gap:7px}.aiGrowthOpportunity>.row>*{width:100%;min-width:0}.aiGrowthOpportunity>button{width:100%;max-width:none}.aiGrowthPanel{gap:10px}}
@media (max-width:520px){.aiGrowthOpportunity>.row{grid-template-columns:1fr}}

.searchGrowthHubCard,.searchGrowthRelatedCard{text-decoration:none;color:inherit}.searchGrowthHubGrid{margin:12px 0}.searchGrowthContext{margin:12px 0}.searchGrowthRelatedGrid{margin-top:10px}

/* v3.8.17-hotfix.1 — Admin Mobile UX consolidation */
.adminPage,.adminPage>*{min-width:0}.adminHeaderTitle,.adminHeaderActions,.adminSectionHead,.adminSectionHead>*,.adminContentHero>*,.dashboardHeaderCard>*{min-width:0}
.adminPage h1,.adminPage h2,.adminPage h3,.adminPage h4,.adminPage b,.adminPage label,.adminNav button span:nth-child(2){word-break:normal;overflow-wrap:break-word}.adminNav button span:nth-child(2){min-width:0;white-space:normal;line-height:1.45}
.adminPage .card,.adminPage form,.adminPage fieldset,.adminPage table,.adminPage .row,.adminPage .segmented{max-width:100%}.adminPage input,.adminPage select,.adminPage textarea,.adminPage button{max-width:100%}
.aiCenterPanel,.aiCenterPanel>*,.aiJobCard,.aiSettingsForm,.aiReviewCard,.aiJobComposer,.aiJobTimeline{min-width:0}.aiJobCard,.aiSettingsForm,.aiReviewCard{overflow:hidden}.aiJobCard h3,.aiSettingsForm h4,.aiSectionLead h3{word-break:normal;overflow-wrap:break-word}
@media(max-width:720px){
  .adminHeader{gap:8px;padding:8px 9px}.adminHeaderTitle{overflow:hidden}.adminHeaderTitle h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px}.adminHeaderTitle small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .adminPage{padding:10px 9px 38px;overflow-x:hidden}.adminPage .card{padding:14px;margin:9px 0;border-radius:16px}
  .adminSectionHead{align-items:flex-start;flex-wrap:wrap;gap:8px}.adminSectionHead>div{flex:1 1 180px}.adminSectionHead>.smallbtn,.adminSectionHead>.btn{flex:0 0 auto;margin-top:0}
  .adminContentHero,.dashboardHeaderCard{align-items:flex-start;flex-direction:column}.adminContentHero .adminHeroActions,.dashboardHeaderCard>.row{width:100%}
  .adminHeroActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}.adminHeroActions .smallbtn,.adminHeroActions .btn{width:100%;white-space:normal;text-align:center;margin:0}
  .adminContentToolbar,.editGrid,.formTwo,.formThree,.adminTechnicalPanel .formTwo,.aiJobComposer .formTwo,.aiSettingsForm .formTwo{grid-template-columns:1fr!important}
  .adminContentToolbar>*{min-width:0;width:100%}.adminContentToolbar .smallbtn,.adminContentToolbar .btn{width:100%;margin:0}
  .adminPage .row{min-width:0}.adminPage .segmented{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.adminPage .segmented::-webkit-scrollbar{display:none}
  .aiCenterPanel .card{margin:0}.aiJobCard,.aiSettingsForm,.aiReviewCard{padding:13px}.aiJobComposer .row,.aiSettingsForm .row{display:grid;grid-template-columns:1fr!important}.aiJobComposer .row>*,.aiSettingsForm .row>*{width:100%;min-width:0}
}
@media(max-width:430px){
  .adminPage{padding-inline:8px}.adminPage .card{padding:12px;border-radius:15px}.adminHeaderActions{gap:5px}.adminHeaderActions button{width:38px!important;min-width:38px;padding:0}
  .adminHeroActions{grid-template-columns:1fr}.adminSectionHead>.smallbtn,.adminSectionHead>.btn{width:100%;flex-basis:100%;text-align:center}
  .adminContentMetrics,.healthGrid,.visitorMetricGrid{grid-template-columns:1fr!important}
  .aiCenterNav button{padding:10px 11px}.aiCenterNavIcon{flex-basis:40px;width:40px;height:40px}.aiCenterNavCopy b{font-size:15px}.aiCenterNavCopy small{font-size:11px}
}

/* v3.8.21-hotfix.1 — Admin RTL text-flow regression guard */
.adminPage .aiGrowthOpportunity,.adminPage .aiGrowthOpportunity *{writing-mode:horizontal-tb;text-orientation:mixed}.adminPage .aiGrowthBody{inline-size:auto}.adminPage .aiGrowthBody h4,.adminPage .aiGrowthBody p,.adminPage .aiGrowthBody small{white-space:normal}.adminPage .aiGrowthOpportunity>.row{overflow:visible}

/* v3.8.18 — SEO Internal Linking & Crawlability Intelligence */
.guideCardOpen{text-decoration:none}.searchGrowthCrossLinks{margin:12px 0}.searchGrowthCrossLinks .guideDetailSectionHead{margin-bottom:10px}.seoLinkingCard .compactHint{margin-top:4px}.seoLinkingOpportunities{display:grid;gap:9px;margin-top:14px}.seoLinkingOpportunities h4{margin:0;color:#241b16}.seoLinkingOpportunity{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.seoLinkingOpportunity>div{min-width:0}.seoLinkingOpportunity b{display:block;color:#241b16;overflow-wrap:anywhere}.seoLinkingOpportunity small{display:block;color:#64748b;margin-top:3px}.seoLinkingOpportunity p{margin:5px 0 0;color:#50655d;font-size:13px;line-height:1.55}.seoLinkingOpportunity .smallbtn{flex:0 0 auto;text-decoration:none}
@media(max-width:560px){.seoLinkingOpportunity{align-items:stretch;flex-direction:column}.seoLinkingOpportunity .smallbtn{width:100%;justify-content:center;text-align:center}.searchGrowthCrossLinks .guideCategoryGrid{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.searchGrowthCrossLinks .guideCategoryGrid{grid-template-columns:1fr}}

/* v3.8.19 — Search Console & Search Performance Intelligence */
.seoSearchPerformanceCard .memberCardTop{align-items:flex-start}.seoSearchPerformanceCard .memberCardTop>.row{justify-content:flex-end;flex-wrap:wrap}.seoSearchPerformanceCard .emptyState{margin-top:12px}.seoPerfPageRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.seoPerfPageRow>div{min-width:0}.seoPerfPageRow b{display:block;overflow-wrap:anywhere;color:#241b16}.seoPerfPageRow small{display:block;margin-top:4px;color:#64748b;line-height:1.5}.seoPerfPageRow .smallbtn{flex:0 0 auto;text-decoration:none}@media(max-width:640px){.seoSearchPerformanceCard .memberCardTop{display:grid;grid-template-columns:1fr;gap:10px}.seoSearchPerformanceCard .memberCardTop>.row{justify-content:flex-start}.seoPerfPageRow{align-items:stretch;flex-direction:column}.seoPerfPageRow .smallbtn{width:100%;text-align:center}}

/* v3.8.20 — Live Search Performance Growth Operations */
.seoLiveMeta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#475569;font-size:12px}.seoPerformanceStats small{display:block;margin-top:3px;color:#64748b;font-size:11px}.seoGrowthPriorityBlock{margin-top:14px}.seoGrowthPriorityRow{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px}.seoPriorityScore{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;border-radius:12px;background:#fdf6ea;color:#3a2a1e}.seoPriorityScore b{font-size:20px;line-height:1}.seoPriorityScore small{font-size:10px}.seoPriorityBody{min-width:0}.seoPriorityBody p{margin:6px 0}.seoPriorityHeadline{justify-content:space-between;gap:8px;flex-wrap:wrap}.seoPriorityHeadline>b{overflow-wrap:anywhere}.seoMoversGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seoMoversGrid h4{margin:0 0 8px}.seoMoversGrid .miniCard{margin-bottom:7px}.seoMoversGrid .miniCard b{display:block;overflow-wrap:anywhere}.seoMoversGrid .miniCard small{display:block;margin-top:4px;color:#64748b}
@media(max-width:640px){.seoLiveMeta{display:grid;grid-template-columns:1fr;gap:6px}.seoGrowthPriorityRow{grid-template-columns:52px minmax(0,1fr)}.seoGrowthPriorityRow>.smallbtn{grid-column:1/-1;width:100%;text-align:center}.seoMoversGrid{grid-template-columns:1fr}}

/* v3.8.26 — AI content operations information architecture */
.aiContentOpsNav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.aiContentOpsNav button{min-height:72px}
.aiContentOpsHero p{max-width:760px}
.aiContentOpsMetrics{margin-top:0}
@media(max-width:720px){.aiContentOpsNav{grid-template-columns:1fr}.aiContentOpsNav button{min-height:68px}}

/* v3.8.21-hotfix.1 — Compact Modern Public Home UX
   Keep the same public workflows while reducing first-screen vertical cost. */
.compactHomeHero{
  padding:calc(14px + env(safe-area-inset-top)) 16px 18px!important;
  border-radius:0 0 26px 26px!important;
}
.compactHomeHero .heroTopline{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:62px;
  margin:0 0 12px!important;
  padding:0!important;
}
.compactHomeHero .smtHeroLogo{
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  max-width:60px!important;
  margin:0!important;
  animation:none!important;
  filter:drop-shadow(0 7px 12px rgba(0,0,0,.24))!important;
}
.compactHomeHero .heroBrand{
  align-items:flex-start!important;
  text-align:right!important;
  gap:1px!important;
  padding-inline-end:84px;
}
.compactHomeHero .heroBrand b{font-size:14px!important;line-height:1.25;white-space:normal!important}
.compactHomeHero .heroBrand span{font-size:9.5px!important;line-height:1.25}
.compactHomeHero .heroBadge{
  top:0!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  padding:5px 8px!important;
  border-radius:9px!important;
  font-size:9px!important;
  line-height:1.15;
}
.compactHomeHero .compactHeroInstall{
  top:31px!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  min-height:27px!important;
  padding:4px 7px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
}
.compactHomeHero .heroContent{max-width:620px}
.compactHomeHero .heroKicker{font-size:10px!important;margin-bottom:5px!important;color:#c9f9e6!important}
.compactHomeHero h1{margin:0 0 7px!important}
.compactHomeHero h1 span:first-child{font-size:clamp(25px,7vw,34px)!important;line-height:1.12!important}
.compactHomeHero h1 span:last-child{font-size:clamp(13px,3.8vw,17px)!important;line-height:1.35!important;margin-top:4px!important;color:#d8fff0!important}
.compactHomeHero p{
  font-size:12.5px!important;
  line-height:1.6!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.compactHomeHero .heroCtas{gap:8px!important;margin-top:12px!important}
.compactHomeHero .heroCtas button{min-height:42px!important;padding:9px 10px!important;border-radius:12px!important;font-size:13px!important}

.experiencePillars.compactHomePillars{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:12px 0 14px!important;
}
.compactHomePillars>button{
  position:relative;
  grid-template-columns:40px minmax(0,1fr)!important;
  min-height:82px;
  gap:8px!important;
  padding:10px!important;
  border-radius:16px!important;
  text-align:right!important;
  box-shadow:0 6px 18px rgba(3,55,43,.055)!important;
}
.compactHomePillars>button>.pillarIcon{
  width:40px!important;
  height:40px!important;
  border-radius:13px!important;
  font-size:19px!important;
}
.compactHomePillars>button b{font-size:15px!important;line-height:1.25}
.compactHomePillars>button small{
  font-size:10.5px!important;
  line-height:1.35!important;
  margin-top:2px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.compactHomePillars>button em{display:none!important}

.smtCompanySection.compactCompanyCard{
  margin:12px 0 16px!important;
  padding:14px!important;
  border-radius:20px!important;
  box-shadow:0 7px 20px rgba(3,55,43,.055)!important;
}
.compactCompanyCard .companyHeader{gap:10px!important}
.compactCompanyCard .companyHeader img{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
}
.compactCompanyCard .sectionEyebrow{padding:5px 9px!important;font-size:10px!important}
.compactCompanyCard h2{font-size:19px!important;line-height:1.2!important;margin:5px 0 0!important}
.compactCompanyCard p{
  margin-top:9px!important;
  font-size:12px!important;
  line-height:1.55!important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.compactCompanyCard .companyServices{
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  gap:6px!important;
  margin-top:10px!important;
  padding-bottom:1px;
}
.compactCompanyCard .companyServices::-webkit-scrollbar{display:none}
.compactCompanyCard .companyServices span{
  flex:0 0 auto;
  padding:6px 9px!important;
  font-size:10.5px!important;
  white-space:nowrap;
}
.compactCompanyCard .companyAction{
  min-height:40px!important;
  margin-top:10px!important;
  border-radius:12px!important;
  font-size:12.5px!important;
}

@media(max-width:380px){
  .compactHomeHero{padding-inline:13px!important}
  .compactHomeHero .smtHeroLogo{width:54px!important;height:54px!important;flex-basis:54px!important;max-width:54px!important}
  .compactHomeHero .heroTopline{min-height:56px;gap:7px!important}
  .compactHomeHero .heroBrand{padding-inline-end:75px}
  .compactHomeHero .heroBrand b{font-size:12.5px!important}
  .compactHomeHero .heroBrand span{font-size:8.5px!important}
  .compactHomeHero h1 span:first-child{font-size:24px!important}
  .compactHomeHero h1 span:last-child{font-size:12.5px!important}
  .compactHomeHero .heroCtas{grid-template-columns:1fr 1fr!important}
  .compactHomePillars>button{grid-template-columns:36px minmax(0,1fr)!important;min-height:76px;padding:8px!important;gap:7px!important}
  .compactHomePillars>button>.pillarIcon{width:36px!important;height:36px!important;font-size:17px!important}
  .compactHomePillars>button b{font-size:13.5px!important}
  .compactHomePillars>button small{font-size:9.5px!important}
}

@media(min-width:650px){
  .experiencePillars.compactHomePillars{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .compactHomeHero{padding:20px 28px 22px!important}
  .compactHomeHero .heroTopline{margin-bottom:16px!important}
  .compactHomeHero .heroBrand{padding-inline-end:0}
  .compactHomeHero .heroBadge{position:static!important;margin-inline-start:auto!important}
  .compactHomeHero .compactHeroInstall{position:static!important}
  .compactCompanyCard .companyServices{overflow:visible;flex-wrap:wrap!important}
}

/* v3.8.22 — Public Home Visual Hierarchy & Density Polish
   Keep install/platform utilities visible without overlapping the SMT logo. */
.homeVisualHierarchyHero{
  padding:calc(10px + env(safe-area-inset-top)) 14px 16px!important;
}
.homeVisualHierarchyHero .heroUtilityBar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:28px;
  margin:0 0 8px;
}
.homeVisualHierarchyHero .heroUtilityBar .heroBadge,
.homeVisualHierarchyHero .heroUtilityBar .compactHeroInstall{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  flex:0 0 auto;
  max-width:48%;
  min-height:27px!important;
  border-radius:999px!important;
  white-space:nowrap;
}
.homeVisualHierarchyHero .heroUtilityBar .heroBadge{
  display:inline-flex;
  align-items:center;
  padding:5px 9px!important;
  font-size:9.5px!important;
}
.homeVisualHierarchyHero .heroUtilityBar .compactHeroInstall{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:5px 9px!important;
  font-size:9.5px!important;
}
.homeVisualHierarchyHero .heroTopline{
  min-height:54px!important;
  margin-bottom:9px!important;
  gap:9px!important;
}
.homeVisualHierarchyHero .smtHeroLogo{
  width:54px!important;
  height:54px!important;
  flex-basis:54px!important;
  max-width:54px!important;
}
.homeVisualHierarchyHero .heroBrand{
  padding-inline-end:0!important;
}
.homeVisualHierarchyHero .heroBrand b{font-size:13px!important}
.homeVisualHierarchyHero .heroBrand span{font-size:9px!important}
.homeVisualHierarchyHero .heroKicker{margin-bottom:4px!important}
.homeVisualHierarchyHero h1 span:first-child{font-size:clamp(23px,6.4vw,31px)!important}
.homeVisualHierarchyHero h1 span:last-child{font-size:clamp(12.5px,3.4vw,16px)!important;margin-top:3px!important}
.homeVisualHierarchyHero p{font-size:11.8px!important;line-height:1.52!important}
.homeVisualHierarchyHero .heroCtas{margin-top:9px!important}
.homeVisualHierarchyHero .heroCtas button{min-height:39px!important;padding:8px 9px!important}

.homeCompanyStrip{
  gap:8px!important;
  margin:10px 0 13px!important;
  padding:11px 12px!important;
  border-radius:17px!important;
}
.homeCompanyStrip .companyHeader{gap:8px!important}
.homeCompanyStrip .companyHeader img{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
}
.homeCompanyStrip .sectionEyebrow{padding:4px 8px!important;font-size:9px!important}
.homeCompanyStrip h2{font-size:17px!important;margin-top:3px!important}
.homeCompanyStrip p{
  margin-top:5px!important;
  font-size:11.3px!important;
  line-height:1.45!important;
  -webkit-line-clamp:2;
}
.homeCompanyStrip .companyServices{margin-top:6px!important}
.homeCompanyStrip .companyAction{
  min-height:36px!important;
  margin-top:6px!important;
  font-size:11.5px!important;
}

@media(max-width:649px){
  .homeCompanyStrip .companyServices{display:none!important}
}
@media(max-width:380px){
  .homeVisualHierarchyHero{padding-inline:11px!important}
  .homeVisualHierarchyHero .heroUtilityBar{gap:6px;margin-bottom:7px}
  .homeVisualHierarchyHero .heroUtilityBar .heroBadge,
  .homeVisualHierarchyHero .heroUtilityBar .compactHeroInstall{font-size:8.8px!important;padding:4px 7px!important}
  .homeVisualHierarchyHero .smtHeroLogo{width:50px!important;height:50px!important;flex-basis:50px!important;max-width:50px!important}
  .homeVisualHierarchyHero .heroTopline{min-height:50px!important}
  .homeVisualHierarchyHero h1 span:first-child{font-size:22px!important}
}
@media(min-width:650px){
  .homeVisualHierarchyHero .heroUtilityBar{justify-content:flex-start}
  .homeVisualHierarchyHero .heroUtilityBar .heroBadge{order:1}
  .homeVisualHierarchyHero .heroUtilityBar .compactHeroInstall{order:2}
  .homeCompanyStrip{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .homeCompanyStrip .companyHeader,.homeCompanyStrip p,.homeCompanyStrip .companyServices{grid-column:1}
  .homeCompanyStrip .companyAction{grid-column:2;grid-row:1/4;min-width:150px;margin-top:0!important}
}

/* v3.8.23 — Home Final Visual Polish & Brand Deduplication
   One platform identity in the hero, one intentional business bridge, and a slim legal footer. */
.finalHomeHero{
  padding:calc(9px + env(safe-area-inset-top)) 14px 13px!important;
  border-radius:0 0 26px 26px!important;
  min-height:0!important;
}
.finalHomeHero .heroUtilityBar{min-height:26px;margin-bottom:6px!important}
.finalHomeHero .heroTopline{
  min-height:48px!important;
  margin-bottom:6px!important;
  gap:8px!important;
}
.finalHomeHero .smtHeroLogo{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  max-width:48px!important;
}
.finalHomeHero .heroPlatformIdentity{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  color:#fff;
  text-align:right;
}
.finalHomeHero .heroPlatformIdentity b{font-size:12.5px;line-height:1.2;color:#fff}
.finalHomeHero .heroPlatformIdentity span{font-size:9px;line-height:1.2;color:rgba(255,255,255,.72)}
.finalHomeHero .heroKicker{font-size:9.5px!important;margin-bottom:3px!important}
.finalHomeHero h1{margin-bottom:5px!important;max-width:100%!important}
.finalHomeHero h1 span:first-child{font-size:clamp(22px,6vw,29px)!important;line-height:1.08!important}
.finalHomeHero h1 span:last-child{font-size:clamp(12px,3.2vw,15px)!important;line-height:1.3!important;margin-top:2px!important}
.finalHomeHero p{
  max-width:100%!important;
  font-size:11px!important;
  line-height:1.42!important;
  -webkit-line-clamp:1!important;
}
.finalHomeHero .heroSingleAction{
  grid-template-columns:minmax(0,1fr)!important;
  margin-top:8px!important;
}
.finalHomeHero .heroSingleAction .heroPrimary{
  width:100%;
  min-height:38px!important;
  border-radius:12px!important;
}
.finalHomeHero:after{opacity:.42;bottom:-92px!important}

.finalQuickAccess{
  gap:7px!important;
  margin:10px 0 10px!important;
}
.finalQuickAccess>button{
  min-height:68px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  padding:8px 9px!important;
  gap:7px!important;
  border-radius:15px!important;
}
.finalQuickAccess>button>.pillarIcon{
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:16px!important;
}
.finalQuickAccess>button b{font-size:14px!important;line-height:1.15!important}
.finalQuickAccess>button small{font-size:9.5px!important;line-height:1.2!important;margin-top:1px!important;-webkit-line-clamp:1!important}

.businessBridgeStrip{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:4px!important;
  margin:8px 0 10px!important;
  padding:10px 11px!important;
  border-radius:16px!important;
}
.businessBridgeStrip .companyHeader{display:block!important}
.businessBridgeStrip .sectionEyebrow{font-size:8.8px!important;padding:3px 7px!important}
.businessBridgeStrip h2{font-size:15.5px!important;line-height:1.2!important;margin:4px 0 0!important}
.businessBridgeStrip p{font-size:10.7px!important;line-height:1.35!important;margin:2px 0 0!important;-webkit-line-clamp:1!important}
.businessBridgeStrip .companyAction{min-height:40px!important;margin-top:5px!important;font-size:11px!important;border-radius:11px!important}

.compactServiceGrid{
  gap:9px!important;
  margin-top:12px!important;
}
.compactServiceGrid .homeTile{
  min-height:128px!important;
  padding:11px 9px!important;
  border-radius:18px!important;
}
.compactServiceGrid .homeTile .ico{
  width:42px!important;
  height:42px!important;
  margin-bottom:7px!important;
  border-radius:14px!important;
  font-size:21px!important;
}
.compactServiceGrid .homeTile b{
  font-size:clamp(19px,5.1vw,25px)!important;
  line-height:1.08!important;
  letter-spacing:-.35px!important;
}
.compactServiceGrid .homeTile small{
  display:block!important;
  margin-top:5px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}

.smtFooter.compactBrandFooter{
  display:block!important;
  text-align:center!important;
  padding:10px 12px!important;
  margin:14px 0 4px!important;
  border-radius:16px!important;
}
.compactBrandFooter>div{align-items:center!important;gap:1px!important}
.compactBrandFooter b{font-size:11px!important}
.compactBrandFooter span{font-size:9.5px!important;line-height:1.25!important}
.compactBrandFooter .footerLinks{margin-top:5px!important;justify-content:center!important}
.compactBrandFooter .footerLinks button{font-size:9.5px!important;min-height:40px!important;padding:8px 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}

@media(max-width:380px){
  .finalHomeHero{padding-inline:10px!important}
  .finalHomeHero .smtHeroLogo{width:44px!important;height:44px!important;flex-basis:44px!important;max-width:44px!important}
  .finalQuickAccess>button{min-height:64px!important;grid-template-columns:31px minmax(0,1fr)!important;padding:7px!important}
  .finalQuickAccess>button>.pillarIcon{width:31px!important;height:31px!important;font-size:15px!important}
  .compactServiceGrid .homeTile{min-height:122px!important;padding:10px 8px!important}
  .compactServiceGrid .homeTile b{font-size:18px!important}
}
@media(min-width:650px){
  .finalHomeHero{padding:16px 28px 18px!important}
  .finalHomeHero .heroSingleAction{max-width:320px}
  .businessBridgeStrip{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .businessBridgeStrip .companyHeader,.businessBridgeStrip p{grid-column:1}
  .businessBridgeStrip .companyAction{grid-column:2;grid-row:1/3;min-width:180px;margin:0!important}
}

/* v3.8.24-hotfix.1 — Home Hero Single-Identity Focus & Vertical Density Polish
   Keep one canonical platform identity, remove duplicated hero headlines, and surface services sooner. */
.finalHomeHero{
  padding:calc(8px + env(safe-area-inset-top)) 12px 11px!important;
}
.finalHomeHero .heroUtilityBar{
  min-height:24px!important;
  margin-bottom:4px!important;
}
.finalHomeHero .heroTopline{
  min-height:52px!important;
  margin-bottom:4px!important;
  gap:9px!important;
  align-items:center!important;
}
.finalHomeHero .smtHeroLogo{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  max-width:52px!important;
}
.finalHomeHero .heroPlatformIdentity{
  flex:1 1 auto;
  min-width:0;
  gap:2px!important;
  justify-content:center;
}
.finalHomeHero .heroPlatformIdentity b{
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.15px;
}
.finalHomeHero .heroPlatformIdentity span{
  font-size:11.5px!important;
  line-height:1.3!important;
  color:rgba(255,255,255,.82)!important;
  font-weight:800;
}
.finalHomeHero .heroFocusedContent{
  display:grid;
  gap:6px;
  width:100%;
}
.finalHomeHero .heroFocusedSummary{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2!important;
  overflow:hidden;
  margin:0!important;
  max-width:100%!important;
  font-size:11px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.84)!important;
  text-align:right!important;
}
.finalHomeHero .heroSingleAction{
  margin-top:0!important;
  gap:0!important;
}
.finalHomeHero .heroSingleAction .heroPrimary{
  min-height:40px!important;
  padding:8px 12px!important;
  font-size:13px!important;
  font-weight:950!important;
  border-radius:12px!important;
}
@media(max-width:380px){
  .finalHomeHero{padding-inline:9px!important}
  .finalHomeHero .smtHeroLogo{width:48px!important;height:48px!important;flex-basis:48px!important;max-width:48px!important}
  .finalHomeHero .heroPlatformIdentity b{font-size:15.5px!important}
  .finalHomeHero .heroPlatformIdentity span{font-size:10.5px!important}
  .finalHomeHero .heroFocusedSummary{font-size:10.5px!important}
}
@media(min-width:650px){
  .finalHomeHero{padding:13px 24px 15px!important}
  .finalHomeHero .heroTopline{min-height:62px!important}
  .finalHomeHero .smtHeroLogo{width:62px!important;height:62px!important;flex-basis:62px!important;max-width:62px!important}
  .finalHomeHero .heroPlatformIdentity b{font-size:21px!important}
  .finalHomeHero .heroPlatformIdentity span{font-size:13px!important}
  .finalHomeHero .heroFocusedContent{max-width:620px}
}

/* SMT-HERO-ROW-V1 START */
/* صفّ: الرئيسي يأخذ ما تبقّى، والثانوي بعرض نصّه فلا يلتفّ أبداً */
.finalHomeHero .heroCtas.heroSingleAction{display:flex;flex-direction:row;align-items:stretch;gap:8px;flex-wrap:nowrap}
.finalHomeHero .heroCtas.heroSingleAction>.heroPrimary{flex:1 1 auto;min-width:0}
.finalHomeHero .heroCtas.heroSingleAction>.heroMemberLink{flex:0 0 auto;white-space:nowrap;min-height:44px}
/* SMT-HERO-ROW-V1 END */

/* PUBLIC HOME VISUAL BASELINE END */
/* v3.8.33 Admin Decision Workspace */
.aiDecisionWorkspace{display:grid;gap:12px}.aiDecisionNow{display:flex;align-items:center;justify-content:space-between;gap:12px}.aiDecisionNow h3{margin:5px 0 2px}.aiDecisionMetrics .aiDecisionMetric{appearance:none;font:inherit;text-align:inherit;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;background:#fff;border:1px solid #dfece6;border-radius:18px;padding:14px;box-shadow:0 7px 20px rgba(15,68,54,.05);cursor:pointer;min-width:0}.aiDecisionMetrics .aiDecisionMetric>span{grid-row:1/4;width:38px;height:38px;display:grid;place-items:center;background:#eff9f4;border-radius:12px}.aiDecisionMetrics .aiDecisionMetric b{font-size:23px;color:#241b16}.aiDecisionMetrics .aiDecisionMetric small{color:#64748b;font-weight:850}.aiDecisionMetrics .aiDecisionMetric em{font-style:normal;color:#0f766e;font-size:11px;font-weight:800;margin-top:3px}.aiDecisionMetrics .aiDecisionMetric.active{border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.12)}.aiDecisionMetrics .aiDecisionMetric.alert{border-color:#fecaca;background:#fffafa}.aiSystemHistory{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.aiSystemHistory h4{margin:4px 0}.aiQueuePurpose{display:grid;gap:4px;border-inline-start:4px solid #0f766e}.aiQueuePurpose.system{border-inline-start-color:#94a3b8;background:#f8fafc}.aiQueuePurpose span{color:#64748b;line-height:1.7}
@media(max-width:720px){.aiDecisionMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.aiSystemHistory{display:grid}.aiSystemHistory .smallbtn{width:100%}}
@media(max-width:430px){.aiDecisionMetrics .aiDecisionMetric{padding:11px}.aiDecisionMetrics .aiDecisionMetric b{font-size:20px}.aiDecisionMetrics .aiDecisionMetric small{font-size:11px}.aiDecisionMetrics .aiDecisionMetric em{font-size:10px}}
/* v3.8.34 Admin My Work */
.adminMyWorkPanel{margin:16px 0}.adminWorkItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.adminWorkItem.overdue{border-inline-start:3px solid currentColor}.adminWorkMain{appearance:none;border:0;background:transparent;text-align:inherit;color:inherit;padding:0;min-width:0;cursor:pointer}.adminWorkMain b,.adminWorkMain p,.adminWorkMain small{display:block}.adminWorkMain p{margin:4px 0}.adminWorkActions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.adminWorkItem.mine{outline:1px solid rgba(0,0,0,.08)}
@media(max-width:760px){.adminWorkItem{grid-template-columns:auto minmax(0,1fr)}.adminWorkActions{grid-column:2;justify-content:flex-start}.adminWorkActions .smallbtn{min-height:40px}}

/* v3.8.36-hotfix.1 Admin task-first information architecture */
.adminWorkHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 16px;padding:20px 22px}.adminWorkHero h2{margin:4px 0 6px}.adminWorkHero p{margin:0;max-width:760px}.adminWorkHeroStats{display:grid;justify-items:end;gap:4px;min-width:150px}.adminWorkHeroStats strong{font-size:32px;line-height:1}.adminTaskFirstPanel{margin-bottom:14px}.adminWorkFilterBar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 14px}.adminWorkFilterBar button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 12px;border-radius:10px}.adminWorkFilterBar button.active{font-weight:800}.adminWorkFilterBar button b{min-width:20px;text-align:center}.adminTaskFirstRows{display:grid;gap:9px}.adminTaskFirstItem{grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;padding:12px}.adminWorkTitleLine{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.adminWorkFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.adminWorkFacts span{display:grid;gap:2px;min-width:0}.adminWorkFacts small{font-size:11px}.adminTaskFirstActions{align-items:center;align-content:center;position:relative;min-width:max-content}.adminWorkMoreWrap{position:relative}.adminWorkMoreButton{min-width:38px}.adminWorkMoreMenu{position:absolute;inset-inline-end:0;top:calc(100% + 5px);z-index:20;display:grid;min-width:150px;padding:6px;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.14)}.adminWorkMoreMenu button{border:0;background:transparent;text-align:start;padding:9px 10px;border-radius:8px;cursor:pointer}.adminWorkSecondaryGrid{margin-top:14px}.adminOperationalSummaryPanel .adminPriorityRow{grid-template-columns:minmax(0,1fr) auto}.adminOperationalSummaryPanel .adminPriorityRow>strong{align-self:center}.adminNav>section{min-width:0}
@media(max-width:820px){.adminWorkHero{grid-template-columns:1fr;padding:16px}.adminWorkHeroStats{justify-items:start;min-width:0}.adminTaskFirstItem{grid-template-columns:auto minmax(0,1fr)}.adminTaskFirstActions{grid-column:2;justify-content:flex-start;min-width:0}.adminWorkFacts{grid-template-columns:1fr 1fr}.adminWorkFacts span:last-child{grid-column:1/-1}}
@media(max-width:520px){.adminWorkFilterBar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.adminWorkFilterBar button{justify-content:center}.adminWorkFacts{grid-template-columns:1fr}.adminWorkFacts span:last-child{grid-column:auto}.adminTaskFirstActions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%}.adminTaskFirstActions>.smallbtn:first-child{min-width:0}.adminWorkMoreMenu{position:fixed;inset:auto 12px 12px 12px;min-width:0}.adminWorkMoreMenu button{min-height:44px}}

/* v3.8.38 — focused AI content review workspace */
.aiApprovalGuideDisclosure{padding:0;overflow:hidden}.aiApprovalGuideDisclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none;color:#0b5b47}.aiApprovalGuideDisclosure>summary::-webkit-details-marker{display:none}.aiApprovalGuideDisclosure>summary span{font-size:12px;color:#64748b;font-weight:850}.aiApprovalGuideBody{padding:0 15px 15px}
.aiSuggestionDisclosure{display:block;padding:0;overflow:hidden}.aiSuggestionDisclosure.is-open{box-shadow:0 14px 34px rgba(3,55,43,.1)}.aiSuggestionSummary{width:100%;border:0;font:inherit;text-align:inherit}.aiSuggestionDisclosure.is-open .aiSuggestionSummary{background:#f8fcfa}.aiQueueReadiness{grid-column:2;display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.aiQueueReadiness em{font-style:normal;font-size:10px;font-weight:900;color:#7c8792;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:3px 7px}.aiQueueReadiness em.ready{color:#06654f;background:#fdf6ea;border-color:#b7e6d4}
.aiSuggestionCard:not(.is-open){box-shadow:0 4px 14px rgba(3,55,43,.04)}.aiSuggestionCard:not(.is-open)+.aiSuggestionCard{margin-top:8px}.aiSuggestionCard.is-open{margin-block:12px 16px}
@media(max-width:700px){.aiCenterPanel{gap:9px}.aiSectionLead{padding:12px}.aiDecisionMetrics{gap:8px}.aiDecisionMetrics .aiDecisionMetric{padding:10px;border-radius:14px}.aiDecisionMetrics .aiDecisionMetric b{font-size:20px}.aiSystemHistory{padding:10px}.aiSuggestionSummary{padding:11px 12px;gap:8px}.aiSuggestionSummary b{font-size:14px}.aiSuggestionSummary small{font-size:11px}.aiSuggestionNumber{min-width:34px;height:34px}.aiSuggestionSummaryState{gap:4px}.aiSuggestionSummaryState .statusPill{font-size:9px;padding:4px 6px}.aiSuggestionBody{padding:10px 10px calc(88px + env(safe-area-inset-bottom))}.aiSuggestionCard.is-open .aiDraftActions,.aiSuggestionCard.is-open .aiReviewActions,.aiSuggestionCard.is-open .aiApprovalChecklist .aiReviewActions{position:sticky;bottom:calc(62px + env(safe-area-inset-bottom));z-index:12;background:rgba(255,255,255,.97);border:1px solid #d8e8e1;border-radius:14px;padding:8px;box-shadow:0 -8px 24px rgba(3,55,43,.08);backdrop-filter:blur(10px)}.aiSuggestionCard.is-open .aiDraftActions{grid-template-columns:1fr}.aiSuggestionCard.is-open .aiReviewActions,.aiSuggestionCard.is-open .aiApprovalChecklist .aiReviewActions{grid-template-columns:1fr}.aiApprovalGuideDisclosure>summary{padding:11px 12px}}

/* v3.8.38 Visitor Intelligence — compact, privacy-first, mobile-ready */
.visitorIntelHero{align-items:stretch}.visitorIntelHero .adminOverviewHeroSide{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.visitorIntelHero .adminOverviewHeroSide strong{font-variant-numeric:tabular-nums}
.visitorFilterBar{display:grid;gap:12px;margin:14px 0;padding:14px}.visitorPeriodChips{display:flex;flex-wrap:wrap;gap:8px}.visitorPeriodChips button{border:1px solid #cfe0da;background:#fffcf6;color:#315b50;border-radius:999px;padding:8px 13px;font-weight:900;min-height:40px;cursor:pointer}.visitorPeriodChips button.active{background:#981d13;color:#fff;border-color:#241b16}.visitorFilterFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.visitorFilterFields label{display:grid;gap:5px;min-width:0}.visitorFilterFields label>span{font-size:.76rem;font-weight:900;color:#526960}.visitorFilterFields select{width:100%;min-width:0}.visitorResetFilter{min-height:42px}
.visitorMetricGridV2{grid-template-columns:repeat(5,minmax(0,1fr))}.visitorMetricGridV2 .visitorMetric{position:relative;overflow:hidden}.visitorMetricGridV2 .visitorMetric.primaryMetric{border-color:#a8d6c8;background:linear-gradient(180deg,#f7fffb,#effaf5)}.visitorMetricGridV2 .visitorMetric em{font-style:normal;font-size:.74rem;font-weight:900;margin-top:3px}.visitorMetricGridV2 .visitorMetric em.up{color:#3a2a1e}.visitorMetricGridV2 .visitorMetric em.down{color:#b45309}.visitorMetricGridV2 .visitorMetric em.neutral{color:#64748b}
.visitorTrendPanel{margin:14px 0}.visitorTrendChart{height:240px;display:flex;align-items:stretch;gap:4px;padding:14px 4px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.visitorTrendPoint{flex:1 0 24px;min-width:24px;display:grid;grid-template-rows:20px minmax(120px,1fr) 30px;gap:5px;align-items:end;text-align:center}.visitorTrendValue{font-size:.68rem;color:#6b5b4a;font-variant-numeric:tabular-nums}.visitorTrendBarWrap{height:100%;min-height:120px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #dbe8e3}.visitorTrendBarWrap i{display:block;width:min(18px,76%);min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#12a276,#a4110a)}.visitorTrendPoint small{font-size:.65rem;color:#6b5b4a;white-space:nowrap;transform:rotate(-28deg);transform-origin:center top;display:block}
.visitorAnalyticsGridV2{align-items:start}.visitorBreakdownRows{display:grid;gap:12px;margin-top:12px}.visitorBreakdownRow{display:grid;gap:6px}.visitorBreakdownRow>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.visitorBreakdownRow b{color:#0b4b3b}.visitorBreakdownRow small{color:#6b5b4a}.visitorBreakdownRow>span{display:block;height:8px;border-radius:999px;background:#edf4f1;overflow:hidden}.visitorBreakdownRow>span i{display:block;height:100%;border-radius:inherit;background:#0b7a5a}.visitorTechDetails{margin-top:14px;border-top:1px solid #edf4f1;padding-top:10px}.visitorTechDetails summary{cursor:pointer;font-weight:900;color:#315b50}.visitorMiniColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}.visitorMiniColumns h4{margin:0 0 7px;color:#0b4b3b}.visitorMiniColumns p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:6px 0;border-bottom:1px solid #edf4f1}.visitorMiniColumns p span{color:#526960}.visitorMiniColumns p b{color:#241b16}
.visitorAutomationPanel{margin-top:14px}.visitorAutomationPanel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.visitorAutomationPanel>summary::-webkit-details-marker{display:none}.visitorAutomationPanel>summary span{display:grid;gap:3px}.visitorAutomationPanel>summary small{color:#6b5b4a;font-weight:600}.visitorAutomationPanel>summary strong{font-size:1.4rem;color:#8b4513}.visitorAutomationMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.visitorAutomationMetrics span{padding:10px;border-radius:12px;background:#fff8ef}.visitorAutomationMetrics b{display:block;color:#8b4513;font-size:1.25rem}.visitorAutomationMetrics small{color:#7a6b5c}.visitorPrivacyNote{margin:12px 2px;color:#64748b;font-size:.78rem;line-height:1.7}
@media(max-width:980px){.visitorMetricGridV2{grid-template-columns:repeat(3,minmax(0,1fr))}.visitorFilterFields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.visitorFilterBar{padding:11px}.visitorPeriodChips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.visitorPeriodChips button{padding:7px 5px;font-size:.76rem}.visitorFilterFields{grid-template-columns:1fr 1fr;gap:8px}.visitorMetricGridV2{grid-template-columns:repeat(2,minmax(0,1fr))}.visitorMetricGridV2 .visitorMetric:last-child{grid-column:1/-1}.visitorTrendChart{height:210px;margin-inline:-6px}.visitorTrendPoint{flex-basis:30px}.visitorMiniColumns{grid-template-columns:1fr}.visitorAutomationMetrics{grid-template-columns:1fr 1fr}.visitorAutomationMetrics span:last-child{grid-column:1/-1}.visitorIntelHero{display:grid!important;grid-template-columns:1fr!important}.visitorIntelHero .adminOverviewHeroSide{min-width:0!important;width:100%;align-items:flex-start}.visitorRecentRow small{overflow-wrap:anywhere}}
@media(max-width:420px){.visitorFilterFields{grid-template-columns:1fr}.visitorPeriodChips{grid-template-columns:repeat(2,minmax(0,1fr))}.visitorMetricGridV2{grid-template-columns:1fr}.visitorMetricGridV2 .visitorMetric:last-child{grid-column:auto}.visitorTrendPoint{flex-basis:34px}.visitorPageRow{grid-template-columns:minmax(0,1fr) 56px 52px}.visitorAutomationMetrics{grid-template-columns:1fr}.visitorAutomationMetrics span:last-child{grid-column:auto}}

/* v3.8.55 Admin Intelligence UX: compact executive visitor view + calm My Work zero-state */
.adminWorkZeroState>div{display:flex;align-items:center;gap:12px}.adminZeroCheck{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f7ef;color:#3a2a1e;font-weight:950;font-size:20px;flex:0 0 auto}.adminWorkZeroState b{font-size:15px}.adminWorkZeroState p{max-width:620px}
.visitorExecutiveMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}.visitorShowAll{width:100%;margin-top:10px;border:0;border-top:1px solid #e4ece9;background:transparent;color:#0b6b51;padding:10px 4px 2px;font-weight:900;cursor:pointer}.visitorPager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #e4ece9}.visitorPager button{border:1px solid #cfe0da;background:#fff;color:#0b6b51;border-radius:10px;padding:7px 12px;font-weight:900}.visitorPager button:disabled{opacity:.45;cursor:not-allowed}.visitorPager span{font-variant-numeric:tabular-nums;color:#64748b;font-weight:800}.visitorDataQualityPanel{margin-top:14px}.visitorDataQualityPanel>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.visitorDataQualityPanel>summary::-webkit-details-marker{display:none}.visitorDataQualityPanel>summary span{display:grid;gap:3px}.visitorDataQualityPanel>summary small{color:#6b5b4a;font-weight:600}.visitorDataQualityPanel>summary strong{color:#0b6b51}.visitorDataQualityGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.visitorDataQualityGrid span{background:#f7faf9;border:1px solid #e3ece8;border-radius:12px;padding:12px}.visitorDataQualityGrid b{display:block;font-size:1.2rem;color:#0b5b45}.visitorDataQualityGrid small{color:#6b5b4a}
@media(max-width:760px){.visitorFilterBar{position:sticky;top:0;z-index:12;box-shadow:0 8px 22px rgba(22,67,54,.08)}.visitorFilterBar .visitorPeriodChips{position:relative}.visitorExecutiveMetrics{grid-template-columns:1fr 1fr}.visitorExecutiveMetrics .visitorMetric:last-child{grid-column:auto}.visitorAnalyticsGridV2{grid-template-columns:1fr}.visitorTrendPanel{margin-top:10px}.visitorPageRows,.visitorCountryRows,.visitorBreakdownRows{max-height:none}.visitorRecentRows{max-height:none}.visitorAutomationPanel{margin-bottom:8px}.adminWorkZeroState{padding:14px}.adminWorkZeroState>div{align-items:flex-start}}
@media(max-width:420px){.visitorExecutiveMetrics{grid-template-columns:1fr 1fr}.visitorExecutiveMetrics .visitorMetric{padding:12px 10px}.visitorExecutiveMetrics .visitorMetric b{font-size:1.55rem}.visitorExecutiveMetrics .visitorMetric small,.visitorExecutiveMetrics .visitorMetric em{font-size:.68rem}.visitorDataQualityGrid{grid-template-columns:1fr}.adminWorkZeroState>div{gap:9px}.adminZeroCheck{width:32px;height:32px;font-size:17px}}

/* v3.8.40 SMT China Daily Utility Foundation */
.dailyHero{margin-bottom:12px;padding:18px}.dailyHero h2{margin:4px 0 6px;color:#063f31}.dailyHero p{margin:0 0 12px;color:#587068;line-height:1.75}.dailyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.dailyTile{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:7px;cursor:pointer;min-height:170px}.dailyTile b{font-size:1.02rem;color:#073f32}.dailyTile p{margin:0;color:#64766f;line-height:1.6}.dailyTile em{font-style:normal;color:#3a2a1e;font-weight:900;margin-top:auto}.dailyIcon{font-size:1.65rem}.dailyQuickRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 14px}.dailyQuickRow button{border:1px solid #d4e5df;background:#fff;border-radius:13px;padding:11px 8px;color:#164f41;font-weight:900;cursor:pointer}.dailyQuickRow button:disabled{opacity:.45}.dailyList{display:grid;gap:6px}.dailyList>button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #e8efec;background:transparent;padding:11px 2px;text-align:start;cursor:pointer}.dailyList>button span{display:grid;gap:3px}.dailyList>button b{color:#123f34}.dailyList>button small{color:#6b5b4a}.dailyList>button em{font-style:normal;color:#3a2a1e;font-weight:900}.dailyFilters{display:flex;gap:8px;align-items:center;margin-bottom:12px}.dailyFilters>*{flex:1;min-width:0}.dailyForm{display:grid;gap:11px;margin-bottom:12px}.dailyForm label,.notificationPreferenceForm label{display:grid;gap:5px;font-weight:800;color:#365e53}.dailyProgress{height:9px;background:#e8f1ee;border-radius:999px;overflow:hidden}.dailyProgress i{display:block;height:100%;background:#0a7a5a;border-radius:inherit;transition:width .2s}.journeySteps{display:grid;gap:10px}.journeyStep{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.journeyStep.done{background:#f4fbf7}.journeyStep.done b{text-decoration:line-through;color:#5e766e}.journeyCheck{width:38px;height:38px;border-radius:50%;border:1px solid #a9d5c7;background:#fff;color:#3a2a1e;font-weight:950;cursor:pointer}.journeyStep.done .journeyCheck{background:#a4110a;color:#fff}.journeyStep p{color:#667a73;line-height:1.6}.askSmtHero textarea{min-height:110px}.askAnswer>p{font-size:1rem;line-height:1.9;white-space:pre-wrap}.trustBadge{display:inline-flex;width:max-content;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:950;background:#eef3f1;color:#52645e}.trustBadge.official{background:#e8f5ee;color:#076045}.trustBadge.smt_verified{background:#e9f2ff;color:#245b9e}.trustBadge.community_listed{background:#f5f2ea;color:#756443}.officialDailyItem{padding:14px 0;border-bottom:1px solid #e8efec}.officialDailyItem:last-child{border-bottom:0}.officialDailyItem h3{margin:7px 0 3px}.officialDailyItem p{white-space:pre-wrap;line-height:1.75;color:#4f655e}.exchangeCard,.exhibitionCard{display:flex;flex-direction:column;gap:8px}.exchangeCard p,.exhibitionCard p{color:#61736d;line-height:1.65}.dailyDashboardGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.notificationPreferenceForm{display:grid;gap:12px}.checkRow{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px}.checkRow input{width:18px;height:18px}.adminExhibitionFields{display:grid;gap:10px;margin-top:10px;padding:12px;background:#fffcf6;border:1px solid #e0ece8;border-radius:14px}.exchangeAdminItem{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.exchangeAdminItem>div:first-child{display:grid;gap:5px}.myChinaAccountLaunch{margin-top:12px}.cityHubHero{background-size:cover;background-position:center}.cityHubHero[style*="background-image"] h2,.cityHubHero[style*="background-image"] p,.cityHubHero[style*="background-image"] .adminEyebrow{color:#fff}.serviceTrustCard{position:relative}.serviceTrustCard .trustBadge{margin-bottom:2px}
@media(max-width:900px){.dailyGrid{grid-template-columns:1fr 1fr}.dailyQuickRow{grid-template-columns:1fr 1fr}.dailyDashboardGrid{grid-template-columns:1fr}}
@media(max-width:620px){.dailyGrid{grid-template-columns:1fr}.dailyFilters{display:grid;grid-template-columns:1fr}.dailyHero{padding:14px}.dailyTile{min-height:0}.dailyQuickRow{grid-template-columns:1fr 1fr}.journeyStep{grid-template-columns:36px 1fr}.journeyCheck{width:34px;height:34px}.exchangeAdminItem{display:grid}.officialDailyItem p{font-size:.9rem}.notificationPreferenceForm .formTwo{grid-template-columns:1fr}}

/* v3.8.55 Daily Utility Activation & Operations */
.myChinaHero{position:relative;overflow:hidden}.myChinaNext{border-inline-start:4px solid #0a7a5a}.myChinaDashboard .card{min-width:0}.journeyProgressCard .memberSectionHead>b{font-size:1.45rem;color:#3a2a1e}.digestMiniGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.digestMiniGrid span{padding:9px;border:1px solid #ead9bb;border-radius:11px;background:#fffcf6;text-align:center;color:#315c50;font-weight:900}.savedCountGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0 14px}.savedCountGrid span{display:grid;gap:2px;padding:10px 6px;border:1px solid #ead9bb;border-radius:12px;text-align:center;background:#fffcf6}.savedCountGrid b{font-size:1.25rem;color:#3a2a1e}.savedCountGrid small{color:#6b5b4a}.successText{color:#3a2a1e;font-weight:900}.dailyOpsHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.dailyOpsMetrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:12px 0}.dailyOpsMetrics article{margin:0;display:grid;gap:5px;min-height:118px}.dailyOpsMetrics span{color:#657a72;font-size:.78rem}.dailyOpsMetrics b{font-size:1.8rem;line-height:1;color:#075a45}.dailyOpsMetrics small{color:#6b5b4a;line-height:1.4}.dailyOpsColumns{align-items:start}.opsSeverity{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-style:normal;font-size:.68rem;background:#edf4f1;color:#5f716a;margin-inline-end:5px}.opsSeverity.high{background:#feeceb;color:#9b1c1c}.digestRunList{margin-top:14px}.digestRunList>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e8efec}.digestRunList>div span{display:grid;gap:3px}.digestRunList>div small{color:#6b5b4a}.cityCoverageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cityCoverageCard{display:grid;gap:6px;padding:13px;border:1px solid #d9e7e2;background:#fff;border-radius:14px;text-align:start;color:#183f35;cursor:pointer}.cityCoverageCard.gap{border-color:#e9c8a5;background:#fffaf3}.cityCoverageCard b{font-size:1rem}.cityCoverageCard small{color:#6b5b4a}.cityCoverageCard div{display:flex;flex-wrap:wrap;gap:6px}.cityCoverageCard div span{font-size:.7rem;background:#edf6f2;border-radius:999px;padding:4px 7px}.cityCoverageCard em{font-style:normal;font-size:.72rem;color:#3a2a1e}.cityCoverageCard.gap em{color:#9a5b13}.dailyOpsMetrics article,.cityCoverageCard{transition:transform .12s ease}.cityCoverageCard:active{transform:scale(.985)}
@media(max-width:1100px){.dailyOpsMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cityCoverageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dailyOpsHeader{align-items:flex-start}.dailyOpsMetrics{grid-template-columns:1fr 1fr}.cityCoverageGrid{grid-template-columns:1fr 1fr}.savedCountGrid{grid-template-columns:1fr 1fr}.dailyOpsColumns{grid-template-columns:1fr!important}}
@media(max-width:420px){.dailyOpsMetrics{grid-template-columns:1fr}.cityCoverageGrid{grid-template-columns:1fr}.digestMiniGrid{grid-template-columns:1fr 1fr 1fr}}


/* SMT-IDEA-002 — رؤوس واجهة المستخدم: صورة الصين بدل التدرج اللوني.
   لا تمسّ هذه الكتلة بطاقة المشاركة (og:image) ولا رؤوس لوحة الإدارة
   (adminOverviewHero / adminDecisionHero / adminContentHero / aiCenterHero).
   تُلحق في آخر vue-parity.css عمداً: آخر قاعدة تفوز، فلا تُعدَّل قاعدة قائمة.

   شدة التغميق مقيسة لا مقدّرة:
     الرؤوس الكبيرة  → أدنى تباين للأبيض 4.87:1
     الرؤوس المدمجة  → أدنى تباين للأبيض 6.47:1
   (WCAG AA يتطلب 4.5:1 للنص العادي.) */

.publicHero,
.modernHero,
.guideHero{
  background:
    linear-gradient(180deg,rgba(4,47,36,.84) 0%,rgba(6,78,59,.74) 45%,rgba(7,94,73,.88) 100%),
    url("/brand/smt-hero-china.jpg?v=1") center/cover no-repeat,
    linear-gradient(145deg,#073f33 0%,#075e49 55%,#0b765b 100%) !important;
}

/* رؤوس مدمجة وكثيفة النص: تغميق أقوى */
.memberOrdersHeroV2,
.orderHero{
  background:
    linear-gradient(180deg,rgba(4,47,36,.90) 0%,rgba(6,78,59,.86) 50%,rgba(7,94,73,.92) 100%),
    url("/brand/smt-hero-china.jpg?v=1") center/cover no-repeat,
    linear-gradient(145deg,#981d13,#08785a) !important;
}

.modernHero>.heroGlow{opacity:.55}

@media(max-width:520px){
  .publicHero,.modernHero,.guideHero{background-position:62% center}
}
















/* SMT UI-002: public home only. Functional states retain their existing colors. */
.publicHero.finalHomeHero{background-image:linear-gradient(180deg,rgba(20,12,8,.10),rgba(20,12,8,.60)),var(--smt-hero-image,url('/brand/china-festival.webp'))!important;background-size:cover!important;background-position:center!important}
.publicHero.finalHomeHero .heroPrimary{color:#fff!important}
.publicShell:has(.finalHomeHero){background:#faf4e9;color:#241b16;padding-bottom:100px}
.publicHero.finalHomeHero{background:linear-gradient(180deg,rgba(20,12,8,.10),rgba(20,12,8,.60)),var(--smt-hero-image,url('/brand/china-festival.webp')) center/cover no-repeat #37251e;border:1px solid #dbb465;border-radius:28px;box-shadow:0 12px 35px #6d421326;padding:24px;min-height:440px}
.finalHomeHero .heroGlow{display:none!important}
.finalHomeHero .heroBadge,.finalHomeHero .compactHeroInstall{background:linear-gradient(#dd351d,#950f08);border:1px solid #ffe3a1;color:white;box-shadow:0 3px 12px #32100645,inset 0 1px 2px #fff9;min-height:44px}
.finalHomeHero .heroTopline{display:flex;gap:24px;align-items:center;margin:28px 0 20px}
.finalHomeHero .smtBrandLink{flex:0 0 230px}
.finalHomeHero .smtHeroLogo{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 8px 10px #0007)}
.finalHomeHero .heroPlatformIdentity{min-width:0;color:white;text-shadow:0 2px 5px #000}
.finalHomeHero .heroPlatformIdentity b{font-size:clamp(28px,4vw,48px);line-height:1.35;color:white}
.finalHomeHero .heroPlatformIdentity span,.finalHomeHero .heroFocusedSummary{color:white;text-shadow:0 2px 5px #000;line-height:1.7}
.finalHomeHero .heroSingleAction{display:flex;flex-direction:column;gap:12px}
.finalHomeHero .heroPrimary,.publicShell:has(.finalHomeHero) .companyAction{background:linear-gradient(180deg,#e33b21,#a4110a 65%,#820e09);border:2px solid #f5ca7a;color:#fff;border-radius:999px;box-shadow:inset 0 0 0 2px #ffe9ac66,0 5px 14px #6e270d35;text-decoration:none;text-align:center;padding:15px 24px;display:block;font-weight:800;min-height:48px}
.publicShell:has(.finalHomeHero) .finalQuickAccess{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.publicShell:has(.finalHomeHero) .finalQuickAccess>button,.publicShell:has(.finalHomeHero) .homeTile{background:linear-gradient(135deg,#fffdf9,#f0e8dc);border:1px solid #fff;border-radius:22px;color:#241b16;box-shadow:0 5px 12px #56422b20;min-width:0}
.publicShell:has(.finalHomeHero) .finalQuickAccess>button{display:flex;flex-direction:column;text-align:center;padding:20px 12px;gap:12px}
.publicShell:has(.finalHomeHero) .pillarIcon{font-size:40px;background:transparent}
.publicShell:has(.finalHomeHero) .finalQuickAccess em{display:none}
.publicShell:has(.finalHomeHero) .businessBridgeStrip{background:linear-gradient(120deg,#fffaf2,#f1dfc3);border:1px solid #d9b775;border-radius:24px;color:#302319;padding:24px}
.publicShell:has(.finalHomeHero) .homeTile small,.publicShell:has(.finalHomeHero) .finalQuickAccess small{color:#655244}
.publicShell:has(.finalHomeHero) :is(a,button):focus-visible{outline:3px solid #762819;outline-offset:4px}
.finalHomeHero :is(a,button):focus-visible{outline-color:#fff!important}
.publicShell:has(.finalHomeHero){max-width:1180px;margin:auto}
.publicShell:has(.finalHomeHero) .homeTile b,.publicShell:has(.finalHomeHero) .businessBridgeStrip h2{color:#362417}
.publicShell:has(.finalHomeHero) .sectionEyebrow{color:#7c1b10;background:#f8e9d1}
.publicShell:has(.finalHomeHero) .smtServiceArt{width:96px;height:96px;object-fit:contain;border-radius:16px;display:block;margin-inline:auto}
.publicShell:has(.finalHomeHero) :is(.pillarIcon,.homeTile .ico){background:transparent!important;width:auto!important;height:auto!important;display:block!important}
.publicShell:has(.finalHomeHero) .homeTile{padding:18px 12px!important}
.publicHero.finalHomeHero .heroPrimary{border-radius:999px!important}
.publicHero.finalHomeHero .heroTopline{justify-content:center!important}
.publicHero.finalHomeHero .heroContent{max-width:720px;margin-inline:auto}
body:has(.finalHomeHero){background:#faf4e9!important}
.smtNavArt{width:32px;height:32px;object-fit:contain;display:block;border-radius:8px;margin:auto}
.publicShell:has(.finalHomeHero) .memberOpsNav{background:#fffaf1;border-top:1px solid #d8b773}
.publicShell:has(.finalHomeHero) .memberOpsNav button{color:#51341f}
.publicShell:has(.finalHomeHero) .memberOpsNav button.active{background:#981d13!important;color:#fff!important}
.publicShell:has(.finalHomeHero) .compactBrandFooter{background:#fffcf6;border-color:#ead9bb}
.publicShell:has(.finalHomeHero) .compactBrandFooter :is(b,span,button){color:#51341f}
@media(max-width:600px){.publicHero.finalHomeHero{padding:16px;min-height:0;border-radius:22px}.finalHomeHero .heroTopline{gap:12px;margin:30px 0 20px}.finalHomeHero .smtBrandLink{flex-basis:130px}.finalHomeHero .smtHeroLogo{width:130px;height:130px}.finalHomeHero .heroPlatformIdentity b{font-size:28px}.finalHomeHero .heroPlatformIdentity span{font-size:16px}.publicShell:has(.finalHomeHero) .finalQuickAccess{grid-template-columns:repeat(2,minmax(0,1fr))}.finalHomeHero .heroPrimary{font-size:22px}}
@media(prefers-reduced-motion:reduce){.publicShell:has(.finalHomeHero) *{animation:none!important;transition:none!important}}
/* BEGIN v3.8.55-hotfix.2-ui002 — رأس موحّد لصفحات المستخدم */
.publicHero.pageHeroV2{min-height:0;justify-content:flex-start;gap:10px;text-align:center;border-radius:0 0 28px 28px;padding:calc(14px + env(safe-area-inset-top)) 18px 18px;margin:0 0 14px}
.publicHero.pageHeroV2:after{display:none}
.pageHeroV2 .pageHeroBar{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.pageHeroV2 .pageHeroBrand{justify-self:center;display:block;line-height:0}
.pageHeroV2 .pageHeroBrand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:13px;padding:5px;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.pageHeroV2 .back{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.14);color:#fff;border-radius:13px;min-height:44px;padding:8px 13px;font-size:13px;font-weight:950}
.pageHeroV2 .memberTopBell{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important}
.pageHeroV2 h1{position:relative;z-index:1;margin:10px 0 0;text-align:center;font-size:clamp(22px,6vw,32px);line-height:1.25;letter-spacing:-.5px;max-width:100%}
.publicShell:has(.finalHomeHero) .homeTile .ico{display:flex!important;align-items:center!important;justify-content:center!important;margin-inline:auto!important}
@media(max-width:420px){.publicHero.pageHeroV2{padding-left:15px;padding-right:15px;border-radius:0 0 24px 24px}.pageHeroV2 .back{padding:7px 10px;font-size:12px}.pageHeroV2 .pageHeroBrand img{width:40px;height:40px}}
/* END v3.8.55-hotfix.2-ui002 */

/* SMT-UI-003 IDENTITY BEGIN — تعميم هوية الصفحة الرئيسية على المنصة */

/* ١ · الورق والحبر على كل الصفحات (الرئيسية كانت وحدها عاجية) */
body{background:#faf4e9}
.publicShell{background:#faf4e9;color:#241b16}
.app{background:#faf4e9}

/* ٢ · إزالة الفراغ المتراكم أسفل الصفحة — أربع طبقات حجزت مكان القائمة معاً */
.app{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
.publicShell:has(.finalHomeHero){padding-bottom:0}
.app:has(.finalHomeHero) .footerGap{height:0}
.publicShell:has(.finalHomeHero) .smtFooter.compactBrandFooter{margin-bottom:0}
@supports not (selector(:has(*))){.publicShell{padding-bottom:0}.footerGap{height:0}}

/* ٣ · رأس واحد لا اثنان: guideHero يفقد عنوانه وأيقونته المكرّرين
       ويتحوّل إلى كتلة وصف تحت عنوان pageHeroV2 الكبير */
.guideHero{background:transparent!important;color:#241b16!important;padding:0 16px 14px!important;
  margin:-6px 0 14px!important;border:0!important;box-shadow:none!important;text-align:center!important;
  border-radius:0!important;min-height:0!important}
.guideHero>span:first-child{display:none!important}
.guideHero h1{display:none!important}
.guideHero p{margin:0!important;color:#6b5b4a!important;font-size:14px!important;
  line-height:1.75!important;font-weight:800!important;max-width:680px;margin-inline:auto!important}
.guideHero:after,.guideHero:before{display:none!important}

/* ٤ · وصف الرأس حين تمرّره الصفحة لاحقاً كخاصية */
.pageHeroV2 .pageHeroSub{position:relative;z-index:1;margin:8px auto 0;max-width:680px;
  text-align:center;font-size:13.5px;line-height:1.7;font-weight:800;color:rgba(255,255,255,.92)}

/* ٥ · شبكة البطاقات والتذييل والقائمة السفلية تتبع الهوية في كل الصفحات */
.homeTile,.finalQuickAccess>button{background:linear-gradient(135deg,#fffdf9,#f0e8dc);
  border:1px solid #fff;border-radius:22px;color:#241b16;box-shadow:0 5px 12px #56422b20}
.smtFooter.compactBrandFooter{background:#fffcf6;border-color:#ead9bb}
.nav.bottomPro{background:#fffcf6;border-top:1px solid #ead9bb}
.sectionEyebrow{color:#7c1b10;background:#f8e9d1}

/* ٦ · لوحة الإدارة: ألوان فقط، بلا مساس بالبنية أو الرأس */
.adminApp{background:#faf4e9}
.adminSidebar{background:#2a1b12}
.adminLocalNav{background:#fffcf6;border-bottom-color:#ead9bb}
.adminFormSection{background:#fffcf6;border-color:#ead9bb}

/* SMT-UI-003 IDENTITY END */

/* SMT-UI-005 — شريط «القوائم» في لوحة الإدارة.
   .segmented (السطر ~782) يفرض display:flex + overflow-x:auto مع
   scrollbar-width:none، فالرقائق تُمرَّر أفقياً بلا مؤشّر مرئي: يُرى الأول
   ونصف الثاني ولا يُعلم أن خلفهما بقيّة. الالتفاف يُظهرها كلها.
   النطاق .adminPage عمداً: الصفحات العامة وقفل لقطاتها لا تُمَسّ. */
.adminPage .segmented{flex-wrap:wrap!important;overflow-x:visible!important;scroll-snap-type:none!important}
.adminPage .segmented button{flex:1 1 auto!important;min-width:0!important;max-width:100%!important;white-space:normal!important;text-align:center;line-height:1.35;padding-block:9px;scroll-snap-align:none!important}

/* SMT-SEO-006 — تذييل التنقّل المُخدَّم من الخادم.
   هامش سفلي يتجاوز .nav.bottomPro الثابت، ويختفي في لوحة الإدارة. */
.siteFooterNav{max-width:760px;margin:6px auto 0;padding:20px 14px calc(104px + env(safe-area-inset-bottom));border-top:1px solid rgba(6,78,59,.12);direction:rtl;text-align:right}
body:has(.adminApp) .siteFooterNav{display:none}
.siteFooterNav h2{margin:0 0 12px;font-size:16px;font-weight:950;color:#241b16}
.siteFooterNav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.siteFooterNav a{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:9px 13px;border-radius:14px;background:#fdf6ea;border:1px solid #ead9bb;color:#241b16;font-size:14px;font-weight:950;text-decoration:none}
.siteFooterNav p{margin:14px 0 0;color:#6b7f77;font-size:13px;line-height:1.7}

/* SMT-UI-006 — Shared Public Hero polish + Ask SMT Search
   PublicFrame markup remains byte-for-byte approved. All non-home pages already use pageHeroV2.
   This layer changes presentation only; the locked .finalHomeHero is untouched. */
.publicHero.pageHeroV2{min-height:0!important;padding:calc(12px + env(safe-area-inset-top)) 14px 18px!important;margin:0 0 14px!important;border-radius:0 0 28px 28px!important;text-align:center!important;gap:0!important;background:linear-gradient(180deg,rgba(18,8,4,.24),rgba(35,13,6,.72)),url('/brand/china-festival.webp') center 44%/cover no-repeat #3d2418!important;border:1px solid rgba(219,180,101,.78)!important;box-shadow:0 12px 28px rgba(82,43,18,.18)!important}
.publicHero.pageHeroV2:after{display:none!important}.pageHeroV2 .pageHeroBar{width:100%;margin:0 0 10px}.pageHeroV2 .back{background:rgba(255,250,241,.13)!important;border-color:rgba(255,232,178,.42)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pageHeroV2 .pageHeroBrand img{background:rgba(255,250,241,.96)!important;border:1px solid rgba(245,202,122,.9)!important;box-shadow:0 7px 20px rgba(0,0,0,.16)!important}.pageHeroV2 .memberTopBell{background:rgba(255,250,241,.13)!important;border-color:rgba(255,232,178,.42)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pageHeroV2 h1{margin:8px auto 0!important;text-align:center!important;font-size:clamp(24px,6vw,34px)!important;line-height:1.2!important;letter-spacing:-.45px!important;max-width:760px!important;color:#fff!important;text-shadow:0 3px 12px rgba(0,0,0,.28)!important}
.guideHero h2{margin:0 0 7px;font-size:clamp(22px,5.7vw,31px);color:#241b16}.guideDetailHeroBody>h2,.memberNewRequestHero h2,.memberOrdersCommand h2,.announcementDetailPage h2,.legalHero h2{font-size:clamp(24px,6.2vw,34px);line-height:1.25;margin:8px 0 12px;color:#241b16;font-weight:950}
.guideSearchHeader{gap:10px;align-items:center}.guideAiSearchCta{margin-inline-start:auto;background:#7c1b10!important;color:#fff!important;border:1px solid #d8b773!important;white-space:nowrap}
.askSmtSearchCard{border-color:#ead9bb!important;background:linear-gradient(145deg,#fffdf9,#f7efe3)!important}.askSmtSearchCard textarea{min-height:84px}.askSmtSearchCard .btn{width:100%;min-height:50px}.askAnswerTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.askAnswerText{font-size:16px;line-height:1.85;color:#302319;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.askPlaceCandidates{display:grid;gap:12px}.askPlaceQuery{margin:0;color:#6b5b4a}.askPlaceCandidate{display:grid;gap:8px;min-width:0;padding:16px;border:1px solid #ead9bb;border-radius:16px;background:#fffaf2}.askPlaceNameZh,.askPlaceAddressZh{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.askPlaceNameZh{font-size:20px}.askPlaceAddressZh{margin:0;line-height:1.7}.askPlaceCandidate .smallbtn{min-height:44px}.askImageStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.askImageCard{min-width:0;overflow:hidden;border:1px solid #ead9bb;border-radius:18px;background:#fffaf2;box-shadow:0 5px 14px rgba(86,66,43,.10)}.askImageCard img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eee5d8}.askImageCard>div{display:grid;gap:5px;padding:10px}.askImageCard b{font-size:13px;color:#241b16}.askImageCard small{font-size:11px;color:#6b5b4a;line-height:1.45}.askImageCard .smallbtn{font-size:11px;padding:7px 8px;min-height:34px;width:100%}.askEvidenceList button span{min-width:0}.askEvidenceList button b{white-space:normal}.askPrivacyNote{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #ead9bb}
@media(max-width:520px){.publicHero.pageHeroV2{padding-left:12px!important;padding-right:12px!important;border-radius:0 0 23px 23px!important}.pageHeroV2 h1{font-size:23px!important}.askImageStrip{grid-template-columns:1fr}.guideSearchHeader{align-items:stretch;flex-direction:column}.guideAiSearchCta{width:100%;margin:0}}

/* SMT-UI-007 — China Guide + Trade/Shipping + Ask SMT result experience.
   Extends the approved home visual language without touching .finalHomeHero. */
.hubExperienceHero{display:grid!important;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:18px;max-width:980px;margin:0 auto 16px!important;padding:20px!important;border:1px solid #ead9bb!important;border-radius:24px!important;background:linear-gradient(135deg,#fffdf9,#f3e8d8)!important;box-shadow:0 8px 24px rgba(86,66,43,.09)!important;text-align:start!important}
.hubExperienceHero .hubExperienceCopy{min-width:0}.hubExperienceHero .hubExperienceCopy p{max-width:720px!important;margin:9px 0 12px!important;text-align:start!important;font-size:15px!important;line-height:1.8!important;color:#5f5044!important}.hubExperienceArt{margin:0;display:grid;place-items:center}.hubExperienceArt img{width:138px;height:138px;object-fit:contain;border-radius:22px;background:linear-gradient(145deg,#fff,#f4eadc);border:1px solid #fff;box-shadow:0 9px 24px rgba(86,66,43,.12)}
.hubPromiseRow{display:flex;flex-wrap:wrap;gap:7px}.hubPromiseRow span{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #ead9bb;border-radius:999px;background:#fffaf2;color:#5b3b27;font-size:12px;font-weight:900}
.guideSearchCard.visualDiscoverySearch{border:1px solid #e5cfaa;background:linear-gradient(145deg,#fffdf9,#fff9ef);border-radius:24px;box-shadow:0 8px 24px rgba(86,66,43,.08);padding:16px}.guideSearchCard .guideSearch{margin-top:12px}.guideSearchCard .guideSmartInput input{min-height:50px;border-radius:16px;border-color:#dbc8a8;background:#fff}.guideSearchCard .guideSearch>select{min-height:50px;border-radius:16px;border-color:#dbc8a8;background:#fff}.guideSearchCard .guideSearch>.btn{min-height:50px;border-radius:16px}.guideSearchHeader>div{min-width:0}.guideSearchHeader h2{margin:3px 0 2px}.guideSearchHeader>div>small{display:block;color:#6b5b4a;line-height:1.55}.guideAiSearchCta{min-height:42px!important;padding-inline:14px!important}
.guideFilterLayer{border-top:1px solid #efe2cf;padding-top:12px;margin-top:12px}.guideQuickChips button,.guideCityChips button,.guideRecentSearches button{border-color:#e3d2b7;background:#fff;color:#4d3829}.guideQuickChips button.active,.guideCityChips button.active{background:#981d13!important;border-color:#981d13!important;color:#fff!important}
.guideSearchUnderstanding{border:1px solid #d8bd87;background:linear-gradient(135deg,#fff8e9,#fffdf8);border-radius:17px;box-shadow:none}.guideSearchUnderstanding strong{color:#7c1b10}
.guideResultsBar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:18px 2px 10px;padding:0 4px}.guideResultsBar h2{margin:5px 0 2px;font-size:clamp(21px,4vw,28px);color:#2f2118}.guideResultsBar small{color:#766353}.guideResultsBar .smallbtn{flex:0 0 auto}
.guideDiscoveryList{align-items:start}.guideDiscoveryCard{border:1px solid #eadfce;background:#fffdf9;border-radius:22px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.guideDiscoveryCard:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(86,66,43,.12)}.guideDiscoveryCard.guideBestMatch{border-color:#c4933f;box-shadow:0 10px 28px rgba(151,102,26,.15)}.guideBestMatchLabel{display:inline-flex;width:max-content;border-radius:999px;padding:4px 8px;margin-bottom:5px;background:#7c1b10;color:#fff;font-size:10px;font-weight:950}.guideDiscoveryCard h3{color:#2d2119}.guideDiscoveryMeta b{color:#7c1b10}.guideVisualFrame{background:#f0e7dc}.guideVisualFrame img{transition:transform .2s ease}.guideDiscoveryCard:hover .guideVisualFrame img{transform:scale(1.02)}
.tradeDirectionCard{border:1px solid #e5cfaa;background:linear-gradient(135deg,#fffdf9,#f7ecdc);border-radius:22px}.tradeDirectionCard h3{color:#4a2d1c}.tradeDirectionCard .guidePills button{background:#fff;border-color:#e0c9a4;color:#51341f}.tradeDirectionCard .guidePills button.active{background:#981d13;color:#fff;border-color:#981d13}
.guideCategoryCard{border-color:#eadfce!important;background:linear-gradient(145deg,#fffdf9,#f5ede2)!important;border-radius:20px!important;box-shadow:0 5px 14px rgba(86,66,43,.07)!important}.guideCategoryCard.active{border-color:#c4933f!important;box-shadow:0 7px 18px rgba(151,102,26,.14)!important}.guideEmptyState{border-radius:22px;border-color:#e5cfaa;background:#fffdf8}.guideEmptyActions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.askSmtSearchCard{display:grid;gap:14px}.askSearchIntro h2{margin:5px 0 8px;font-size:clamp(24px,5vw,34px);color:#2f2118}.askSearchIntro p{max-width:760px}.askSearchComposer{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch}.askSearchComposer textarea{margin:0!important;border-radius:17px!important;border-color:#dbc8a8!important;background:#fff!important}.askSearchComposer .btn{height:auto!important;border-radius:17px!important}.askGuardRow{display:flex;gap:7px;flex-wrap:wrap}.askGuardRow span{border:1px solid #ead9bb;background:#fffaf2;color:#5b3b27;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}
.askResultCard{border:1px solid #e1c897!important;background:linear-gradient(145deg,#fffdf9,#fffaf2)!important;border-radius:24px!important;box-shadow:0 10px 28px rgba(86,66,43,.10)!important}.askResultHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.askResultHead h2{margin:5px 0 0;color:#2f2118;font-size:clamp(22px,4.6vw,30px)}.askResultStats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.askResultStats span{min-width:86px;display:grid;gap:2px;text-align:center;border:1px solid #ead9bb;border-radius:15px;padding:9px 11px;background:#fff}.askResultStats b{font-size:18px;color:#7c1b10}.askResultStats small{font-size:10px;color:#776556;font-weight:850}.askImageStrip{grid-template-columns:repeat(3,minmax(0,1fr))}.askImageCard.featured{grid-column:span 2;grid-row:span 2}.askImageCard.featured img{aspect-ratio:16/10;height:100%;min-height:220px}.askSourcesSection{margin-top:18px;padding-top:15px;border-top:1px solid #ead9bb}.askSourcesSection h3{margin:3px 0 0;color:#2f2118}.askEvidenceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.askEvidenceCard{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:start;border:1px solid #eadfce;border-radius:16px;background:#fff;padding:11px;cursor:pointer}.askEvidenceCard:hover{border-color:#c4933f}.askEvidenceIndex{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#f8e9d1;color:#7c1b10;font-weight:950}.askEvidenceCard span:nth-child(2){min-width:0}.askEvidenceCard b{display:block;color:#2f2118;line-height:1.35}.askEvidenceCard small{display:block;margin-top:3px;color:#786658;line-height:1.4}.askEvidenceCard em{font-style:normal;color:#7c1b10;font-weight:900;font-size:11px}.askFollowupRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:720px){.hubExperienceHero{grid-template-columns:minmax(0,1fr) 112px;padding:15px!important;gap:10px}.hubExperienceArt img{width:105px;height:105px}.guideResultsBar{align-items:stretch;flex-direction:column}.guideResultsBar .smallbtn{width:100%;justify-content:center}.askSearchComposer{grid-template-columns:1fr}.askSearchComposer .btn{min-height:50px}.askResultHead{flex-direction:column}.askImageStrip{grid-template-columns:repeat(2,minmax(0,1fr))}.askImageCard.featured{grid-column:1/-1;grid-row:auto}.askEvidenceGrid{grid-template-columns:1fr}}
@media(max-width:430px){.hubExperienceHero{grid-template-columns:1fr;text-align:center!important}.hubExperienceCopy .sectionEyebrow{margin-inline:auto}.hubExperienceHero .hubExperienceCopy p{text-align:center!important}.hubPromiseRow{justify-content:center}.hubExperienceArt{order:-1}.hubExperienceArt img{width:92px;height:92px}.guideSearchCard.visualDiscoverySearch{padding:12px}.guideResultsBar h2{font-size:21px}.askImageStrip{grid-template-columns:1fr}.askImageCard.featured{grid-column:auto}.askImageCard.featured img{min-height:0;aspect-ratio:4/3}.askEvidenceCard{grid-template-columns:28px minmax(0,1fr)}.askEvidenceCard em{grid-column:2}.askResultStats span{flex:1;min-width:72px}}

/* SMT-UI-008 — Public Visual System Unification
   Visual source of truth: approved public home (burgundy + gold + ivory).
   Scope: PublicFrame/member-facing surfaces only. .finalHomeHero remains untouched.
   Semantic success/verified states may remain green by design. */
.publicShell{
  --smt-public-red:#981d13;
  --smt-public-red-deep:#7c1b10;
  --smt-public-red-dark:#6f120c;
  --smt-public-gold:#d8b773;
  --smt-public-gold-soft:#f1dfc3;
  --smt-public-paper:#faf4e9;
  --smt-public-card:#fffdf9;
  --smt-public-card-soft:#fff8ee;
  --smt-public-ink:#2f2118;
  --smt-public-muted:#6b5b4a;
  --smt-public-line:#ead9bb;
  --smt-public-shadow:0 8px 24px rgba(86,66,43,.09);
  background:var(--smt-public-paper)!important;
  color:var(--smt-public-ink);
}
body:has(.publicShell){background:var(--smt-public-paper)!important}

/* One public page header language: same China imagery, warm overlay, gold border. */
.publicShell .publicHero.pageHeroV2{
  background:
    linear-gradient(180deg,rgba(42,17,8,.20),rgba(79,19,12,.74)),
    url('/brand/china-festival.webp') center 44%/cover no-repeat #4a271d!important;
  border:1px solid rgba(216,183,115,.92)!important;
  box-shadow:0 12px 30px rgba(109,66,19,.18)!important;
  color:#fff!important;
}
.publicShell .pageHeroV2 .back,
.publicShell .pageHeroV2 .memberTopBell{
  background:linear-gradient(180deg,rgba(255,250,241,.18),rgba(255,250,241,.10))!important;
  border-color:rgba(245,202,122,.66)!important;
  color:#fff!important;
}
.publicShell .pageHeroV2 .pageHeroBrand img{
  border-color:#f5ca7a!important;
  background:#fffaf1!important;
}
.publicShell .pageHeroV2 h1{color:#fff!important}

/* Bottom navigation must not change brand by route. */
.publicShell .memberOpsNav,
.publicShell .nav.bottomPro{
  background:rgba(255,250,241,.98)!important;
  border-top-color:#d8b773!important;
  box-shadow:0 -10px 28px rgba(86,66,43,.10)!important;
}
.publicShell .memberOpsNav button,
.publicShell .nav.bottomPro button{color:#51341f!important}
.publicShell .memberOpsNav button.active,
.publicShell .nav.bottomPro button.active{
  background:linear-gradient(180deg,#b72818,#981d13 70%,#7c1b10)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(245,202,122,.52),0 4px 12px rgba(124,27,16,.18)!important;
}

/* Universal public card language. */
.publicShell :where(
  .card,
  .dailyTile,
  .journeyStep,
  .localCommunityPublicCard,
  .localCommunityDetailHero,
  .eventLite,
  .eventAlbumHero,
  .legalHero,
  .legalSection,
  .authCard,
  .guideItemCard,
  .contentDetailPage,
  .memberNotificationsHero,
  .feedbackHero,
  .notificationPreferenceForm,
  .serviceTrustCard,
  .exhibitionCard,
  .officialNoticeCard,
  .walletBalanceHero,
  .accountMembershipCard
){
  border-color:var(--smt-public-line)!important;
  background:linear-gradient(145deg,var(--smt-public-card),var(--smt-public-card-soft))!important;
  color:var(--smt-public-ink)!important;
  box-shadow:var(--smt-public-shadow)!important;
}
.publicShell :where(.card,.dailyTile,.journeyStep,.eventLite,.localCommunityPublicCard){border-radius:22px}
.publicShell :where(.card,.dailyTile,.journeyStep,.eventLite,.guideItemCard,.legalSection) :where(h2,h3,b){color:var(--smt-public-ink)}
.publicShell :where(.card,.dailyTile,.journeyStep,.eventLite,.guideItemCard,.legalSection) :where(p,small){color:var(--smt-public-muted)}

/* Secondary section heroes are warm/light, not green banners. */
.publicShell :where(
  .dailyHero,
  .cityHubHero,
  .askSmtHero,
  .myChinaHero,
  .memberNotificationsHero,
  .feedbackHero,
  .eventAlbumHero,
  .legalHero,
  .localCommunityDetailHero,
  .walletBalanceHero
){
  background:linear-gradient(125deg,#fffaf2 0%,#f1dfc3 100%)!important;
  border:1px solid #d9b775!important;
  color:var(--smt-public-ink)!important;
  box-shadow:0 7px 20px rgba(109,66,19,.09)!important;
}
.publicShell :where(.dailyHero,.cityHubHero,.askSmtHero,.myChinaHero,.memberNotificationsHero,.feedbackHero,.eventAlbumHero,.legalHero,.localCommunityDetailHero) :where(h2,h3,b){color:#362417!important}
.publicShell :where(.dailyHero,.cityHubHero,.askSmtHero,.myChinaHero,.memberNotificationsHero,.feedbackHero,.eventAlbumHero,.legalHero,.localCommunityDetailHero) p{color:#655244!important}

/* City photos keep their real image; the warm overlay is generated in cityHeroStyle(). */
.publicShell .cityHubHero[style*="background-image"]{border-color:#d8b773!important;color:#fff!important;box-shadow:0 9px 24px rgba(109,66,19,.16)!important}
.publicShell .cityHubHero[style*="background-image"] :where(h2,p,.adminEyebrow){color:#fff!important}

/* Daily utility / city / service controls. */
.publicShell .dailyHero h2,
.publicShell .dailyTile b,
.publicShell .dailyList>button b{color:#362417!important}
.publicShell .dailyHero p,
.publicShell .dailyTile p{color:#6b5b4a!important}
.publicShell .dailyTile em,
.publicShell .dailyList>button em{color:#981d13!important}

/* SMT-AMAP-UI-001 — Ask SMT route options, consent and Chinese place identity. */
.askModeTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;border:1px solid var(--smt-public-line,#ead9bb);border-radius:16px;background:#fff8ee}
.askModeTabs button{min-height:44px;border:0;border-radius:12px;background:transparent;color:#6b5b4a;font-weight:950;cursor:pointer}
.askModeTabs button.active{background:#981d13;color:#fff;box-shadow:0 5px 14px rgba(124,27,16,.18)}
.routeQuerySummary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:12px;border:1px solid #ead9bb;border-radius:17px;background:#fff}
.routeQuerySummary span{font-size:11px;font-weight:900;color:#7c1b10}.routeQuerySummary b{min-width:0;font-size:17px;color:#2f2118}.routeQuerySummary button{grid-column:2;grid-row:1/3}
.askInputWrap{position:relative}
.askSuggestList{position:relative;z-index:2;margin:6px 0 0;padding:6px;list-style:none;background:#fff;border:1px solid #dbc8a8;border-radius:16px;box-shadow:0 14px 34px rgba(47,33,24,.16);max-height:min(60vh,360px);overflow-y:auto;overscroll-behavior:contain}
.askSuggestList li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border-radius:12px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.askSuggestList li.active,.askSuggestList li:hover{background:#f7efe2}
.askSuggestIcon{font-size:18px;text-align:center}.askSuggestText{display:grid;min-width:0;gap:2px}.askSuggestText b{color:#2f2118;font-weight:900;overflow-wrap:anywhere}.askSuggestText small{color:#6b5b4a;font-size:12.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.askSuggestList em{font-style:normal;font-size:11px;font-weight:900;color:#6b5b4a;border:1px solid #e5cfaa;border-radius:999px;padding:2px 8px}
.routeIndexNote{display:block;margin-top:2px;color:#8a5a12!important;font-weight:850}
.aiJobFilter{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.aiJobFilter button{min-height:44px;padding:0 14px;border:1px solid #e5cfaa;border-radius:999px;background:#fff;color:#5c4a33;font-weight:850;cursor:pointer}.aiJobFilter button.active{background:#981d13;border-color:#981d13;color:#fff}
.aiJobNotice{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border:1px solid #e5cfaa;border-radius:14px;background:#fffaf0;color:#5c4a33}.aiJobNotice b{color:#6b4a12}
.aiDomainWarning{color:#6b4a12!important}.aiDomainAlert{margin:6px 0 10px;padding:10px 12px;border:1px solid #e5b8af;border-radius:12px;background:#fff5f2;color:#7c1b10;font-weight:850}
.guideLoadMore{display:flex;justify-content:center;padding:14px 0 6px}.guideLoadMore .btn{min-height:48px;min-width:min(100%,280px)}
.askComposerActions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.askComposerActions>.btn{flex:1 1 180px}
.askVoiceControl{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.askVoiceButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;min-width:50px;padding:0 16px;border:1px solid #dbc8a8;border-radius:17px;background:#fff;color:#5a1d12;font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}
.askVoiceButton svg{width:22px;height:22px;fill:currentColor;flex:none}.askVoiceButton:active{transform:scale(.97)}.askVoiceButton:disabled{opacity:.6;cursor:not-allowed}
.askVoiceButton:focus-visible,.askVoiceCancel:focus-visible{outline:3px solid #c9973b;outline-offset:2px}
.askVoiceControl.is-recording .askVoiceButton{background:#981d13;border-color:#981d13;color:#fff;box-shadow:0 0 0 0 rgba(152,29,19,.45);animation:askVoicePulse 1.4s ease-out infinite}
.askVoiceMeter{display:inline-flex;align-items:center;gap:3px;height:28px}.askVoiceMeter i{display:block;width:4px;height:100%;border-radius:2px;background:#981d13;transform-origin:center;transition:transform 80ms linear}
.askVoiceCancel{min-height:44px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#6b5b4a;font-weight:850;cursor:pointer;text-decoration:underline}
.askVoiceSpinner{width:18px;height:18px;border:2.5px solid #e5cfaa;border-top-color:#981d13;border-radius:50%;animation:askVoiceSpin .8s linear infinite}
.askVoiceStatus{flex:1 0 100%;order:10;margin:2px 2px 0;font-size:14px;font-weight:800;line-height:1.55;color:#6b5b4a}.askVoiceStatus.isEmpty{margin:0;min-height:0}.askVoiceStatus.is-error{color:#981d13}.askVoiceStatus.is-success{color:#1f6b3a}
@keyframes askVoicePulse{0%{box-shadow:0 0 0 0 rgba(152,29,19,.45)}70%{box-shadow:0 0 0 12px rgba(152,29,19,0)}100%{box-shadow:0 0 0 0 rgba(152,29,19,0)}}
@keyframes askVoiceSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.askVoiceControl.is-recording .askVoiceButton,.askVoiceSpinner{animation:none}.askVoiceMeter i{transition:none}}
@media(max-width:430px){.askComposerActions>.btn{flex:1 1 140px;min-width:0}.askVoiceLabel{display:none}.askVoiceControl.is-recording .askVoiceLabel{display:inline}.askVoiceMeter{display:none}}
.searxngSettingsCard .checkLine{display:flex;align-items:center;gap:8px;margin:8px 0;font-weight:800}.searxngTestOk{color:#1f6b3a!important}.searxngTestFail{color:#981d13!important}
.routeOptionSummary{display:block;margin-top:4px;color:#4a3a2c!important;line-height:1.55;overflow-wrap:anywhere}.routeNearbyCard>p{margin:4px 0 10px;color:#6b5b4a;line-height:1.6}
.routeUserError{max-width:760px;margin:10px auto;padding:12px 14px;border:1px solid #e5b8af;border-radius:15px;background:#fff5f2;color:#7c1b10;font-weight:850;line-height:1.6}
.routeChoiceCard,.routeDestinationCard,.routeOriginCard{max-width:760px;margin:12px auto}.routeChoiceCard h2,.routeDestinationCard h2,.routeOriginCard h2{margin:6px 0;color:#2f2118}.routeChoiceCard>p,.routeOriginCard>p{margin:4px 0 14px;color:#6b5b4a;line-height:1.65}
.routeCandidateList{display:grid;gap:8px;margin-top:12px}.routeCandidateList button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:11px 12px;border:1px solid #e5cfaa;border-radius:15px;background:#fff;text-align:start;cursor:pointer}.routeCandidateList button:disabled{cursor:not-allowed;opacity:.55}.routeCandidateList button span{display:grid;min-width:0;gap:3px}.routeCandidateList button b{color:#2f2118}.routeCandidateList button strong{font-size:15px;color:#362417;font-weight:850;overflow-wrap:anywhere}.routeCandidateList button small{color:#6b5b4a;line-height:1.45;overflow-wrap:anywhere}.routeCandidateList button em{font-style:normal;color:#981d13;font-size:12px;font-weight:950;white-space:nowrap}
.routeDestinationCard{border-inline-start:5px solid #d8b773!important}.routeChineseName{display:block;margin-top:7px;font-size:clamp(20px,5vw,27px);line-height:1.45;color:#241b16!important;overflow-wrap:anywhere}.routeChineseAddress{margin:6px 0 0!important;font-size:15px;line-height:1.65;color:#513f33!important;overflow-wrap:anywhere}
.routeOriginCard .btn{width:100%;min-height:50px}.routeManualStart{width:100%;min-height:44px;margin-top:8px}.routeManualComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.routeManualComposer input{min-width:0;min-height:50px;border:1px solid #dbc8a8;border-radius:15px;background:#fff;padding:10px 12px;font:inherit}.routeManualComposer .btn{width:auto;min-width:150px}
.routeOptionsSection{max-width:900px;margin:16px auto}.routeOptionsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.routeOptionsHead h2{margin:5px 0 0;color:#2f2118}.routeOptionsHead>small{color:#6b5b4a;white-space:nowrap}.routeOptionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.routeOptionCard{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start;min-width:0;min-height:118px;width:100%;border:1px solid #ead9bb;text-align:start;cursor:pointer}.routeOptionCard:hover,.routeOptionCard.selected{border-color:#b7893f;box-shadow:0 8px 20px rgba(124,27,16,.1)}.routeOptionCard:disabled{cursor:wait;opacity:.75}.routeModeIcon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #e5cfaa;border-radius:15px;background:#fff8ee;font-size:23px}.routeOptionBody{display:grid;min-width:0;gap:4px}.routeOptionTitle{font-size:17px;font-weight:950;color:#2f2118}.routeOptionBody>b{font-size:20px;color:#7c1b10!important}.routeOptionMeta{line-height:1.55;color:#6b5b4a}.routeOptionCard small{color:#513f33;font-weight:850}.routeOptionCard em{margin-top:3px;color:#981d13;font-size:12px;font-style:normal;font-weight:950}.routeOpenAmap,.routeRecalculate{min-height:44px;margin-top:10px}.routeOpenAmap{margin-inline-end:7px}
.routeDetailSection{max-width:900px;margin:14px auto;scroll-margin-top:16px;overflow:hidden}.routeDetailHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.routeDetailHead h2{margin:5px 0;color:#2f2118}.routeDetailHead button{min-height:44px}.routeStepList{display:grid;gap:10px;margin-top:14px}.routeStepCard{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;min-width:0;padding:13px;border:1px solid #ead9bb;border-radius:16px;background:#fffdf9}.routeStepNumber{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#981d13;color:#fff;font-weight:950}.routeStepCard>div{min-width:0}.routeStepCard h3{margin:1px 0 5px;color:#2f2118;font-size:16px;line-height:1.65;overflow-wrap:anywhere}.routeStepCard small{display:block;margin-top:7px;color:#6b5b4a;font-weight:850}.routeStepChinese{margin:4px 0;color:#362417;font-size:15px;line-height:1.65;text-align:left;overflow-wrap:anywhere}.routeTransitFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0 0}.routeTransitFacts div{min-width:0;padding:8px;border-radius:11px;background:#fff5e7}.routeTransitFacts dt{font-size:11px;font-weight:900;color:#7c1b10}.routeTransitFacts dd{margin:3px 0 0;color:#2f2118;font-weight:850;overflow-wrap:anywhere}.routeDetailAmap{width:100%;min-height:48px;margin-top:13px}
.routeAssistActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.routeAssistActions button{min-height:48px}.routeAssistScreen{position:fixed;inset:0;z-index:1200;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:none;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 50% 0,#fff8e9 0,#fffdf8 48%,#f8ead2 100%);color:#2f2118}.routeAssistScreen header{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:rtl}.routeAssistScreen header span{font-size:14px;font-weight:900;color:#7c1b10}.routeAssistClose,.routeAssistCopy,.routeAssistAmap{min-height:48px;border-radius:15px;font:inherit;font-weight:950;cursor:pointer}.routeAssistClose{min-width:88px;border:1px solid #dbc8a8;background:#fff;color:#6f2418}.routeAssistScreen main{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vh,34px);padding:24px 0;text-align:center}.routeAssistPhrase{max-width:940px;margin:0;color:#7c1b10;font-size:clamp(30px,8vw,64px);font-weight:950;line-height:1.35;overflow-wrap:anywhere}.routeAssistScreen main h2{max-width:100%;margin:0;color:#21170f;font-size:clamp(38px,11vw,86px);font-weight:950;line-height:1.22;overflow-wrap:anywhere}.routeAssistAddress{max-width:980px;margin:0;color:#49372a;font-size:clamp(24px,6.5vw,48px);font-weight:800;line-height:1.55;overflow-wrap:anywhere}.routeAssistScreen footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,760px);margin-inline:auto;direction:rtl}.routeAssistScreen footer p{grid-column:1/-1;margin:0;text-align:center;color:#7c1b10;font-weight:800}.routeAssistCopy{border:1px solid #d8b773;background:#fffaf2;color:#6f2418}.routeAssistAmap{border:1px solid #f5ca7a;background:linear-gradient(180deg,#d9341f,#a4110a 68%,#820e09);color:#fff}.routeAssistScreen--driver footer{grid-template-columns:1fr}.routeAssistScreen--driver .routeAssistPhrase{color:#5f170f}
@media(max-width:720px){.routeOptionGrid{grid-template-columns:1fr}.routeOptionsHead{align-items:flex-start;flex-direction:column}.routeManualComposer{grid-template-columns:1fr}.routeManualComposer .btn{width:100%}}
@media(max-width:430px){.askModeTabs{gap:4px;padding:4px}.askModeTabs button{font-size:13px}.routeQuerySummary{grid-template-columns:1fr}.routeQuerySummary button{grid-column:auto;grid-row:auto;width:100%}.routeCandidateList button{grid-template-columns:1fr}.routeCandidateList button em{justify-self:start}.routeChoiceCard,.routeDestinationCard,.routeOriginCard,.routeDetailSection{padding:14px!important}.routeOptionCard{grid-template-columns:42px minmax(0,1fr);padding:14px!important}.routeModeIcon{width:40px;height:40px;font-size:20px}.routeOpenAmap,.routeRecalculate{width:100%;margin-inline:0}.routeDetailHead{align-items:flex-start;flex-direction:column}.routeDetailHead button{width:100%}.routeTransitFacts{grid-template-columns:1fr}.routeStepCard{grid-template-columns:30px minmax(0,1fr);padding:11px}.routeStepNumber{width:28px;height:28px}.routeAssistActions,.routeAssistScreen footer{grid-template-columns:1fr}.routeAssistPhrase{font-size:clamp(27px,9vw,42px)}.routeAssistScreen main h2{font-size:clamp(36px,13vw,58px)}.routeAssistAddress{font-size:clamp(22px,7.5vw,34px)}}
.publicShell .dailyQuickRow button{
  border-color:#e3d2b7!important;
  background:#fffdf9!important;
  color:#51341f!important;
}
.publicShell .dailyQuickRow button:hover{border-color:#c4933f!important}
.publicShell .dailyList>button{border-bottom-color:#eadfce!important}
.publicShell .dailyProgress{background:#efe2cf!important}
.publicShell .dailyProgress i{background:linear-gradient(90deg,#b72818,#981d13)!important}
.publicShell .journeyCheck{border-color:#d8b773!important;color:#7c1b10!important;background:#fffdf9!important}
.publicShell .journeyStep.done{background:#fff8ee!important}
.publicShell .journeyStep.done .journeyCheck{background:#981d13!important;border-color:#d8b773!important;color:#fff!important}

/* Non-semantic pills, tabs and selected filters use burgundy; verified/success badges keep semantics. */
.publicShell :where(.segmented,.compactSegments) button.active,
.publicShell .memberOrderFilterRail button.active,
.publicShell .stepPills .active,
.publicShell .typeCard.active,
.publicShell .guidePills button.active,
.publicShell .guideQuickChips button.active,
.publicShell .guideCityChips button.active{
  background:linear-gradient(180deg,#b72818,#981d13)!important;
  border-color:#981d13!important;
  color:#fff!important;
}
.publicShell .vueBadge:not(.trustBadge),
.publicShell .adminEyebrow,
.publicShell .sectionEyebrow{
  background:#f8e9d1!important;
  color:#7c1b10!important;
  border-color:#ead9bb!important;
}

/* Primary public actions align with the home CTA. */
.publicShell :where(.btn:not(.danger):not(.secondary),.companyAction,.guideMapPrimary){
  background:linear-gradient(180deg,#d9341f,#a4110a 68%,#820e09)!important;
  border:1px solid #f5ca7a!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,233,172,.34),0 4px 12px rgba(110,39,13,.16)!important;
}
.publicShell :where(.btn.secondary,.smallbtn.secondary,.back:not(.pageHeroV2 .back)){
  background:#fffaf2!important;
  border:1px solid #e3d2b7!important;
  color:#6f2418!important;
}

/* Inputs and forms: quiet ivory/white, warm focus instead of green. */
.publicShell :where(input,select,textarea){border-color:#dbc8a8!important;background:#fff!important;color:#2f2118!important}
.publicShell :where(input,select,textarea):focus{
  outline:0!important;
  border-color:#b8893f!important;
  box-shadow:0 0 0 3px rgba(216,183,115,.22)!important;
}
.publicShell :where(.dailyForm label,.notificationPreferenceForm label,.fieldLabel){color:#5b3b27!important}

/* Footer and server-rendered navigation match the same paper. */
.publicShell .compactBrandFooter{background:#fffcf6!important;border-color:#ead9bb!important}
.publicShell .compactBrandFooter :where(b,span,button){color:#51341f!important}
.siteFooterNav{background:#faf4e9;border-top-color:#ead9bb!important;color:#51341f}
.siteFooterNav :where(h2,a,p){color:#51341f}

/* Keep semantic states explicit: success/verified can stay green, danger stays red. */
.publicShell :where(.successState,.successText,.verifyStamp.ok,.trustBadge.official){--semantic-success:#076045}

@media(max-width:620px){
  .publicShell .publicHero.pageHeroV2{border-radius:0 0 22px 22px!important}
  .publicShell :where(.card,.dailyTile,.journeyStep,.eventLite,.localCommunityPublicCard){border-radius:18px}
}
/* END SMT-UI-008 */

/* SMT-UI-009 — Public Layout Geometry Lock
   Goal: every public page follows the same desktop/mobile geometry as the approved Home shell.
   Home itself is untouched; this layer only normalizes non-home PublicFrame pages. */
.publicShell:not(:has(.finalHomeHero)){
  width:min(calc(100% - 32px),1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

/* One secondary-page hero size and alignment. Same shell width/radius/paper rhythm everywhere. */
.publicShell:not(:has(.finalHomeHero)) > .publicHero.pageHeroV2{
  width:100%!important;
  min-height:300px!important;
  box-sizing:border-box!important;
  margin:0 0 16px!important;
  padding:24px!important;
  border-radius:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .pageHeroBar{
  width:100%!important;
  margin:0!important;
}
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .pageHeroBrand img{
  width:72px!important;
  height:72px!important;
  border-radius:18px!important;
  padding:7px!important;
}
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 h1{
  margin:auto auto 22px!important;
  font-size:clamp(32px,4.2vw,46px)!important;
  line-height:1.15!important;
  max-width:820px!important;
}

/* All first-level page sections follow one width/rhythm instead of mixing 980px/full-screen blocks. */
.publicShell:not(:has(.finalHomeHero)) > :where(
  .guideHero,
  .hubExperienceHero,
  .guideCategoryGrid,
  .guideSearchCard,
  .tradeDirectionCard,
  .guideResultsBar,
  .guideList,
  .sudanHubGrid,
  .sudanSectionHeader,
  .searchGrowthCrossLinks,
  .dailyGrid,
  .dailyDashboardGrid,
  .dailyQuickRow,
  .card,
  details
){
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin-inline:auto!important;
}

/* Guide / Trade intro: same full-width content card, no narrow floating island. */
.publicShell .hubExperienceHero{
  width:100%!important;
  max-width:none!important;
  min-height:190px!important;
  margin:0 0 16px!important;
  padding:22px 24px!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  gap:22px!important;
  border-radius:22px!important;
  align-items:center!important;
}
.publicShell .hubExperienceHero .hubExperienceCopy{
  min-width:0!important;
  width:100%!important;
}
.publicShell .hubExperienceCopy .sectionEyebrow{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  line-height:1.2!important;
}
.publicShell .hubExperienceHero .hubExperienceCopy p{
  max-width:none!important;
  margin:10px 0 14px!important;
}
.publicShell .hubExperienceArt img{
  width:112px!important;
  height:112px!important;
  border-radius:20px!important;
}
.publicShell .hubPromiseRow{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.publicShell .hubPromiseRow span{
  white-space:nowrap!important;
}

/* Category cards use a stable responsive grid instead of unrelated 2/3-column widths. */
.publicShell .guideCategoryGrid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr))!important;
  gap:12px!important;
  margin:0 0 16px!important;
}
.publicShell .guideCategoryCard{
  min-height:78px!important;
  height:100%!important;
  padding:14px!important;
  border-radius:20px!important;
}

/* Search block: same horizontal rhythm and deterministic control widths. */
.publicShell .guideSearchCard.visualDiscoverySearch{
  width:100%!important;
  margin:0 0 16px!important;
  padding:20px!important;
  border-radius:22px!important;
}
.publicShell .guideSearchCard .guideSearch{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 220px 160px!important;
  gap:10px!important;
}
.publicShell .guideSearchCard .guideSearch:not(:has(select)){
  grid-template-columns:minmax(0,1fr) 180px!important;
}
.publicShell .guideSearchCard .guideSearch > .btn{
  width:100%!important;
}

/* Results and directional filters line up with the same outer edges. */
.publicShell .tradeDirectionCard,
.publicShell .guideResultsBar,
.publicShell .guideDiscoveryList,
.publicShell .guideList{
  width:100%!important;
  max-width:none!important;
}
.publicShell .tradeDirectionCard{
  margin:0 0 16px!important;
  padding:18px 20px!important;
}
.publicShell .guideResultsBar{
  margin:18px 0 10px!important;
  padding:0 2px!important;
}

/* Cards in discovery grids are equal-height within each row. */
.publicShell .guideDiscoveryList{
  align-items:stretch!important;
}
.publicShell .guideDiscoveryCard{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.publicShell .guideDiscoveryCard .guideCardOpen{
  flex:1 1 auto!important;
}

/* Footer follows the same page shell instead of appearing detached. */
.publicShell:not(:has(.finalHomeHero)) > .smtFooter.compactBrandFooter{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:18px 0 0!important;
}

@media(max-width:700px){
  .publicShell:not(:has(.finalHomeHero)){
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .publicShell:not(:has(.finalHomeHero)) > .publicHero.pageHeroV2{
    min-height:0!important;
    padding:16px!important;
    margin:0 0 12px!important;
    border-radius:0 0 22px 22px!important;
  }
  .publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .pageHeroBrand img{
    width:48px!important;
    height:48px!important;
    border-radius:14px!important;
    padding:5px!important;
  }
  .publicShell:not(:has(.finalHomeHero)) .pageHeroV2 h1{
    margin:14px auto 4px!important;
    font-size:27px!important;
  }
  .publicShell .hubExperienceHero{
    margin:0 12px 12px!important;
    width:calc(100% - 24px)!important;
    min-height:0!important;
    padding:16px!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:12px!important;
    border-radius:20px!important;
  }
  .publicShell .hubExperienceArt img{
    width:82px!important;
    height:82px!important;
  }
  .publicShell .guideCategoryGrid,
  .publicShell .guideSearchCard.visualDiscoverySearch,
  .publicShell .tradeDirectionCard,
  .publicShell .guideResultsBar,
  .publicShell .guideList,
  .publicShell > .card,
  .publicShell > details{
    width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
  }
  .publicShell .guideCategoryGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .publicShell .guideSearchCard .guideSearch,
  .publicShell .guideSearchCard .guideSearch:not(:has(select)){
    grid-template-columns:1fr!important;
  }
  .publicShell .guideSearchCard .guideSearch > *{
    width:100%!important;
  }
  .publicShell .tradeDirectionCard{
    padding:15px!important;
  }
}

@media(max-width:410px){
  .publicShell .hubExperienceHero{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .publicShell .hubExperienceArt{order:-1!important}
  .publicShell .hubExperienceCopy .sectionEyebrow{margin-inline:auto!important}
  .publicShell .hubExperienceHero .hubExperienceCopy p{text-align:center!important}
  .publicShell .hubPromiseRow{justify-content:center!important}
  .publicShell .guideCategoryGrid{grid-template-columns:1fr 1fr!important}
}
/* END SMT-UI-009 */

/* SMT-UI-011 — Visual Cleanup, Single Footer & Asset Normalization
   Scope: presentation/assets only. UI009 geometry remains authoritative.
   Non-home Hero logo is intentionally hidden; compact duplicate brand footer is suppressed.
   Home hero/template stay untouched. */
.publicShell{
  --smt-icon-plate:#f7efe2;
  --smt-icon-line:#e2cda7;
  --smt-icon-shadow:0 7px 18px rgba(80,52,27,.10);
}

/* Secondary pages use the background image + title only.
   The extra small SMT badge duplicated the Home identity and created a white-tile artifact. */
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .pageHeroBrand{
  display:none!important;
}
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .pageHeroBar{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  min-height:44px!important;
}
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .back{grid-column:1!important}
.publicShell:not(:has(.finalHomeHero)) .pageHeroV2 .memberTopBell{grid-column:3!important}

/* The legacy .guideHero span rule used to force every promise chip into a 54px circle.
   These selectors deliberately reset that inheritance and create stable, readable chips. */
.publicShell .hubExperienceCopy > .sectionEyebrow{
  width:max-content!important;
  height:auto!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
}
.publicShell .hubExperienceHero .hubPromiseRow{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  margin:2px 0 0!important;
}
.publicShell .hubExperienceHero .hubPromiseRow > span{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 12px!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  border:1px solid var(--smt-public-line)!important;
  border-radius:999px!important;
  background:#fffaf2!important;
  color:#51341f!important;
  box-shadow:0 3px 9px rgba(86,66,43,.055)!important;
  font-size:12px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
}
.publicShell .hubPromiseMark{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#981d13!important;
  color:#fff!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:950!important;
  line-height:1!important;
}
.publicShell .hubPromiseText{
  display:block!important;
  margin:0!important;
  color:#51341f!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

/* One artwork treatment across public service imagery. The raster assets share a warm
   neutral canvas; extending that canvas as a deliberate plate removes the accidental
   mismatched-square look while preserving the approved artwork. */
.publicShell .smtServiceArt{
  box-sizing:border-box!important;
  background:var(--smt-icon-plate)!important;
  border:1px solid var(--smt-icon-line)!important;
  border-radius:20px!important;
  padding:5px!important;
  box-shadow:var(--smt-icon-shadow)!important;
  object-fit:contain!important;
}
.publicShell .hubExperienceArt .hubExperienceIcon{
  width:112px!important;
  height:112px!important;
  padding:6px!important;
  border-radius:22px!important;
}

/* Home artwork keeps the locked template and hero, but gets one consistent plate. */
.publicShell:has(.finalHomeHero) :is(.finalQuickAccess,.compactServiceGrid) .smtServiceArt{
  background:var(--smt-icon-plate)!important;
  border-color:var(--smt-icon-line)!important;
  border-radius:20px!important;
  padding:5px!important;
  box-shadow:var(--smt-icon-shadow)!important;
}
.publicShell .memberOpsNav .smtNavArt{
  box-sizing:border-box!important;
  background:var(--smt-icon-plate)!important;
  border:1px solid var(--smt-icon-line)!important;
  border-radius:10px!important;
  padding:2px!important;
  object-fit:contain!important;
}

/* Keep one public information footer only. index.html .siteFooterNav remains canonical. */
.publicShell > .smtFooter.compactBrandFooter{
  display:none!important;
}

@media(max-width:700px){
  .publicShell .hubExperienceCopy > .sectionEyebrow{
    min-height:36px!important;
    padding:7px 12px!important;
  }
  .publicShell .hubExperienceHero .hubPromiseRow{
    gap:7px!important;
  }
  .publicShell .hubExperienceHero .hubPromiseRow > span{
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
  .publicShell .hubPromiseText{font-size:11px!important}
}
@media(max-width:410px){
  .publicShell .hubExperienceHero .hubPromiseRow{
    justify-content:center!important;
  }
}
/* END SMT-UI-011 */

/* SMT-UI-012 — Mobile Guide/Trade Intro Polish
   Fixes the 411–430px cascade regression where UI009 reintroduced a two-column
   intro card after the older 430px rule. Also resets the legacy .guideHero span
   font-size so the eyebrow cannot clip on narrow phones. Home is untouched. */
@media(max-width:560px){
  .publicShell .hubExperienceHero{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:calc(100% - 24px)!important;
    min-height:0!important;
    margin:0 12px 12px!important;
    padding:18px 14px!important;
    gap:14px!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  .publicShell .hubExperienceHero .hubExperienceCopy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
  }
  .publicShell .hubExperienceCopy > .sectionEyebrow{
    width:auto!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 auto 10px!important;
    padding:7px 13px!important;
    font-size:19px!important;
    line-height:1.25!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:break-word!important;
  }
  .publicShell .hubExperienceHero .hubExperienceCopy p{
    width:100%!important;
    max-width:34rem!important;
    margin:0 auto 14px!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.8!important;
    text-align:center!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .publicShell .hubExperienceArt{
    order:-1!important;
    width:100%!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
  }
  .publicShell .hubExperienceArt .hubExperienceIcon{
    width:94px!important;
    height:94px!important;
    padding:5px!important;
    border-radius:20px!important;
  }
  .publicShell .hubExperienceHero .hubPromiseRow{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
  }
  .publicShell .hubExperienceHero .hubPromiseRow > span{
    width:auto!important;
    max-width:100%!important;
    min-height:34px!important;
    flex:0 1 auto!important;
    padding:6px 10px!important;
    justify-content:center!important;
    white-space:normal!important;
  }
  .publicShell .hubPromiseText{
    max-width:100%!important;
    font-size:11.5px!important;
    line-height:1.3!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
}
@media(max-width:360px){
  .publicShell .hubExperienceHero{padding:16px 12px!important}
  .publicShell .hubExperienceCopy > .sectionEyebrow{font-size:18px!important}
  .publicShell .hubExperienceHero .hubExperienceCopy p{font-size:13.5px!important}
  .publicShell .hubExperienceArt .hubExperienceIcon{width:86px!important;height:86px!important}
}
/* END SMT-UI-012 */
/* UI013 — mobile bottom navigation + route-transition polish.
   Keep exactly five stable navigation lanes on public mobile surfaces and
   reduce active-state bulk without changing route semantics. */
@media(max-width:700px){
  .publicShell{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .publicShell .memberOpsNav,
  .publicShell .nav.bottomPro{
    height:calc(68px + env(safe-area-inset-bottom))!important;
    padding:6px max(7px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-right))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:4px!important;
  }
  .publicShell .memberOpsNav button,
  .publicShell .nav.bottomPro button{
    height:50px!important;
    padding:4px 2px!important;
    border-radius:14px!important;
    gap:1px!important;
  }
  .publicShell .memberOpsNav button .navIcon,
  .publicShell .nav.bottomPro button .navIcon{
    width:26px!important;
    height:26px!important;
  }
  .publicShell .memberOpsNav .smtNavArt{
    width:26px!important;
    height:26px!important;
    padding:1px!important;
    border-radius:8px!important;
  }
  .publicShell .memberOpsNav button .navText,
  .publicShell .nav.bottomPro button .navText{
    font-size:10.5px!important;
    line-height:1!important;
  }
  .publicShell .memberOpsNav button.active,
  .publicShell .nav.bottomPro button.active{
    border-radius:14px!important;
    box-shadow:inset 0 0 0 1px rgba(245,202,122,.45),0 3px 9px rgba(124,27,16,.14)!important;
  }
  .publicShell .memberOpsNav .navCounter{
    top:-5px!important;
    left:-7px!important;
  }
}
/* ============================================================
   AI015 — ADMIN AI INFORMATION ARCHITECTURE / MOBILE REORG
   Unified center navigation, summary-first pages, explicit run flow.
   ============================================================ */
.aiAdminCenterNav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:8px;position:sticky;top:72px;z-index:8;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.aiAdminCenterNav a{min-width:0;display:grid;gap:2px;text-align:center;text-decoration:none;border:1px solid #e4e7e5;border-radius:13px;padding:9px 7px;background:#fff;color:#28473f}
.aiAdminCenterNav a b{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiAdminCenterNav a small{font-size:10px;line-height:1.35;color:#7a8883;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aiAdminCenterNav a.active{background:#981d13;border-color:#981d13;color:#fff;box-shadow:0 8px 18px rgba(152,29,19,.13)}
.aiAdminCenterNav a.active small{color:rgba(255,255,255,.78)}
.aiAdminDisclosure{padding:0;overflow:hidden}
.aiAdminDisclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:15px 17px;font-weight:900;color:#27493f}
.aiAdminDisclosure>summary::-webkit-details-marker{display:none}
.aiAdminDisclosure>summary span{font-size:12px;color:#73817c;font-weight:800}
.aiAdminDisclosure[open]>summary{border-bottom:1px solid #e4ece8}
.aiDisclosureBody{padding:14px 16px 16px}
.aiRunOverview{display:grid;gap:12px;border:1px solid #d8e8e1;background:linear-gradient(145deg,#fff,#f6faf8)}
.aiRunOverview.active{border-color:#9bd4bf;background:linear-gradient(145deg,#fff,#eef9f4)}
.aiRunOverviewHead,.aiEfficiencySummaryHead,.aiRunCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.aiRunOverviewHead h3,.aiRunCardHead h3,.aiEfficiencySummaryHead h3{margin:4px 0 2px}
.aiRunOverviewHead p,.aiRunCardHead p{margin:0;color:#687a73;line-height:1.6}
.aiRunOverviewMetrics,.aiEfficiencySummaryGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.aiRunOverviewMetrics span,.aiEfficiencySummaryGrid span{display:grid;gap:2px;text-align:center;border:1px solid #dfeae5;background:#fff;border-radius:12px;padding:10px 7px}
.aiRunOverviewMetrics b,.aiEfficiencySummaryGrid b{font-size:19px;color:#241b16}
.aiRunOverviewMetrics small,.aiEfficiencySummaryGrid small{font-size:10px;color:#74827d;font-weight:850;line-height:1.35}
.aiFullSearchCard{border:1px solid #dfcfae;background:linear-gradient(145deg,#fff,#fffaf0)}
.aiPrimaryRunButton{width:100%;min-height:46px}
.aiTechnicalTools{border-style:dashed}
.aiEfficiencyHero{display:grid;gap:12px}
.aiEfficiencyHero .row{margin-top:2px}
.aiEfficiencyScope label{display:grid;gap:7px;font-weight:850}
.aiEfficiencySummary{display:grid;gap:13px}
.aiAdvisorHero{border-inline-start:4px solid #08705a}

@media(max-width:720px){
  .aiAdminCenterNav{top:64px;grid-template-columns:repeat(5,minmax(74px,1fr));overflow-x:auto;scrollbar-width:none;padding:7px;gap:6px}
  .aiAdminCenterNav::-webkit-scrollbar{display:none}
  .aiAdminCenterNav a{padding:8px 6px;min-height:52px;align-content:center}
  .aiAdminCenterNav a b{font-size:12px}.aiAdminCenterNav a small{font-size:9px}
  .aiRunOverviewHead,.aiEfficiencySummaryHead,.aiRunCardHead{display:grid}
  .aiRunOverviewMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .aiEfficiencySummaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aiEfficiencyHero .row{display:grid;grid-template-columns:1fr 1fr}
  .aiEfficiencyHero .row>*{width:100%;text-align:center}
}
@media(max-width:430px){
  .aiAdminCenterNav{margin-inline:-2px}
  .aiRunOverviewMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aiEfficiencyHero .row{grid-template-columns:1fr}
  .aiAdminDisclosure>summary{padding:13px 14px}
  .aiDisclosureBody{padding:12px 13px 14px}
}

/* UI016 — platform identity / about / local-community separation */
.identityAdminNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}.identityAdminNav a{display:flex;min-height:42px;align-items:center;justify-content:center;text-align:center;padding:9px 8px;border:1px solid #dfcfb4;border-radius:14px;background:#fffaf1;color:#5b3028;font-weight:900;font-size:13px;line-height:1.25;text-decoration:none}.identityAdminNav a.active{background:#7f1d1d;color:#fff;border-color:#7f1d1d;box-shadow:0 8px 20px rgba(127,29,29,.14)}.identityBoundaryNote b{color:#7f1d1d}.identityScopeChooser{display:grid;gap:12px}.identityScopeChooser h3{margin:4px 0}.identityScopeChooser p{margin:0;line-height:1.7}.identityScopeChooser .editGrid{align-items:center}.identityScopeActive{padding:10px 12px;border-radius:14px;background:#fff7e8;border:1px solid #ecd49a;color:#5b3028}.identityEmptyScope{text-align:center;font-weight:800;color:#6b5b4a}.platformAboutLogo{object-fit:contain!important;background:#fffaf1!important;padding:8px!important;border-color:#dbb465!important}.communityPublicHero .platformAboutLogo{width:132px;height:132px;border-radius:30px}.communityPreviewCard .platformAboutLogo{margin-inline:auto}
@media(max-width:620px){.identityAdminNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.identityAdminNav a{min-height:40px;font-size:12px;padding:8px 6px}.identityScopeChooser .editGrid{grid-template-columns:1fr}.communityPublicHero .platformAboutLogo{width:112px;height:112px;border-radius:26px}}

/* AI017 provider participation */
.aiProviderBreakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.aiProviderBreakdown>span{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:rgba(255,255,255,.55)}.aiProviderBreakdown small{font-size:12px;opacity:.78}@media(max-width:560px){.aiProviderBreakdown{grid-template-columns:1fr}.aiProviderBreakdown>span{padding:8px 9px}}

/* ============================================================
   RELEASE B1 — MOBILE FOUNDATION + CHINA GUIDE
   ============================================================ */
@media(max-width:700px){
  .publicShell{
    overflow-x:hidden!important;
    padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important;
  }

  .publicShell .memberOpsNav,
  .publicShell .nav.bottomPro{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    min-height:calc(68px + env(safe-area-inset-bottom,0px))!important;
  }

  .publicShell .memberOpsNav button,
  .publicShell .nav.bottomPro button{
    min-width:0!important;
    min-height:50px!important;
  }

  .publicShell .memberOpsNav button .navText,
  .publicShell .nav.bottomPro button .navText{
    max-width:100%!important;
    overflow:hidden!important;
    white-space:normal!important;
    text-overflow:clip!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:11px!important;
    line-height:1.12!important;
    text-align:center!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  .guideSearchCard.visualDiscoverySearch{
    padding:14px!important;
    overflow:hidden!important;
  }

  .guideSearch{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }

  .guideSearch select{
    grid-column:1/-1;
    width:100%!important;
  }

  .guideSearch .btn{
    min-width:72px!important;
    min-height:44px!important;
  }

  .guideSmartInput,
  .guideSmartInput input{
    min-width:0!important;
  }

  .guideMobileDiscovery{
    display:grid;
    gap:10px;
    margin-top:10px;
  }

  .guideFilterLayer{
    min-width:0;
  }

  .guideFilterLayerLabel{
    display:block;
    margin-bottom:6px;
    font-size:12px;
    line-height:1.35;
    font-weight:900;
  }

  .guideHorizontalRail,
  .guideCityChips,
  .guideActiveFilters{
    display:flex!important;
    gap:7px!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 1px 5px!important;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }

  .guideHorizontalRail::-webkit-scrollbar,
  .guideCityChips::-webkit-scrollbar,
  .guideActiveFilters::-webkit-scrollbar{
    display:none;
  }

  .guideHorizontalRail button,
  .guideCityChips button{
    flex:0 0 auto!important;
    min-height:44px!important;
    max-width:168px;
    padding:8px 11px!important;
    white-space:normal!important;
    line-height:1.25!important;
    overflow-wrap:anywhere;
  }

  .guideCityChips button{
    min-width:104px!important;
    display:grid!important;
    gap:2px!important;
    text-align:center!important;
  }

  .guideCityChips button small{
    display:block;
    font-size:10px;
    line-height:1.25;
  }

  .guideJourneyRail button{
    min-width:116px!important;
  }

  .guideCategoryRail button{
    min-width:96px!important;
  }

  .guideActiveFilters span{
    flex:0 0 auto;
    max-width:210px;
    white-space:normal!important;
  }

  .guideFilterSummary{
    gap:8px!important;
    align-items:flex-start!important;
  }

  .guideDiscoveryCard{
    padding:11px!important;
    margin-bottom:9px!important;
  }

  .guideItemImg{
    aspect-ratio:4/3;
    object-fit:cover!important;
  }

  .guideDiscoveryBody h3,
  .guideDiscoveryBody p,
  .guideCardTop small{
    overflow-wrap:anywhere;
  }

  .guideActions .smallbtn{
    min-height:44px;
  }
}

@media(max-width:360px){
  .publicShell .memberOpsNav button .navText,
  .publicShell .nav.bottomPro button .navText{
    font-size:10px!important;
  }

  .guideSearchCard.visualDiscoverySearch{
    padding:12px!important;
  }
}

html[dir="ltr"] .guideHorizontalRail,
html[dir="ltr"] .guideCityChips,
html[dir="ltr"] .guideActiveFilters{
  direction:ltr;
}

/* Patch 2: company sectors and trade query hint */
.guideSectorCard,.tradeResolveHint{margin:12px 0}
.guideSectorMore{border-style:dashed}
.tradeResolveHint{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tradeResolveHint p{margin:0;flex:1 1 200px}

/* Patch 3: AI research settings panel */
.aiRsGroup{margin:10px 0;border:1px solid var(--line,#d9d2c5);border-radius:12px;padding:8px 12px}
.aiRsGroup>summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.aiRsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}
.aiRsWide{grid-column:1/-1}
.aiRsLater{color:#8a6a1f;border:1px solid currentColor;border-radius:8px;padding:0 6px;font-size:.72rem}
.aiRsError{color:#a02020}
.aiRsMulti{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow:auto}
.aiRsHealth{display:flex;flex-direction:column;gap:2px;margin:6px 0}
.aiRsActions{margin-top:10px}

/* Patch 4: knowledge gaps panel */
.aiGapsPanel{margin:10px 0}
.aiGapsChips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.aiGapCard{border:1px solid var(--line,#d9d2c5);border-radius:12px;padding:10px 12px;margin:8px 0;display:flex;flex-direction:column;gap:6px}
.aiGapHead{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.aiGapActions{flex-wrap:wrap;gap:6px}

/* Step alerts + English street names (candidate.42) */
.routeStepEnglish{margin:2px 0 0;color:#6b5b4a;font-size:.88rem;unicode-bidi:plaintext}.routeTransitFacts .routeStepEnglish{display:block;margin-top:2px}
.routeGuidanceBar{display:grid;gap:8px;margin:10px 0 14px;padding:12px;border:1px solid var(--line,#e5d9c6);border-radius:14px;background:#fffaf2}
.routeGuidanceBar .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.routeGuidanceStatus{margin:0;font-weight:700}.routeGuidanceMessage{margin:0;padding:10px 12px;border-radius:12px;background:#9b1c10;color:#fff;font-weight:700}
.routeStepCard.routeStepActive{outline:3px solid #9b1c10;background:#fff3ec}.routeStepCard.routeStepDone{opacity:.6}
.askVoiceAuto{margin:8px 0;padding:8px 12px;border-radius:12px;background:#fff3ec;font-weight:700;display:flex;gap:10px;align-items:center;justify-content:space-between}

/* Exhibition countdown (c44) */
.exCountdownHero{margin-bottom:12px;padding:20px;display:grid;gap:10px;background:linear-gradient(135deg,#0b3d31,#14624d);color:#fff;border:0}
.exCountdownHero h2,.exCountdownHero small,.exCountdownHero .adminEyebrow{color:#fff!important;margin:0}
.exCountdownHero.ongoing{background:linear-gradient(135deg,#7a1410,#a4110a)}
.exClock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;direction:ltr}
.exClock>div{background:rgba(255,255,255,.14);border-radius:14px;padding:10px 4px;text-align:center;display:grid;gap:2px}
.exClock b{font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums}
.exClock small{font-size:.72rem;opacity:.85}
.exClock.mini>div{background:#eef5f2;color:#0b3d31;padding:7px 2px}
.exClock.mini b{font-size:1.15rem}.exClock.mini small{color:#587068}
.exClock.mini.near>div{background:#fdecea;color:#7a1410}
.exCardTop{display:flex;justify-content:space-between;align-items:center;gap:8px}
.exPhase{border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:950;background:#eef3f1;color:#52645e}
.exPhase.upcoming{background:#e8f5ee;color:#076045}.exPhase.ongoing{background:#fdecea;color:#a4110a}.exPhase.ended{background:#f1f1f1;color:#777}
.exCard.ended{opacity:.65}
.exReminders{margin-bottom:12px;display:grid;gap:6px}
.exReminders h3{margin:0 0 4px}
.exReminderRow{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #d4e5df;background:#fff;border-radius:12px;padding:10px 12px;text-align:start;cursor:pointer}
.exReminderRow span{display:grid;gap:2px}.exReminderRow em{font-style:normal;font-weight:900;color:#a4110a}
@media(max-width:620px){.exClock b{font-size:1.45rem}.exCountdownHero{padding:14px}}

/* c45: the public shell forces light cards; the countdown hero must keep its own colours */
.publicShell .card.exCountdownHero{background:linear-gradient(135deg,#0b3d31,#14624d)!important;color:#fff!important;border:0!important}
.publicShell .card.exCountdownHero.ongoing{background:linear-gradient(135deg,#7a1410,#a4110a)!important}
.publicShell .card.exCountdownHero :where(h2,small,.adminEyebrow,b){color:#fff!important}
.publicShell .card.exCountdownHero .exClock>div{background:rgba(255,255,255,.16)!important}
.publicShell .card.exCountdownHero .smallbtn.secondary{background:#fff!important;color:#0b3d31!important}
.publicShell .card.exCountdownHero .smallbtn:not(.secondary){background:#f2c14e!important;color:#3a2a1e!important}

/* Exhibition schedule: practical trip planning inside China Guide. */
.exGuideBack{margin:0 0 10px}
.exFilterCard{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.7fr);align-items:end;gap:18px;margin-bottom:14px}
.exFilterCard p{margin:6px 0 0}.exFilterCard .dailyFilters{margin:0}.exFilterCard .checkRow{justify-content:center;white-space:nowrap}
.homeCityWidget{margin:10px 0 16px;border:1px solid #d9c7aa;border-radius:16px;overflow:hidden;background:#fffaf1;box-shadow:0 8px 22px rgba(83,54,26,.08)}
.homeCityStrip{width:100%;min-height:54px;border:0;background:linear-gradient(135deg,#fff7e8,#f5ead7);color:#35251b;padding:8px 12px;display:flex;align-items:center;gap:12px;text-align:start;cursor:pointer;font:inherit}
.homeCityStripLead{display:flex;align-items:center;gap:8px;min-width:max-content}.homeCityStripLead>i{font-style:normal;font-size:1.05rem}.homeCityStripLead>span{display:grid;gap:1px}.homeCityStripLead b{font-size:.86rem}.homeCityStripLead small{font-size:.62rem;color:#806c59}
.homeCityStripFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;flex:1;min-width:0}.homeCityStripFacts>span{display:grid;gap:1px;padding:0 10px;border-inline-start:1px solid #d9c7aa;min-width:0}.homeCityStripFacts b{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.homeCityStripFacts small{font-size:.58rem;color:#806c59;white-space:nowrap}
.homeCityStripPrompt{flex:1;color:#9c2015;font-size:.76rem;font-weight:900}.homeCityChevron{font-size:1.1rem;color:#9c2015;line-height:1}
.homeCityDetails{border-top:1px solid #dfcfb6;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fff}
.homeCityStatus,.homeCityError{grid-column:1/-1;margin:0;padding:10px;border-radius:10px;text-align:center;font-size:.8rem}.homeCityStatus{background:#f5f1e9}.homeCityError{background:#fff0ed;color:#932218}
.homeWeatherDetail{border-radius:14px;padding:16px;background:linear-gradient(145deg,#215abc,#0f347c);color:#fff;display:grid;gap:14px}.homeWeatherDetail>div:first-child{display:grid;gap:2px}.homeWeatherDetail>div:first-child>b{font-size:2.35rem;line-height:1.1}.homeWeatherDetail small{color:rgba(255,255,255,.78)}
.homeWeatherStats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.25);padding-top:11px}.homeWeatherStats>span{display:grid;gap:2px;text-align:center}.homeWeatherStats b{font-size:.88rem}.homeWeatherStats small{font-size:.62rem}
.homePrayerDetail{border:1px solid #eadfce;border-radius:14px;padding:14px}.homePrayerHead{display:flex;justify-content:space-between;gap:8px;align-items:start}.homePrayerHead>div{display:grid;gap:2px}.homePrayerHead>div>b{font-size:1.05rem}.homePrayerHead>small{background:#f5eadb;border-radius:999px;padding:5px 7px;font-size:.58rem}
.homePrayerRows{display:grid;gap:3px;margin-top:8px}.homePrayerRows>div{display:flex;justify-content:space-between;align-items:center;border-radius:9px;padding:5px 7px}.homePrayerRows>div.next{background:#edf2ff}.homePrayerRows span{display:flex;gap:6px;align-items:center}.homePrayerRows small{color:#a4110a;font-size:.58rem}.homePrayerRows strong{color:#16345d;font-variant-numeric:tabular-nums}.homePrayerDetail>p{font-size:.64rem;line-height:1.5;color:#756454;margin:8px 0}
.homeAthanLinks{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px}.homeAthanLinks a{min-height:32px;border-radius:8px;background:#241b16;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:.64rem;font-weight:900}.homeAthanLinks a:first-child{background:#9c2015}
.homeCityControls{grid-column:1/-1;display:flex;align-items:end;gap:8px}.homeCityControls>button{margin:0}.homeCityControls label{display:grid;gap:4px;flex:1;font-size:.68rem;font-weight:900}.homeCityControls select{width:100%;min-height:38px;border:1px solid #d9c7aa;border-radius:9px;background:#fff;padding:6px 9px;font:inherit}.homeCityPrivacy{grid-column:1/-1;color:#806f60;font-size:.6rem}
@media(max-width:640px){.homeCityStrip{gap:7px;padding:7px 9px}.homeCityStripLead b{font-size:.76rem}.homeCityStripLead small{font-size:.55rem}.homeCityStripFacts>span{padding:0 6px}.homeCityStripFacts b{font-size:.7rem}.homeCityStripFacts small{display:none}.homeCityDetails{grid-template-columns:1fr}}
@media(max-width:390px){.homeCityStrip{flex-wrap:wrap}.homeCityStripLead{flex:1}.homeCityStripFacts{order:3;flex-basis:100%;border-top:1px solid #dfcfb6;padding-top:6px}.homeCityStripFacts>span:first-child{border-inline-start:0}.homeCityStripPrompt{font-size:.68rem}.homeCityControls{align-items:stretch;flex-direction:column}.homeCityControls>*{width:100%}.homeAthanLinks{grid-template-columns:1fr 1fr}.homeAthanLinks a:first-child{grid-column:1/-1}}
.exhibitionScheduleList{display:grid;gap:14px}.publicShell .card.exScheduleCard{padding:22px;border-top:5px solid #e9632d!important}.exScheduleTop{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:start;gap:14px}.exDateTile{min-height:82px;border-radius:20px;background:#fff2e9;display:grid;place-items:center;padding:8px;color:#c43d16}.exDateTile b{font-size:2.45rem;line-height:1;color:#c43d16!important}.exDateTile small{font-size:.66rem;font-weight:900}.exScheduleDate{display:grid;gap:6px;padding-top:7px}.exScheduleDate>b{font-size:1.2rem}.exScheduleDate small{font-size:.82rem}.exCountdownPill{margin-top:7px;border-radius:999px;padding:8px 12px;background:#e9f6ef;color:#08714f;font-weight:950;font-size:.82rem;white-space:nowrap}.exCountdownPill.ongoing{background:#feece8;color:#a92c1e}.exCountdownPill.unknown{background:#f0eee9;color:#70685d}.exScheduleCard>h2{font-size:1.7rem;line-height:1.42;margin:18px 0 4px}.exForeignTitle{margin:0;color:#7b7874!important;font-size:.92rem;direction:ltr;text-align:right;overflow-wrap:anywhere}.exScheduleSummary{margin:15px 0;padding:13px 15px;background:#f8f6f2;border-radius:14px;line-height:1.75}.exVenueDetails{display:grid;gap:8px;margin-top:13px}.exVenueDetails p{display:grid;grid-template-columns:74px minmax(0,1fr);margin:0;gap:7px}.exVenueDetails b{color:#c04a24!important}.exVenueDetails span{display:block}.exScheduleActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.exScheduleActions>*{margin:0!important;width:100%;min-height:42px;text-align:center;justify-content:center}.exScheduleActions .btn{min-height:48px}.exScheduleActions .btn:first-child{background:#181512!important;color:#fff!important}
@media(max-width:760px){.exFilterCard{grid-template-columns:1fr}.exFilterCard .dailyFilters{display:grid;grid-template-columns:1fr 1fr}.exFilterCard .checkRow{grid-column:1/-1}.exScheduleActions{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.exCountdownHero{padding:15px}.exScheduleTop{grid-template-columns:68px minmax(0,1fr);gap:10px}.exDateTile{min-height:70px;border-radius:16px}.exDateTile b{font-size:2rem}.exCountdownPill{grid-column:1/-1;width:max-content;margin:0}.publicShell .card.exScheduleCard{padding:16px}.exScheduleCard>h2{font-size:1.4rem;margin-top:14px}.exVenueDetails p{grid-template-columns:62px minmax(0,1fr)}.exScheduleActions{grid-template-columns:1fr 1fr}.exScheduleActions .btn{grid-column:span 1}}

/* c49: gap research feedback is shown at the top of the panel */
.aiGapsToast,.aiBatchStatus{position:sticky;top:64px;z-index:5;margin:8px 0;padding:10px 12px;border-radius:12px;background:#fff7e0;border:1px solid #f0d58a;color:#4a3a12;font-weight:800}
.aiBatchStatus{background:#e8f5ee;border-color:#b6dec9;color:#064a37}

/* Practical China apps guide */
.chinaAppsIntro{margin-bottom:14px;padding:22px;background:linear-gradient(135deg,#fffaf0,#fff)}
.chinaAppsIntro h2{margin:7px 0;color:#2f2118;font-size:clamp(24px,4vw,34px)}
.chinaAppsIntro p{max-width:850px;line-height:1.8}
.chinaAppsCaution{padding:10px 13px;border-radius:12px;background:#fff4df;color:#644116;font-weight:750}
.chinaAppsControls{display:grid;gap:12px;margin:0 0 12px}
.chinaAppsSearch{display:grid;gap:6px;font-weight:900;color:#3c2d22}
.chinaAppsSearch input{width:100%;min-height:48px;border:1px solid #d9cbb7;border-radius:12px;padding:11px 14px;background:#fff;color:#231a15;font:inherit}
.chinaAppsFilters{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin}
.chinaAppsFilters button{flex:0 0 auto;min-height:44px;padding:8px 15px;border:1px solid #ddcdb7;border-radius:999px;background:#fff;color:#5e4030;font:inherit;font-weight:850;cursor:pointer}
.chinaAppsFilters button.active{background:#981d13;border-color:#981d13;color:#fff}
.chinaAppsCount{margin:0 0 10px;color:#684c3d;font-weight:850}
.chinaAppsStatus{padding:18px;text-align:center}
.chinaAppsList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.chinaAppCard{min-width:0;padding:0;overflow:hidden;scroll-margin-top:max(10px,env(safe-area-inset-top,0px))}
.chinaAppHead{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:98px;padding:15px;border:0;background:transparent;color:inherit;text-align:start;font:inherit;cursor:pointer}
.chinaAppGlyph{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#fff;border:1px solid #eadbc5;box-shadow:0 5px 14px rgba(61,39,23,.11);overflow:hidden}
.chinaAppGlyph img{display:block;width:100%;height:100%;object-fit:cover}
.chinaAppIdentity{display:grid;gap:4px;min-width:0;line-height:1.45}
.chinaAppIdentity b{font-size:17px;color:#2f2118;overflow-wrap:anywhere}
.chinaAppIdentity small{font-size:12px;color:#66584d;font-weight:700}
.chinaAppIdentity>span{font-size:13px;color:#635347}
.chinaAppExpand{color:#981d13;font-size:12px;font-weight:900;white-space:nowrap}
.chinaAppDetail{padding:0 15px 16px;border-top:1px solid #eee1d0}
.chinaAppSteps{display:grid;gap:9px;padding-top:14px}
.chinaAppSteps section{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,230px);gap:14px;align-items:start;padding:12px;border:1px solid #efdfc9;border-radius:14px;background:#fffcf8}
.chinaAppSteps .chinaAppDownloadStep{grid-template-columns:1fr}
.chinaAppStepCopy{min-width:0}
.chinaAppSteps h3{display:flex;align-items:center;gap:8px;margin:0 0 5px;color:#4b2b1b;font-size:15px}
.chinaAppSteps h3 span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#981d13;color:#fff;font-size:12px}
.chinaAppSteps p,.chinaAppFaq p{margin:0;line-height:1.8;color:#473a31;overflow-wrap:anywhere}
.chinaStoreLinks{display:grid;grid-template-columns:repeat(2,minmax(0,210px));gap:9px;margin-top:12px}
.chinaStoreLinks a{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;min-height:58px;padding:7px 11px;border-radius:13px;background:#161616;color:#fff;text-decoration:none;direction:ltr}
.chinaStoreLinks a>span{grid-row:1/3;display:grid;place-items:center;font-size:21px}
.chinaStoreLinks small{font-size:10px;line-height:1.1;color:#eee}
.chinaStoreLinks b{font-size:15px;line-height:1.2;color:#fff}
.chinaStoreLinks a:last-child{background:#075e43}
.chinaAppStepFigure{min-width:0;margin:0;padding:8px;border-radius:13px;background:#f3eee6;border:1px solid #e6d8c3;text-align:center}
.chinaAppStepFigure img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border-radius:9px;background:#fff}
.chinaAppStepFigure figcaption{margin-top:7px;color:#6b5b4a;font-size:10px;line-height:1.55}
.chinaAppOfficial{display:inline-flex;align-items:center;min-height:44px;margin:12px 0;color:#8f2116;font-weight:900;text-decoration:underline}
.chinaAppFaq{border-top:1px solid #eee1d0;padding-top:9px}
.chinaAppFaq h3{margin:4px 0 10px;font-size:16px}
.chinaAppFaq details{border:1px solid #e8d9c4;border-radius:11px;margin:8px 0;background:#fff}
.chinaAppFaq summary{min-height:44px;padding:10px 12px;font-weight:850;cursor:pointer}
.chinaAppFaq p{padding:0 12px 12px}
.chinaAppsReferences{margin:16px 0 10px;color:#665449;font-size:13px;line-height:1.7}
.chinaAppsReferences a{color:#8f2116;font-weight:850}
/* One footer gap for every mounted public page. The server footer keeps the fixed-nav safe area. */
#app:has(>.vue-shell){min-height:0}
.publicShell{padding-bottom:0!important}
.app.vue-shell:not(.adminApp){padding-bottom:0!important}
.app.vue-shell:not(.adminApp)>.footerGap{height:0!important}
.chinaAppsHomeIcon{overflow:visible!important}.chinaAppsMosaic{display:grid;grid-template-columns:repeat(2,42px);grid-template-rows:repeat(2,42px);gap:4px;width:88px;height:88px;padding:4px;border-radius:22px;background:#fff;box-shadow:0 7px 19px rgba(55,37,20,.14)}
.chinaAppsMosaic img{display:block;width:42px;height:42px;border-radius:11px;object-fit:cover}
.publicShell:has(.finalHomeHero) .homeTile .ico.chinaAppsHomeIcon{display:grid!important;place-items:center!important;width:96px!important;height:96px!important}
.chinaAppsHomeTile:hover .chinaAppsMosaic img:nth-child(1),.chinaAppsHomeTile:focus-visible .chinaAppsMosaic img:nth-child(1){transform:translate(-1px,-1px)}
.chinaAppsHomeTile:hover .chinaAppsMosaic img:nth-child(2),.chinaAppsHomeTile:focus-visible .chinaAppsMosaic img:nth-child(2){transform:translate(1px,-1px)}
.chinaAppsHomeTile:hover .chinaAppsMosaic img:nth-child(3),.chinaAppsHomeTile:focus-visible .chinaAppsMosaic img:nth-child(3){transform:translate(-1px,1px)}
.chinaAppsHomeTile:hover .chinaAppsMosaic img:nth-child(4),.chinaAppsHomeTile:focus-visible .chinaAppsMosaic img:nth-child(4){transform:translate(1px,1px)}
.chinaAppsMosaic img{transition:transform .18s ease}
@media(max-width:700px){.chinaAppsList{grid-template-columns:1fr}.chinaAppHead{grid-template-columns:54px minmax(0,1fr) auto;padding:12px;gap:9px}.chinaAppExpand{font-size:11px}.chinaAppsIntro{padding:16px}.chinaAppSteps section{grid-template-columns:1fr}.chinaAppStepFigure{width:min(100%,280px);margin-inline:auto}.chinaStoreLinks{grid-template-columns:repeat(2,minmax(0,1fr))}.chinaStoreLinks a{grid-template-columns:29px 1fr;padding-inline:7px}.chinaStoreLinks b{font-size:13px}}
.guideV24ReviewList{display:grid;gap:12px}.guideV24ReviewList>.card{margin:0}.guideV24ReviewCard{border-inline-start:4px solid #0b6b50}.guideV24ReviewCard .memberSectionHead{align-items:flex-start}.guideV24ReviewCard textarea{min-height:82px}.guideV24ReviewCard .statusPill{max-width:220px;text-align:center}.guideV24Gate{background:linear-gradient(135deg,#f6fffb,#fff9ef)}.bidiIsolate{unicode-bidi:isolate;overflow-wrap:anywhere}.guideV24ReviewCard select,.guideV24ReviewCard input,.guideV24ReviewCard textarea{font-size:14px}.guideV24ReviewCard .checkLine{padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:#f9fcfb}
@media(min-width:900px){.guideV24ReviewList{grid-template-columns:repeat(2,minmax(0,1fr))}.guideV24ReviewCard{min-width:0}}
@media(max-width:560px){.guideV24ReviewCard{padding:14px}.guideV24ReviewCard .memberSectionHead{display:grid}.guideV24ReviewCard .memberSectionHead>a,.guideV24ReviewCard .memberSectionHead>span{justify-self:start}}