/* _content/Itmam.Boat.GovernmentPortal/Components/Layout/MainLayout.razor.rz.scp.css */
.gp-shell[b-9870hulblo] { display: flex; flex-direction: column; min-height: 100vh; }

.gp-header[b-9870hulblo] {
    background: var(--gp-navy-900); color: var(--gp-white);
    position: sticky; top: 0; z-index: 40; box-shadow: var(--gp-shadow-md);
}
.gp-header-row[b-9870hulblo] { display: flex; align-items: center; gap: var(--gp-space-5); height: var(--gp-header-h); }

.gp-brand[b-9870hulblo] { display: flex; align-items: center; gap: var(--gp-space-3); color: var(--gp-white); text-decoration: none; flex-shrink: 0; }
.gp-brand-mark[b-9870hulblo] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--gp-radius-sm); background: rgba(255,255,255,.12); color: var(--gp-gold-500); }
.gp-brand-text[b-9870hulblo] { display: flex; flex-direction: column; line-height: 1.2; }
.gp-brand-text strong[b-9870hulblo] { font-size: var(--gp-fs-base); font-weight: 700; }
.gp-brand-text small[b-9870hulblo] { font-size: var(--gp-fs-xs); color: rgba(255,255,255,.65); }

.gp-nav[b-9870hulblo] { display: flex; gap: var(--gp-space-2); flex: 1; }
.gp-nav-link[b-9870hulblo] { color: rgba(255,255,255,.78); text-decoration: none; font-weight: 600; font-size: var(--gp-fs-sm); padding: 0.5rem 0.85rem; border-radius: var(--gp-radius-sm); transition: background-color var(--gp-transition), color var(--gp-transition); }
.gp-nav-link:hover[b-9870hulblo] { background: rgba(255,255,255,.08); color: var(--gp-white); }
.gp-nav-link.is-active[b-9870hulblo] { background: rgba(255,255,255,.14); color: var(--gp-white); }

.gp-header-actions[b-9870hulblo] { display: flex; align-items: center; gap: var(--gp-space-3); margin-inline-start: auto; }
.gp-lang[b-9870hulblo] { color: rgba(255,255,255,.75); text-decoration: none; font-size: var(--gp-fs-sm); font-weight: 600; }
.gp-lang:hover[b-9870hulblo] { color: var(--gp-white); }
.gp-lang-sep[b-9870hulblo] { color: rgba(255,255,255,.35); }

.gp-user[b-9870hulblo] { display: flex; align-items: center; gap: var(--gp-space-2); background: rgba(255,255,255,.08); border-radius: var(--gp-radius-pill); padding: 4px 6px 4px 12px; }
[dir="rtl"] .gp-user[b-9870hulblo] { padding: 4px 12px 4px 6px; }
.gp-user-avatar[b-9870hulblo] { display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.15); }
.gp-user-name[b-9870hulblo] { font-size: var(--gp-fs-sm); font-weight: 600; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gp-user form[b-9870hulblo] { display: flex; }
.gp-logout[b-9870hulblo] { color: rgba(255,255,255,.85) !important; padding: 6px !important; }
.gp-logout:hover[b-9870hulblo] { background: rgba(255,255,255,.14) !important; }

.gp-menu-btn[b-9870hulblo] { display: none; background: transparent; border: none; color: var(--gp-white); padding: 6px; border-radius: var(--gp-radius-sm); cursor: pointer; }

.gp-content[b-9870hulblo] { flex: 1; padding-block: var(--gp-space-6); width: 100%; }

.gp-footer[b-9870hulblo] { border-top: 1px solid var(--gp-border); background: var(--gp-white); padding-block: var(--gp-space-4); }
.gp-footer-row[b-9870hulblo] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--gp-space-2); font-size: var(--gp-fs-xs); color: var(--gp-text-muted); }

@media (max-width: 860px) {
    .gp-nav[b-9870hulblo] { position: absolute; inset-inline: 0; top: var(--gp-header-h); background: var(--gp-navy-900); flex-direction: column; padding: var(--gp-space-3); display: none; box-shadow: var(--gp-shadow-md); }
    .gp-nav.is-open[b-9870hulblo] { display: flex; }
    .gp-user-name[b-9870hulblo] { display: none; }
    .gp-menu-btn[b-9870hulblo] { display: inline-flex; }
    .gp-brand-text small[b-9870hulblo] { display: none; }
}

@media (max-width: 560px) {
    .gp-header-row[b-9870hulblo] { gap: var(--gp-space-2); }
    .gp-brand[b-9870hulblo] { min-width: 0; flex-shrink: 1; }
    .gp-brand-text[b-9870hulblo] { min-width: 0; }
    .gp-brand-text strong[b-9870hulblo] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--gp-fs-sm); }
    .gp-header-actions[b-9870hulblo] { gap: var(--gp-space-2); flex-shrink: 0; }
    .gp-lang-sep[b-9870hulblo] { display: none; }
    .gp-lang[b-9870hulblo] { padding: 2px 4px; font-size: var(--gp-fs-xs); }
    .gp-user[b-9870hulblo] { padding: 3px 4px; gap: 2px; }
    [dir="rtl"] .gp-user[b-9870hulblo] { padding: 3px 4px; }
    .gp-user-avatar[b-9870hulblo] { width: 20px; height: 20px; }
    .gp-menu-btn[b-9870hulblo] { padding: 4px; }
}