/* Presentation only. Permission and identity fences remain in the original shell.
   The signed-in rail lives in h3d-shell.css; this file keeps the public header. */
.public-shell .product-public-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; padding-top: 22px; padding-bottom: 14px; }
.product-public-header .product-public-actions { display: flex; align-items: center; gap: 12px; }
.public-shell .product-company-navigation { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 12px; border-top: 1px solid var(--line); padding-top: 10px; }
.product-company-navigation a { white-space: nowrap; }
.web-admin .product-web-areas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.web-admin .product-web-area { display: grid; gap: 10px; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.web-admin .product-web-area h2, .web-admin .product-web-area p { margin: 0; }
.web-admin .product-web-area .text-link { min-height: 44px; display: inline-flex; align-items: center; }
.web-admin .web-tabs .is-current { background: var(--ink); color: #fff; }
.web-admin .product-content-group + .product-content-group { margin-top: 32px; }
@media (max-width: 640px) {
  .public-shell .product-public-header { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .product-public-header .product-public-actions { justify-content: space-between; }
  .product-public-header .brand-sub { display: none; }
  .public-shell .product-company-navigation { gap: 2px 6px; }
  .public-shell .product-company-navigation a { padding: 8px; font-size: 12px; }
  .web-admin .product-web-areas { grid-template-columns: minmax(0, 1fr); }
}

.product-company-menu { grid-column: 1 / -1; min-width: 0; }
.product-company-menu > summary { min-height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border: 1px solid var(--line); border-radius: 8px; cursor: pointer; font-weight: 650; list-style: none; }
.product-company-menu > summary::-webkit-details-marker { display: none; }
.product-company-menu > summary::after { content: '⌄'; }
.product-company-menu > summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
@media (min-width: 1001px) { .product-company-menu[data-ready] > summary { display: none; } }
@media (max-width: 640px) { .public-shell .product-company-navigation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 8px; } .public-shell .product-company-navigation a { white-space: normal; min-height: 44px; } }