/* MBS.asia UI V2.0 — single source of truth. No !important or append-to-patch rules. */
:root{--navy:#102a43;--navy-light:#28465f;--red:#c93838;--ink:#20394d;--muted:#64788a;--border:#dee6ec;--canvas:#f7f9fb;--white:#fff;--hover:#eff4f8;--focus:#2563eb;--success:#176c4a;--danger:#b42318;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--radius:10px;--top:64px;--sidebar:236px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.55 Arial,"Noto Sans",system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3{color:var(--navy);line-height:1.2}h1{font-size:clamp(25px,2.5vw,31px);letter-spacing:-.6px;margin:0 0 10px}h2{font-size:22px;margin:0 0 18px}h3{font-size:17px;margin:0 0 8px}p{margin:8px 0 16px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#567084;text-transform:uppercase}.site-header{background:white;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{min-height:var(--top);max-width:1600px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:-1.6px;font-size:26px;color:var(--navy);white-space:nowrap}.brand span{color:var(--red)}.site-header nav{display:flex;gap:22px;align-items:center;margin-left:auto}.site-header nav a,.text-button{font-size:13px;font-weight:700;color:var(--navy)}.text-button{border:0;background:transparent;padding:9px}.site-header nav a[aria-current=page]{border-bottom:2px solid var(--navy)}.module-tabs{display:flex;gap:28px;max-width:1600px;margin:auto;padding:0 32px;border-top:1px solid var(--border)}.module-tabs a{padding:11px 0;font-weight:700;font-size:13px;border-bottom:2px solid transparent}.module-tabs a.current{border-color:var(--navy)}.org-switch{display:flex;gap:12px;align-items:center;margin-left:auto}.org-switch label,.workspace-label{font-size:12px;font-weight:700;color:var(--muted)}.org-switch select{min-width:170px;max-width:280px}.app-frame{max-width:1600px;margin:auto;display:flex;min-height:calc(100vh - 140px)}.app-sidebar{flex:0 0 var(--sidebar);border-right:1px solid var(--border);padding:32px 15px;display:flex;flex-direction:column;gap:4px}.aside-kicker{font-size:10px;color:var(--muted);letter-spacing:1.6px;font-weight:800;margin:8px 12px 16px}.app-sidebar a{padding:12px 14px;border-radius:7px;font-size:13px;font-weight:700}.app-sidebar a:hover,.app-sidebar a.active{background:var(--hover);text-decoration:none}.container{padding:36px 40px 100px;min-width:0;width:100%;margin:auto}.shell-public .app-frame{max-width:1320px}.shell-identity .app-frame{max-width:700px}.shell-public .container{padding-top:0}.shell-public .hero{padding:104px 0 110px;border-bottom:1px solid var(--border)}.hero h1{font-size:clamp(38px,5.6vw,70px);letter-spacing:-2px;line-height:1.08;max-width:950px;margin:18px 0 30px}.hero h1 em{font-style:normal;color:#587289}.hero p{color:var(--muted);font-size:19px;max-width:730px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 19px;border-radius:7px;font-size:13px;line-height:1.3;font-weight:800;border:1px solid transparent;white-space:nowrap}.btn:hover{text-decoration:none;filter:brightness(.96)}.btn.primary{background:var(--navy);color:var(--white)}.btn.secondary{background:var(--white);border-color:var(--border);color:var(--navy)}.btn.danger{background:var(--danger);color:white}.btn.light{background:white;color:var(--navy)}.btn.small{min-height:36px;padding:6px 12px}.btn-link{border:none;background:none;color:var(--navy);font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0 60px}.cards article,.panel,.stats article,.auth,.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.cards article{padding:30px}.cards small,.stats small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-weight:700}.cards article p{color:var(--muted)}.callout{background:var(--navy);padding:54px;border-radius:12px;margin:44px 0}.callout h2{color:white;font-size:32px}.callout p{color:#d5e0e9}.footer{border-top:1px solid var(--border);padding:25px 16px;color:var(--muted);font-size:12px;text-align:center}.pagehead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.pagehead p{color:var(--muted);margin:6px 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:23px 0}.stats article{padding:24px}.stats strong{display:block;font-size:33px;color:var(--navy);line-height:1.5;font-variant-numeric:tabular-nums}.panel{padding:24px;margin:20px 0}.panel p{color:var(--muted)}.auth{padding:32px;margin:24px auto;max-width:480px}.auth.wide{max-width:800px}.auth h1{margin-bottom:14px}.auth form,.form-stack{display:grid;gap:16px}.auth label,.form-stack label,.grid-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.form-grid,.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.grid-form label{min-width:0}input,select,textarea{width:100%;min-width:0;min-height:44px;border:1px solid #cdd8e1;border-radius:7px;padding:10px 12px;background:white;color:var(--ink)}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:17px;min-height:auto;height:17px}.notice{border-left:4px solid var(--navy);padding:15px 19px;border-radius:7px;background:#eaf2f7;color:var(--navy);margin:0 0 24px}.warning{border-left-color:#bf761d;background:#fff6e7}.inline{display:inline}.table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.data-table{width:100%;border-collapse:collapse;min-width:650px;text-align:left}.data-table th{background:#f7f9fb;font-size:11px;color:#4c6579;white-space:nowrap;letter-spacing:.3px}.data-table td,.data-table th{padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:hover td{background:#fcfdfe}.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.status{display:inline-block;padding:4px 10px;background:#edf2f6;color:var(--navy);font-size:11px;font-weight:700;border-radius:15px;white-space:nowrap}.status-clean,.status-published,.status-approved{color:#176c4a;background:#e8f5ed}.status-rejected,.status-failed{color:#b42318;background:#fdf0ef}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:8px 0 18px}.filters label{display:grid;gap:6px;font-size:11px;font-weight:700;color:var(--muted)}.filters .searchbox{flex:1;min-width:210px}.filters select{min-width:142px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:13px;color:var(--muted)}.page-buttons{display:flex;gap:10px}.page-buttons a{padding:7px 12px;border:1px solid var(--border);border-radius:6px;color:var(--navy)}.list-actions{display:flex;gap:7px;flex-wrap:wrap}.label-pair{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.label-pair span:first-child{font-size:13px;color:var(--muted)}.section-divider{border:0;border-top:1px solid var(--border);margin:35px 0}.article-body{max-width:760px;font-size:17px;line-height:1.9;white-space:pre-line}.article-lead{font-size:20px;max-width:770px;color:var(--muted)}.article-page h1{max-width:880px;font-size:clamp(30px,4vw,50px)}.article-meta{color:var(--muted);font-size:13px}.stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.stories article{border-bottom:1px solid var(--border);padding:20px 0}.stories h3{font-size:21px}.hamb,.mobile-bottom{display:none}
@media(max-width:1100px){.container{padding:30px 26px 80px}.app-sidebar{flex-basis:204px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{padding:0 20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.app-sidebar{display:none}.site-header nav{gap:12px}.module-tabs{padding:0 20px}.container{padding:26px 20px 100px}}
@media(max-width:700px){:root{--top:56px}.header-inner{padding:0 14px;gap:10px}.hamb{display:block;order:-1;min-width:44px;min-height:44px;border:1px solid var(--border);background:white;border-radius:7px;font-size:20px}.brand{font-size:23px}.site-header nav{display:none;position:fixed;top:var(--top);left:0;right:auto;bottom:calc(64px + env(safe-area-inset-bottom));width:min(86vw,360px);overflow:auto;flex-direction:column;align-items:stretch;gap:2px;background:white;padding:12px 16px 20px;border-right:1px solid var(--border);box-shadow:0 16px 28px rgba(16,42,67,.08)}.site-header nav.open{display:flex}.site-header nav a,.site-header nav button{display:block;padding:13px;width:100%;text-align:left}.org-switch{margin-left:auto}.org-switch label{display:none}.org-switch select{max-width:128px;min-width:95px;font-size:12px}.workspace-label{display:none}.module-tabs{gap:15px;padding:0 14px;overflow-x:auto;white-space:nowrap}.module-tabs a{font-size:11px}.container{padding:24px 16px calc(100px + env(safe-area-inset-bottom))}.shell-public .hero{padding:58px 0 65px}.hero h1{letter-spacing:-1.2px}.hero p{font-size:16px}.cards,.stories{grid-template-columns:1fr}.cards article,.panel,.auth{padding:20px}.callout{padding:26px}.callout h2{font-size:26px}.pagehead{flex-direction:column}.pagehead .btn{width:100%}.stats article{padding:18px}.stats strong{font-size:28px}.form-grid,.grid-form{grid-template-columns:1fr}.auth{margin:18px auto}.filters .searchbox{flex-basis:100%}.filters label{flex:1;min-width:130px}.filters button{min-width:94px}.pagination{align-items:flex-start;flex-direction:column}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--border);z-index:25;min-height:64px;padding:6px 5px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:1px}.mobile-nav-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;text-align:center;line-height:1.3}.mobile-nav-item b{font-size:20px;font-weight:500}.mobile-nav-item.active{color:var(--navy)}.mobile-nav-item:hover{text-decoration:none}.shell-public .mobile-nav-item:last-child{background:var(--navy);color:white;border-radius:7px}.shell-identity .mobile-bottom{display:none}.shell-identity .container{padding-bottom:30px}.label-pair{grid-template-columns:1fr;gap:5px}}
@media(max-width:359px){.mobile-nav-item{font-size:9px}.stats{gap:8px}.stats article{padding:12px}.stats strong{font-size:25px}.brand{font-size:21px}.org-switch select{max-width:95px}}

.services{padding-top:52px}.editorial-kicker{padding-top:48px}.article-page{padding:60px 0}.form-subheading{margin-top:25px}.upload-form{margin-top:22px}

.thread{display:grid;gap:12px;margin:22px 0}.thread-item{background:var(--canvas);border:1px solid var(--border);padding:16px;border-radius:7px;overflow-wrap:anywhere}.thread-meta{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:8px}

@media(max-width:700px){body.nav-open::before{content:"";position:fixed;inset:56px 0 64px;background:rgba(16,42,67,.34);z-index:19}body.nav-open{overflow:hidden}}

/* Commerce V0.3: semantic components reuse the V2 spacing/color tokens; no override of older selectors. */
.quote-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 26px}.quote-summary>div{border:1px solid var(--border);background:var(--canvas);border-radius:8px;padding:16px;min-width:0}.quote-summary small{display:block;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.quote-summary strong{display:block;color:var(--navy);font-size:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.quote-totals{margin:26px 0 0 auto;max-width:440px;display:grid;gap:11px}.quote-totals>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.quote-totals strong{color:var(--navy);font-variant-numeric:tabular-nums;text-align:right}.quote-grand{border-top:1px solid var(--border);padding-top:15px;font-weight:800;font-size:17px}.form-stack label.check-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;line-height:1.6;max-width:820px}.check-row input{margin-top:3px;flex:0 0 18px}.cell-input{display:flex;align-items:center;gap:6px;min-width:140px}.cell-input span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cell-input input{min-width:124px;padding:8px 10px;font-variant-numeric:tabular-nums}.quote-totals span{color:var(--muted)}
@media(max-width:900px){.quote-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.quote-summary{gap:8px}.quote-summary>div{padding:12px}.quote-summary strong{font-size:14px}.quote-totals{max-width:100%}.quote-grand{font-size:15px}}

.status-sent,.status-quoted{color:#1a5579;background:#e8f2fa}.status-accepted,.status-confirmed{color:#176c4a;background:#e8f5ed}.status-declined,.status-withdrawn{color:#b42318;background:#fdf0ef}.status-pending_approval{color:#975b11;background:#fff3df}.status-superseded{color:#657480;background:#eff2f5}

/* V2.2: accessible pagination aligned with UI V2.0 design tokens. */
.pagination .page-buttons{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pagination .page-current{display:inline-flex;min-width:36px;min-height:36px;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:8px;font-weight:700}
.pagination .page-buttons a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px}
.pagination .page-buttons a:focus-visible{outline:2px solid #d42b3e;outline-offset:2px}
@media(max-width:600px){.pagination{align-items:flex-start;flex-direction:column;gap:10px}.pagination .page-buttons{width:100%}}

/* V2.3: accessible table sorting; follows the single V2 design stylesheet. */
.table-sort{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-weight:800;min-height:28px}.table-sort.is-active{border-bottom:2px solid var(--navy)}.table-sort:hover{text-decoration:underline}.table-sort:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

/* V2.6: active filter chips, single-source UI V2.0 tokens. */
.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}.filter-caption{font-size:12px;font-weight:700;color:var(--muted);margin-right:3px}.filter-chip{display:inline-flex;align-items:center;gap:9px;max-width:100%;min-height:36px;padding:6px 12px;border:1px solid var(--border);border-radius:18px;background:var(--canvas);color:var(--navy);font-size:12px;font-weight:700;overflow-wrap:anywhere}.filter-chip:hover{border-color:var(--navy);text-decoration:none}.filter-chip span{font-size:18px;line-height:1}.filter-clear{font-size:12px;font-weight:700;padding:8px}.active-filters a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media(max-width:700px){.active-filters{gap:6px}.filter-chip{font-size:11px;max-width:100%}}
/* MBS.asia Studio V10 — production PHP shared visual language */
:root{--navy:#0d2b44;--ink:#15344c;--muted:#506a7d;--border:#d4e1ea;--canvas:#f4f8fb;--focus:#0873c4;--radius:12px;--top:62px}
.site-header{box-shadow:0 3px 16px #0d2b4409}.header-inner{gap:16px}.brand{font-size:clamp(23px,2.1vw,29px);letter-spacing:-1.5px}.brand-tagline{border-left:1px solid #cad9e4;padding-left:13px;font-size:11px;font-weight:700;line-height:1.35;color:#476174;white-space:nowrap;margin-right:auto}.site-header nav{margin-left:auto}.btn.primary{background:#075d9e}.btn.primary:hover{background:#074c80}.panel,.cards article,.stats article{box-shadow:0 4px 18px #102b4507}.app-sidebar{background:#f8fafc}.app-sidebar a.active{background:#e0eff9;color:#075d9e}.module-tabs{background:white}.shell-public .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.86fr);align-items:center;gap:30px;padding:58px 0 64px;background:linear-gradient(120deg,#f9fcff,#e8f4fc);border-radius:0 0 18px 18px}.shell-public .hero-copy{padding-left:clamp(20px,3vw,42px)}.shell-public .hero h1{font-size:clamp(29px,3.8vw,53px);letter-spacing:-1.5px;line-height:1.15;margin:13px 0 18px}.shell-public .hero p{font-size:clamp(14px,1.4vw,17px);line-height:1.65;margin:0;max-width:570px}.shell-public .hero .actions{margin:23px 0 22px;flex-wrap:nowrap}.shell-public .hero .actions .btn{white-space:normal;text-align:center}.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-proof span{border-left:2px solid #8db5cc;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.4;color:#31556d}.hero-art{margin-right:24px;min-height:300px;background:linear-gradient(140deg,#1b4d70,#0b273e);border-radius:18px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px),linear-gradient(140deg,#1b4d70,#0b273e);background-size:36px 36px,36px 36px,auto}.art-part{width:180px;height:135px;background:linear-gradient(135deg,#dcecf5,#779db4);transform:skewY(-14deg) rotate(-1deg);box-shadow:18px 25px 0 #416f8b,20px 27px 30px #0005;position:relative;border:3px solid #d6e7f2}.art-hole{position:absolute;left:50%;top:42%;width:70px;height:42px;border:13px solid #315d78;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #f0f8ff}.art-part i{position:absolute;width:12px;height:12px;border-radius:50%;background:#315d78;border:2px solid #e7f3fa}.art-part i:nth-child(2){top:12px;left:14px}.art-part i:nth-child(3){top:12px;right:14px}.art-part i:nth-child(4){bottom:12px;left:14px}.art-part i:nth-child(5){bottom:12px;right:14px}.art-caption{position:absolute;bottom:20px;color:#d6e7f2;font-size:10px;letter-spacing:2px}.shell-public .services{padding-top:42px}.shell-public .cards{gap:13px;margin:18px 0 44px}.shell-public .cards article{padding:23px}.shell-public h2{font-size:clamp(21px,2.6vw,30px)}.shell-public .callout{margin:36px 0;padding:36px}.premium-footer{background:linear-gradient(125deg,#071c30,#123f60);color:#e6f2fb;text-align:left;padding:45px max(22px,calc((100vw - 1320px)/2)) 18px;border:0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px}.premium-footer h3{color:white;font-size:14px;margin:0 0 14px}.premium-footer a{display:block;color:#d5e7f5;font-size:13px;margin:9px 0}.premium-footer p,.premium-footer small{color:#c6dbea;font-size:12px;line-height:1.7}.footer-logo{font-size:30px;font-weight:900;color:white;letter-spacing:-1.5px}.footer-logo span{color:#e34d56}.footer-social{font-weight:800;letter-spacing:.2px}.footer-legal{border-top:1px solid #ffffff30;margin-top:27px;padding-top:16px;color:#bdd3e2;font-size:12px}.contact-chat[hidden]{display:none}.contact-chat{position:fixed;bottom:90px;left:18px;width:min(350px,calc(100vw - 36px));z-index:60;background:white;border:1px solid #bcd1df;border-radius:14px;box-shadow:0 14px 45px #08233840;padding:18px;color:var(--ink)}.contact-chat-head{display:flex;justify-content:space-between;align-items:center}.contact-chat-head button{border:0;background:#eef4f8;border-radius:7px;font-size:23px;width:35px;height:35px}.contact-chat p{font-size:13px}.contact-chat-actions{display:flex;gap:8px}.contact-chat-actions .btn{flex:1;padding:9px}
@media(max-width:700px){:root{--top:58px}.header-inner{gap:8px;padding:0 13px}.brand{font-size:clamp(21px,6vw,26px)}.brand-tagline{font-size:clamp(8px,2.35vw,10px);padding-left:8px;line-height:1.4;margin-right:0}.hamb{order:3;margin-left:auto;flex-shrink:0;min-width:42px;min-height:42px;font-size:0;position:relative}.hamb::after{content:'☰';font-size:22px}.site-header nav{left:auto;right:0;border-left:1px solid var(--border);border-right:0;box-shadow:-12px 10px 35px #0d2b4433}.shell-public .container{padding:0 14px calc(104px + env(safe-area-inset-bottom))}.shell-public .hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:29px 0 26px}.shell-public .hero-copy{padding:0 13px}.shell-public .hero h1{font-size:clamp(25px,6.2vw,34px);line-height:1.2;letter-spacing:-.8px;margin:10px 0 13px}.shell-public .hero p{font-size:14px;line-height:1.55}.shell-public .hero .actions{gap:8px;margin:18px 0}.shell-public .hero .actions .btn{flex:1;min-width:0;padding:10px 8px;font-size:12px;min-height:43px}.hero-proof{gap:5px}.hero-proof span{font-size:10px;padding:3px 6px}.hero-art{margin:0 10px;min-height:190px;border-radius:13px}.art-part{transform:scale(.72) skewY(-14deg);}.art-caption{font-size:9px;bottom:12px}.shell-public .services{padding-top:27px}.shell-public .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 30px}.shell-public .cards article{padding:15px}.shell-public .cards h3{font-size:15px}.shell-public .cards p{font-size:12px;line-height:1.5}.shell-public .callout{padding:23px;margin:25px 0}.mobile-bottom{gap:2px;min-height:70px;padding:6px 6px calc(5px + env(safe-area-inset-bottom))}.shell-public .mobile-nav-item{font-size:10px;gap:3px;white-space:nowrap}.shell-public .mobile-nav-item b{height:25px;display:grid;place-items:center}.shell-public .mobile-nav-item:nth-child(3){background:#0866a9;color:white;border-radius:11px}.shell-public .mobile-nav-item:last-child{background:transparent;color:var(--muted)}.premium-footer{padding:28px 17px calc(110px + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.footer-grid>div:first-child{grid-column:1/-1}.footer-logo{font-size:26px}.premium-footer h3{font-size:13px}.premium-footer a{font-size:12px}.footer-legal{margin-top:20px}}
@media(max-width:360px){.brand{font-size:20px}.brand-tagline{font-size:8px}.hero-proof span{font-size:9px}.shell-public .mobile-nav-item{font-size:9px}}

/* V13.6 — Shared MBS.asia portal design system. Scoped: public site unaffected. */
.shell-admin,.shell-customer{--portal-accent:#0867a8;--portal-navy:#0d2b44;--portal-line:#dce6ee;background:#f3f7fa;color:#17354b}
.shell-admin .site-header,.shell-customer .site-header{background:#fff;border-bottom:1px solid var(--portal-line);box-shadow:0 2px 14px #102b4508}
.shell-admin .app-frame,.shell-customer .app-frame{max-width:none;min-height:calc(100vh - 160px);gap:0;align-items:stretch}
.shell-admin .app-sidebar,.shell-customer .app-sidebar{background:#fff;border-right:1px solid var(--portal-line);padding:22px 14px;min-width:230px;box-shadow:none}
.shell-admin .aside-brand,.shell-customer .aside-brand{font-size:24px;letter-spacing:-1px;font-weight:900;color:#0d2b44;padding:3px 12px 22px;border-bottom:1px solid var(--portal-line);margin-bottom:20px;white-space:nowrap}
.aside-brand>span{color:#d93648}.aside-brand small{display:block;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#567083;margin-top:3px}
.shell-admin .aside-kicker,.shell-customer .aside-kicker{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#607a8d;padding:0 12px;margin-bottom:12px}
.shell-admin .app-sidebar a,.shell-customer .app-sidebar a{display:flex;align-items:center;gap:11px;min-height:43px;padding:9px 12px;border-radius:9px;color:#29475d;font-weight:650;font-size:13px;border:1px solid transparent;margin:3px 0}
.shell-admin .app-sidebar a svg,.shell-customer .app-sidebar a svg{width:19px;height:19px;flex-shrink:0;color:#52758e}
.shell-admin .app-sidebar a:hover,.shell-customer .app-sidebar a:hover{background:#f0f6fb;color:#075d9e}
.shell-admin .app-sidebar a.active,.shell-customer .app-sidebar a.active{background:#e7f2fa;border-color:#c9e1f2;color:#075d9e;font-weight:800}
.shell-admin .app-sidebar a.active svg,.shell-customer .app-sidebar a.active svg{color:#075d9e}
.shell-admin #main-content,.shell-customer #main-content{width:100%;min-width:0;max-width:1500px;padding:26px clamp(16px,2.5vw,38px) 56px;margin:0 auto}
.portal-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 17px;margin-bottom:20px;border-bottom:1px solid var(--portal-line)}
.portal-context-label{font-size:10px;font-weight:850;letter-spacing:1.35px;color:#376c8c}.portal-context-title{font-size:12px;color:#587286;font-weight:650}
.shell-admin .pagehead,.shell-customer .pagehead{margin:0 0 21px;gap:12px}.shell-admin .pagehead h1,.shell-customer .pagehead h1{font-size:clamp(22px,2.1vw,29px);line-height:1.25;letter-spacing:-.5px;color:#102f47;margin:5px 0 7px}
.shell-admin .pagehead p,.shell-customer .pagehead p{font-size:13px;color:#587286;line-height:1.5;margin:0}
.shell-admin .eyebrow,.shell-customer .eyebrow{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#146494}
.shell-admin .panel,.shell-customer .panel,.shell-admin .cards article,.shell-customer .cards article,.shell-admin .stats article,.shell-customer .stats article{background:#fff;border:1px solid var(--portal-line);border-radius:12px;box-shadow:0 4px 18px #0d2b4407}
.shell-admin .stats,.shell-customer .stats{gap:12px}.shell-admin .stats article,.shell-customer .stats article{padding:18px 19px;border-top:3px solid #0c6da9}
.shell-admin .stats strong,.shell-customer .stats strong{color:#0d2b44;font-variant-numeric:tabular-nums}
.shell-admin .cards,.shell-customer .cards{gap:13px}.shell-admin .cards article,.shell-customer .cards article{padding:20px;transition:border-color .15s,transform .15s}
.shell-admin .cards article:hover,.shell-customer .cards article:hover{border-color:#94bed8;transform:translateY(-1px)}
.shell-admin .cards h3,.shell-customer .cards h3{font-size:17px;color:#102f47;margin:8px 0}
.shell-admin .cards p,.shell-customer .cards p{font-size:13px;line-height:1.6;color:#5b7182}
.shell-admin .data-table,.shell-customer .data-table{font-size:12px;white-space:nowrap}.shell-admin .data-table thead,.shell-customer .data-table thead{background:#edf4f8}.shell-admin .data-table th,.shell-customer .data-table th{color:#2a506b;font-size:11px;letter-spacing:.2px}.shell-admin .data-table td,.shell-customer .data-table td{border-bottom:1px solid #e6edf2}
.shell-admin input,.shell-admin select,.shell-admin textarea,.shell-customer input,.shell-customer select,.shell-customer textarea{border-color:#cbdce7;border-radius:8px}
.shell-admin :is(a,button,input,select,textarea):focus-visible,.shell-customer :is(a,button,input,select,textarea):focus-visible{outline:3px solid #1678b8;outline-offset:2px}
.shell-admin .mobile-bottom,.shell-customer .mobile-bottom{background:#fff;border-top:1px solid #d8e5ed}
.shell-admin .mobile-nav-item b,.shell-customer .mobile-nav-item b{display:grid;place-items:center}.shell-admin .mobile-nav-item b svg,.shell-customer .mobile-nav-item b svg{width:21px;height:21px}
@media(max-width:900px){.shell-admin .app-sidebar,.shell-customer .app-sidebar{display:none}.shell-admin #main-content,.shell-customer #main-content{padding:18px 13px calc(110px + env(safe-area-inset-bottom))}.shell-admin .portal-context,.shell-customer .portal-context{margin-bottom:16px}.shell-admin .stats,.shell-customer .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-admin .cards,.shell-customer .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-admin .mobile-bottom,.shell-customer .mobile-bottom{min-height:68px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.shell-admin .mobile-nav-item,.shell-customer .mobile-nav-item{min-width:0;font-size:10px}}
@media(max-width:420px){.shell-admin .stats,.shell-customer .stats{gap:8px}.shell-admin .stats article,.shell-customer .stats article{padding:13px 12px}.shell-admin .cards,.shell-customer .cards{grid-template-columns:1fr}.shell-admin .filters,.shell-customer .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.shell-admin .filters .searchbox,.shell-customer .filters .searchbox{grid-column:1/-1}.portal-context-title{max-width:45%;text-align:right}}
/* V15.1: localized homepage editorial sections */
.home-extended{margin:48px 0 64px}.home-extended-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.home-extended-item{display:flex;gap:20px;align-items:flex-start;padding:28px;border:1px solid #dbe5ed;border-radius:16px;background:#fff}.home-extended-item h2{font-size:clamp(1.1rem,1.7vw,1.5rem);line-height:1.35;margin:8px 0 10px}.home-extended-item p{line-height:1.75;margin:0;color:#526476}.home-extended-number{font-weight:700;color:#1770a6;font-size:1.15rem;min-width:32px}@media(max-width:760px){.home-extended-grid{grid-template-columns:1fr;gap:12px}.home-extended-item{padding:20px;gap:14px}.home-extended{margin:30px 0 44px}}

/* V15.2: technical homepage / responsive UI corrections */
.home-extended{margin:42px 0 58px}.home-extended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-extended-item{min-width:0;padding:23px 22px;gap:14px;border-radius:10px;box-shadow:none}.home-extended-item .eyebrow{text-transform:none;letter-spacing:.04em;font-size:11px}.home-extended-item h2{font-size:clamp(16px,1.55vw,21px);line-height:1.35;margin:7px 0}.home-extended-item p{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.home-extended-number{font-size:12px;min-width:25px;font-variant-numeric:tabular-nums}.shell-public .cards article,.shell-public .home-extended-item{transition:border-color .15s ease}.shell-public .cards article:hover,.shell-public .home-extended-item:hover{border-color:#a8c2d4}.shell-public .container{min-width:0}.shell-public .hero-copy{min-width:0}.site-header nav a{overflow-wrap:anywhere}@media(max-width:900px){.home-extended-grid{grid-template-columns:1fr}.shell-public .hero{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}.footer-grid{gap:18px}}@media(max-width:700px){.home-extended{margin:28px 0 38px}.home-extended-item{padding:18px 16px;gap:11px}.home-extended-item p{font-size:13px;line-height:1.6}.home-extended-item h2{font-size:17px}.shell-public .hero .actions{flex-wrap:wrap}.shell-public .hero .actions .btn{white-space:normal;overflow-wrap:anywhere}.shell-public .cards article{min-width:0}.brand-tagline{white-space:normal;overflow-wrap:anywhere}}@media(max-width:380px){.brand-tagline{display:none}.shell-public .cards{grid-template-columns:1fr}}

/* V15.3 — compact international industrial UI; scoped to public and portal surfaces. */
:root{--top:60px;--radius:8px}
body{line-height:1.48}
.shell-public .app-frame{max-width:1200px}
.shell-public .container{padding:0 22px 40px}
.shell-public .hero{padding:32px 0 30px;gap:24px;align-items:center}
.shell-public .hero h1{font-size:clamp(29px,3.35vw,48px);line-height:1.13;letter-spacing:-1.15px;margin:9px 0 13px}
.shell-public .hero p{font-size:15px;line-height:1.6;margin:0;max-width:630px}
.shell-public .hero .actions{margin:18px 0 12px;gap:9px}
.shell-public .hero-art{min-height:265px}
.shell-public .services{padding-top:23px}
.shell-public section:not(.hero){scroll-margin-top:75px}
.shell-public section:not(.hero):not(.callout):not(.home-extended){margin-bottom:25px}
.shell-public h2{font-size:clamp(19px,2vw,25px);margin:7px 0 12px;line-height:1.28}
.shell-public h3{font-size:16px;line-height:1.32;margin:5px 0 7px}
.shell-public .cards{gap:11px;margin:12px 0 20px}
.shell-public .cards article{padding:17px 18px}
.shell-public .cards article p{font-size:13px;line-height:1.56;margin:6px 0 0}
.shell-public .home-extended{margin:20px 0 28px}
.shell-public .home-extended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.shell-public .home-extended-item{padding:17px 16px;gap:10px;border-radius:8px}
.shell-public .home-extended-item h2{font-size:17px;margin:4px 0 6px;line-height:1.32}
.shell-public .home-extended-item p{font-size:13px;line-height:1.55;margin:0}
.shell-public .home-extended-item .eyebrow{font-size:10px;letter-spacing:.02em}
.shell-public .home-extended-number{min-width:23px;font-size:11px}
.shell-public .stories{gap:12px}
.shell-public .stories article{padding:10px 0}
.shell-public .stories h3{font-size:16px}
.shell-public .stories p{font-size:13px;line-height:1.55;margin:6px 0}
.shell-public .public-guides{margin:9px 0;font-size:12px;line-height:1.7}
.shell-public .callout{padding:25px 28px;margin:24px 0 28px;border-radius:9px}
.shell-public .callout h2{font-size:24px;margin:0 0 9px}
.shell-public .callout p{font-size:14px;margin:7px 0 13px}
.shell-public .eyebrow{letter-spacing:1.1px;font-size:10px}
.shell-public .pagehead{margin-bottom:12px}
.shell-public .panel{padding:19px;margin:14px 0}
.shell-public .article-body{line-height:1.7}
.shell-admin .container,.shell-customer .container{padding:22px 24px 45px}
.shell-admin .panel,.shell-customer .panel{padding:18px;margin:12px 0}
.shell-admin .stats,.shell-customer .stats{gap:10px;margin:13px 0}
.shell-admin .stats article,.shell-customer .stats article{padding:16px}
.shell-admin .pagehead,.shell-customer .pagehead{margin-bottom:14px}
@media(max-width:900px){.shell-public .container{padding:0 18px 35px}.shell-public .hero{gap:16px}.shell-public .home-extended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-public .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
:root{--top:56px}
.shell-public .container{padding:0 12px calc(86px + env(safe-area-inset-bottom))}
.shell-public .hero{display:flex;flex-direction:column;gap:12px;padding:18px 0 19px}
.shell-public .hero-copy{padding:0 3px}
.shell-public .hero h1{font-size:clamp(25px,6vw,34px);margin:7px 0 9px;line-height:1.17}
.shell-public .hero p{font-size:13px;line-height:1.55}
.shell-public .hero .actions{margin:13px 0 9px;gap:7px}
.shell-public .hero .actions .btn{min-height:41px;padding:9px 8px;font-size:12px}
.shell-public .hero-art{min-height:165px;margin:0 2px}
.shell-public .services{padding-top:18px}
.shell-public section:not(.hero):not(.callout):not(.home-extended){margin-bottom:19px}
.shell-public h2{font-size:19px;margin:6px 0 10px}
.shell-public .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 17px}
.shell-public .cards article{padding:12px}
.shell-public .cards h3{font-size:14px}
.shell-public .cards article p{font-size:12px;line-height:1.48}
.shell-public .home-extended{margin:17px 0 21px}
.shell-public .home-extended-grid{grid-template-columns:1fr;gap:8px;margin-top:9px}
.shell-public .home-extended-item{padding:12px;gap:9px}
.shell-public .home-extended-item h2{font-size:15px;margin:3px 0 4px}
.shell-public .home-extended-item p{font-size:12px;line-height:1.5}
.shell-public .callout{padding:19px;margin:19px 0}
.shell-public .callout h2{font-size:20px}
.shell-public .stories{gap:7px}
.shell-public .stories article{padding:8px 0}
.shell-public .premium-footer{padding-top:22px}
.shell-admin .container,.shell-customer .container{padding:15px 12px calc(90px + env(safe-area-inset-bottom))}
.shell-admin .panel,.shell-customer .panel{padding:13px}
}
@media(max-width:380px){.shell-public .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-public .cards article{padding:10px}.shell-public .cards h3{font-size:13px}.shell-public .hero-art{min-height:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shell-public .cards article,.shell-public .home-extended-item{transition:none}}