/* Shared commercial list widths; feature-specific contracts retain their exact table labels. */

.hcp-record-table[aria-label="Assigned reseller packages"] { min-width: 1230px; table-layout: fixed; }
.hcp-record-table[aria-label="Customer-facing hosting plans"] { min-width: 1975px; table-layout: fixed; }
.hcp-hosting-plans-page .hcp-inline-pagination { flex-wrap: wrap; white-space: normal; min-width: 0; }
.hcp-hosting-plans-page .hcp-record-table .hcp-inline-form button { white-space: nowrap; flex-shrink: 0; }

/* Template authoring numbers must fit all five digits plus the native spinner. */
[data-dns-template-editor] .hcp-dns-number-column { width: 120px; max-width: 120px; }



.hcp-manage-page { min-width: 0; }
.hcp-manage-page .hcp-manage-grid { contain: layout paint; min-width: 0; }
.hcp-manage-tabs { display: flex; gap: 20px; flex-wrap: wrap; margin: 0; padding: 8px 0; border-bottom: 1px solid #d9e1e9; }
.hcp-manage-tabs a { padding: 8px 4px; text-decoration: none; color: #333; }
.hcp-manage-tabs a[aria-current="page"] { color: #c00020; border-bottom: 2px solid #c00020; font-weight: 600; }
.hcp-manage-page .hcp-status { display: inline-block; padding: 3px 9px; border-radius: 12px; background: #eef1f4; white-space: nowrap; }
.hcp-manage-page .hcp-status.good { background: #ddf5e4; color: #116b36; }
.hcp-manage-page .hcp-status.warning { background: #fff2d5; color: #805200; }
.hcp-manage-page .hcp-status.danger { background: #ffe1e1; color: #a61b1b; }
.hcp-more-popover { position: fixed; inset: auto; margin: 0; padding: 8px; border: 1px solid #d9e1e9; border-radius: 8px; background: #fff; color: #111; box-shadow: 0 6px 20px #0002; max-height: calc(100vh - 24px); overflow: auto; }
.hcp-more-popover a, .hcp-more-popover button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 8px; border: 0; background: #fff; text-align: left; text-decoration: none; color: inherit; font: inherit; }
.hcp-more-popover form { margin: 0; }
.hcp-more-popover :is(a,button):hover { background: #f4f6f9; }
.hcp-more-popover :is(a,button):focus-visible { outline: 2px solid #1675be; }
.hcp-more-popover .text-danger { color: #b42318; }
.hcp-more-popover small { display: block; color: #666; padding: 0 8px 6px; }
.hcp-more-toggle span { font-size: 22px; line-height: 1; }
.hcp-manage-workarea { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 20px; }
.hcp-manage-workarea > nav { display: flex; flex-direction: column; gap: 4px; }
.hcp-manage-workarea > nav a { display: block; padding: 12px; text-decoration: none; color: #222; }
.hcp-manage-workarea > nav a[aria-current="page"] { background: #e4f1fc; border-left: 3px solid #c00020; font-weight: 600; }
.hcp-manage-metrics { display: flex; flex-wrap: wrap; gap: 16px; padding: 12px 0; }
.hcp-manage-seller-selector { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; }
.hcp-manage-seller-selector select { width: auto; max-width: 240px; }
.hcp-manage-seller-selector label { margin: 0; }
@media(max-width:767px) { .hcp-manage-workarea { grid-template-columns: minmax(0,1fr); } .hcp-manage-workarea > nav { flex-direction: row; flex-wrap: wrap; } }
@media(max-width:767px) {
  .hcp-manage-page .hcp-record-toolbar.hcp-shared-list-actions > .hcp-inline-pagination { flex: 1 0 100%; width: 100%; margin-left: 0; }
  .hcp-manage-page .hcp-record-toolbar.hcp-shared-list-actions .hcp-compact-pagination { flex-wrap: wrap; justify-content: flex-start; }
}

/* Manage lists use one full-width toolbar; service navigation never reserves a rail. */
.hcp-manage-page .hcp-record-toolbar .hcp-inline-list-control { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; max-width: 100%; min-width: 0; }
.hcp-manage-page .hcp-inline-list-control select { min-width: 0; max-width: min(24rem, 100%); }
.hcp-manage-page .hcp-manage-view-link[aria-current="page"] { color: #c00020 !important; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:767px) { .hcp-manage-page .hcp-inline-list-control { flex-wrap: wrap; } .hcp-manage-page .hcp-inline-list-control select { max-width: 100%; } }


.hcp-admin-body { margin: 0; background: #f3f6f9; color: #000; }
.hcp-admin-topbar { position: sticky; top: 0; z-index: 1040; display: flex; align-items: center; gap: 1rem; min-height: 4rem; padding: .75rem 1.25rem; background: #fff; border-bottom: 1px solid #d9e1e9; }
.hcp-admin-brand { display: inline-flex; align-items: center; gap: .55rem; color: #000; text-decoration: none; font-size: 1rem; }
.hcp-admin-brand span { display: inline-grid; place-items: center; width: 2.35rem; height: 2.35rem; border-radius: .65rem; background: #122033; color: #fff; font-weight: 700; }
.hcp-admin-brand-logo { display: block; width: auto; max-width: 10rem; height: 2.35rem; object-fit: contain; }
.hcp-admin-search { flex: 1 1 32rem; max-width: 46rem; align-items: center; gap: .55rem; padding: .45rem .75rem; border: 1px solid #cbd6e2; border-radius: .6rem; background: #fff; }
.hcp-admin-search input { flex: 1; border: 0; outline: 0; min-width: 0; }
.hcp-admin-search-submit { display: inline-grid; place-items: center; padding: 0; border: 0; background: transparent; color: #000; cursor: pointer; }
.hcp-admin-search-submit:focus-visible { outline: 2px solid #2f5ed7; outline-offset: 3px; }
.hcp-admin-user { margin-left: auto; display: inline-flex; align-items: center; gap: .75rem; white-space: nowrap; }
.hcp-admin-user form { margin: 0; }
.hcp-admin-user-button { display: inline-flex; align-items: center; gap: .5rem; padding: .4rem .55rem; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #000; font-weight: 600; }
.hcp-admin-user-button:hover, .hcp-admin-user-button:focus-visible, .hcp-admin-user-button[aria-expanded="true"] { border-color: #cbd6e2; background: #f7f9fb; }
.hcp-admin-user-menu { min-width: 16rem; padding: .45rem; border-radius: 3px; }
.hcp-admin-user-menu .dropdown-item { display: flex; align-items: center; gap: .55rem; padding: .55rem .65rem; border-radius: 2px; }
.hcp-admin-user-email { padding: .45rem .65rem .6rem; border-bottom: 1px solid #e3e8ee; color: #000; font-size: .875rem; overflow-wrap: anywhere; white-space: normal; }
.hcp-admin-logo-preview { display: block; width: auto; max-width: 16rem; height: 3rem; object-fit: contain; object-position: left center; }
.hcp-admin-signin-logo { display: block; width: auto; max-width: 12rem; height: 3rem; margin-bottom: 1rem; object-fit: contain; object-position: left center; }
.hcp-admin-signin-mark { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; margin-bottom: 1rem; border-radius: 3px; background: #122033; color: #fff; font-weight: 700; }
.hcp-admin-menu-toggle { border: 1px solid #cbd6e2; border-radius: .5rem; background: #fff; padding: .35rem .65rem; }
.hcp-admin-nav { position: sticky; top: 4rem; z-index: 1030; flex-wrap: wrap; align-items: stretch; gap: .25rem; padding: 0 .5rem; background: #fff; color: #000; border-bottom: 1px solid #d9e1e9; box-shadow: 0 2px 10px rgba(18, 32, 51, .05); }
.hcp-admin-nav-link { display: inline-flex; align-items: center; gap: .4rem; min-height: 3.1rem; padding: .6rem .8rem; border: 0; background: #fff; color: #000; font-weight: 400; text-decoration: none; }
.hcp-admin-nav-link.active, .hcp-admin-nav-link:hover, .hcp-admin-nav-link:focus-visible, .hcp-admin-dropdown:focus-within > .hcp-admin-nav-link, .hcp-admin-dropdown:hover > .hcp-admin-nav-link { color: maroon; background: #fff; font-weight: 600; text-decoration: none; }
.hcp-admin-nav .hcp-admin-nav-link.active { color: maroon; background: #fff; font-weight: 600; }
.hcp-admin-nav-link:focus-visible { outline: 2px solid maroon; outline-offset: -3px; }
.hcp-admin-dropdown { position: relative; display: inline-flex; }
.hcp-admin-menu { position: absolute; top: 100%; left: 0; min-width: 15rem; max-width: calc(100vw - 1rem); display: none; grid-template-columns: 1fr; gap: .25rem; padding: .6rem; border: 1px solid #d9e1e9; border-radius: 0 0 .65rem .65rem; background: #fff; box-shadow: 0 1rem 2rem rgba(18, 32, 51, .14); }
.hcp-admin-menu-wide { width: 28rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hcp-admin-dropdown:last-child > .hcp-admin-menu { right: 0; left: auto; }
@media (min-width: 992px) {
  .hcp-admin-nav.has-js { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .hcp-admin-nav.has-js > * { flex: 0 0 auto; }
  .hcp-admin-nav-link { white-space: nowrap; }
  /* Fixed menus escape the scrolling navigation's clipping area. */
  .hcp-admin-nav.has-js .hcp-admin-menu { position: fixed; top: var(--hcp-admin-menu-top); left: var(--hcp-admin-menu-left); right: auto; max-height: var(--hcp-admin-menu-height); overflow-y: auto; transform: none; }
  .hcp-admin-nav.has-js .hcp-admin-dropdown > .hcp-admin-menu { display: none; }
  .hcp-admin-nav.has-js .hcp-admin-dropdown.is-open > .hcp-admin-menu { display: grid; }
}
.hcp-admin-dropdown:hover .hcp-admin-menu, .hcp-admin-dropdown:focus-within .hcp-admin-menu { display: grid; }
.hcp-admin-menu a { display: inline-flex; align-items: center; gap: .45rem; min-width: 0; padding: .55rem .65rem; border-radius: .45rem; color: #111; text-decoration: none; overflow-wrap: anywhere; }
.hcp-admin-menu a:is(:hover, :focus-visible) { background: #fff; color: maroon; font-weight: 600; }
.hcp-admin-main { padding: .25rem 0 2rem; }
.hcp-customer-section > h2 { margin: 0 0 .75rem; padding: .55rem .75rem; background: #cfe6ff; color: #000; font-size: 1rem; font-weight: 600; }
.hcp-customer-section > h2 small { font-size: .75rem; font-weight: 400; }
@media (max-width: 991.98px) {
  .hcp-admin-topbar { flex-wrap: wrap; }
  .hcp-admin-nav { position: static; display: none; padding: .75rem; }
  .hcp-admin-nav:not(.has-js) { display: grid; }
  .hcp-admin-nav.show { display: grid; }
  .hcp-admin-dropdown { display: block; width: 100%; }
  .hcp-admin-nav-link { display: flex; width: 100%; }
  .hcp-admin-menu { position: static; display: grid; width: 100%; min-width: 0; max-width: 100%; box-shadow: none; border-radius: .5rem; margin-bottom: .5rem; }
  .hcp-admin-menu-wide { min-width: 0; grid-template-columns: 1fr; }
  .hcp-admin-nav.has-js .hcp-admin-menu { display: none; }
  .hcp-admin-nav.has-js .hcp-admin-dropdown.is-open > .hcp-admin-menu { display: grid; }
}
.hcp-dev-app-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 1rem; }
.hcp-dev-app-card { display: flex; flex-direction: column; min-height: 10rem; padding: 1rem; border: 1px solid #ccc; border-radius: 3px; background: #fff; color: #000; text-decoration: none; }
.hcp-dev-app-card:is(:hover, :focus-visible) { border-color: #c00020; color: #000; box-shadow: 0 0 0 2px #f4d1d1; }
.hcp-dev-app-card h2 { margin: 0 0 .5rem; font-size: 1.35rem; }
.hcp-dev-app-card p { margin: 0; }
.hcp-dev-app-card span { margin-top: auto; padding-top: 1rem; color: #c00020; }
.hcp-dev-workspace-page .hcp-provider-work-area > .table-responsive { min-width: 0; }
.hcp-dev-workspace-page .hcp-provider-work-header { padding: .75rem 1rem; }
@media (max-width: 767.98px) { .hcp-dev-workspace .hcp-provider-action-menu { max-height: none; overflow: visible; } }
@media (max-width: 767.98px) { .hcp-dev-app-cards { grid-template-columns: 1fr; } }
.hcp-record-table[aria-label="Google Workspace products"] { min-width: 670px; table-layout: fixed; }
.hcp-record-table.hcp-saas-order-record-table { min-width: 1035px; table-layout: fixed; }
.hcp-record-table.hcp-workspace-provider-record-table { min-width: 1480px; table-layout: fixed; }
.hcp-whmcs-users-review[data-hcp-list-scope] > .table-responsive > table.hcp-provider-wide-table { min-width: var(--hcp-whmcs-review-width, 62rem); }
.hcp-record-table.hcp-ssl-order-record-table { min-width: 1340px; table-layout: fixed; }
.hcp-workspace-content:has(> .hcp-commercial-record-page),
.hcp-workspace-content > .hcp-commercial-record-page { min-width: 0; width: 100%; max-width: 100%; }
.hcp-commercial-record-page > [data-hcp-list-scope],
.hcp-commercial-record-page .table-responsive { min-width: 0; width: 100%; max-width: 100%; }
.hcp-commercial-record-page .table-responsive { overflow-x: auto; }
.hcp-commercial-record-page .hcp-inline-pagination { flex-wrap: wrap; white-space: normal; min-width: 0; }
.hcp-workspace-products-page .hcp-inline-pagination { flex-wrap: wrap; white-space: normal; min-width: 0; }
.hcp-record-table[aria-label="SSL provider products"] { min-width: 1030px; table-layout: fixed; }
.hcp-record-table[aria-label="SSL provider prices"] { min-width: 1385px; table-layout: fixed; }
.hcp-record-table[aria-label="SSL provider customers"] { min-width: 795px; table-layout: fixed; }
.hcp-ssl-list-toolbar .hcp-inline-pagination { flex-wrap: wrap; white-space: normal; min-width: 0; }
.hcp-workspace-content:has(> .hcp-ssl-records-page) { min-width: 0; width: 100%; }
.hcp-ssl-records-page { min-width: 0; width: 100%; overflow: hidden; }
.hcp-ssl-records-page > section { min-width: 0; width: 100%; }
.hcp-ssl-records-page .table-responsive { width: 100%; max-width: 100%; min-width: 0; overflow-x: auto; }
/* The DNS adapter derives minimum width from the shared JSON-rendered colgroup. */
[data-dns-inventory-list] .hcp-record-table { table-layout: fixed; }
.hcp-managed-domain-directory { contain: layout paint; }