@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', ui-sans-serif, sans-serif;
    --color-ocean-50: #f0f7ff;
    --color-ocean-100: #dcecff;
    --color-ocean-200: #b9d9ff;
    --color-ocean-300: #82baff;
    --color-ocean-400: #4794f2;
    --color-ocean-500: #286edb;
    --color-ocean-600: #174faa;
    --color-ocean-700: #123f86;
    --color-ocean-800: #0b315f;
    --color-ocean-900: #072746;
    --color-ocean-950: #031827;
    --color-mint-50: #effcf8;
    --color-mint-100: #d8f7ed;
    --color-mint-500: #26a986;
    --shadow-card: 0 12px 40px rgb(7 39 70 / 0.08);
    --shadow-float: 0 18px 50px rgb(3 24 39 / 0.18);
}

.article-editor-toolbar { position: sticky; top: var(--app-header-height, 72px); z-index: 15; }
.article-editor-tool { min-width: 2.75rem; min-height: 2.5rem; flex-shrink: 0; border-radius: .75rem; border: 1px solid rgb(226 232 240 / .9); background: rgb(255 255 255 / .76); padding: 0 .7rem; font-size: .65rem; font-weight: 800; color: #0f3555; transition: transform 180ms ease, background 180ms ease; }
.article-editor-tool:hover { transform: translateY(-1px); background: rgb(224 247 250 / .9); }
.article-editor-prose { min-height: 470px; outline: none; color: #0b2439; font-size: .875rem; line-height: 1.8; overflow-wrap: anywhere; }
.article-editor-prose p { margin: .8rem 0; }
.article-editor-prose h2 { margin: 1.8rem 0 .75rem; font-size: 1.55rem; font-weight: 900; line-height: 1.25; }
.article-editor-prose h3 { margin: 1.4rem 0 .6rem; font-size: 1.2rem; font-weight: 850; line-height: 1.3; }
.article-editor-prose ul, .article-editor-prose ol { margin: .8rem 0; padding-left: 1.4rem; }
.article-editor-prose ul { list-style: disc; } .article-editor-prose ol { list-style: decimal; }
.article-editor-prose blockquote { margin: 1rem 0; border-left: 3px solid #13b8c6; background: rgb(236 254 255 / .8); padding: .8rem 1rem; color: #33566e; }
.article-editor-prose a, .article-prose a { color: #087f91; text-decoration: underline; }
.article-editor-prose img, .article-prose img { max-width: 100%; height: auto; border-radius: 1.1rem; }
.article-prose { color: #233c50; font-size: .93rem; line-height: 1.9; overflow-wrap: anywhere; }
.article-prose p { margin: 1rem 0; }
.article-prose h2 { margin: 2.2rem 0 .8rem; color: #072f4f; font-size: 1.55rem; font-weight: 900; line-height: 1.3; }
.article-prose h3 { margin: 1.8rem 0 .65rem; color: #072f4f; font-size: 1.2rem; font-weight: 850; line-height: 1.35; }
.article-prose ul, .article-prose ol { margin: 1rem 0; padding-left: 1.35rem; } .article-prose ul { list-style: disc; } .article-prose ol { list-style: decimal; }
.article-prose blockquote { margin: 1.3rem 0; border-left: 3px solid #12b8c4; border-radius: 0 1rem 1rem 0; background: rgb(236 254 255 / .78); padding: 1rem 1.15rem; color: #36576e; }
.article-prose figure { margin: 1.5rem 0; } .article-prose figcaption { margin-top: .55rem; text-align: center; font-size: .7rem; color: #64748b; }
.article-prose table { display: block; max-width: 100%; overflow-x: auto; }

@media (max-width: 767px) {
    .article-editor-shell { overflow: visible; }
    .article-editor-toolbar { position: sticky; inset-inline: auto; top: var(--app-header-height, 64px); bottom: auto; z-index: 25; border-bottom: 1px solid rgb(255 255 255 / .9); border-radius: 1.5rem 1.5rem 0 0; box-shadow: 0 8px 24px rgb(7 39 70 / .1); }
    .article-editor-content { height: min(58dvh, 620px); min-height: 360px; overflow-y: auto; overscroll-behavior: contain; border-radius: 0 0 1.5rem 1.5rem; padding-bottom: 2rem; scroll-padding-block: 1.25rem; -webkit-overflow-scrolling: touch; }
    .article-editor-content .ProseMirror { min-height: 100%; }
    .article-prose { font-size: .875rem; line-height: 1.82; }
    .article-prose h2 { font-size: 1.35rem; } .article-prose h3 { font-size: 1.1rem; }
}

@layer base {
    html {
        scroll-behavior: smooth;
        scroll-padding-top: calc(var(--app-header-height, 72px) + 16px);
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-x: clip;
    }
    body {
        background:
            radial-gradient(ellipse at 95% 0%, #edfaff 0%, transparent 52%),
            radial-gradient(ellipse at 0% 35%, #91b9d8 0%, transparent 64%),
            linear-gradient(135deg, #bad4e8, #d9ebf4 48%, #b6d8e6);
        background-attachment: fixed;
        color: #0b1f33;
        font-family: var(--font-sans);
        text-rendering: optimizeLegibility;
        position: relative;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-x: clip;
        overscroll-behavior-x: none;
    }
    button, a { -webkit-tap-highlight-color: transparent; }
    :focus-visible { outline: 2px solid var(--color-ocean-500); outline-offset: 3px; }
    button { cursor: pointer; }
    button:disabled { cursor: not-allowed; }
}

/* Shared shell dimensions are measured so safe areas and fixed actions agree. */
.site-ui { --ui-radius: 20px; --ui-duration: 180ms; }
.site-ui { width: 100%; max-width: 100vw; overflow-x: hidden; overflow-x: clip; }
.site-ui :where(img, svg, video, canvas, iframe) { max-width: 100%; }
.site-ui [data-app-header] { padding-top: env(safe-area-inset-top, 0px); }
.site-ui .site-main { width: 100%; max-width: 100%; min-width: 0; padding-bottom: calc(var(--bottom-nav-height, 76px) + 24px); }
.site-ui .site-main > *, .site-ui > footer { min-width: 0; max-width: 100%; }
.site-ui .catalog-header { top: var(--app-header-height, 72px); }
.site-ui .checkout-actions { bottom: calc(var(--bottom-nav-height, 76px) + 16px); }
.site-ui .site-feedback { top: calc(var(--app-header-height, 72px) + 12px); }
.site-ui [data-bottom-nav] a, .site-ui [data-bottom-nav] button { min-height: 44px; }
.site-ui [data-dashboard-menu] aside { padding-top: max(20px, env(safe-area-inset-top)); padding-bottom: max(20px, env(safe-area-inset-bottom)); }
.site-ui .site-main h1:not(.sr-only) { font-size: clamp(1.5rem, 2.6vw, 2rem); line-height: 1.25; overflow-wrap: anywhere; }
.site-ui .site-main :where(input:not([type=hidden],[type=checkbox],[type=radio]), select, textarea) { min-width: 0; }
.site-ui [data-chat-message-list] { overflow-wrap: anywhere; }
.site-ui [data-chat-message-list] [data-message-id] > * { white-space: pre-wrap; }
.dashboard-ui .site-main > * { min-width: 0; }
.dashboard-ui .site-main .overflow-x-auto { max-width: 100%; overscroll-behavior-x: contain; }
.dashboard-ui .site-main table { width: 100%; font-size: .8125rem; }
.dashboard-ui .site-main th { color: #526175; font-weight: 600; }
.dashboard-ui .site-main :where(td, th) { padding: .875rem 1rem; }
.ui-input { width: 100%; min-height: 52px; border: 1px solid #cbd5e1; border-radius: 16px; padding: .75rem 1rem; background: white; font-size: 1rem; }
.ui-input:focus { border-color: #82baff; outline: 3px solid #dcecff; outline-offset: 1px; }
.ui-input[aria-invalid=true] { border-color: #dc2626; }
.ui-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: .5rem; padding: .75rem 1.25rem; border-radius: 16px; background: linear-gradient(135deg, #0b315f, #072746); color: white; font-size: .875rem; font-weight: 700; box-shadow: 0 10px 24px rgb(7 39 70 / .15); transition: transform var(--ui-duration) ease-out, box-shadow var(--ui-duration) ease-out, background-color var(--ui-duration) ease-out; }
.ui-button:active { transform: scale(.97); }
.ui-button:hover { box-shadow: 0 14px 30px rgb(7 39 70 / .22); }
.ui-button:disabled { background: #cbd5e1; }
@media (max-width: 767px) {
    /* A 16px input prevents iOS Safari from zooming the form on focus. */
    /* Keep controls at the iOS no-zoom threshold. Utility classes may set a smaller
       size, so this safeguard intentionally wins to prevent Safari auto-zoom and
       the resulting horizontal viewport drift after focusing a field. */
    .site-ui :where(input:not([type=hidden],[type=checkbox],[type=radio]), select, textarea) { font-size: 16px !important; min-height: 52px; }
    /* Rich-text fields are contenteditable instead of inputs. Keep them at the
       same threshold so Safari does not zoom the whole admin page while typing. */
    .site-ui :where([contenteditable="true"], .ProseMirror) { font-size: 16px !important; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
    .article-editor-prose { line-height: 1.72; }
    .site-ui [data-app-header] > .page-shell { gap: .5rem; }
    .site-ui .site-main .section-card { border-radius: var(--ui-radius); box-shadow: 0 4px 16px rgb(7 39 70 / .04); }
    .dashboard-ui [data-app-header] > div { min-height: 4rem; padding-inline: 1rem; }
    .dashboard-ui .site-main { padding: 1rem 1rem calc(var(--bottom-nav-height, 76px) + 1.25rem); }
    .dashboard-ui [data-bottom-nav] { min-height: var(--bottom-nav-height, 76px); }
    .site-ui .site-main h2 { overflow-wrap: anywhere; }
    .auth-shell { border-radius: 1.5rem; }
    .auth-shell > :last-child { min-width: 0; padding: 1rem; }
    .auth-shell h2 { margin-top: .35rem; font-size: 1.55rem; line-height: 1.2; }
    .auth-shell form { margin-top: 1rem; gap: .75rem; }
    .auth-shell .ui-input,
    .auth-shell :where(input:not([type=hidden],[type=checkbox],[type=radio]), select, textarea) { min-height: 46px; border-radius: .875rem; }
    .auth-shell .ui-input { padding: .6rem .85rem; }
    .auth-shell .my-5 { margin-block: .75rem; }
    .auth-shell p.mt-5 { margin-top: .75rem; }
    .catalog-header { overscroll-behavior-x: contain; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .site-ui *, .site-ui *::before, .site-ui *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

@layer components {
    .glass-panel { background: rgb(255 255 255 / 0.86); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); }
    .page-shell { margin-inline: auto; width: 100%; max-width: 1180px; padding-inline: 1rem; }
    .section-card { border: 1px solid rgb(255 255 255 / .92); background: rgb(255 255 255 / .92); box-shadow: 0 12px 36px rgb(7 39 70 / .07), inset 0 0 0 1px rgb(226 232 240 / .7); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
    .page-intro { display: flex; flex-direction: column; gap: .25rem; }
    .page-eyebrow { font-size: .625rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--color-ocean-500); }
    .page-title { color: var(--color-ocean-950); font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; line-height: 1.18; letter-spacing: -.025em; }
    .page-copy { max-width: 42rem; color: #64748b; font-size: .75rem; line-height: 1.7; }
    .metric-card { position: relative; overflow: hidden; transition: transform var(--ui-duration) ease-out, box-shadow var(--ui-duration) ease-out; }
    .metric-card::after { position: absolute; right: -2rem; top: -2rem; width: 6rem; height: 6rem; border-radius: 999px; background: rgb(220 236 255 / .45); content: ''; }
    .metric-card:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgb(7 39 70 / .11); }
    .auth-shell { background: linear-gradient(145deg, rgb(255 255 255 / .96), rgb(240 247 255 / .82)); }
    .auth-visual { background-color: #0b315f; }
    .auth-shell { min-width: 0; }
    .chat-surface { background: linear-gradient(180deg, rgb(240 247 255 / .72), rgb(248 250 252 / .94)); box-shadow: inset 0 1px 0 rgb(255 255 255 / .9); }
    .chat-composer { border: 1px solid rgb(226 232 240 / .8); background: rgb(255 255 255 / .93); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
    .interactive-card { transition: transform var(--ui-duration) ease-out, box-shadow var(--ui-duration) ease-out, border-color var(--ui-duration) ease-out; }
    .interactive-card:hover { transform: translateY(-2px); border-color: var(--color-ocean-200); box-shadow: 0 16px 36px rgb(7 39 70 / .1); }
    .nav-pill { display: flex; align-items: center; gap: .5rem; border-radius: 999px; padding: .7rem .95rem; font-size: .875rem; font-weight: 700; color: #526175; transition: all .2s ease; }
    .nav-pill:hover { background: #f0f7ff; color: #0b315f; }
    .points-chip { align-items: center; justify-content: center; min-width: 7.8rem; border: 1px solid rgb(255 255 255 / .9); border-radius: 1rem; padding: .45rem .7rem; background: linear-gradient(135deg, rgb(255 255 255 / .82), rgb(214 245 249 / .7)); box-shadow: inset 0 1px 1px #fff, 0 5px 14px rgb(41 95 133 / .1); text-align: center; transition: transform .2s ease, box-shadow .2s ease; }
    .points-chip:hover { transform: translateY(-1px); box-shadow: inset 0 1px 1px #fff, 0 8px 18px rgb(41 95 133 / .16); }
    .soft-grid { background-image: radial-gradient(rgb(255 255 255 / .16) 1px, transparent 1px); background-size: 18px 18px; }
    .auth-visual.soft-grid { background-image: radial-gradient(circle at top right, #87bdd7, transparent 70%), linear-gradient(155deg, #275b86, #06416b); background-size: cover; }
    .fade-up { animation: fade-up .45s ease both; }
    .no-scrollbar { scrollbar-width: none; }
    .no-scrollbar::-webkit-scrollbar { display: none; }
    .mobile-touch { min-height: 44px; min-width: 44px; }
    .home-shortcuts {
        position: relative;
        z-index: 10;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 4px;
        margin: 12px 8px 0;
        padding: 6px;
        border: 1px solid rgb(255 255 255 / .85);
        border-radius: 18px;
        background: linear-gradient(135deg, rgb(255 255 255 / .82), rgb(240 247 255 / .72));
        box-shadow: 0 6px 20px rgb(7 39 70 / .09);
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
    }
    .home-shortcuts__link {
        display: flex;
        min-width: 0;
        min-height: 58px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 2px;
        border-radius: 12px;
        color: var(--color-ocean-900);
        font-size: 10px;
        font-weight: 700;
        line-height: 14px;
        text-align: center;
        transition: background-color .18s ease, transform .18s ease;
    }
    .home-shortcuts__icon { display: grid; flex-shrink: 0; width: 32px; height: 32px; place-items: center; border-radius: 10px; }
    .home-shortcuts__link:focus-visible { outline: 2px solid var(--color-ocean-500); outline-offset: 2px; }
    .home-shortcuts__link:active { transform: scale(.98); }
    @media (hover: hover) {
        .home-shortcuts__link:hover { background: rgb(255 255 255 / .65); }
    }
    @media (min-width: 768px) {
        .home-shortcuts { margin-inline: 24px; padding: 8px; }
        .home-shortcuts__link { flex-direction: row; min-height: 48px; gap: 10px; font-size: 13px; line-height: 20px; }
        .home-shortcuts__icon { width: 36px; height: 36px; }
    }
    @media (prefers-reduced-motion: reduce) {
        .home-shortcuts__link { transition: none; }
    }
}

.dashboard-ui .site-main > div:first-child { animation: fade-up .36s ease both; }
.dashboard-ui .site-main :where(input:not([type=hidden],[type=checkbox],[type=radio]), select, textarea) {
    border-color: #dbe3ec;
    border-radius: .875rem;
    background-color: rgb(255 255 255 / .96);
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.dashboard-ui .site-main :where(input:not([type=hidden],[type=checkbox],[type=radio]), select, textarea):focus {
    border-color: var(--color-ocean-300);
    box-shadow: 0 0 0 4px rgb(220 236 255 / .8);
    outline: none;
}
.dashboard-ui .site-main tbody tr { transition: background-color .16s ease; }
.dashboard-ui .site-main tbody tr:hover { background: rgb(240 247 255 / .44); }

/* A shared, quiet glass surface; blur is reserved for larger feature cards. */
.site-ui .section-card, .site-ui .home-shortcuts {
    background: linear-gradient(130deg, rgb(255 255 255 / .88), rgb(210 239 247 / .66));
    border-color: rgb(255 255 255 / .94);
    box-shadow: inset 0 1px 1px #fff, inset 0 -1px 0 rgb(95 161 191 / .35), 0 16px 36px rgb(28 79 115 / .18);
}
.site-ui .section-card { backdrop-filter: none; -webkit-backdrop-filter: none; }
.site-ui .glass-panel { background: linear-gradient(135deg, rgb(255 255 255 / .85), rgb(215 239 247 / .72)); border-color: rgb(255 255 255 / .9); box-shadow: inset 0 1px 1px #fff, 0 8px 24px rgb(41 95 133 / .16); }
.site-ui .home-shortcuts { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
.site-ui .site-main :where(h1,h2,h3,h4) { font-weight: 600; letter-spacing: -.025em; }
.site-ui .site-main :where(p,small) { letter-spacing: normal; }
.site-ui .ui-button { background: linear-gradient(115deg, #087ca3, #13b9c9); box-shadow: inset 0 1px 1px #ffffff70, 0 7px 18px #087ca32b; }
.home-atmosphere { background: transparent; }
.premium-carousel { width: 100%; max-width: none; margin-inline: 0; padding: 0; border: 0; border-radius: 28px; overflow: hidden; background: transparent; box-shadow: 0 12px 32px #295f8526; }
.premium-carousel [data-carousel-track] { box-shadow: none; }
.premium-carousel [data-carousel-track] > a { aspect-ratio: 1200 / 550; background: #d9edf5; }
.premium-carousel img { object-fit: cover; }
.site-ui .site-main > section, .site-ui > footer { background-color: transparent !important; background-image: none !important; }
.site-ui .catalog-header { background: linear-gradient(135deg, rgb(255 255 255 / .84), rgb(215 239 247 / .68)); border-color: rgb(255 255 255 / .9); box-shadow: inset 0 1px 1px #fff, 0 10px 26px rgb(41 95 133 / .14); }
.site-ui .catalog-header input { background: rgb(255 255 255 / .52); border-color: rgb(255 255 255 / .9); box-shadow: inset 0 1px 2px rgb(41 95 133 / .06); }
.site-ui [data-catalog-filter-modal] > div { background: linear-gradient(135deg, rgb(255 255 255 / .88), rgb(214 239 247 / .76)); }
.site-ui .page-shell { max-width: 1180px; }
.site-footer { position: relative; overflow: hidden; }
.footer-intro { padding-inline: .25rem; }
.footer-glass { position: relative; overflow: hidden; border: 1px solid rgb(255 255 255 / .9); background: linear-gradient(135deg, rgb(255 255 255 / .78), rgb(211 244 247 / .65)); box-shadow: inset 0 1px 1px #fff, 0 18px 42px rgb(28 79 115 / .14); }
.footer-glass::before { position: absolute; top: -8rem; right: -5rem; width: 20rem; height: 20rem; border-radius: 999px; background: radial-gradient(circle, rgb(27 207 213 / .25), transparent 68%); content: ''; pointer-events: none; }
.footer-glass > * { position: relative; }
.footer-heading { color: var(--color-ocean-950); font-size: .75rem; font-weight: 700; letter-spacing: -.01em; }
.footer-link, .footer-social { display: inline-flex; align-items: center; gap: .5rem; width: fit-content; color: #526175; font-size: .6875rem; font-weight: 500; line-height: 1.35; transition: color .18s ease, transform .18s ease; }
.footer-link:hover, .footer-social:hover { color: #087ca3; transform: translateX(2px); }
.footer-social svg { color: #087ca3; }
.footer-service-grid { display: grid; gap: .875rem; }
.footer-service-card { display: flex; min-width: 0; min-height: 10.5rem; flex-direction: column; justify-content: space-between; padding: 1rem; border: 1px solid rgb(255 255 255 / .9); border-radius: 1.25rem; background: linear-gradient(135deg, rgb(255 255 255 / .7), rgb(229 249 251 / .54)); box-shadow: inset 0 1px 1px rgb(255 255 255 / .9), 0 8px 20px rgb(41 95 133 / .08); }
.footer-service-kicker { color: var(--color-ocean-600); font-size: .5625rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.footer-service-copy { max-width: 19rem; margin-top: .35rem; color: #64748b; font-size: .625rem; line-height: 1.45; }
.footer-store-chip, .footer-brand-logo { display: inline-flex; height: 2rem; align-items: center; justify-content: center; gap: .35rem; padding: .35rem .55rem; border: 1px solid rgb(255 255 255 / .9); border-radius: .65rem; background: rgb(255 255 255 / .72); box-shadow: 0 3px 10px rgb(41 95 133 / .07); color: #526175; font-size: .6rem; font-weight: 600; }
.footer-store-chip { color: var(--color-ocean-900); font-size: .55rem; }
.footer-brand-logo { min-width: 3.1rem; }
.footer-jnt-logo { filter: brightness(0) saturate(100%) invert(16%) sepia(93%) saturate(3351%) hue-rotate(349deg) brightness(91%) contrast(97%); }
@media (min-width: 1024px) { .footer-service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .premium-carousel [data-carousel-track] > a { aspect-ratio: 2.35 / 1; } }
.carousel-dot { display: grid; place-items: center; width: 24px; height: 28px; }
.carousel-dot::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #ffffff80; box-shadow: 0 1px 3px #12304780; transition: background-color .2s; }
.carousel-dot[aria-current="true"]::after { background: #fff; }
.adis-avatar { width: 32px; height: 32px; flex: 0 0 auto; object-fit: contain; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; background: rgba(224,247,250,.9); box-shadow: 0 3px 10px rgba(8,47,73,.12); }
.adis-typing { display: inline-flex; align-items: center; gap: 4px; min-width: 58px; min-height: 38px; }
.adis-typing span { width: 6px; height: 6px; border-radius: 50%; background: var(--color-ocean-600); opacity: .35; animation: adis-thinking 1.1s ease-in-out infinite; }
.adis-typing span:nth-child(2) { animation-delay: .15s; }
.adis-typing span:nth-child(3) { animation-delay: .3s; }
@keyframes adis-thinking { 0%, 60%, 100% { opacity: .3; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .adis-typing span { animation: none; opacity: .65; } }
.site-ui [data-pharmacy-chat] h1 { font-size: 1rem; }
@media (prefers-reduced-transparency: reduce) {
    .site-ui .section-card, .site-ui .home-shortcuts, .site-ui .glass-panel { background: #edf6fb; backdrop-filter: none; -webkit-backdrop-filter: none; }
}

@media (max-width: 767px) {
    .page-shell { padding-inline: .875rem; }
    .page-copy { font-size: .6875rem; }
    .section-card { box-shadow: 0 8px 24px rgb(7 39 70 / .055), inset 0 0 0 1px rgb(226 232 240 / .65); }
    .dashboard-ui .site-main table { font-size: .75rem; }
    .dashboard-ui .site-main :where(td, th) { padding: .75rem; }
}

@keyframes fade-up {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (min-width: 768px) {
    .page-shell { padding-inline: 1.5rem; }
    .site-ui:not(.dashboard-ui) .site-main { padding-bottom: 0; }
}