.x-subscription{min-width:0}.x-sub-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}.x-sub-plan{border:1px solid #dbe4f1;border-radius:14px;padding:22px;background:#fff;min-width:0}.x-sub-plan h3{margin:0 0 12px}.x-sub-plan strong{display:block;font-size:28px;color:#143554}.x-sub-plan small{display:block;color:#52687f;margin:8px 0}.x-sub-policy{padding:16px 20px;border-left:3px solid #2563eb;background:#f4f8ff;line-height:1.65}.x-sub-note{white-space:pre-wrap;overflow-wrap:anywhere}.x-subscription .xn-actions{flex-wrap:wrap}.x-sub-file{display:block;max-width:100%}.x-sub-file input{max-width:100%;min-width:0}.x-subscription .xn-card-content{min-width:0}.x-subscription button{min-height:44px}.x-subscription .xn-card-body{padding:20px}.x-sub-kpi{font-size:16px;line-height:1.7}.x-sub-kpi b{display:block;font-size:25px}.x-sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px}.x-sub-grid>div{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.x-sub-plans,.x-sub-grid{grid-template-columns:1fr;padding:14px}.x-subscription .xn-head .xn-actions{width:100%}.x-subscription .xn-head .xn-actions button{flex:1 1 auto}.x-sub-plan strong{font-size:25px}}

/* Subscription portal: scoped to billing/legal, independent of field tools. */
.x-subscription .xn-head{padding:28px;background:#102238;color:#f4f8ff;border-radius:20px;margin-bottom:18px}
.x-subscription .xn-head .xn-eyebrow{color:#76ded7}
.x-sub-nav{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:#e8eef3;border:1px solid #dae3ec;border-radius:14px;margin-bottom:24px}
.x-subscription .x-sub-nav button{background:transparent;border:0;border-radius:10px;padding:12px 16px;color:#456075;font-size:14px;font-weight:650;min-height:44px}
.x-subscription .xn-card{border-color:#dee7ef;border-radius:18px;box-shadow:0 4px 18px #10223805;overflow:hidden}
.x-subscription .xn-body{display:flex;flex-direction:column;gap:20px}
.x-subscription [hidden]{display:none!important}
.x-subscription .x-sub-summary{background:#fff;border:1px solid #d7e4ee;border-radius:18px}
.x-subscription .x-sub-kpi{color:#607387;font-size:14px;padding:8px 14px}
.x-subscription .x-sub-kpi b{color:#102238;font-size:32px;line-height:1.8;letter-spacing:-.03em}
.x-subscription .x-sub-plan{padding:28px;background:#fff;border-radius:18px;position:relative}
.x-subscription .x-sub-plan:nth-child(2){border:2px solid #087f88;background:#f5fcfc}
.x-subscription .x-sub-plan strong{font-size:38px;letter-spacing:-.04em;color:#102238}
.x-subscription .x-sub-policy{border:0;border-radius:10px;background:#f2f7fa;color:#496376;font-size:14px}
.x-subscription .x-sub-file{border:2px dashed #adcad3;border-radius:16px;padding:24px;background:#f4fbfb}
.x-sub-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:22px;margin:0;border:1px solid #dbe5ee;background:white;border-radius:18px}
.x-sub-steps li{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#65788c;min-width:0}
.x-sub-steps span{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#edf2f6;color:#496075;font-weight:750}
.x-sub-steps .done span{background:#dcf3e9;color:#146942}
.x-legal-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(235px,100%),1fr));gap:14px}
.x-subscription .x-legal-card{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;white-space:normal;text-align:start;border:1px solid #dce5ee;border-radius:14px;background:#fff;min-width:0;color:#183448}
.x-legal-card small{font-size:12px;color:#65778b}.x-legal-card strong{font-size:16px;line-height:1.5}
.x-legal-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf7f8;color:#076c79;font-size:23px}
.x-legal-approved{background:#e6f5ed;color:#1a6848;border-radius:20px;font-size:11px;padding:4px 10px;font-weight:700}
.x-legal-history{padding:18px;border:1px solid #dce5ee;border-radius:12px}.x-legal-history summary{cursor:pointer;font-weight:650;padding:8px}
@media(max-width:600px){.x-subscription .xn-head{padding:20px}.x-sub-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.x-subscription .x-sub-nav button{padding:10px;font-size:13px;white-space:normal}.x-sub-steps{grid-template-columns:1fr;padding:16px;gap:12px}.x-sub-steps li{flex-direction:row;align-items:center}.x-subscription .x-sub-plan strong{font-size:32px}}
html body #app.x-responsive #content .xn.x-subscription .xn-head :is(h1,h2){color:#f4f8ff!important;-webkit-text-fill-color:currentColor!important}
html body #app.x-responsive #content .xn.x-subscription .xn-head p{color:#bdcfe0!important;-webkit-text-fill-color:currentColor!important}
html body #app.x-responsive #content .xn.x-subscription .xn-head .xn-eyebrow{color:#76ded7!important;-webkit-text-fill-color:currentColor!important}
html body #app.x-responsive #content .xn.x-subscription .x-sub-nav button[aria-current=page],html body #app.x-responsive #content .xn.x-subscription .x-sub-nav button[aria-current=page] span{background:#087f88!important;color:#fff!important;-webkit-text-fill-color:currentColor!important}

.x-sub-filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:16px}.x-sub-filters label{display:grid;gap:8px;min-width:0;flex:1}.x-sub-filters input,.x-sub-filters select{width:100%;min-width:0}.x-sub-next{border-inline-start:4px solid #2563eb}.ro-survey{margin:16px 0}.ro-survey[hidden]{display:none!important}.ro-survey small{display:block;margin-top:8px;line-height:1.5}
.xe-journey{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border:1px solid #d9e2ef;border-radius:12px;background:#fff;margin-bottom:20px}.xe-journey button{min-height:44px;white-space:normal;flex:1 1 160px;font-size:14px}.xe-journey p{flex-basis:100%;font-size:14px;line-height:1.5;margin:8px 0 0;color:#557083}.xe-journey [aria-current=page]{background:#eaf0fe!important;color:#1d4ed8!important;-webkit-text-fill-color:currentColor!important;border-color:#9cb6eb!important}
html body #app.x-responsive #content .xe-journey button{background:#fff!important;color:#183448!important;-webkit-text-fill-color:currentColor!important;border:1px solid #d9e2ef!important;border-radius:8px;padding:10px 14px}
html body #app.x-responsive #content .xe-journey button[aria-current=page]{background:#eaf0fe!important;color:#1d4ed8!important;border-color:#9cb6eb!important}
html body #app.x-responsive #content .xe-journey button *{color:inherit!important;-webkit-text-fill-color:currentColor!important}