/* Generated public route CSS. Full admin CSS loads lazily with vue-admin.js. */
: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)}.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;animation:gzcSkel 1.3s ease-in-out infinite}.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 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 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 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 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 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.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.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{display:block;width:min(260px,72%);height:54px;border-radius:6px;background:linear-gradient(#e6d6b2,#e6d6b2) 100% 0/100% 10px,linear-gradient(#e6d6b2,#e6d6b2) 100% 22px/82% 10px,linear-gradient(#e6d6b2,#e6d6b2) 100% 44px/56% 10px;background-repeat:no-repeat;animation:gzcSkel 1.3s ease-in-out infinite}
@keyframes gzcSkel{50%{opacity:.45}}.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.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.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.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 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 — 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.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.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 — 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:3px;background:rgba(124,27,16,.1);overflow:hidden}.globalInteractionTopBar i{display:block;width:42%;height:100%;background:linear-gradient(90deg,#d9b56b,#a4110a);box-shadow:0 0 8px rgba(164,17,10,.45);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 #e6d3a8;border-radius:16px;background:rgba(255,251,244,.94);box-shadow:0 12px 32px rgba(58,42,30,.18);color:#3a2a1e;backdrop-filter:blur(12px)}.globalInteractionPill b{font-size:14px;line-height:1.25}.globalInteractionSpinner{width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:conic-gradient(transparent 12%,#a4110a);-webkit-mask:radial-gradient(circle,transparent 54%,#000 56%);mask:radial-gradient(circle,transparent 54%,#000 56%);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}.loadingSpinner,.skeleton,.taskWorkspaceLoading,.adminQueueLoading:before{animation:none}}

/* 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 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.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.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.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.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)),var(--smt-hero-image,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)),
    var(--smt-hero-image,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}
.routeInterpretNote{margin:-8px 0 12px!important;padding:8px 12px;border-radius:12px;background:#fbf3e4;color:#5a3d1c!important;font-weight:800}.routeInterpretNote bdi{font-weight:900}
.askClarifyOptions{gap:8px;flex-wrap:wrap;margin:8px 0}.askMarketTip{margin:6px 0 10px!important;padding:8px 12px;border-radius:12px;background:#fbf3e4;color:#5a3d1c!important}
.routeMarketCity{display:block;margin-top:2px;color:#2f6b3a!important;font-weight:800}.routeMarketGap{margin:-6px 0 12px!important;color:#8a5a12!important}
.routeNameEn{display:block;margin-top:2px;color:#5a4636!important;font-weight:700;font-size:13px}.routeLearningAdd{gap:8px;flex-wrap:wrap}.routeLearningAdd input{flex:1 1 180px;min-width:0}.routeMissList{gap:6px;flex-wrap:wrap}
.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;
  }
}
/* 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}

/* 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}
.guideReviewThumb{display:block;width:100%;max-height:220px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#f8faf9;margin:10px 0}
.guideClaimIntake{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.guideClaimIntake summary{cursor:pointer;font-weight:700;color:#0b6b50}.guideClaimIntake>label{display:block;margin:9px 0}.guideClaimIntake>label input,.guideClaimIntake>label select{display:block;width:100%;margin-top:5px}
@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}}
.aiTriageBadge{display:inline-flex;margin:0 0 6px;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:950;background:#eef3f1;color:#52645e}.aiTriageBadge.t-ready{background:#e8f5ee;color:#076045}.aiTriageBadge.t-review{background:#fff7e0;color:#7a5a00}.aiTriageBadge.t-blocked{background:#fdecea;color:#a4110a}
.dqCards b{font-size:1.7rem;display:block}.dqCards small{color:#587068}.dqBars{display:grid;gap:8px}.dqBar{display:grid;grid-template-columns:150px 1fr 90px;gap:10px;align-items:center}.dqTrack{background:#eef3f1;border-radius:999px;height:10px;overflow:hidden}.dqTrack i{display:block;height:100%;background:#0a7a5a;border-radius:inherit}.dqTrack i.dqWarn{background:#c0392b}.dqScroll{overflow-x:auto}.dqTable{border-collapse:collapse;width:100%;min-width:560px}.dqTable th,.dqTable td{padding:7px 9px;border-bottom:1px solid #e8efec;text-align:center}.dqTable th:first-child{text-align:start}.dqTable td.dqZero{background:#fdecea;color:#a4110a;font-weight:900}.dqTable td.dqLow{background:#fff7e0;color:#7a5a00}.dqTable td.dqOk{color:#064a37}@media(max-width:620px){.dqBar{grid-template-columns:1fr}}

.guideGalleryStrip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 2px;margin:0;scrollbar-width:thin}.guideGalleryThumb{flex:0 0 auto;width:68px;height:52px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eef2ef;cursor:pointer}.guideGalleryThumb img{width:100%;height:100%;object-fit:cover;display:block}.guideGalleryThumb.active{border-color:#1f6b52}
.iconManagerCard{display:grid;gap:8px}.iconManagerHead{display:flex;align-items:center;gap:12px}.iconManagerHead small{display:block;color:#6b7a73}.iconManagerPreview{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#f4efe3;font-size:32px;line-height:1}.iconManagerInput{font-size:22px;text-align:center}

/* v3.8.60-candidate.145 home strip: prayer name and time must never be truncated */
.homeCityStripFacts{grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.5fr)}
.homeCityStripFacts b{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.35}
.homeCityStripFacts>span:last-child b{white-space:nowrap}
@media(max-width:380px){.homeCityStripFacts b{font-size:.66rem}.homeCityStripFacts>span{padding:0 4px}}
/* v3.8.60-candidate.145 home strip: gentle blink on the next prayer so it catches the eye (off for reduced motion) */
@keyframes homePrayerBlink{0%,100%{opacity:1;color:#35251b;text-shadow:none}50%{opacity:.35;color:#9c2015;text-shadow:0 0 8px rgba(156,32,21,.35)}}
.homeCityStripFacts>span:last-child b{animation:homePrayerBlink 1.6s ease-in-out infinite;font-weight:900}
@media(prefers-reduced-motion:reduce){.homeCityStripFacts>span:last-child b{animation:none;color:#9c2015}}
/* v3.8.60-candidate.145 bottom nav: coloured 3D app tiles; active state uses a light chip so the red tiles stay visible */
.memberOpsNav .smtNavArt{width:38px;height:38px;border-radius:0;transition:transform .15s ease}
.memberOpsNav button.active{background:#fff1d6!important;color:#981d13!important;box-shadow:inset 0 0 0 1.5px #e3b95c}
.memberOpsNav button.active .smtNavArt{transform:scale(1.1)}
.memberOpsNav button .navIcon{width:38px!important;height:38px!important}
/* c133 — Ask SMT: SMT Advanced Business card shown first for trade / shipping questions. */
.smtCompanyCard{border:1px solid rgba(180,133,47,.45);background:linear-gradient(180deg,#fffaf0,#fff);margin-bottom:12px}
.smtCompanyCard h3{margin:6px 0 2px}
.smtCompanyServices{margin:8px 0;padding-inline-start:18px;display:grid;gap:4px}
.smtCompanyServices li{line-height:1.6}
/* c139 — home tile icons: white plate + 2x2 mosaic of rounded coloured squares (same family as the apps tile). */
.smtMosaicIcon{overflow:visible!important}
.smtMosaic{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,40,20,.16);margin-inline:auto}
.smtMosaic .mosaicTile{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px}
.smtMosaic .mosaicTile svg{display:block;width:26px;height:26px;fill:#fff}
.smtMosaic .mc-red{background:linear-gradient(145deg,#e8684a,#c9452b)}
.smtMosaic .mc-green{background:linear-gradient(145deg,#2f9b78,#17694f)}
.smtMosaic .mc-blue{background:linear-gradient(145deg,#3f93c4,#256f9c)}
.smtMosaic .mc-gold{background:linear-gradient(145deg,#efb43a,#cf8f14)}
/* c140 — the two mosaic tiles share one layout: content starts at the top, a fixed icon box, one-line title, so the
   icons and titles sit on the same line across the row. The plate is 96px outside (88px grid + 4px padding each side). */
.smtMosaic,.chinaAppsMosaic{box-sizing:content-box!important;width:88px!important;height:88px!important;padding:4px!important}
.publicShell:has(.finalHomeHero) .homeTile:is(.smtMosaicTile,.chinaAppsHomeTile){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}
.publicShell:has(.finalHomeHero) .homeTile:is(.smtMosaicTile,.chinaAppsHomeTile) .ico{width:96px!important;height:96px!important;margin:0 auto 12px!important;flex:0 0 auto}
.publicShell:has(.finalHomeHero) .homeTile:is(.smtMosaicTile,.chinaAppsHomeTile) b{display:block;min-height:1.3em;line-height:1.25!important;white-space:nowrap;text-align:center}
.publicShell:has(.finalHomeHero) .homeTile:is(.smtMosaicTile,.chinaAppsHomeTile) small{display:block;min-height:2.7em;text-align:center}
/* c142 — one hover / focus / press motion for every home tile icon (the «تطبيقات الصين» behaviour, generalised):
   the tile lifts, mosaic squares spread out by 1px, single 3D icons lift and grow a little; touch gets a press effect.
   Reduced-motion users get none (the existing prefers-reduced-motion rule above removes transitions on the home page). */
.publicShell:has(.finalHomeHero) :is(.homeTile,.finalQuickAccess>button){transition:transform .18s ease,box-shadow .18s ease!important;will-change:transform}
.publicShell:has(.finalHomeHero) :is(.homeTile,.finalQuickAccess>button):is(:hover,:focus-visible){transform:translateY(-2px);box-shadow:0 11px 24px rgba(86,66,43,.22)!important}
.publicShell:has(.finalHomeHero) :is(.homeTile,.finalQuickAccess>button):active{transform:scale(.98)}
.publicShell:has(.finalHomeHero) :is(.homeTile .ico,.finalQuickAccess>button .pillarIcon) img.smtServiceArt{transition:transform .18s ease}
.publicShell:has(.finalHomeHero) :is(.homeTile,.finalQuickAccess>button):is(:hover,:focus-visible) :is(.ico,.pillarIcon) img.smtServiceArt{transform:translateY(-3px) scale(1.06)}
.smtMosaic .mosaicTile{transition:transform .18s ease}
.homeTile:is(:hover,:focus-visible) .smtMosaic .mosaicTile:nth-child(1){transform:translate(-1px,-1px)}
.homeTile:is(:hover,:focus-visible) .smtMosaic .mosaicTile:nth-child(2){transform:translate(1px,-1px)}
.homeTile:is(:hover,:focus-visible) .smtMosaic .mosaicTile:nth-child(3){transform:translate(-1px,1px)}
.homeTile:is(:hover,:focus-visible) .smtMosaic .mosaicTile:nth-child(4){transform:translate(1px,1px)}
/* c143 — every home tile uses the same top-aligned layout and a 96px icon box, so a mosaic tile and a 3D-icon tile in
   the same row line up (icons, titles and subtitles on common lines). */
.publicShell:has(.finalHomeHero) .homeGrid .homeTile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important}
.publicShell:has(.finalHomeHero) .homeGrid .homeTile .ico{width:96px!important;height:96px!important;margin:0 auto 12px!important;flex:0 0 auto}
.publicShell:has(.finalHomeHero) .homeGrid .homeTile .ico img.smtServiceArt{width:96px;height:96px;object-fit:contain}
.publicShell:has(.finalHomeHero) .homeGrid .homeTile b{display:block;min-height:1.3em;line-height:1.25!important;text-align:center}
.publicShell:has(.finalHomeHero) .homeGrid .homeTile small{display:block;min-height:2.7em;text-align:center}

/* c146 (owner): service tiles use ONE large glyph on the white plate; the 2x2 mosaic stays for the four main sections. */
.smtMosaic.mosaicSolo{display:block;grid-template-columns:none;grid-template-rows:none}
.smtMosaic.mosaicSolo .mosaicTile{width:88px;height:88px;border-radius:19px}
.smtMosaic.mosaicSolo .mosaicTile svg{width:54px;height:54px}
.homeTile:is(:hover,:focus-visible) .smtMosaic.mosaicSolo .mosaicTile:nth-child(1){transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.homeTile:is(:hover,:focus-visible) .smtMosaic.mosaicSolo .mosaicTile:nth-child(1){transform:none}}
/* c146: long tile titles wrap instead of being clipped (e.g. «دخول أو طلب عضوية», «السفارات والقنصليات العربية»). */
.publicShell:has(.finalHomeHero) .homeTile:is(.smtMosaicTile,.chinaAppsHomeTile) b{white-space:normal!important}

/* c162-c181 additions (minified) */
.publicShell:has(.finalHomeHero) .finalQuickAccess.homeCardsGrid{align-items:stretch;gap:10px}
.publicShell:has(.finalHomeHero) .homeCardsGrid>.homeCard,.publicShell:has(.finalHomeHero) .homeCardsGrid>.homeCompanyStrip{min-height:152px!important;margin:0!important;box-sizing:border-box;position:relative;overflow:hidden;display:flex!important;flex-direction:column!important;justify-content:center;gap:6px!important;text-align:center;padding:12px 10px!important;border-radius:20px!important}
.publicShell:has(.finalHomeHero) .homeCardsGrid>.homeCard{background:linear-gradient(135deg,#fffdf9,#f0e8dc);border:1px solid #fff;color:#241b16;box-shadow:0 5px 12px #56422b20;font:inherit;cursor:pointer}
.publicShell:has(.finalHomeHero) .homeCardsGrid>div.homeCard{cursor:default}
.homeCardsGrid .homeCardEyebrow{font-size:11px;font-weight:800;color:#a4110a}
.homeCardsGrid .homeCardTitle{font-size:13px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.homeCardsGrid .homeCardNote{font-size:10.5px!important;line-height:1.3!important;color:#655244;-webkit-line-clamp:2!important}
.homeCardsGrid .expoCountdown{display:flex;justify-content:center;gap:5px;direction:rtl}
.homeCardsGrid .expoCountdown i{font-style:normal;display:flex;flex-direction:column;align-items:center;min-width:38px;padding:4px 3px;border-radius:10px;background:linear-gradient(180deg,#e33b21,#a4110a);color:#fff}
.homeCardsGrid .expoCountdown i b{font-size:16px!important;line-height:1.1!important;color:#fff;font-variant-numeric:tabular-nums}
.homeCardsGrid .expoCountdown i small{font-size:9px!important;color:#ffe9ac!important;margin:0!important}
.homeCardsGrid .homeCompanyStrip h2{font-size:14px!important}
.homeCardsGrid .homeCompanyStrip p{font-size:10.5px!important;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.homeCardsGrid .homeCompanyStrip .companyHeader{justify-content:center}
.homeCardsGrid .homeCompanyStrip{background-size:cover;background-position:center}
.homeCardsGrid .homeCompanyStrip .companyAction{padding:8px 10px!important;min-height:34px!important;font-size:11px!important;margin-top:2px!important}
.homeCardsGrid .homeCardAd{padding:0!important;justify-content:flex-end}
.homeCardsGrid .homeCardAdImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.homeCardsGrid .homeCardAdTag{position:absolute;top:8px;inset-inline-start:8px;z-index:1;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:999px;background:#000a;color:#fff}
.homeCardsGrid .homeCardAdText{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;padding:22px 10px 10px;background:linear-gradient(transparent,#000b);color:#fff;text-align:center}
.homeCardsGrid .homeCardAdText b{font-size:12.5px!important;color:#fff}
.homeCardsGrid .homeCardAdText small{font-size:10px!important;color:#fff!important}
.homeCardsGrid .homeCardLogo{align-items:center;justify-content:center}
.homeCardsGrid .homeCardLogo img{width:84px;height:84px;object-fit:contain;opacity:.9}
@media(min-width:650px){.publicShell:has(.finalHomeHero) .homeCardsGrid>.homeCard,.publicShell:has(.finalHomeHero) .homeCardsGrid>.homeCompanyStrip{min-height:190px!important}}
.homeCardsGrid .homeCompanyStrip>*{flex-shrink:0}
.homeCardsGrid .homeCompanyStrip.businessBridgeStrip p{-webkit-line-clamp:3!important;font-size:11px!important;line-height:1.45!important}
.mediaPanel{border-inline-start:4px solid #d9b775!important;background:linear-gradient(180deg,#fffdf9,#fdf6ea)}
.mediaPanel h3{font-size:19px!important;line-height:1.3!important;margin:2px 0 0!important}
.mediaPanel h4{font-size:16px;line-height:1.35;margin:0;color:#241b16}
.mediaPanel small,.mediaPanel label{font-weight:700}
.mediaPanel .hint{font-size:13px;line-height:1.7;color:#6b5b4a;font-weight:600}
.mediaPanel label{display:grid;gap:5px;font-size:13px;color:#3a2a1e;margin:8px 0 0}
.mediaPanel input,.mediaPanel select,.mediaPanel textarea{width:100%;min-height:44px;border:1px solid #ead9bb;border-radius:14px;background:#fff;color:#241b16;font:inherit;font-size:14px;font-weight:600;padding:9px 12px}
.mediaPanel textarea{min-height:92px;line-height:1.6;resize:vertical}
.mediaPanel input[type=file]{padding:9px;background:#fffaf0;border-style:dashed;font-size:13px}
.mediaPanel .smallbtn{min-height:42px;padding:8px 14px;border-radius:999px;border:1px solid #f5ca7a;background:linear-gradient(180deg,#e33b21,#a4110a 65%,#820e09);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.mediaPanel .smallbtn.secondary{background:#fff;color:#3a2a1e;border-color:#ead9bb}
.mediaPanel .smallbtn.danger{background:#fff;color:#991b1b;border-color:#f3b4b4}
.mediaPanel .smallbtn:disabled{opacity:.45;cursor:not-allowed}
.mediaPanelHead{margin-bottom:4px}
.mediaOpenRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:8px}
.mediaPlace{margin-top:14px;padding:12px 14px;border:1px solid #ead9bb;border-radius:16px;background:#fff;display:grid;gap:6px}
.mediaPlace p{margin:0;font-size:13px;color:#6b5b4a;font-weight:600}
.mediaPills{display:flex;flex-wrap:wrap;gap:6px}
.mediaPills span{font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;background:#fdf6ea;border:1px solid #ead9bb;color:#6b5b4a}
.mediaPills span.gold{background:#fff1cf;border-color:#d9b775;color:#7a4b00}
.mediaWebBar{display:grid;gap:8px;margin-top:14px;padding:12px 14px;border:1px dashed #d9b775;border-radius:16px;background:#fffaf0}
.mediaWebBar small{font-size:12px;line-height:1.65;color:#6b5b4a}
.mediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:14px}
.mediaTile{border:1px solid #ead9bb;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.mediaTile.cover{border-color:#d9b775;box-shadow:0 0 0 2px #f5ca7a55}
.mediaTile.picked{border-color:#a4110a;box-shadow:0 0 0 2px #a4110a33}
.mediaThumb{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f3ecde;margin:0;border:0}
.mediaTileBody{display:grid;gap:6px;padding:10px 12px 12px}
.mediaTileBody b{font-size:13px;line-height:1.45;color:#241b16;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mediaTileBody small{font-size:11.5px;color:#6b5b4a}
.mediaActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.mediaActions .smallbtn{flex:1 1 auto;min-width:56px;padding:6px 10px;min-height:38px}
.mediaWebForm{margin-top:14px;padding:14px;border:1px solid #a4110a55;border-radius:16px;background:#fff;display:grid;gap:4px}
.mediaWebForm .mediaThumb{max-width:260px;border-radius:12px}
.mediaUpload{margin-top:16px;border:1px solid #ead9bb;border-radius:16px;background:#fff;padding:0 14px 14px}
.mediaUpload>summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:800;font-size:14px;color:#3a2a1e}
.mediaUpload>summary::-webkit-details-marker{display:none}
.mediaUpload>summary::after{content:"＋";float:inline-end;color:#a4110a}
.mediaUpload[open]>summary::after{content:"－"}
@media(max-width:430px){.mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mediaOpenRow{grid-template-columns:1fr}.mediaActions .smallbtn{min-width:0;font-size:12px;padding:6px 8px}}
.publicShell .exCountdownHero,.publicShell .card.exCountdownHero{background:linear-gradient(135deg,#3a2a1e,#6b2b14)!important;border:1px solid #d9b775!important}
.publicShell .card.exCountdownHero.ongoing{background:linear-gradient(135deg,#7a1410,#a4110a)!important}
.exCountdownHero .adminEyebrow{background:rgba(255,255,255,.14)!important;color:#ffe9ac!important;padding:4px 12px!important;border-radius:999px;justify-self:start;font-size:12px;font-weight:800}
.exCountdownHero h2{font-size:21px!important;line-height:1.5!important;font-weight:800}
.exCountdownHero .exHeroMeta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;line-height:1.7;font-weight:600;opacity:.95}
.exCountdownHero .smallbtn{min-height:42px;border-radius:999px;font-weight:800}
.exCountdownHero .row .smallbtn:not(.secondary){background:#f5ca7a;color:#3a2a1e;border:1px solid #f5ca7a}
.exFilterCard{display:grid;gap:12px;padding:16px}
.exFilterCard .hint{font-size:13px;line-height:1.7;color:#6b5b4a;font-weight:600;margin:4px 0 0}
.exFilterCard .dailyFilters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.exFilterCard select,.exFilterCard input[type=text],.exFilterCard input:not([type]){min-height:46px;width:100%;border:1px solid #ead9bb;border-radius:14px;background:#fff;color:#241b16;font:inherit;font-size:14px;font-weight:600;padding:8px 12px}
.exFilterCard .checkRow{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #ead9bb;border-radius:14px;background:#fffaf0;font-size:14px;font-weight:700;color:#3a2a1e;margin:0}
.exFilterCard .checkRow input{width:20px;height:20px;min-height:0;accent-color:#a4110a;margin:0}
@media(max-width:430px){.exFilterCard .dailyFilters{grid-template-columns:1fr}}
.exhibitionScheduleList{display:grid;gap:14px}
.exScheduleCard{padding:16px;display:grid;gap:10px}
.exScheduleCard h2{font-size:19px!important;line-height:1.55!important;margin:2px 0 0!important;font-weight:800;color:#241b16}
.exScheduleCard .exForeignTitle{margin:0;font-size:13.5px;line-height:1.6;color:#6b5b4a;font-weight:600}
.exScheduleCard .exScheduleDate b{font-size:16px;line-height:1.5;font-weight:800}
.exScheduleCard .exScheduleDate small{font-size:12.5px;line-height:1.6;color:#6b5b4a;font-weight:600}
.exScheduleCard .exCover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid #ead9bb;background:#f3ecde}
.exScheduleCard .exScheduleSummary{margin:0;padding:12px 14px;background:#fdf6ea!important;border:1px solid #ead9bb;border-radius:14px;color:#3a2a1e;font-size:14px;line-height:1.85;font-weight:600}
.exScheduleCard .exVenueDetails{display:grid;gap:10px;margin:0;padding:0;background:none;border:0}
.exScheduleCard .exVenueDetails p{display:grid!important;grid-template-columns:1fr!important;gap:3px;margin:0}
.exScheduleCard .exVenueDetails b{font-size:12px;font-weight:800;color:#a4110a}
.exScheduleCard .exVenueDetails span{display:block;font-size:14px;line-height:1.7;font-weight:600;color:#3a2a1e;white-space:normal;word-break:normal!important;overflow-wrap:break-word!important}
.exScheduleActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
.exScheduleActions .btn,.exScheduleActions .smallbtn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none!important;border-radius:999px;font-size:13.5px;font-weight:800;padding:8px 12px;margin:0}
.exScheduleActions .btn:not(.secondary){grid-column:1/-1}
.exScheduleActions .btn.secondary,.exScheduleActions .smallbtn.secondary{border:1px solid #ead9bb}
.publicShell .exScheduleActions .btn:not(.secondary){background:linear-gradient(180deg,#e33b21,#a4110a 65%,#820e09)!important;color:#fff!important;border:1px solid #f5ca7a!important}
.publicShell .exScheduleActions .btn.secondary,.publicShell .exScheduleActions .smallbtn.secondary{background:#fff!important;color:#3a2a1e!important}
.publicShell .exScheduleCard .exScheduleSummary,.publicShell .exScheduleCard .exVenueDetails span,.publicShell .exScheduleCard .exForeignTitle{font-weight:600!important}
.publicShell .exFilterCard .guideFilterLayerLabel{color:#a4110a!important;font-weight:800}
.publicShell .exCountdownHero .smallbtn.secondary{background:#fff!important;color:#3a2a1e!important}
.adminEditorFooter .editorError{flex:1 1 100%;margin:0 0 8px;padding:10px 14px;border-radius:14px;background:#fee2e2;border:1px solid #f3b4b4;color:#991b1b;font-size:13.5px;line-height:1.7;font-weight:700}
.adminEditorFooter{flex-wrap:wrap}
.aiImageChange{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.aiImageChange .smallbtn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.aiImageUpload input{display:none}
.aiImageFind{margin-top:10px;padding:12px;border:1px dashed #d9b775;border-radius:16px;background:#fffaf0}
.aiImageFind .hint{font-size:13px;line-height:1.7;color:#6b5b4a;font-weight:600;margin:0 0 8px}
.aiImageFindGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.aiImageFindTile{border:1px solid #ead9bb;border-radius:14px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.aiImageFindTile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f3ecde}
.aiImageFindTile small{padding:6px 8px 0;font-size:11px;color:#6b5b4a;font-weight:700}
.aiImageFindActions{display:flex;gap:6px;padding:6px 8px 8px}
.aiImageFindActions .smallbtn{flex:1 1 auto;min-width:0;min-height:36px;padding:6px 8px;font-size:12px;text-align:center;justify-content:center;text-decoration:none}
@media(min-width:650px){.aiImageFindGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.adminApp .globalInteractionPill,.adminApp .busy{display:none!important}
.adminPulse{display:flex;gap:6px;overflow-x:auto;padding:6px 2px 8px;margin:0 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.adminPulse::-webkit-scrollbar{display:none}
.pulseChip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 10px;border:1px solid #ead9bb;border-radius:999px;background:#fffdf9;color:#3a2a1e;font-size:12px;font-weight:700;white-space:nowrap}
.pulseChip b{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;color:#241b16;min-width:1.4em;text-align:center}
.pulseLabel{color:#6b5b4a}
.pulseDot{width:8px;height:8px;border-radius:50%;background:#b9c7bd;flex:0 0 8px}
.pulseChip.ok .pulseDot{background:#1f9d62}
.pulseChip.warn{border-color:#f0cf8f;background:#fff8e6}.pulseChip.warn .pulseDot{background:#e0a21a}
.pulseChip.bad{border-color:#f3b4b4;background:#fff1f0}.pulseChip.bad .pulseDot{background:#d23a2a}.pulseChip.bad b{color:#991b1b}
.pulseChip.on .pulseDot{background:#a4110a;animation:gzcPulseDot 1.1s ease-in-out infinite}
@keyframes gzcPulseDot{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.sourceBatch{margin:10px 0 14px;padding:12px 14px;border:1px solid #ead9bb;border-radius:16px;background:#fffaf0}
.sourceBatchHead{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.sourceBatchHead div{display:grid;gap:3px;min-width:0;flex:1 1 220px}
.sourceBatchHead small{font-size:12px;line-height:1.6;color:#6b5b4a;font-weight:600}
.sourceBatchList{display:grid;gap:8px;margin-top:10px}
.sourceBatchRow{display:grid;gap:4px;padding:10px 12px;border:1px solid #ead9bb;border-radius:14px;background:#fff;border-inline-start:4px solid #b9c7bd}
.sourceBatchRow.good{border-inline-start-color:#1f9d62}
.sourceBatchRow.weak{border-inline-start-color:#e0a21a;background:#fffdf6}
.sourceBatchRow.reject{border-inline-start-color:#d23a2a;background:#fff8f7}
.sourceBatchRow.no_url{border-inline-start-color:#b9c7bd;background:#fafaf7}
.sourceBatchMain{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.sourceBatchMain b{font-size:13.5px;line-height:1.5;min-width:0}
.sourceBatchBadge{flex:0 0 auto;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;background:#f3ecde;color:#3a2a1e}
.sourceBatchRow.good .sourceBatchBadge{background:#e3f5ea;color:#145c3a}.sourceBatchRow.weak .sourceBatchBadge{background:#fff1cf;color:#7a4b00}.sourceBatchRow.reject .sourceBatchBadge{background:#fde3e0;color:#991b1b}
.sourceBatchRow small{font-size:12px;line-height:1.6;color:#6b5b4a;font-weight:600;overflow-wrap:anywhere}
.sourceBatchActions{display:flex;align-items:center;gap:8px;margin-top:2px}
.sourceBatchOn{font-size:12px;font-weight:800;color:#145c3a}