/* ORI Billing — plans page and dashboard billing. Flat: no shadows or motion; weights up to 600. */

/* Public plans page */
.ori-bp { padding-top: 30px; padding-bottom: 56px; }
.ori-bp__plans { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.ori-bp__plan { position: relative; display: flex; flex-direction: column; margin: 0; padding: 26px 24px 22px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 14px; background: #fff; }
.ori-bp__plan.is-highlighted { border: 2px solid var(--ori-blue, #1F2A5C); padding: 25px 23px 21px; }
.ori-bp__flag { position: absolute; top: -11px; left: 22px; padding: 2px 10px; border-radius: 999px; background: var(--ori-blue, #1F2A5C); color: #fff; font-size: 12px; font-weight: 500; }
.ori-bp__name { margin: 0 0 4px; font-size: 18px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-bp__desc { margin: 0 0 16px; color: var(--ori-muted, #667085); font-size: 14px; line-height: 1.5; min-height: 42px; }
.ori-bp__price { display: flex; align-items: baseline; gap: 4px; margin: 0 0 4px; }
.ori-bp__amount { color: var(--ori-blue, #1F2A5C); font-size: 32px; font-weight: 600; letter-spacing: -.02em; line-height: 1.1; }
.ori-bp__amount--text { font-size: 24px; }
.ori-bp__per { color: var(--ori-muted, #667085); font-size: 14px; }
.ori-bp__quota { margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--ori-line, #E3E7EE); color: var(--ori-text, #1B2233); font-size: 14.5px; font-weight: 500; }
.ori-bp__features { list-style: none; margin: 0 0 20px; padding: 0; }
.ori-bp__features li { display: flex; gap: 8px; margin: 0 0 8px; color: #4A5366; font-size: 14px; line-height: 1.45; }
.ori-bp__features svg { flex: 0 0 16px; margin-top: 2px; color: var(--ori-accent, #3D7BE0); }
.ori-bp__cta { margin-top: auto; }
.ori-bp__cta .ori-btn { width: 100%; justify-content: center; text-align: center; text-decoration: none; }
.ori-bp__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 36px 0 0; }
.ori-bp__facts > div { padding: 20px 22px; border-radius: 12px; background: #F7F8FA; }
.ori-bp__facts h2, .ori-bp__guarantee h2, .ori-bp__faq h2 { margin: 0 0 6px; font-size: 16px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-bp__facts p { margin: 0; color: #4A5366; font-size: 14.5px; line-height: 1.6; }
.ori-bp__guarantee { margin: 36px 0 0; padding: 24px 26px; border-left: 3px solid var(--ori-accent, #3D7BE0); border-radius: 0 12px 12px 0; background: var(--ori-blue-soft, #EEF2FA); }
.ori-bp__guarantee h2 { font-size: 18px; }
.ori-bp__guarantee p { margin: 0 0 12px; max-width: 900px; color: #3D4657; font-size: 15px; line-height: 1.6; }
.ori-bp__keeps { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 0; padding: 0; list-style: none; }
.ori-bp__keeps li { position: relative; margin: 0; padding-left: 16px; color: var(--ori-text, #1B2233); font-size: 14px; }
.ori-bp__keeps li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--ori-blue, #1F2A5C); }
.ori-bp__faq { margin: 36px 0 0; }
.ori-bp__faq h2 { font-size: 22px; margin-bottom: 12px; }
.ori-bp__faq details { border-bottom: 1px solid var(--ori-line, #E3E7EE); }
.ori-bp__faq details:first-of-type { border-top: 1px solid var(--ori-line, #E3E7EE); }
.ori-bp__faq summary { padding: 14px 2px; cursor: pointer; font-size: 15.5px; font-weight: 500; color: var(--ori-text, #1B2233); list-style: none; }
.ori-bp__faq summary::-webkit-details-marker { display: none; }
.ori-bp__faq summary::after { content: "+"; float: right; color: var(--ori-muted, #667085); }
.ori-bp__faq details[open] summary::after { content: "–"; }
.ori-bp__faq details p { margin: 0 0 14px; max-width: 900px; color: #4A5366; font-size: 14.5px; line-height: 1.6; }
.ori-bp__end { margin-top: 40px; }
@media (max-width: 900px) { .ori-bp__facts { grid-template-columns: minmax(0, 1fr); } }

/* Dashboard › Billing */
.ori-bl__intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; margin: 0 0 16px; }
.ori-bl__intro .ori-intro { margin: 0; }
.ori-bl__eyebrow { margin: 0 0 2px; color: var(--ori-text, #1B2233); font-size: 15px; font-weight: 600; }
.ori-bl__none { margin: 0 0 16px; padding: 16px 18px; border: 1px dashed #D5DAE3; border-radius: 10px; background: #FBFBFC; }
.ori-bl__none p { margin: 0; color: #4A5366; font-size: 14px; }
.ori-bl__none .ori-bl__none-title { margin-bottom: 2px; color: var(--ori-text, #1B2233); font-weight: 600; font-size: 15px; }
.ori-bl__price { margin: 0; color: var(--ori-text, #1B2233); font-size: 18px; font-weight: 600; white-space: nowrap; }
.ori-bl__price span { color: var(--ori-muted, #667085); font-size: 13px; font-weight: 400; }
.ori-bl__usage { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px 32px; align-items: start; }
.ori-bl__big { margin: 0 0 8px; color: var(--ori-blue, #1F2A5C); font-size: 30px; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ori-bl__big span { color: var(--ori-muted, #667085); font-size: 14px; font-weight: 400; }
.ori-bl__track { display: block; height: 8px; border-radius: 999px; background: #EEF0F4; overflow: hidden; }
.ori-bl__track > span { display: block; height: 100%; border-radius: 999px; background: var(--ori-blue, #1F2A5C); }
.ori-bl__track.is-high > span { background: #C27C1A; }
.ori-bl__track.is-full > span { background: #B42318; }
.ori-bl__track--mini { display: inline-block; width: 80px; height: 5px; margin-left: 8px; vertical-align: middle; }
.ori-bl__split { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 8px 0 0; color: var(--ori-muted, #667085); font-size: 13px; }
.ori-bl__facts { margin: 0; display: grid; gap: 10px; }
.ori-bl__facts dt { color: var(--ori-muted, #667085); font-size: 12.5px; }
.ori-bl__facts dd { margin: 0; color: var(--ori-text, #1B2233); font-size: 14px; }
.ori-bl__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
.ori-bl__actions form { display: inline-flex; align-items: center; gap: 10px; margin: 0; }
.ori-bl__spacer { flex: 1 1 auto; }
.ori-bl__link { padding: 0; border: 0; background: none; color: var(--ori-muted, #667085); font: 400 13px var(--ori-font, inherit); cursor: pointer; }
.ori-bl__link:hover { color: var(--ori-blue, #1F2A5C); text-decoration: underline; }
.ori-bl__fold { position: relative; }
.ori-bl__fold > summary { list-style: none; cursor: pointer; }
.ori-bl__fold > summary::-webkit-details-marker { display: none; }
.ori-bl__pop { position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; width: min(420px, 86vw); padding: 16px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 12px; background: #fff; display: grid; gap: 10px; }
.ori-bl__fold--right .ori-bl__pop { left: auto; right: 0; }
.ori-bl__pop form { display: grid; gap: 6px; margin: 0; }
.ori-bl__poptitle { margin: 0; font-size: 13px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-bl__inline { display: flex; gap: 6px; }
.ori-bl__inline .ori-input { min-width: 0; }
.ori-bl__choice { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 8px; font-size: 14px; cursor: pointer; }
.ori-bl__choice:has(input:checked) { border-color: var(--ori-blue, #1F2A5C); background: var(--ori-blue-soft, #EEF2FA); }
.ori-bl__choice input { margin-top: 3px; accent-color: var(--ori-blue, #1F2A5C); }
.ori-bl__choice strong { font-weight: 600; }
.ori-bl__choice em { display: block; color: var(--ori-muted, #667085); font-size: 12.5px; font-style: normal; }
.ori-bl__qty { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.ori-bl__danger { color: #B42318; border-color: #F1C6C2; }
.ori-bl__plans { margin: 0 0 14px; padding: 0; border: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.ori-bl__plan { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px 14px 40px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 10px; cursor: pointer; }
.ori-bl__plan:has(input:checked) { border-color: var(--ori-blue, #1F2A5C); background: var(--ori-blue-soft, #EEF2FA); }
.ori-bl__plan input { position: absolute; left: 14px; top: 17px; accent-color: var(--ori-blue, #1F2A5C); }
.ori-bl__plan-name { font-size: 15px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-bl__plan-price { color: var(--ori-blue, #1F2A5C); font-size: 18px; font-weight: 600; }
.ori-bl__plan-price s { color: var(--ori-muted, #667085); font-size: 13px; font-weight: 400; }
.ori-bl__plan-price small { color: var(--ori-muted, #667085); font-size: 12.5px; font-weight: 400; }
.ori-bl__plan-quota { color: #4A5366; font-size: 13px; }
.ori-bl__plan-deal { align-self: flex-start; margin-top: 4px; padding: 1px 8px; border-radius: 999px; background: #E9F6EE; color: #1E5B34; font-size: 12px; }
.ori-bl__scope .ori-check { margin-bottom: 8px; }
.ori-bl__journal { max-width: 420px; margin: 0 0 6px 24px; }
.ori-bl__enterprise { margin: -6px 0 18px; }
.ori-bl__amount { color: var(--ori-text, #1B2233); font-size: 15px; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ori-bl__hist { font-weight: 400; }
.ori-bl__note { margin: 6px 0 0; }
.ori-bl__kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 18px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 12px; background: #fff; overflow: hidden; }
.ori-bl__kpis > div { padding: 16px 20px; border-left: 1px solid var(--ori-line, #E3E7EE); color: var(--ori-muted, #667085); font-size: 13px; }
.ori-bl__kpis > div:first-child { border-left: 0; }
.ori-bl__kpis span { display: block; color: var(--ori-blue, #1F2A5C); font-size: 24px; font-weight: 600; line-height: 1.25; font-variant-numeric: tabular-nums; }
.ori-bl__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
.ori-bl__grid .ori-input { max-width: none; }
.ori-bl__wide { grid-column: 1 / -1; }
.ori-bl__daily { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 6px 0 0; }
.ori-bl__seg { margin: 0 0 14px; }
.ori-bl-card__list { list-style: none; margin: 0; padding: 0; }
.ori-bl-card__item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 0; padding: 12px 20px; border-top: 1px solid var(--ori-line, #E3E7EE); font-size: 14px; }
.ori-bl-card__item:first-child { border-top: 0; }
.ori-bl-card__name { flex: 1 1 260px; min-width: 0; color: var(--ori-text, #1B2233); font-weight: 500; }
.ori-bl-card__usage { color: var(--ori-muted, #667085); font-size: 13.5px; }
.ori-bl-card__usage strong { color: var(--ori-text, #1B2233); font-weight: 600; }
@media (max-width: 860px) {
    .ori-bl__usage, .ori-bl__grid { grid-template-columns: minmax(0, 1fr); }
    .ori-bl__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ori-bl__kpis > div:nth-child(3) { border-left: 0; }
    .ori-bl__kpis > div:nth-child(n+3) { border-top: 1px solid var(--ori-line, #E3E7EE); }
    .ori-bl__intro { flex-direction: column; }
    .ori-bl__pop { position: static; width: auto; margin-top: 8px; }
    .ori-bl__spacer { display: none; }
}
.ori-panel__body .ori-input.ori-input--short { max-width: 260px; }
.ori-panel__body .ori-bl__journal { max-width: 420px; }

/* Cart, checkout and confirmation */
.ori-ck { padding-top: 26px; padding-bottom: 56px; }
.ori-ck--narrow { max-width: var(--ori-width, 1400px); } /* the site width, like every other page */
.ori-ck__steps { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 14px; color: var(--ori-muted, #667085); }
.ori-ck__steps li { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.ori-ck__steps span { display: inline-grid; place-items: center; width: 22px; height: 22px; border: 1px solid #C9CFDB; border-radius: 50%; font-size: 12px; font-weight: 500; }
.ori-ck__steps .is-current { color: var(--ori-text, #1B2233); font-weight: 500; }
.ori-ck__steps .is-current span { border-color: var(--ori-blue, #172D67); background: var(--ori-blue, #172D67); color: #fff; }
.ori-ck__steps .is-done span { border-color: var(--ori-blue, #172D67); color: var(--ori-blue, #172D67); }
.ori-ck__orgs { margin: 0 0 16px; }
.ori-ck__layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; }
.ori-ck__main { display: grid; gap: 16px; min-width: 0; }
.ori-ck__box { padding: 22px 24px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 12px; background: #fff; }
.ori-ck__title { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 17px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-ck__n { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--ori-blue-soft, #EEF2FA); color: var(--ori-blue, #172D67); font-size: 13px; font-weight: 600; }
.ori-ck__kind { margin: 0 0 2px; color: var(--ori-accent, #3D7BE0); font-size: 12px; font-weight: 500; letter-spacing: .03em; text-transform: uppercase; }
.ori-ck__line { display: flex; justify-content: space-between; gap: 16px 24px; }
.ori-ck__facts { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; padding: 0; list-style: none; color: #4A5366; font-size: 14px; }
.ori-ck__facts li { margin: 0; }
.ori-ck__price { display: flex; flex-direction: column; align-items: flex-end; text-align: right; white-space: nowrap; }
.ori-ck__price strong { color: var(--ori-blue, #172D67); font-size: 22px; font-weight: 600; }
.ori-ck__price s, .ori-ck__price span { color: var(--ori-muted, #667085); font-size: 13px; }
.ori-ck__lineactions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 20px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--ori-line, #E3E7EE); }
.ori-ck__lineactions form { margin: 0; }
.ori-ck__fold { flex: 1 1 100%; }
.ori-ck__fold > summary { display: inline-block; cursor: pointer; color: var(--ori-blue, #172D67); font-size: 14px; font-weight: 500; list-style: none; }
.ori-ck__fold > summary::-webkit-details-marker { display: none; }
.ori-ck__fold[open] > summary { margin-bottom: 12px; }
.ori-ck__change { display: grid; gap: 12px; margin-top: 10px; }
.ori-ck__change .ori-btn { justify-self: start; }
.ori-ck__packs, .ori-ck__inline { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0 0; }
.ori-ck__inline .ori-input { width: auto; }
.ori-ck__stepper { display: inline-flex; align-items: stretch; border: 1px solid #C9CFDB; border-radius: 8px; overflow: hidden; }
.ori-ck__stepper .ori-input { width: 64px; min-height: 36px; border: 0; border-radius: 0; text-align: center; -moz-appearance: textfield; }
.ori-ck__stepper .ori-input::-webkit-inner-spin-button { -webkit-appearance: none; }
.ori-ck__stepbtn { width: 36px; border: 0; background: #F7F8FA; color: var(--ori-blue, #172D67); font-size: 18px; cursor: pointer; }
.ori-ck__stepbtn:hover { background: var(--ori-blue-soft, #EEF2FA); }
.ori-ck__for { width: auto; max-width: 320px; }
.ori-ck__applied { display: flex; align-items: center; gap: 12px; margin: 0; }
.ori-ck__summary { position: sticky; top: 20px; padding: 22px 24px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 12px; background: #fff; }
.ori-ck__sumtitle { margin: 0 0 12px; font-size: 16px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-ck__sumlines { margin: 0 0 12px; padding: 0 0 12px; list-style: none; border-bottom: 1px solid var(--ori-line, #E3E7EE); }
.ori-ck__sumlines li { display: flex; justify-content: space-between; gap: 14px; margin: 0 0 8px; font-size: 14px; color: #4A5366; }
.ori-ck__sumlines strong { color: var(--ori-text, #1B2233); font-weight: 500; white-space: nowrap; }
.ori-ck__totals { margin: 0; display: grid; gap: 6px; }
.ori-ck__totals > div { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.ori-ck__totals dt { color: #4A5366; }
.ori-ck__totals dd { margin: 0; font-variant-numeric: tabular-nums; }
.ori-ck__totals .is-discount dd { color: #1E7A4C; }
.ori-ck__totals .is-total { margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--ori-line, #E3E7EE); font-size: 17px; font-weight: 600; color: var(--ori-text, #1B2233); }
.ori-ck__totals .is-total dt { color: var(--ori-text, #1B2233); }
.ori-ck__tax { margin: 6px 0 16px; color: var(--ori-muted, #667085); font-size: 12.5px; }
.ori-ck__go { display: flex; width: 100%; justify-content: center; text-decoration: none; }
.ori-ck__go.is-disabled { opacity: .45; pointer-events: none; }
.ori-ck__trust { margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid var(--ori-line, #E3E7EE); list-style: none; display: grid; gap: 6px; }
.ori-ck__trust li { position: relative; margin: 0; padding-left: 16px; color: var(--ori-muted, #667085); font-size: 12.5px; line-height: 1.45; }
.ori-ck__trust li::before { content: ""; position: absolute; left: 2px; top: 7px; width: 6px; height: 6px; border-radius: 50%; background: var(--ori-blue, #172D67); }
.ori-ck__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.ori-ck__grid .ori-input { max-width: none; }
.ori-ck__field.is-invalid .ori-input { border-color: #B42318; }
.ori-ck__pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }
.ori-ck__wide { grid-column: 1 / -1; }
.ori-ck__label { display: block; font-size: 14px; font-weight: 600; color: var(--ori-text, #1B2233); margin-bottom: 6px; }
.ori-ck__seg { display: inline-flex; padding: 2px; border: 1px solid #C9CFDB; border-radius: 8px; }
.ori-ck__seg label { position: relative; cursor: pointer; }
.ori-ck__seg input { position: absolute; opacity: 0; }
.ori-ck__seg span { display: inline-block; padding: 7px 14px; border-radius: 6px; font-size: 14px; color: #4A5366; }
.ori-ck__seg input:checked + span { background: var(--ori-blue, #172D67); color: #fff; }
.ori-ck__seg input:focus-visible + span { outline: 2px solid var(--ori-blue, #172D67); outline-offset: 1px; }
.ori-ck__readonly { margin: 0; color: #4A5366; font-size: 14.5px; }
.ori-ck__payment { min-height: 60px; padding: 4px 0; }
.ori-ck__secure { margin: 10px 0 0; }
.ori-ck__terms { margin: 0 0 8px; border: 1px solid var(--ori-line, #E3E7EE); border-radius: 8px; }
.ori-ck__terms > summary { padding: 10px 14px; cursor: pointer; font-size: 14px; font-weight: 500; color: var(--ori-text, #1B2233); }
.ori-ck__terms > div { max-height: 220px; overflow: auto; padding: 0 14px 10px; color: #4A5366; font-size: 13.5px; line-height: 1.55; }
.ori-ck__accept { margin: 14px 0 4px; }
.ori-ck__submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.ori-ck__pay { min-width: 240px; justify-content: center; height: 46px; font-size: 16px; }
.ori-ck__pay:disabled { opacity: .6; cursor: progress; }
.ori-ck__result { display: flex; gap: 16px; align-items: flex-start; margin: 0 0 16px; padding: 22px 24px; border-radius: 12px; border: 1px solid var(--ori-line, #E3E7EE); }
.ori-ck__result h2 { margin: 0 0 4px; font-size: 20px; font-weight: 600; }
.ori-ck__result p { margin: 0; color: #4A5366; }
.ori-ck__resulticon { display: grid; place-items: center; flex: 0 0 40px; height: 40px; border-radius: 50%; font-size: 20px; font-weight: 600; }
.ori-ck__result.is-success { background: #F0F9F3; border-color: #CDEBD7; }
.ori-ck__result.is-success .ori-ck__resulticon { background: #1E7A4C; color: #fff; }
.ori-ck__result.is-pending { background: #FFF8EC; border-color: #F2DEB8; }
.ori-ck__result.is-pending .ori-ck__resulticon { background: #C27C1A; color: #fff; }
.ori-ck__result.is-problem { background: #FEF3F2; border-color: #F6CFCB; }
.ori-ck__result.is-problem .ori-ck__resulticon { background: #B42318; color: #fff; }
.ori-ck__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 28px; margin: 0; }
.ori-ck__details dt { color: var(--ori-muted, #667085); font-size: 12.5px; }
.ori-ck__details dd { margin: 2px 0 0; color: var(--ori-text, #1B2233); font-size: 15px; }
.ori-ck__items { margin: 4px 0 0; padding: 0; list-style: none; }
.ori-ck__items li { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; border-bottom: 1px solid var(--ori-line, #E3E7EE); }
.ori-ck__actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.ori-ck__actions .ori-btn { text-decoration: none; }
.ori-bl__introactions { display: flex; gap: 8px; flex-wrap: wrap; }
.ori-bl__flag { color: #9A5B13; }
.ori-bl__plan--link { padding-left: 16px; text-decoration: none; color: inherit; }
.ori-bl__plan--link:hover { border-color: var(--ori-blue, #172D67); }
.ori-bl__plan-add { margin-top: 6px; color: var(--ori-blue, #172D67); font-size: 13px; font-weight: 500; }
button.ori-bl__choice { width: 100%; text-align: left; background: #fff; font: inherit; }
a.ori-bl__choice { text-decoration: none; color: inherit; }
.ori-bl__pop textarea { min-height: 0; }
@media (max-width: 1000px) {
    .ori-ck__layout { grid-template-columns: minmax(0, 1fr); }
    .ori-ck__summary { position: static; }
}
@media (max-width: 640px) {
    .ori-ck__box, .ori-ck__summary { padding: 18px 16px; }
    .ori-ck__grid, .ori-ck__details { grid-template-columns: minmax(0, 1fr); }
    .ori-ck__line { flex-direction: column; }
    .ori-ck__price { align-items: flex-start; text-align: left; }
    .ori-ck__pay { width: 100%; }
}
.ori-ck__fold:not([open]) { flex: 0 0 auto; }
.ori-bp__mods { margin: -6px 0 14px; color: var(--ori-blue, #172D67); font-size: 13.5px; font-weight: 500; }

/* Settings › Payments (Stripe): state of each stored key. */
.ori-bl-key { display: inline-flex; align-items: center; margin-left: 6px; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 500; vertical-align: 1px; }
.ori-bl-key--ok { background: #E8F5EE; color: #24734A; }
.ori-bl-key--missing { background: #FFF4E5; color: #8A5A00; }
.ori-bl-test { padding-bottom: 0; }
.ori-bl-test .ori-alert { margin: 0 0 8px; }

/* Billing › organization: download the connector after a paid plan. */
.ori-bl-dl { max-width: none; border-color: #CFE0F7; background: #F6F9FE; }
.ori-bl-dl__body { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 18px 22px; }
.ori-bl-dl__body > div { flex: 1 1 320px; min-width: 0; }
.ori-bl-dl__icon { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: #E6EEFB; color: var(--ori-blue, #172D67); }