/* V527: one quiet command bar. Scoped to the calculator, never customer exports. */
.header-top-row {
    --bar-ink: #173a5e;
    --bar-line: #dce6ee;
    padding: 8px;
    min-height: 58px;
    gap: 6px;
    flex-wrap: nowrap;
    border: 1px solid var(--bar-line);
    border-radius: 16px;
    background: linear-gradient(110deg, #fff, #f7fafc);
    box-shadow: 0 3px 16px #173a5e08;
    font: 600 13px/1.25 'Segoe UI', Arial, sans-serif;
    color: var(--bar-ink);
    isolation: isolate;
    position: relative;
    z-index: 30;
}
.header-top-row > .app-brand { position: static; width: 34px; height: 38px; margin: 0 3px 0 0; max-width: none; }
.header-top-row .app-brand-name { display: none; }
.header-top-row .app-brand-mark { width: 34px; height: 34px; border-radius: 10px; }
.header-top-row :is(.header-workspace-actions,.header-operator-actions,.header-management-actions) { gap: 4px; margin: 0; padding: 0; border: 0; flex: 0 0 auto; }
.header-top-row .header-shop-stack { flex: 0 1 300px; width: 300px; min-width: 240px; height: 40px; padding: 0; gap: 0; grid-template-columns: minmax(112px,1fr) minmax(124px,1fr); border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.header-top-row .shop-context { height: 40px; padding: 3px 9px 3px 3px; gap: 7px; }
.header-top-row .advisor-switcher { height: 40px; border-radius: 0; padding-inline: 9px 5px; }
.header-top-row :is(.shop-context small,.advisor-switcher > span:not([data-advisor-switcher-avatar])) { font: 600 9px/1.2 'Segoe UI',Arial,sans-serif; color: #62798b; letter-spacing: .03em; }
.header-top-row :is(.shop-context strong,.advisor-switcher select,[data-header-shop-select]) { font: 600 13px/1.3 'Segoe UI',Arial,sans-serif; color: var(--bar-ink); }
.header-top-row .shop-context.has-company-select strong { display: none; }
.header-top-row [data-header-shop-select] { width: 100%; min-width: 0; padding: 0; margin-top: 2px; border: 0; background: transparent; cursor: pointer; text-overflow: ellipsis; }
.header-top-row [data-header-shop-select]:focus-visible { outline: 2px solid #0785bd; outline-offset: 2px; }
.header-top-row #company-entry { display: inline-flex; align-items: center; gap: 4px; }
.header-top-row :is(.workspace-feature-button,.header-tools-menu > summary,.header-management-button,.auth-logout-button,.company-entry-link,.header-more > summary,#mode-toggle-btn) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    min-height: 38px;
    height: 38px;
    padding: 0 10px !important;
    margin: 0;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: var(--bar-ink) !important;
    box-shadow: none !important;
    font: 600 13px/1.25 'Segoe UI',Arial,sans-serif !important;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transform: none;
    transition: background-color .15s, border-color .15s;
}
.header-top-row :is(.workspace-feature-button,.header-tools-menu > summary,.header-management-button,.auth-logout-button,.company-entry-link,.header-more > summary,#mode-toggle-btn):hover { background: #edf4f9 !important; border-color: #d2e2ee !important; transform: none; }
.header-top-row :is(button,a,summary):focus-visible { outline: 2px solid #0785bd; outline-offset: 2px; }
.header-top-row .header-management-button { gap: 6px; }
.header-top-row .header-management-button > span:first-child { width: auto; height: auto; background: none; color: #5c788c; font-size: 15px; border-radius: 0; }
.header-top-row .header-management-button > span:last-child { display: flex; gap: 4px; align-items: center; }
.header-top-row .header-management-button small { display: none; }
.header-top-row .header-management-button strong,.header-top-row .header-tools-menu strong { margin: 0; font: inherit; }
.header-top-row #mode-toggle-btn { border-color: #cbdce8 !important; background: #edf5fa !important; color: #173a5e !important; }
body.kunde-mode-active .header-top-row #mode-toggle-btn { background: #fff !important; }
.header-top-row .daily-news-entry svg { width: 17px; height: 17px; }
.header-top-row .daily-news-entry b { min-width: 17px; height: 17px; border-radius: 5px; background: #173a5e; font-size: 10px; }
.header-top-row .header-clock { position: static; flex: 0 0 249px; width: 249px; height: 40px; margin-inline-start: auto; padding: 4px 8px 4px 12px; gap: 8px; border: 0; border-inline-start: 1px solid var(--bar-line); border-radius: 0; background: transparent; box-shadow: none; }
.header-top-row .header-clock > svg { width: 17px; height: 17px; flex-basis: 17px; color: #5c788c; }
.header-top-row .header-clock-text { gap: 8px; }
.header-top-row .header-clock-date { font: 650 16px/1.25 'Segoe UI',Arial,sans-serif; letter-spacing: -.02em; text-decoration: none; }
.header-top-row .header-clock-time { font: 750 20px/1.25 'Segoe UI',Arial,sans-serif; padding-inline-start: 9px; font-variant-numeric: tabular-nums; }
.header-more { position: relative; flex: 0 0 auto; }
.header-more > summary { list-style: none; }
.header-more > summary::-webkit-details-marker { display: none; }
.header-more > summary svg { width: 18px; height: 18px; }
.header-more[open] > summary { background: #e8f3fa !important; }
.header-more-panel { position: absolute; top: calc(100% + 12px); right: 0; width: 260px; max-width: calc(100vw - 40px); padding: 8px; display: grid; gap: 4px; border: 1px solid #d3e2ec; border-radius: 14px; background: #fff; box-shadow: 0 18px 50px #153a5d26; z-index: 1200; }
.header-more:not([open]) > .header-more-panel { display: none; }
.header-top-row .header-more-panel :is(.header-operator-actions,.header-management-actions,#company-entry) { display: grid; width: 100%; }
.header-top-row .header-more-panel :is(.workspace-feature-button,.header-management-button,.auth-logout-button,.company-entry-link,#mode-toggle-btn,.header-tools-menu > summary) { width: 100%; justify-content: flex-start; height: 42px; }
.header-top-row .header-more-panel .header-tools-menu { width: 100%; }
.header-top-row .header-more-panel .header-tools-popover { position: static; width: 100%; box-shadow: none; margin-top: 4px; }
.header-top-row .header-more-panel .header-tools-popover::before { display: none; }
.header-top-row .header-tools-popover { left: 0; right: auto; }
@media (max-width: 1200px) {
    .header-top-row .header-shop-stack { flex-basis: 340px; width: 340px; }
    .header-top-row .header-clock { flex-basis: 231px; width: 231px; padding-inline-start: 8px; }
    .header-top-row .header-clock-date { font-size: 15px; }
    .header-top-row :is(.workspace-feature-button,.header-tools-menu > summary,.header-management-button,.auth-logout-button,.company-entry-link,.header-more > summary,#mode-toggle-btn) { padding-inline: 8px !important; }
}
@media (max-width: 720px) {
    .header-top-row { flex-wrap: wrap; }
    .header-top-row .header-shop-stack { order: 10; flex: 1 0 100%; width: 100%; min-width: 0; border-top: 1px solid var(--bar-line); padding-top: 5px; height: 46px; }
    .header-top-row > .header-clock { flex-basis: 225px; width: 225px; margin-inline-start: auto; padding-inline-start: 0; border: 0; }
    .header-top-row > .header-more { order: 2; }
    .header-top-row .header-more > summary { width: 36px; padding: 0 !important; }
    .header-top-row .header-more > summary span { display: none; }
    .header-top-row .header-more-panel { right: 0; }
}
@media (max-width: 420px) {
    .header-top-row > .header-clock { flex-basis: 195px; width: 195px; gap: 5px; }
    .header-top-row .header-clock > svg { display: none; }
    .header-top-row .header-clock-date { font-size: 14px; }
    .header-top-row .header-clock-time { font-size: 18px; }
}
@media (max-width: 360px) {
    .header-top-row { gap: 3px; padding: 6px; }
    .header-top-row > .header-clock { flex-basis: 165px; width: 165px; }
    .header-top-row .header-clock-text { gap: 5px; }
    .header-top-row .header-clock-date { font-size: 13px; }
    .header-top-row .header-clock-time { font-size: 17px; padding-inline-start: 6px; }
}
@media (prefers-reduced-motion: reduce) { .header-top-row * { transition: none !important; } }
@media print { .header-top-row { display: none !important; } }