:root{--cp-rhythm-1: 8px;--cp-rhythm-2: 12px;--cp-rhythm-3: 16px;--cp-rhythm-4: 24px;--cp-rhythm-5: 32px;--cp-rhythm-6: 48px;--cp-content-hard-max: 1200px;--cp-container-max: 1200px;--cp-container-width: 1120px;--cp-readable-max: 960px;--cp-container-narrow: 880px;--cp-container-reading: var(--cp-readable-max);--cp-container-wide: min(1200px, var(--cp-content-hard-max));--cp-page-padding-x: var(--cp-rhythm-4);--cp-page-padding-y: var(--cp-rhythm-4);--cp-section-gap: var(--cp-rhythm-4);--cp-card-gap: var(--cp-rhythm-3);--cp-sidebar-width: 280px;--cp-sidebar-gap: var(--cp-rhythm-4);--cp-sidebar-top: var(--cp-rhythm-3);--cp-content-max: 760px;--cp-accordion-summary-min-height: 44px}@media(min-width:768px)and (max-width:1023.98px){:root{--cp-page-padding-x: 20px;--cp-sidebar-width: 260px}}@media(max-width:767.98px){:root{--cp-page-padding-x: var(--cp-rhythm-3);--cp-page-padding-y: var(--cp-rhythm-3);--cp-section-gap: var(--cp-rhythm-4)}}.client-page-shell{width:100%;display:flex;flex-direction:column;gap:var(--cp-section-gap)}.client-page-container,.client-panel-header__inner{width:100%;max-width:min(var(--cp-container-width),var(--cp-content-hard-max));margin-inline:auto;padding-inline:var(--cp-page-padding-x);box-sizing:border-box}.client-page-shell--narrow .client-page-container{max-width:min(var(--cp-container-narrow),var(--cp-content-hard-max))}.client-page-shell--reading .client-page-container{max-width:min(var(--cp-readable-max),var(--cp-content-hard-max))}.client-page-shell--wide .client-page-container{max-width:min(var(--cp-container-wide),var(--cp-content-hard-max))}.client-global-notice-wrap{width:100%;margin-bottom:var(--cp-rhythm-3)}.client-global-notice-wrap:last-child{margin-bottom:0}.client-panel-flash-notice{margin:0}.client-page-content{min-width:0;display:flex;flex-direction:column;gap:var(--cp-card-gap)}.client-page-shell--detail:not(.client-page-shell--detail-sidebar) .client-page-content,.client-page-shell--detail:not(.client-page-shell--detail-sidebar)>.client-page-container>*{max-width:var(--cp-content-max)}.client-page-shell--detail-sidebar .client-page-content{max-width:none}.client-page-sidebar{min-width:0}.client-panel-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--cp-rhythm-3);flex-wrap:wrap;min-height:48px}.client-panel-brand-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;border-radius:8px;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.client-panel-brand-link:hover{opacity:.88;background:var(--surface-hover, #f1f3f5)}.client-panel-brand-link:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}.client-panel-brand-link .client-panel-brand,.client-panel-brand-link .panel-brand-mark{pointer-events:none}.client-panel-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-base, #f8f9fa);color:var(--text-primary, #1a1d23);font-family:var(--font-sans, system-ui, sans-serif)}.client-panel-header{background:var(--surface-card, #fff);border-bottom:1px solid var(--border-subtle, #e9ecef);padding-block:var(--cp-rhythm-3);padding-inline:0}.client-panel-brand-link .panel-brand-mark{align-items:center}.client-panel-brand{display:flex;flex-direction:column;gap:var(--cp-rhythm-1)}.client-panel-brand strong{font-size:16px;font-weight:600}.client-panel-brand small{font-size:12px;color:var(--text-muted, #868e96)}.client-panel-nav{display:flex;flex-wrap:wrap;gap:var(--cp-rhythm-1);align-items:center}.client-panel-nav a{font-size:13px;font-weight:500;color:var(--text-secondary, #495057);padding:var(--cp-rhythm-1) var(--cp-rhythm-2);border:1px solid transparent;border-radius:8px;text-decoration:none;line-height:1.25;box-sizing:border-box}.client-panel-nav a:hover{background:var(--surface-hover, #f1f3f5);color:var(--text-primary, #1a1d23)}.client-panel-nav a.is-active{background:var(--color-primary-muted, #dbeafe);color:var(--color-primary, #2563eb)}.client-panel-nav a.is-disabled{opacity:.55;cursor:default;pointer-events:none}.client-panel-user{display:flex;align-items:center;gap:var(--cp-rhythm-2);font-size:13px;color:var(--text-muted, #868e96)}.client-panel-main{flex:1;width:100%;padding-block:var(--cp-page-padding-y);padding-inline:0}.client-panel-alert-readonly{background:var(--status-warning-bg, #fef3c7);border:.5px solid var(--color-warning, #d97706);border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:var(--space-4, 16px)}.client-panel-card{background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:12px;overflow:hidden}.client-panel-card-head{padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:.5px solid var(--border-subtle, #e9ecef);font-size:14px;font-weight:600}.client-panel-card-body{padding:var(--space-4, 16px)}.client-panel-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3, 12px)}.client-panel-metric{padding:var(--space-3, 12px);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;background:var(--surface-base, #f8f9fa)}.client-panel-metric span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #868e96)}.client-panel-metric strong{display:block;font-size:20px;margin-top:4px;color:var(--text-primary, #1a1d23)}.client-panel-list{margin:0;padding:0;list-style:none}.client-panel-list li{padding:var(--space-2, 8px) 0;border-bottom:.5px solid var(--border-subtle, #e9ecef);font-size:13px}.client-panel-list .client-panel-status{margin-left:6px;vertical-align:middle}.client-panel-list li:last-child{border-bottom:0}.client-panel-page-header h1{font-weight:600}.client-panel-empty-state{padding:var(--space-5, 20px) var(--space-4, 16px);font-size:14px;color:var(--text-muted, #868e96)}.client-panel-status{display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;line-height:1.2;white-space:nowrap}.client-panel-status--success{background:var(--status-success-bg, #d1fae5);color:var(--color-success, #059669)}.client-panel-status--warning{background:var(--status-warning-bg, #fef3c7);color:var(--color-warning, #d97706)}.client-panel-status--danger{background:var(--status-danger-bg, #fee2e2);color:var(--color-danger, #dc2626)}.client-panel-status--secondary{background:var(--surface-hover, #f1f3f5);color:var(--text-secondary, #495057)}.client-dash-health{display:flex;gap:var(--cp-rhythm-2);align-items:flex-start;padding:var(--cp-rhythm-3);border-radius:12px;margin-bottom:0;border:.5px solid var(--border-subtle, #e9ecef)}.client-dash-health--ok{background:var(--status-success-bg, #d1fae5);border-color:var(--color-success, #059669)}.client-dash-health--warning{background:var(--status-warning-bg, #fef3c7);border-color:var(--color-warning, #d97706)}.client-dash-health--critical{background:var(--status-danger-bg, #fee2e2);border-color:var(--color-danger, #dc2626)}.client-dash-health__icon{font-size:1.5rem;line-height:1;flex-shrink:0}.client-dash-health--ok .client-dash-health__icon{color:var(--color-success, #059669)}.client-dash-health--warning .client-dash-health__icon{color:var(--color-warning, #d97706)}.client-dash-health--critical .client-dash-health__icon{color:var(--color-danger, #dc2626)}.client-dash-health__title{font-size:1rem;font-weight:600;margin:0 0 var(--cp-rhythm-1)}.client-dash-health__message{margin:0;font-size:13px;color:var(--text-secondary, #495057)}.client-health{margin-bottom:0;padding:var(--cp-rhythm-3);border:1px solid var(--border-subtle, #e5e7eb);border-radius:12px;background:var(--surface-card, #fff)}.client-health__title{font-size:.9375rem;font-weight:600;margin:0 0 var(--cp-rhythm-2)}.client-health-grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2, 8px);grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.client-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.client-health-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.client-health-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:var(--surface-muted, #f8fafc);border:.5px solid var(--border-subtle, #e9ecef);min-height:0}.client-health-card__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.client-health-card__label{font-weight:600;font-size:13px;color:var(--text-primary, #111827)}.client-health-card__text{font-size:12px;line-height:1.35;color:var(--text-secondary, #4b5563)}.client-health-card--ok .client-health-card__dot{background:#16a34a}.client-health-card--info .client-health-card__dot{background:#2563eb}.client-health-card--warning .client-health-card__dot{background:#d97706}.client-health-card--critical .client-health-card__dot{background:#dc2626}.client-health-attention-list{display:flex;flex-direction:column;gap:var(--space-3, 12px);margin-top:var(--space-4, 16px);padding-top:var(--space-4, 16px);border-top:1px solid var(--border-subtle, #e5e7eb)}.client-health-attention{padding:var(--space-3, 12px);border-radius:8px;border-left:4px solid transparent}.client-health-attention--warning{background:#fffbeb;border-left-color:#d97706}.client-health-attention--critical{background:#fef2f2;border-left-color:#dc2626}.client-health-attention--info{background:#eff6ff;border-left-color:#2563eb}.client-health-attention__title{font-size:14px;font-weight:600;margin:0 0 6px}.client-health-attention__meaning,.client-health-attention__next{font-size:13px;margin:0 0 6px;color:var(--text-secondary, #4b5563)}.client-health-attention__cta{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none}.client-health-attention--critical .client-health-attention__cta{color:#b91c1c}.client-health-attention--warning .client-health-attention__cta{color:#b45309}.client-dash-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, 12px);margin-bottom:var(--space-6, 24px)}@media(min-width:640px){.client-dash-quick{grid-template-columns:repeat(4,1fr)}}.client-dash-quick-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-3, 12px);border-radius:10px;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);text-decoration:none;color:inherit;transition:background .15s ease,border-color .15s ease}.client-dash-quick-card:hover{background:var(--surface-hover, #f1f3f5);border-color:var(--color-primary-muted, #dbeafe)}.client-dash-quick-card__icon{font-size:1.25rem;color:var(--color-primary, #2563eb)}.client-dash-quick-card__label{font-size:14px;font-weight:600}.client-dash-quick-card__hint{font-size:11px;color:var(--text-muted, #868e96);line-height:1.3}.client-panel-body--nav .client-panel-main{padding-bottom:calc(var(--cp-page-padding-y) + 72px + env(safe-area-inset-bottom,0px))}.client-panel-brand__tagline{font-size:12px;color:var(--text-muted, #868e96)}.client-panel-nav--desktop,.client-panel-user__name{display:none}@media(min-width:768px){.client-panel-body--nav .client-panel-main{padding-bottom:var(--cp-page-padding-y)}.client-panel-nav--desktop{display:flex}.client-panel-user__name{display:inline}.client-bottom-nav{display:none!important}}.client-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--surface-card, #fff);border-top:.5px solid var(--border-subtle, #e9ecef);box-shadow:0 -4px 16px #0000000f}.client-bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:500;color:var(--text-muted, #868e96);text-decoration:none;border-radius:8px;min-width:0}.client-bottom-nav__item i{font-size:1.25rem}.client-bottom-nav__item.is-active{color:var(--color-primary, #2563eb);background:var(--color-primary-muted, #dbeafe)}.client-bottom-nav__item:hover{color:var(--text-primary, #1a1d23)}.client-detail-page{width:100%}.client-detail-back{margin:0}.client-detail-back__link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-primary, #2563eb);text-decoration:none}.client-detail-back__link:hover{text-decoration:underline}.client-detail-hero{padding:var(--cp-rhythm-3);margin-bottom:0;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:12px}.client-detail-hero__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cp-rhythm-2);margin-bottom:var(--cp-rhythm-2)}.client-detail-hero__title{font-size:1.2rem;font-weight:600;margin:0;line-height:1.25;word-break:break-word}.client-detail-hero__description{margin:0 0 var(--cp-rhythm-1);font-size:14px;color:var(--text-secondary, #495057)}.client-detail-hero__action-hint{margin:0;font-size:13px;color:var(--text-muted, #868e96)}.client-detail-alert{padding:var(--cp-rhythm-2) var(--cp-rhythm-3);border-radius:10px;margin-bottom:0;border:.5px solid var(--border-subtle, #e9ecef)}.client-detail-alert--ok{background:var(--status-success-bg, #d1fae5);border-color:var(--color-success, #059669)}.client-detail-alert--info{background:var(--surface-hover, #f1f3f5)}.client-detail-alert--warning{background:var(--status-warning-bg, #fef3c7);border-color:var(--color-warning, #d97706)}.client-detail-alert--critical{background:var(--status-danger-bg, #fee2e2);border-color:var(--color-danger, #dc2626)}.client-detail-alert__title{margin:0 0 var(--cp-rhythm-1);font-size:14px;font-weight:600}.client-detail-alert__message{margin:0;font-size:13px;color:var(--text-secondary, #495057)}.client-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--cp-rhythm-2);margin-bottom:0}@media(min-width:480px){.client-detail-grid{grid-template-columns:repeat(2,1fr)}}.client-detail-card{display:flex;flex-direction:column;gap:var(--cp-rhythm-1);padding:var(--cp-rhythm-2) var(--cp-rhythm-3);background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px}.client-detail-card--highlight{margin-bottom:0;border-color:var(--color-warning, #d97706);background:var(--status-warning-bg, #fef3c7)}.client-detail-card__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #868e96)}.client-detail-card__value{font-size:15px;font-weight:600;color:var(--text-primary, #1a1d23);word-break:break-word}.client-detail-card__value--emphasis{font-size:1.1rem;color:var(--color-warning, #d97706)}.client-detail-card__hint{font-size:12px;color:var(--text-muted, #868e96)}.client-page-shell--account .client-page-container{max-width:min(var(--cp-container-width),var(--cp-content-hard-max))}.client-detail-advanced{margin-top:0;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;overflow:hidden}.client-detail-advanced__summary,.client-dash-utility__summary{display:flex;align-items:center;min-height:var(--cp-accordion-summary-min-height);padding:var(--cp-rhythm-2) var(--cp-rhythm-3);font-size:14px;font-weight:600;cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--cp-rhythm-2)}.client-detail-advanced__summary{flex-wrap:nowrap}.client-detail-advanced__summary::-webkit-details-marker{display:none}.client-detail-advanced__summary:before{content:"▸";display:inline-block;margin-right:0;flex-shrink:0;width:1em;transition:transform .15s ease}.client-detail-advanced[open] .client-detail-advanced__summary:before{transform:rotate(90deg)}.client-detail-advanced__body{padding:0 var(--cp-rhythm-3) var(--cp-rhythm-3);border-top:.5px solid var(--border-subtle, #e9ecef)}.client-detail-advanced__list{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:8px 12px;margin:0;font-size:13px}.client-detail-advanced__list dt{margin:0;color:var(--text-muted, #868e96);font-weight:500}.client-detail-advanced__list dd{margin:0;color:var(--text-primary, #1a1d23);word-break:break-word}.client-invoice-items{margin-bottom:0}.client-invoice-items__title{font-size:1rem;font-weight:600;margin:0 0 var(--cp-rhythm-2)}.client-invoice-items__list{list-style:none;margin:0;padding:0;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;overflow:hidden}.client-invoice-items__row{display:flex;flex-direction:column;gap:var(--cp-rhythm-1);padding:var(--cp-rhythm-2) var(--cp-rhythm-3);min-height:64px;border-bottom:.5px solid var(--border-subtle, #e9ecef)}.client-invoice-items__row:last-child{border-bottom:0}@media(min-width:480px){.client-invoice-items__row{flex-direction:row;align-items:center;justify-content:space-between}}.client-invoice-items__desc{font-size:14px;font-weight:500;color:var(--text-primary, #1a1d23)}.client-invoice-items__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cp-rhythm-2);font-size:13px}.client-invoice-items__type{color:var(--text-muted, #868e96)}.client-invoice-items__amount{font-weight:600;color:var(--text-primary, #1a1d23)}.client-detail-page__empty{margin:0;padding:var(--space-4, 16px);font-size:14px;color:var(--text-muted, #868e96);background:var(--surface-card, #fff);border:.5px dashed var(--border-subtle, #e9ecef);border-radius:10px}.client-quick-actions{margin-bottom:var(--space-5, 20px)}.client-quick-actions--compact .client-quick-actions__grid{grid-template-columns:1fr}.client-quick-actions__title{font-size:1rem;font-weight:600;margin:0 0 var(--space-3, 12px)}.client-quick-actions__grid{display:grid;gap:var(--space-3, 12px);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.client-quick-actions__compact-hint{margin:0 0 var(--space-5, 20px);padding:var(--space-3, 12px) var(--space-4, 16px);font-size:14px;line-height:1.5;color:var(--text-secondary, #495057);background:var(--surface-muted, #f8f9fa);border-radius:10px;border:.5px solid var(--border-subtle, #e9ecef)}.client-quick-actions__compact-hint a{font-weight:600;white-space:nowrap}.client-quick-action-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-4, 16px);text-decoration:none;color:inherit;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.client-quick-action-card:hover{border-color:var(--brand-primary, #228be6);box-shadow:0 2px 8px #0000000f}.client-quick-action-card__icon{font-size:1.25rem;color:var(--brand-primary, #228be6)}.client-quick-action-card__label{font-size:14px;font-weight:600;color:var(--text-primary, #1a1d23)}.client-quick-action-card__hint{font-size:12px;color:var(--text-muted, #868e96)}.client-copy-button{flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:500;color:var(--brand-primary, #228be6);background:transparent;border:.5px solid var(--brand-primary, #228be6);border-radius:6px;cursor:pointer}.client-copy-button:hover{background:#228be614}.client-copy-button--compact{min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;border-radius:8px;flex-shrink:0}@media(min-width:640px){.client-copy-button--compact{min-width:32px;min-height:32px;font-size:14px;border-radius:6px}}.client-compact-copy__section-title{font-size:1rem;font-weight:600;margin:0 0 var(--space-2, 8px)}.client-compact-copy__group-title{font-size:13px;font-weight:600;margin:var(--space-2, 8px) 0 6px;color:var(--text-secondary, #495057)}.client-compact-copy-grid{list-style:none;margin:0 0 var(--space-3, 12px);padding:0;display:grid;gap:6px;grid-template-columns:1fr}@media(min-width:640px){.client-compact-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.client-compact-copy-row{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:8px}.client-compact-copy-row__label{font-size:11px;font-weight:500;color:var(--text-muted, #868e96);text-transform:uppercase;letter-spacing:.02em}.client-compact-copy-row__value-wrap{display:flex;align-items:center;justify-content:space-between;gap:8px}.client-compact-copy-row__value{font-size:13px;word-break:break-all;flex:1;min-width:0}.client-expiry-card{display:flex;flex-direction:column;gap:var(--cp-rhythm-1);padding:var(--cp-rhythm-2) var(--cp-rhythm-3);margin-bottom:0;border-radius:10px;border:.5px solid var(--border-subtle, #e9ecef);background:var(--surface-card, #fff)}.client-expiry-card--neutral{background:var(--surface-muted, #f8f9fa)}.client-expiry-card--info{border-color:#2563eb40;background:#2563eb0a}.client-expiry-card--warning{border-color:#d9770659;background:#d977060f}.client-expiry-card--critical{border-color:#dc262659;background:#dc26260f}.client-expiry-card__label{font-size:12px;font-weight:500;color:var(--text-muted, #868e96)}.client-expiry-card__date{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1a1d23)}.client-expiry-card__hint{font-size:13px;color:var(--text-secondary, #495057)}.client-detail-hero__subtitle{margin:0 0 var(--space-2, 8px);font-size:14px;color:var(--text-secondary, #495057)}.client-site-preview{padding:var(--space-4, 16px);border:.5px solid var(--border-subtle, #e9ecef);border-radius:12px;background:var(--surface-card, #fff)}.client-site-preview__title{font-size:14px;font-weight:600;margin:0 0 4px}.client-site-preview__domain{margin:0 0 var(--space-3, 12px);font-size:13px;color:var(--text-secondary, #495057);word-break:break-all}.client-site-preview__frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;margin-bottom:var(--space-3, 12px);padding:var(--space-4, 16px);border-radius:8px;background:linear-gradient(145deg,var(--surface-muted, #f1f3f5) 0%,#e9ecef 100%);border:.5px dashed var(--border-subtle, #dee2e6);text-align:center}.client-site-preview__placeholder-label{font-size:14px;font-weight:600;color:var(--text-primary, #1a1d23)}.client-site-preview__placeholder-hint{font-size:12px;line-height:1.4;color:var(--text-muted, #868e96);max-width:220px}.client-site-preview__cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;width:100%;font-size:14px;font-weight:600;text-decoration:none;color:#fff;background:var(--brand-primary, #228be6);border-radius:8px}.client-site-preview__cta:hover{opacity:.92}.client-detail-sidebar-card{padding:var(--cp-rhythm-3);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;background:var(--surface-muted, #f8f9fa);font-size:13px}.client-detail-sidebar-card__title{font-size:13px;font-weight:600;margin:0 0 var(--cp-rhythm-2);color:var(--text-secondary, #495057)}.client-detail-sidebar-card__list{margin:0}.client-detail-sidebar-card__row{display:flex;justify-content:space-between;gap:var(--space-2, 8px);padding:6px 0;font-size:13px;border-bottom:.5px solid var(--border-subtle, #e9ecef)}.client-detail-sidebar-card__row:last-child{border-bottom:0}.client-detail-sidebar-card__row dt{color:var(--text-muted, #868e96);font-weight:500}.client-detail-sidebar-card__row dd{margin:0;text-align:right;color:var(--text-primary, #1a1d23);max-width:60%}.client-detail-sidebar-card__row--stacked{flex-direction:column;align-items:stretch;gap:4px}.client-detail-sidebar-card__row--stacked dd{max-width:none;text-align:left}.client-detail-sidebar-card__dns-message{display:block;line-height:1.45}.client-detail-sidebar-card__dns-ns{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:var(--text-muted, #868e96);word-break:break-all}.client-detail-sidebar-card__dns-ns code{font-size:inherit;background:transparent;padding:0}.client-access-center__copy-block{margin-top:var(--space-3, 12px)}.client-access-center__copy-heading{font-size:14px;font-weight:600;margin:0 0 var(--space-2, 8px)}.client-support-section__title{font-size:1rem;font-weight:600;margin:0 0 var(--space-3, 12px)}.client-support-context-card{margin-bottom:var(--space-5, 20px);padding:var(--space-4, 16px);background:var(--surface-card, #fff);border:.5px solid var(--brand-primary, #228be6);border-radius:12px;box-shadow:0 2px 10px #228be614}.client-support-context-card__title{font-size:1.1rem;font-weight:600;margin:0 0 var(--space-3, 12px)}.client-support-context-card__meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3, 12px);margin:0 0 var(--space-3, 12px)}.client-support-context-card__meta dt{font-size:12px;color:var(--text-muted, #868e96);margin:0 0 2px}.client-support-context-card__meta dd{margin:0;font-weight:600;font-size:14px}.client-support-context-card__action{margin:0 0 var(--space-3, 12px);font-size:14px;color:var(--text-secondary, #495057)}.client-support-context-card__steps-title{font-size:14px;font-weight:600;margin:0 0 8px}.client-support-context-card__steps{margin:0 0 var(--space-3, 12px);padding-left:1.25rem;font-size:14px;line-height:1.5}.client-support-context-card__detail-link{font-size:14px;font-weight:600}.client-support-shortcuts-grid{margin-bottom:var(--space-5, 20px)}.client-support-shortcuts-grid__items{display:grid;gap:var(--space-3, 12px);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.client-support-shortcut-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:var(--space-3, 12px) var(--space-4, 16px);text-decoration:none;color:inherit;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;transition:border-color .15s ease}.client-support-shortcut-card:hover{border-color:var(--brand-primary, #228be6)}.client-support-shortcut-card__icon{font-size:1.25rem;color:var(--brand-primary, #228be6)}.client-support-shortcut-card__label{font-size:14px;font-weight:600;line-height:1.35}.client-support-faq{margin-bottom:var(--space-5, 20px)}.client-support-faq__grid{display:grid;gap:var(--space-3, 12px)}@media(min-width:640px){.client-support-faq__grid{grid-template-columns:repeat(2,1fr)}}.client-support-faq-card{padding:var(--space-4, 16px);background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px}.client-support-faq-card--highlight{border-color:var(--brand-primary, #228be6);box-shadow:0 0 0 2px #228be61f}.client-support-faq-card__question{font-size:15px;font-weight:600;margin:0 0 8px}.client-support-faq-card__answer,.client-support-faq-card__next{font-size:14px;line-height:1.5;margin:0 0 8px;color:var(--text-secondary, #495057)}.client-support-faq-card__links{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:4px}.client-support-faq-card__link,.client-support-faq-card__kb-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600}.client-support-faq-card__kb-link{color:var(--text-secondary, #495057)}.client-support-hub{display:grid;grid-template-columns:1fr;gap:var(--space-4, 16px);margin-bottom:var(--space-4, 16px)}@media(min-width:640px){.client-support-hub{grid-template-columns:repeat(2,minmax(0,1fr))}}.client-support-hub__card{border:1px solid var(--border-subtle, #e5e7eb);border-radius:var(--client-portal-radius, 8px);background:var(--surface-card, #fff);padding:20px}.client-support-hub__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;margin-bottom:12px;font-size:20px;line-height:1}.client-support-hub__icon--blue{background:#dbeafe;color:#2563eb}.client-support-hub__icon--green{background:#dcfce7;color:#16a34a}.client-support-hub__title{margin:0;font-size:16px;line-height:1.4;font-weight:500;color:#111827}.client-support-hub__text{margin:4px 0 0;font-size:14px;line-height:1.5;color:#6b7280}.client-support-hub__link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;font-size:14px;line-height:1.5;font-weight:500;color:#2563eb;text-decoration:none}.client-support-hub__link:hover{text-decoration:underline}.client-support-hub__link--muted{color:#9ca3af;cursor:default}.client-support-urgent{margin-top:var(--space-4, 16px);border-color:var(--border-subtle, #e5e7eb);background:#f9fafb}.client-support-urgent__body{display:flex;align-items:flex-start;gap:12px;padding:20px}.client-support-urgent__icon{flex-shrink:0;font-size:20px;line-height:1;color:#9ca3af;margin-top:2px}.client-support-urgent__title{margin:0;font-size:16px;line-height:1.4;font-weight:500;color:#111827}.client-support-urgent__text{margin:4px 0 0;font-size:14px;line-height:1.5;color:#4b5563}.client-support-urgent__mailto,.client-support-urgent__link{color:#2563eb;font-weight:500;text-decoration:none}.client-support-urgent__mailto:hover,.client-support-urgent__link:hover{text-decoration:underline}.client-support-urgent__sep{margin:0 4px;color:#9ca3af}.client-support-urgent__meta{margin:8px 0 0;font-size:13px;line-height:1.5;color:#6b7280}.client-contextual-help{margin:var(--space-4, 16px) 0;padding:var(--space-3, 12px) var(--space-4, 16px);background:var(--surface-muted, #f8f9fa);border-radius:10px;border:.5px solid var(--border-subtle, #e9ecef)}.client-contextual-help__text{margin:0 0 8px;font-size:14px;font-weight:500}.client-contextual-help__link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600}.client-access-center{margin-bottom:var(--space-5, 20px)}.client-access-center__title{font-size:1rem;font-weight:600;margin:0 0 var(--space-3, 12px)}.client-access-center__note{margin:0 0 var(--space-3, 12px);padding:10px 12px;font-size:13px;line-height:1.45;color:var(--text-secondary, #495057);background:var(--surface-muted, #f8f9fa);border-radius:8px;border:.5px solid var(--border-subtle, #e9ecef)}.client-access-center__actions{display:grid;gap:var(--space-3, 12px);grid-template-columns:1fr;margin-bottom:var(--space-4, 16px)}@media(min-width:640px){.client-access-center__actions{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.client-access-center__action{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:var(--space-4, 16px);text-decoration:none;color:inherit;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease}.client-access-center__action:hover{border-color:var(--brand-primary, #228be6);box-shadow:0 2px 8px #0000000f}.client-access-center__action-icon{font-size:1.25rem;color:var(--brand-primary, #228be6)}.client-access-center__action-label{font-size:15px;font-weight:600}.client-access-center__action-hint{font-size:12px;color:var(--text-muted, #868e96)}.client-access-center__copy{margin-bottom:var(--space-4, 16px)}.client-access-center__copy-title{font-size:14px;font-weight:600;margin:0 0 var(--space-2, 8px)}.client-access-center__copy-list{list-style:none;margin:0;padding:0;background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;overflow:hidden}.client-access-center__copy-row{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2, 8px);padding:var(--space-3, 12px) var(--space-4, 16px);border-bottom:.5px solid var(--border-subtle, #e9ecef)}.client-access-center__copy-row:last-child{border-bottom:0}@media(min-width:640px){.client-access-center__copy-row{flex-direction:row;align-items:center;justify-content:space-between}}.client-access-center__copy-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted, #868e96);margin-bottom:2px}.client-access-center__copy-value{font-size:13px;word-break:break-all}.client-access-center__dns{padding:var(--space-3, 12px) var(--space-4, 16px);border-radius:10px;border:.5px solid var(--border-subtle, #e9ecef);background:var(--surface-card, #fff)}.client-access-center__dns--ok{border-color:#22c55e59;background:#22c55e0f}.client-access-center__dns--warning{border-color:#eab30866;background:#eab30814}.client-access-center__dns--info{border-color:var(--border-subtle, #e9ecef)}.client-access-center__dns-label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.client-access-center__dns-message{margin:0 0 var(--space-2, 8px);font-size:14px;line-height:1.5;color:var(--text-secondary, #495057)}.client-access-center__dns-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2, 8px);font-size:12px}.client-service-guidance{margin-bottom:var(--space-5, 20px)}.client-service-guidance__title{font-size:1rem;font-weight:600;margin:0 0 var(--space-3, 12px)}.client-service-guidance__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3, 12px)}.client-service-guidance__item{padding:var(--space-4, 16px);border-radius:10px;border:.5px solid var(--border-subtle, #e9ecef);background:var(--surface-card, #fff)}.client-service-guidance__item--warning{border-color:#eab30866;background:#eab3080f}.client-service-guidance__item--info{border-color:var(--border-subtle, #e9ecef)}.client-service-guidance__item-title{font-size:15px;font-weight:600;margin:0 0 6px}.client-service-guidance__item-description{margin:0 0 var(--space-2, 8px);font-size:14px;line-height:1.5;color:var(--text-secondary, #495057)}.client-service-guidance__cta{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-4, 16px);font-size:14px;font-weight:600;color:var(--brand-primary, #228be6);text-decoration:none;border:.5px solid var(--brand-primary, #228be6);border-radius:8px}.client-service-guidance__cta:hover{background:#228be614}.client-invoice-order-summary__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cp-rhythm-3)}.client-invoice-order-summary__title-wrap{display:flex;flex-direction:column;gap:.25rem;min-width:0}.client-invoice-order-summary__number{margin:0;font-size:13px;color:var(--text-secondary, #495057)}.client-invoice-order-summary__steps{list-style:none;margin:0;padding:var(--cp-rhythm-3);display:flex;flex-direction:column;gap:var(--cp-rhythm-2);border-bottom:.5px solid var(--border-subtle, #e9ecef)}.client-invoice-order-summary__step{display:grid;grid-template-columns:1rem 1fr;gap:var(--cp-rhythm-2);align-items:start;color:var(--text-muted, #868e96)}.client-invoice-order-summary__marker{width:.65rem;height:.65rem;margin-top:.35rem;border-radius:50%;border:1.5px solid currentColor;background:transparent}.client-invoice-order-summary__step--completed{color:var(--text-secondary, #495057)}.client-invoice-order-summary__step--completed .client-invoice-order-summary__marker{background:var(--brand-primary, #228be6);border-color:var(--brand-primary, #228be6)}.client-invoice-order-summary__step--current{color:var(--text-primary, #212529);font-weight:600}.client-invoice-order-summary__step--current .client-invoice-order-summary__marker{background:var(--brand-primary, #228be6);border-color:var(--brand-primary, #228be6);box-shadow:0 0 0 3px #228be626}.client-invoice-order-summary__step--failed{color:var(--danger-text, #c92a2a);font-weight:600}.client-invoice-order-summary__step--failed .client-invoice-order-summary__marker{background:var(--danger-text, #c92a2a);border-color:var(--danger-text, #c92a2a)}.client-invoice-order-summary__label{font-size:13px;line-height:1.45}.client-invoice-order-summary__next{padding:var(--cp-rhythm-3);border-bottom:.5px solid var(--border-subtle, #e9ecef)}.client-invoice-order-summary__next-title{margin:0 0 .35rem;font-size:13px;font-weight:600;color:var(--text-primary, #212529)}.client-invoice-order-summary__next-message{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary, #495057)}.client-invoice-order-summary__service,.client-invoice-order-summary__service-pending{margin:0;padding:var(--cp-rhythm-3);font-size:13px}.client-invoice-order-summary__service-link{color:var(--brand-primary, #228be6);font-weight:600;text-decoration:none}.client-invoice-order-summary__service-link:hover{text-decoration:underline}.client-invoice-order-summary__service-pending{color:var(--text-secondary, #495057)}.client-order-linked-invoice__body{padding:var(--cp-rhythm-3)}.client-order-linked-invoice__line{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin:0 0 var(--cp-rhythm-2);font-size:13px;color:var(--text-secondary, #495057)}.client-order-linked-invoice__line:last-of-type{margin-bottom:0}.client-order-linked-invoice__label{font-weight:600;color:var(--text-primary, #212529)}.client-order-linked-invoice__link{color:var(--brand-primary, #228be6);font-weight:600;text-decoration:none}.client-order-linked-invoice__link:hover{text-decoration:underline}.client-order-linked-invoice__hint{margin:var(--cp-rhythm-2) 0 0;font-size:13px;line-height:1.5;color:var(--text-muted, #868e96)}.client-page-shell--dashboard .client-dash-priority--3{gap:var(--cp-rhythm-3)}.client-page-shell--dashboard .client-dash-quick{gap:var(--cp-rhythm-2)}.client-page-shell--dashboard .client-dash-quick-card{padding:var(--cp-rhythm-2)}.client-page-shell--detail .client-detail-hero__title{font-size:1.2rem}.client-page-shell--detail .client-detail-hero__description,.client-page-shell--detail .client-detail-hero__subtitle{font-size:13px}.client-page-shell--detail .client-detail-card,.client-page-shell--detail .client-expiry-card{padding:var(--cp-rhythm-2) var(--cp-rhythm-3)}.client-dash-utility{border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;background:var(--surface-muted, #f8f9fa)}.client-dash-utility--connection{margin-bottom:0}.client-dash-utility__summary{flex-wrap:wrap;justify-content:space-between;color:var(--text-secondary, #495057)}.client-dash-utility__summary::-webkit-details-marker{display:none}.client-dash-utility__summary:before{content:"▸";margin-right:0;flex-shrink:0;width:1em;font-size:11px;color:var(--text-muted, #868e96)}.client-dash-utility[open] .client-dash-utility__summary:before{content:"▾"}.client-dash-utility__summary-hint{font-size:11px;font-weight:500;color:var(--text-muted, #868e96)}.client-dash-utility__body{padding:0 var(--cp-rhythm-3) var(--cp-rhythm-3);border-top:.5px solid var(--border-subtle, #e9ecef)}.client-quick-actions--embedded{margin-bottom:10px}.client-quick-actions--embedded .client-quick-actions__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.client-quick-actions--embedded .client-quick-action-card{padding:10px 12px;min-height:auto}.client-quick-actions--embedded .client-quick-action-card__hint{display:none}.client-compact-copy--utility{padding-top:4px}.client-compact-copy--utility .client-compact-copy-row{background:var(--surface-card, #fff);border-style:dashed}.client-compact-copy-row--secondary .client-compact-copy-row__label,.client-compact-copy-row--secondary .client-compact-copy-row__value{opacity:.85;font-size:12px}.client-compact-copy-row--muted{opacity:.75}.client-compact-copy-row--muted .client-compact-copy-row__label{font-size:10px}.client-compact-copy-row--muted .client-compact-copy-row__value{font-size:11px}.client-contextual-help--compact{padding:10px 12px;margin-bottom:0}.client-contextual-help--compact .client-contextual-help__text{font-size:13px;margin-bottom:6px}.client-detail-sidebar-card--domain .client-detail-sidebar-card__title{font-size:15px;word-break:break-all}.client-detail-sidebar-card__primary{display:block;font-weight:600;font-size:14px}.client-detail-sidebar-card__meta-line{display:block;font-size:12px;color:var(--text-muted, #868e96);margin-top:2px}.client-support-section__title,.client-support-context-card__title{font-size:.9375rem}.client-support-faq-card{padding:var(--cp-rhythm-2) var(--cp-rhythm-3)}.client-support-faq-card__question{font-size:14px;margin-bottom:var(--cp-rhythm-1)}.client-support-faq-card__answer,.client-support-faq-card__next{font-size:13px;margin-bottom:var(--cp-rhythm-1)}.client-support-shortcuts-grid{margin-bottom:var(--cp-rhythm-3)}.client-support-shortcut-card{padding:var(--cp-rhythm-2) var(--cp-rhythm-3)}@media(max-width:767.98px){.client-dash-utility--connection{background:var(--surface-card, #fff)}}.client-detail-grid--facts{gap:.65rem}.client-detail-card__value,.client-invoice-items__desc,.client-detail-advanced__list dd{overflow-wrap:anywhere;word-break:break-word}@media(max-width:767.98px){.client-page-shell--detail .client-detail-grid--facts{grid-template-columns:1fr;gap:.5rem}.client-page-shell--detail .client-detail-card{padding:.65rem .75rem}.client-invoice-items__row{gap:.35rem}}html:has(.client-panel-shell),html:has(.client-portal-auth){overflow-x:clip;max-width:100%}body.client-panel-body--nav,body:has(.client-portal-auth){overflow-x:clip;max-width:100%}.client-panel-shell,.client-panel-main,.client-page-shell,.client-dash,.client-detail-page{max-width:100%;min-width:0}.client-panel-shell :where(.client-portal-resource-row__title,.client-portal-resource-row__description,.client-detail-hero__title,.client-detail-card__value,.client-invoice-items__desc,.client-detail-advanced__list dd,.client-portal-topbar__impersonation-label){overflow-wrap:anywhere;word-break:break-word}.client-panel-table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.client-panel-table-responsive>.client-panel-table{margin-bottom:0;min-width:min(100%,520px)}@media(max-width:767.98px){.client-portal-resource-row__title,.client-portal-resource-row__description{white-space:normal;overflow:visible;text-overflow:unset}.client-dash-quick{grid-template-columns:minmax(0,1fr)}.client-invoice-items__row,.client-invoice-items__desc,.client-invoice-items__meta{min-width:0;max-width:100%}.client-detail-grid,.client-detail-advanced__list{min-width:0}.client-bottom-nav{padding-inline:4px;gap:0}.client-bottom-nav__item{min-width:0;padding-inline:2px;font-size:9px}.client-bottom-nav__item span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-panel-header__inner{align-items:flex-start}.client-panel-user{min-width:0;flex-shrink:1}.client-panel-user .btn{flex-shrink:0}}.client-portal-archived-hosting{margin-top:var(--cp-rhythm-4);background:var(--surface-card, #fff);border:.5px solid var(--border-subtle, #e9ecef);border-radius:10px;overflow:hidden}.client-portal-archived-hosting__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--cp-rhythm-2);min-height:var(--cp-accordion-summary-min-height, 44px);padding:var(--cp-rhythm-2) var(--cp-rhythm-3);cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.client-portal-archived-hosting__summary::-webkit-details-marker{display:none}.client-portal-archived-hosting__summary:before{content:"▸";margin-right:var(--cp-rhythm-2);color:var(--text-muted, #6c757d)}.client-portal-archived-hosting[open] .client-portal-archived-hosting__summary:before{content:"▾"}.client-portal-archived-hosting__title{font-size:14px;font-weight:600}.client-portal-archived-hosting__count{font-size:13px;color:var(--text-muted, #6c757d)}.client-portal-archived-hosting__body{padding:0 var(--cp-rhythm-3) var(--cp-rhythm-3)}.client-portal-archived-hosting__hint{margin:0 0 var(--cp-rhythm-3);font-size:13px;color:var(--text-muted, #6c757d)}.client-portal-list-summary__icon--muted{color:var(--text-muted, #6c757d);background:var(--surface-muted, #f8f9fa)}.client-order-create{display:flex;flex-direction:column;gap:var(--client-portal-space-5, 20px);min-width:0}.client-order-create__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:var(--client-portal-space-6, 24px);align-items:start;min-width:0}.client-order-create__form,.client-order-create__summary,.client-order-create__form-card,.client-order-create__summary-card,.client-order-create__lifecycle{min-width:0}.client-order-create__form-inner,.client-order-create__fieldset{display:flex;flex-direction:column;gap:var(--client-portal-space-5, 20px);min-width:0}.client-order-create__form-inner{padding:var(--cp-rhythm-3)}.client-order-create__section-title{margin:0 0 var(--cp-rhythm-2);font-size:14px;font-weight:600;color:var(--text-primary, #212529)}.client-order-create__section-context{margin:0 0 var(--cp-rhythm-3);font-size:13px;line-height:1.45;color:var(--text-secondary, #495057)}.client-order-create__selection-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--cp-rhythm-3);align-items:end;min-width:0}.client-order-create__selection-grid .client-portal-field{min-width:0}.client-order-create__select-wrap{position:relative}.client-order-create__select-wrap select{width:100%;min-height:40px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--client-portal-border, #dee2e6);border-radius:var(--client-portal-radius, .5rem);background:var(--client-portal-card, #fff);color:var(--client-portal-text, #212529);padding:8px 44px 8px 14px;font-size:var(--client-portal-font-body, 14px);line-height:var(--client-portal-line-body, 1.4);text-overflow:ellipsis}.client-order-create__select-wrap select:focus-visible{outline:2px solid var(--client-portal-primary, #228be6);outline-offset:1px}.client-order-create__select-chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--client-portal-icon-sm, 16px);line-height:1;color:var(--client-portal-faint, #6c757d)}.client-order-create__product-select,.client-order-create__cycle-select{width:100%;max-width:none}.client-order-create__product-panel{display:grid;gap:var(--cp-rhythm-2);margin-top:var(--cp-rhythm-3);padding:var(--cp-rhythm-3);border:1px solid var(--client-portal-border, #e9ecef);border-radius:var(--client-portal-radius, .5rem);background:color-mix(in srgb,var(--client-portal-primary, #228be6) 3%,#fff);min-width:0}.client-order-create__product-panel-name{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #212529)}.client-order-create__product-panel-summary{margin:0;font-size:14px;line-height:1.45;color:var(--text-secondary, #495057)}.client-order-create__spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cp-rhythm-3) var(--cp-rhythm-3);margin:0;min-width:0}.client-order-create__spec{display:flex;flex-direction:column;gap:2px;min-width:0}.client-order-create__spec-label{margin:0;font-size:12px;line-height:1.35;color:var(--text-secondary, #6c757d)}.client-order-create__spec-value{margin:0;font-size:14px;line-height:1.35;font-weight:600;color:var(--text-primary, #212529);word-break:break-word}.client-order-create__details-trigger{justify-self:start}.client-order-create__details-dialog{width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);margin:auto;padding:0;border:1px solid var(--client-portal-border, #dee2e6);border-radius:var(--client-portal-radius, .5rem);background:#fff;box-shadow:0 16px 40px #0f172a2e}.client-order-create__details-dialog::backdrop{background:#0f172a73}.client-order-create__details-dialog-inner{display:grid;gap:var(--cp-rhythm-3);padding:var(--cp-rhythm-4)}.client-order-create__details-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--cp-rhythm-3)}.client-order-create__details-dialog-title{margin:0;font-size:1.125rem;font-weight:700}.client-order-create__details-close{border:0;background:transparent;font-size:1.5rem;line-height:1;color:var(--text-secondary, #495057);cursor:pointer;padding:.25rem}.client-order-create__details-summary{margin:0;font-size:14px;line-height:1.45;color:var(--text-secondary, #495057)}.client-order-create__details-highlights{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;margin:0}.client-order-create__details-highlights dt{margin:0;font-size:13px;color:var(--text-muted, #868e96)}.client-order-create__details-highlights dd{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #212529)}.client-order-create__details-features{margin:0;padding-left:1.1rem;display:grid;gap:6px;font-size:14px;line-height:1.4}.client-order-create__cycle-hint,.client-order-create__domain-helper,.client-order-create__domain-clarification{margin:0;font-size:13px;line-height:1.45}.client-order-create__domain-helper{color:var(--text-secondary, #495057)}.client-order-create__domain-clarification{color:var(--text-muted, #868e96)}.client-order-create__domain-field{min-width:0}.client-order-create__summary-card{position:sticky;top:var(--cp-rhythm-3);border:1px solid color-mix(in srgb,var(--client-portal-primary, #228be6) 18%,var(--client-portal-border, #dee2e6));background:linear-gradient(180deg,color-mix(in srgb,var(--client-portal-primary, #228be6) 4%,#fff),#fff 48%);box-shadow:0 8px 24px #0f172a0f}.client-order-create__summary-head{padding:var(--cp-rhythm-4) var(--cp-rhythm-4) var(--cp-rhythm-2);border-bottom:1px solid var(--client-portal-border, #e9ecef)}.client-order-create__summary-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary, #212529)}.client-order-create__summary-note{margin:var(--cp-rhythm-2) 0 0;font-size:12px;color:var(--text-muted, #868e96)}.client-order-create__summary-body{padding:var(--cp-rhythm-4);display:flex;flex-direction:column;gap:var(--cp-rhythm-3);min-width:0}.client-order-create__summary-placeholder,.client-order-create__summary-updating,.client-order-create__summary-footnote{margin:0;font-size:14px;line-height:1.45}.client-order-create__summary-placeholder,.client-order-create__summary-footnote{color:var(--text-muted, #868e96)}.client-order-create__summary-updating{color:var(--text-secondary, #495057)}.client-order-create__summary-unavailable-text{margin:0;padding:var(--cp-rhythm-2) var(--cp-rhythm-3);border-radius:var(--client-portal-radius, .5rem);background:color-mix(in srgb,var(--warning-bg, #fff3bf) 55%,#fff);color:var(--text-primary, #212529);font-size:14px;line-height:1.45}.client-order-create__summary-lines{margin:0;display:flex;flex-direction:column;gap:12px}.client-order-create__summary-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;font-size:14px}.client-order-create__summary-line dt{margin:0;color:var(--text-muted, #868e96);font-weight:500}.client-order-create__summary-line dd{margin:0;text-align:right;font-weight:600;color:var(--text-primary, #212529);word-break:break-word}.client-order-create__summary-divider{height:1px;background:var(--client-portal-border, #dee2e6);margin:4px 0}.client-order-create__summary-line--total dt{font-size:15px;font-weight:600;color:var(--text-primary, #212529)}.client-order-create__summary-line--total dd{font-size:1.5rem;font-weight:700;color:var(--client-portal-primary, #228be6)}.client-order-create__summary-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.client-order-create__lifecycle{padding:var(--cp-rhythm-4)}.client-order-create__lifecycle-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative;min-width:0}.client-order-create__lifecycle-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--cp-rhythm-2);text-align:center;padding:0 var(--cp-rhythm-2);min-width:0}.client-order-create__lifecycle-step:not(:last-child):after{content:"";position:absolute;top:1.125rem;left:calc(50% + 1.125rem);width:calc(100% - 2.25rem);height:2px;background:var(--client-portal-border, #dee2e6);z-index:0}.client-order-create__lifecycle-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid var(--client-portal-border, #ced4da);background:#fff;font-size:14px;font-weight:700;color:var(--text-muted, #868e96)}.client-order-create__lifecycle-step--active .client-order-create__lifecycle-num{border-color:var(--client-portal-primary, #228be6);background:var(--client-portal-primary, #228be6);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--client-portal-primary, #228be6) 18%,transparent)}.client-order-create__lifecycle-label{font-size:13px;font-weight:600;line-height:1.35;color:var(--text-muted, #868e96)}.client-order-create__lifecycle-step--active .client-order-create__lifecycle-label{color:var(--text-primary, #212529)}.client-order-create__lifecycle-explanation{margin:var(--cp-rhythm-4) 0 0;font-size:14px;line-height:1.45;color:var(--text-secondary, #495057);text-align:center}.client-order-create__empty-support{padding:0 var(--cp-rhythm-3) var(--cp-rhythm-3)}.client-order-create__form-errors{margin-bottom:var(--cp-rhythm-4);padding:var(--cp-rhythm-3) var(--cp-rhythm-4);border:1px solid color-mix(in srgb,var(--client-portal-danger, #fa5252) 35%,var(--client-portal-border, #dee2e6));border-radius:var(--client-portal-radius, 8px);background:color-mix(in srgb,var(--client-portal-danger, #fa5252) 6%,#fff)}.client-order-create__form-error{margin:0;color:var(--client-portal-danger, #c92a2a);font-size:14px;line-height:1.45}.client-order-create__form-error+.client-order-create__form-error{margin-top:var(--cp-rhythm-2)}.client-order-create__actions{display:flex;flex-direction:column;gap:var(--cp-rhythm-3);margin-top:var(--cp-rhythm-2)}.client-order-create__eligibility-notice,.client-portal-invoice-payment-eligibility__notice{margin:0;font-size:14px;line-height:1.45;color:var(--text-muted, #868e96)}.client-order-create__submit[disabled]{cursor:not-allowed;opacity:.65}@media(min-width:640px){.client-order-create__details-dialog{width:min(560px,calc(100vw - 3rem))}}@media(max-width:1023px){.client-order-create__grid{grid-template-columns:1fr}.client-order-create__summary-card{position:static;top:auto}.client-order-create__spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.client-order-create__selection-grid{grid-template-columns:1fr;width:100%;max-width:100%}.client-order-create__selection-grid .client-portal-field,.client-order-create__select-wrap,.client-order-create__select-wrap select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.commerce-shell__form .client-order-create__form-inner,.commerce-shell__form .client-portal-card{overflow-x:hidden;max-width:100%}}@media(max-width:359px){.client-order-create__spec-grid{grid-template-columns:1fr}}@media(max-width:639px){.client-order-create__details-dialog{width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.client-order-create__lifecycle-steps{grid-template-columns:1fr;gap:var(--cp-rhythm-3)}.client-order-create__lifecycle-step{flex-direction:row;align-items:center;text-align:left;padding:0}.client-order-create__lifecycle-step:not(:last-child):after{top:calc(2.25rem + var(--cp-rhythm-2));left:1.125rem;width:2px;height:calc(100% + var(--cp-rhythm-3) - 2.25rem)}.client-order-create__lifecycle-explanation{text-align:left}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
