@import '_content/Starruk.Modules.Assistant.Blazor/Starruk.Modules.Assistant.Blazor.2r0eogzrvb.bundle.scp.css';

/* /Components/Layout/AuthLayout.razor.rz.scp.css */
/* Mobile-first (AC-6.6): base rules target 360-414px, @media (min-width: 600px) opens the shell
   back up for tablet/desktop. box-sizing is set explicitly wherever padding is combined with a
   percentage/100%-width so a wide viewport never gains a horizontal scrollbar
   (document.documentElement.scrollWidth must equal the viewport width). */
.tw-auth-shell[b-2ygmf67qre] {
    box-sizing: border-box;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1rem;
    background: linear-gradient(135deg, var(--s-brand-primary) 0%, var(--s-brand-primary-deep) 100%);
}

.tw-auth-panel[b-2ygmf67qre] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 440px;
}

/* The logo link itself is the touch target, not just the image (AC-6.6: >= 44px). */
.tw-auth-logo[b-2ygmf67qre] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.5rem;
    margin-bottom: 0.75rem;
}

.tw-auth-logo img[b-2ygmf67qre] {
    height: 32px;
    display: block;
}

.tw-auth-panel[b-2ygmf67qre]  .tw-auth-card {
    box-sizing: border-box;
    width: 100%;
    border-radius: var(--s-r-card);
    padding: 1.5rem 1.25rem;
}

.tw-auth-back[b-2ygmf67qre] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    margin-top: 0.5rem;
    color: var(--s-white);
    opacity: 0.75;
    font-size: 0.875rem;
    text-decoration: none;
}

.tw-auth-back:hover[b-2ygmf67qre] {
    opacity: 1;
    text-decoration: underline;
}

/* Touch targets (AC-6.6, >= 44px) for the small text-buttons the auth pages use for secondary
   actions ("Forgot password?", "Create an account", the password show/hide adornment, etc.) —
   MudBlazor's small/dense variants land well under 44px on their own. ::deep is required because
   these elements come from child components rendered inside @Body, not AuthLayout's own markup. */
.tw-auth-panel[b-2ygmf67qre]  .mud-button-root,
.tw-auth-panel[b-2ygmf67qre]  .mud-icon-button {
    min-height: 44px;
    min-width: 44px;
}

/* Two-column password-rule checklist (Register/ResetPassword) gets cramped under ~400px —
   single column keeps every rule fully readable instead of wrapping mid-word. */
@media (max-width: 399.98px) {
    .tw-auth-panel[b-2ygmf67qre]  .tw-pw-rules {
        grid-template-columns: 1fr;
    }
}

/* Tablet/desktop: still a single centered column (AC-6.6 only mandates mobile stay one column),
   just with more breathing room now that there's space to spare. */
@media (min-width: 600px) {
    .tw-auth-shell[b-2ygmf67qre] {
        padding: 2.5rem 1.5rem;
    }

    .tw-auth-logo[b-2ygmf67qre] {
        margin-bottom: 1.75rem;
    }

    .tw-auth-logo img[b-2ygmf67qre] {
        height: 44px;
    }

    .tw-auth-panel[b-2ygmf67qre]  .tw-auth-card {
        padding: 2rem;
    }

    .tw-auth-back[b-2ygmf67qre] {
        margin-top: 1.5rem;
    }
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.tw-public-shell[b-tq2pnovqy5] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--s-background);
}

.tw-public-topbar[b-tq2pnovqy5] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: var(--s-surface);
    box-shadow: var(--s-shadow-1);
    position: sticky;
    top: 0;
    z-index: 10;
}

.tw-public-logo img[b-tq2pnovqy5] {
    height: 36px;
    display: block;
}

.tw-public-content[b-tq2pnovqy5] {
    flex: 1;
    padding: 1.5rem 1rem 0;
}

.tw-public-footer[b-tq2pnovqy5] {
    padding: 2rem 1.5rem 1.5rem;
    text-align: center;
}
/* /Components/Pages/ServiceVisitDetail.razor.rz.scp.css */
/* Ample tap target for the whole panel header row (station name + status). */
[b-84a86h6ena] .mud-expand-panel-header {
    min-height: 56px;
}

/* Thumb-friendly, full-width save action on mobile — avoids a narrow tap target
   next to the station form fields on a 390px viewport. */
@media (max-width: 599px) {
    [b-84a86h6ena] .save-observation-btn {
        width: 100%;
    }
}