/* One shared design system additions: support, ads, and platform administration */
.support-suite .field,.ad-center .field,.admin-center .field{display:block;margin:12px 0}
.support-suite .field input,.support-suite .field textarea,.support-suite .field select,
.ad-center .field input,.ad-center .field textarea,.ad-center .field select,
.admin-center .field input,.admin-center .field textarea,.admin-center .field select{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d7e4f4;border-radius:11px;background:#fff;color:#203c5d;font-size:12px}
.support-suite .field textarea,.ad-center .field textarea,.admin-center .field textarea{min-height:95px;resize:vertical}
.support-suite .field span,.ad-center .field span,.admin-center .field span{display:block;font-size:11px;color:#4b6480;margin-bottom:7px;font-weight:750}
.support-check{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e6edf7;border-radius:11px;margin:6px 0;font-size:11px;font-weight:700;cursor:pointer;background:#fff}
.support-check input{appearance:auto;width:16px;height:16px;accent-color:#1877f2;flex:none}
.support-bars{display:grid;gap:13px;background:#f7faff;border:1px solid #e5edf7;border-radius:15px;padding:15px;margin:14px 0 22px}
.support-bar{display:grid;grid-template-columns:minmax(76px,1fr) minmax(60px,3fr) 20px;align-items:center;gap:9px;font-size:10px;color:#526987}
.support-bar>div{height:9px;background:#e6effb;border-radius:20px;overflow:hidden}
.support-bar i{height:100%;border-radius:20px;display:block;background:#1877f2}
.support-messenger-preview{margin:12px 0 18px;border:1px solid #cce0fd;border-radius:16px;background:#f9fbff;overflow:hidden;box-shadow:0 8px 25px #18407712}
.support-messenger-head{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#1877f2;color:#fff;font-size:12px;font-weight:850}
.support-messenger-head span{color:#d6e9ff;font-size:9px}
.support-messenger-preview p{font-size:12px;line-height:1.5;margin:17px 16px;color:#2c415a}
.support-messenger-preview>small{display:block;color:#879ab2;font-size:9px;margin:0 16px 15px}
.support-suite .support-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.support-suite .support-kpis strong{font-size:18px}
.ads-hero{padding:21px;background:linear-gradient(120deg,#103a76,#1877f2);border-radius:16px;color:white;margin:12px 0 17px}
.ads-hero .mini-label{color:#cde5ff}
.ads-hero h2{font-size:22px;letter-spacing:-.7px;margin:10px 0;max-width:450px}
.ads-hero p{font-size:11px;color:#cfe2ff;line-height:1.5}
.ads-hero button{margin:6px 0 0;width:auto;max-width:220px;color:#14559e;background:#fff}
.ads-quick,.ads-flow-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}
.ads-quick button,.ads-flow-actions button{width:auto;flex:1;min-width:110px}
.ads-campaign-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:13px;width:100%;text-align:left;margin:9px 0}
.ads-card-emoji{display:grid;place-items:center;font-size:26px;background:#f1f6ff;border-radius:13px;width:51px;height:51px;flex:none}
.ads-card-body{display:grid;gap:5px;min-width:0;flex:1}
.ads-card-body b{font-size:11px;color:#163353;overflow-wrap:anywhere}
.ads-card-body small{font-size:9px;color:#8698ac;line-height:1.3}
.ads-state{font-size:9px;font-weight:850;color:#996c21;background:#fff3d9;border-radius:18px;padding:7px 9px;white-space:nowrap}
.ads-state.is-active{background:#e4f7ec;color:#1a8c5c}
.ads-stages{display:flex;gap:5px;overflow-x:auto;margin:12px 0 22px;padding-bottom:9px;border-bottom:1px solid #edf1f7;scrollbar-width:none}
.ads-stages span{font-size:9px;white-space:nowrap;color:#8497aa;border-radius:8px;padding:8px 9px;background:#f4f6fa}
.ads-stages .current{background:#1877f2;color:white;font-weight:850}
.ads-stages .done{background:#e4f4ed;color:#15704f}
.ads-placement{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ads-placement .support-check{margin:0}
.ads-preview{border-radius:16px;border:1px solid #dfebf8;max-width:560px;margin:16px auto;background:#fff;overflow:hidden}
.ads-preview-head{display:flex;gap:11px;padding:13px;align-items:center}
.ads-preview-avatar{border-radius:11px;background:#1877f2;color:white;display:grid;place-items:center;font-weight:850;width:36px;height:36px}
.ads-preview-head b{font-size:11px;display:block}
.ads-preview-head small{display:block;font-size:9px;color:#8098b4;margin-top:5px}
.ads-preview-art{font-size:72px;text-align:center;display:grid;place-items:center;background:linear-gradient(135deg,#f2f7ff,#d9e9ff);min-height:185px}
.ads-preview-copy{padding:14px;display:grid;gap:5px}
.ads-preview-copy b{font-size:13px}.ads-preview-copy p{font-size:11px;color:#647b99;line-height:1.5;margin:0}
.ads-preview-copy span{font-size:11px;color:#176bd5;font-weight:800;padding-top:9px}
.ads-report-table{margin:14px 0;overflow-x:auto;border:1px solid #e1ebf7;border-radius:12px}
.ads-report-table .ads-report-head,.ads-report-table button{display:grid;grid-template-columns:minmax(95px,2fr) repeat(3,minmax(55px,1fr));gap:8px;padding:12px;text-align:left;min-width:320px;width:100%}
.ads-report-table .ads-report-head{background:#f1f6ff;font-size:10px;font-weight:850}
.ads-report-table button{background:white;border:0;border-top:1px solid #e8eff7;font-size:10px;color:#385373;cursor:pointer}
.ads-report-table button b{color:#155dab}
.admin-persona{display:flex;align-items:center;gap:12px;border:1px solid #d9e9ff;background:#f3f8ff;border-radius:14px;padding:13px;margin:14px 0}
.admin-persona>span:nth-child(2){flex:1}
.admin-persona b,.admin-persona small{display:block}
.admin-persona b{font-size:11px}
.admin-persona small{font-size:9px;color:#7691af;margin-top:5px;line-height:1.45}
.admin-persona button{width:auto;min-width:96px;margin:0}
.admin-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:13px 0}
.admin-modules button{border:1px solid #e3ecf7;background:white;padding:14px;border-radius:14px;text-align:left;display:grid;gap:7px;min-height:115px}
.admin-modules button span{font-size:25px}
.admin-modules button b{font-size:11px}
.admin-modules button small{color:#1877f2;font-size:9px}
.admin-sections{display:flex;gap:8px;overflow-x:auto;margin:16px 0;scrollbar-width:none;padding-bottom:5px}
.admin-sections button{padding:10px;white-space:nowrap;width:auto;flex:none}
.admin-sections .selected{border-color:#1877f2;background:#eaf3ff;color:#1877f2;font-weight:900}
.admin-center .role-task{min-width:0}
.admin-center .role-task .ads-state{max-width:110px;overflow:hidden;text-overflow:ellipsis}
.admin-center .role-metrics{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
@media(min-width:720px){
 .ad-center .ads-quick button,.admin-center .ads-quick button{flex:0 1 190px}
 .admin-modules,.role-directory{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:800px) and (max-width:1049px){
 .app{max-width:800px;height:calc(100dvh - 34px)}
 .stage{padding:17px}
 .page{padding-left:28px;padding-right:28px}
 .services{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(min-width:1050px){
 .stage{padding:16px}
 .app{max-width:1240px;width:min(100%,1240px);height:calc(100dvh - 32px);min-height:620px;border-radius:20px}
 .top{margin-left:90px;padding:18px 36px 14px}
 .scroll{margin-left:90px;scrollbar-width:thin}
 .bottom{position:absolute;left:0;top:0;bottom:0;width:90px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px;padding:130px 6px 15px;border-right:1px solid #e3edf7;border-top:0;background:#f9fbff}
 .bottom button{padding:11px 3px;border-radius:11px;gap:6px}
 .bottom button.active{background:#e8f2ff}
 .page{padding:6px 36px 45px;max-width:1140px}
 .services{grid-template-columns:repeat(7,minmax(0,1fr))}
 .role-directory{grid-template-columns:repeat(4,minmax(0,1fr))}
 .admin-modules{grid-template-columns:repeat(4,minmax(0,1fr))}
 .support-suite .support-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .role-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
 .ads-placement{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ads-hero{padding:28px 32px}
 .ads-hero h2{font-size:30px}
 .ad-center .field,.support-suite .field,.admin-center .field{max-width:680px}
 .ads-preview{margin-left:0}
 .welcome{font-size:36px}
}

.ads-sponsored-placement{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #cee0fa;border-radius:16px;padding:14px;background:linear-gradient(115deg,#f6faff,#edf5ff);text-align:left;margin:12px 0 19px}
.ads-sponsored-placement .ads-card-emoji{width:59px;height:59px;font-size:32px;background:white}
.ads-sponsored-placement .ads-card-body{flex:1}
.ads-sponsored-placement .ads-card-body small:first-child{color:#176aca;font-size:9px;font-weight:850}
.ads-sponsored-placement .arrow{font-size:22px;color:#1877f2}

/* One Resolution Center: payment dispute evidence, timeline and counterparty review */
.payment-resolution .journey-status{display:flex;justify-content:space-between;align-items:center;gap:12px}
.payment-resolution .role-note{overflow-wrap:anywhere}
.payment-case-steps{display:grid;gap:0;margin:15px 0 20px;border:1px solid #e1eaf6;border-radius:15px;overflow:hidden;background:#fff}
.payment-case-steps>div{padding:12px 15px 12px 19px;border-bottom:1px solid #e9eff7;display:grid;gap:5px;position:relative}
.payment-case-steps>div:last-child{border-bottom:0}
.payment-case-steps>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#dce5f2}
.payment-case-steps>div.complete:before{background:#1877f2}
.payment-case-steps b{font-size:11px;color:#8293a9}
.payment-case-steps .complete b{color:#135fab}
.payment-case-steps small{font-size:10px;line-height:1.45;color:#8496aa}
.payment-resolution .field textarea{min-height:116px}
@media(min-width:850px){
 .payment-resolution .payment-case-steps{max-width:730px}
 .payment-resolution .summary{max-width:730px}
}

/* One business quick start: mobile-led onboarding and multi-workspace previews */
.launch-promo{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid #d5e6ff;background:linear-gradient(115deg,#f4faff,#eaf3ff);padding:15px;margin:18px 0 14px;border-radius:16px}
.launch-promo>div:first-child{flex:1;min-width:0}
.launch-promo b{font-size:12px;line-height:1.35;display:block}
.launch-promo small{font-size:10px;color:#7790ab;display:block;line-height:1.45;margin-top:5px}
.launch-promo>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.launch-promo button{border:1px solid #c6defc;background:white;color:#1467c6;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;white-space:nowrap}
.launch-promo button:first-child{background:#1877f2;color:white;border-color:#1877f2}
.one-launch .field{display:block;margin:12px 0}
.one-launch .field>span{display:block;font-size:11px;color:#4f6580;font-weight:800;margin-bottom:7px}
.one-launch .field input,.one-launch .field textarea,.one-launch .field select{width:100%;padding:12px 13px;border:1px solid #dce6f4;border-radius:12px;background:white;color:#1b334e;font-size:12px;min-height:44px}
.one-launch .field textarea{min-height:99px;resize:vertical}
.launch-progress{display:flex;gap:5px;overflow-x:auto;padding:4px 0 13px;margin:15px 0 17px;scrollbar-width:none}
.launch-progress span{background:#f3f6fb;border-radius:9px;padding:9px 10px;font-size:9px;font-weight:800;color:#8195ad;white-space:nowrap}
.launch-progress span.current{background:#1877f2;color:white}
.launch-progress span.done{background:#e3f6ed;color:#1b8e60}
.launch-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 16px}
.launch-type-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-height:146px;text-align:left;padding:14px;border:1px solid #e4edf7;background:#fff;border-radius:14px}
.launch-type-grid button.selected{border-color:#78b2fa;background:#eef6ff}
.launch-type-icon{width:43px;height:43px;background:#edf5ff;border-radius:12px;display:grid;place-items:center;font-size:24px}
.launch-type-grid b{font-size:11px;line-height:1.3}
.launch-type-grid small{font-size:9px;line-height:1.45;color:#8498ae}
.launch-preview{border:1px solid #dce9f8;border-radius:18px;overflow:hidden;background:white;margin:15px 0}
.launch-cover{min-height:146px;background:linear-gradient(125deg,#1763c6,#81b3f4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#e3f1ff}
.launch-cover>span{font-size:48px}
.launch-cover>small{font-size:9px;letter-spacing:.85px;font-weight:850}
.launch-profile{padding:18px}
.launch-profile h2{font-size:21px;margin:0 0 9px;letter-spacing:-.6px}
.launch-profile p{font-size:11px;color:#6e819c;line-height:1.5;margin:0 0 15px}
.launch-details{display:grid;gap:9px;font-size:10px;color:#405b77}
.launch-details span{overflow-wrap:anywhere}
.launch-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.launch-actions button{flex:1;min-width:130px}
@media(min-width:850px){
 .launch-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .one-launch .field,.one-launch .launch-preview{max-width:820px}
 .launch-preview .launch-cover{min-height:180px}
}
@media(max-width:420px){
 .launch-promo{align-items:stretch;flex-direction:column}
 .launch-promo>div:last-child{justify-content:flex-start}
 .launch-promo button{flex:1}
 .launch-type-grid button{min-height:136px;padding:12px}
}