@import url("../../hcp-ui/bootstrap-hosting-tables.css");
@import url("manage-pages.css");
.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: .8rem; 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; }