.panel-page .wrap { width: 100%; max-width: none; padding-left: clamp(16px, 3vw, 56px); padding-right: clamp(16px, 3vw, 56px); }
@media (min-aspect-ratio: 16/9) {
  .panel-page .wrap { max-width: calc(100vh * 1.777777778); }
}
.panel-tools { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.head-row .who { display: inline-flex; align-items: center; gap: 6px; overflow-wrap: anywhere; }
.welcome-icon { flex: none; }
.greeting-text { min-width: 0; }
.panel-page .layout { grid-template-columns: 210px minmax(0, 1fr); align-items: start; gap: 24px; }
.account-sidebar { position: sticky; top: 16px; padding: 8px; }
.account-sidebar a { padding: 10px; }
.account-sidebar a[aria-current="page"] { background: var(--fill-active); color: var(--ink); text-decoration: none; }
.panel-page .cols2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.products { position: relative; }
.products > summary { display: grid; place-items: center; width: 44px; height: 44px; list-style: none; border: 1px solid transparent; border-radius: 4px; }
.products > summary::-webkit-details-marker { display: none; }
.products > summary:hover, .products[open] > summary { background: var(--fill-soft); border-color: var(--line); }
.product-dots { display: grid; grid-template-columns: repeat(3, 4px); gap: 4px; }
.product-dots i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.products-panel { position: absolute; z-index: 20; top: calc(100% + 6px); right: 0; width: 238px; max-width: calc(100vw - 24px); padding: 8px; border: 1px solid var(--line); background: var(--paper); box-shadow: 0 6px 18px var(--shadow); }
.products-title { margin: 4px 10px 8px; font-weight: bold; }
.product-item { display: flex; flex-direction: column; align-items: center; gap: 6px; min-height: 76px; padding: 10px; color: var(--ink); text-decoration: none; text-align: center; }
.product-item img, .product-item svg { flex: none; width: 40px; height: 40px; object-fit: contain; }
.product-label { display: block; font-size: 11px; line-height: 1.4; }
.product-label small { display: block; margin-top: 2px; font-size: 11px; color: var(--ink-soft); }
a.product-item:hover { background: var(--fill-soft); text-decoration: underline; }
.product-soon { color: var(--ink-softer); cursor: default; }
@media (max-width: 700px) {
  .panel-page .layout, .panel-page .cols2 { display: block; }
  .account-sidebar { position: static; display: flex; flex-wrap: wrap; gap: 2px 8px; margin-bottom: 20px; }
  .account-sidebar a { flex: 1 0 140px; }
  .panel-tools { gap: 8px; }
  .products-panel { right: -72px; }
  .panel-page .head-row .who { max-width: 35%; }
}
/* Theme mode widget (zero-JS form toggle; mirrors the mail app's footer widget) */
body.panel-page { background: var(--page); }
.cs-theme-form { display: inline-flex; border: 1px solid var(--line); background: var(--paper); padding: 2px; box-shadow: var(--shadow); margin: 0 8px 8px; vertical-align: middle; }
.cs-theme-form button { appearance: auto; border: 0; border-radius: 0; background: transparent; color: var(--link); font: inherit; font-size: 12px; padding: 5px 8px; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.cs-theme-form button[aria-pressed="true"] { background: var(--fill-active); font-weight: bold; }