/* /Components/AppHeader.razor.rz.scp.css */
:root[b-q0up8eg0ey] {
    --header-height: 56px;
}

.page-header[b-q0up8eg0ey] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1200; /* overlay(1000)より前面に表示 */
    display: flex;
    align-items: center;
    gap: 8px;
    height: var(--header-height);
    padding: 0 12px;
    background: var(--color-card-panel-bg, #fff);
    border-bottom: 1px solid var(--color-border, #e0e0e0);
}

.header-left[b-q0up8eg0ey], .header-right[b-q0up8eg0ey] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-title[b-q0up8eg0ey] {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text, #222);
}

.icon-button[b-q0up8eg0ey] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
}

.icon-button:hover[b-q0up8eg0ey] {
    background: var(--color-menu-bg1, #f5f5f5);
}

.icon[b-q0up8eg0ey] {
    width: 22px;
    height: 22px;
    fill: var(--color-text, #222);
}

.emoji[b-q0up8eg0ey] {
    font-size: 18px;
    line-height: 1;
}

/* dropdown styles removed; using left slide MenuPanel instead */

@media (max-width: 640px) {
    .page-header[b-q0up8eg0ey] { padding: 0 8px; }
    .header-title[b-q0up8eg0ey] { font-size: 15px; }
    .icon-button[b-q0up8eg0ey] { width: 34px; height: 34px; }
    .icon[b-q0up8eg0ey] { width: 20px; height: 20px; }
}
/* /Layout/WasmLayout.razor.rz.scp.css */
:root[b-pu8qxyam5w] { --header-height: 56px; }

/* レイアウト内で固定ヘッダー分の上余白を確保 */
.layout-content[b-pu8qxyam5w] {
  padding-top: calc(var(--header-height, 56px) + 8px);
}