/* AppRedGK1 — capa responsive global v11 */
:root{
    --rgk-mobile-breakpoint:860px;
    --rgk-touch-size:44px;
}

html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.rgk-mobile-nav-toggle{display:none}

.table-wrap,
.v9-table-wrap,
.tk-table-wrap{
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
}

@media(max-width:860px){
    body{min-width:0}

    .shell,
    .v8-public-shell,
    .wrap,
    .container{
        width:min(100% - 14px,100%)!important;
        max-width:100%!important;
        margin-inline:auto!important;
    }

    .mp-app-tools,
    .topbar{
        position:sticky!important;
        top:36px!important;
        z-index:900!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        width:100%!important;
        min-height:58px!important;
        padding:8px 10px!important;
        align-items:center!important;
        gap:8px!important;
        border-radius:16px!important;
    }

    .mp-app-tools-left,
    .topbar>.brand{
        min-width:0!important;
        max-width:100%!important;
        display:flex!important;
        align-items:center!important;
        gap:6px!important;
        flex-wrap:wrap!important;
        overflow:visible;
    }

    .v8-brand{
        width:118px!important;
        min-width:118px!important;
        height:38px!important;
    }

    .v8-brand img{max-height:38px!important}

    .mp-back-button,
    .mp-home-link{
        min-height:var(--rgk-touch-size)!important;
        padding:8px 10px!important;
        white-space:normal!important;
    }

    .rgk-mobile-nav-toggle{
        display:inline-flex;
        min-width:var(--rgk-touch-size);
        min-height:var(--rgk-touch-size);
        padding:7px 10px;
        align-items:center;
        justify-content:center;
        gap:8px;
        border:1px solid rgba(166,181,226,.28);
        border-radius:12px;
        background:rgba(255,255,255,.055);
        color:#fff;
        font:800 13px/1 Poppins,Inter,"Segoe UI",sans-serif;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
    }

    .rgk-mobile-nav-icon{
        display:grid;
        width:20px;
        gap:4px;
    }

    .rgk-mobile-nav-icon i{
        display:block;
        width:100%;
        height:2px;
        border-radius:99px;
        background:currentColor;
        transition:transform .2s ease,opacity .2s ease;
    }

    [data-rgk-mobile-open="true"] .rgk-mobile-nav-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}
    [data-rgk-mobile-open="true"] .rgk-mobile-nav-icon i:nth-child(2){opacity:0}
    [data-rgk-mobile-open="true"] .rgk-mobile-nav-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

    html.rgk-mobile-nav-ready .mp-app-tools-right,
    html.rgk-mobile-nav-ready .topbar .nav-user{
        grid-column:1 / -1;
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-height:0;
        margin:0!important;
        padding:0!important;
        gap:2px!important;
        overflow:hidden;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-5px);
        transition:max-height .25s ease,opacity .18s ease,transform .18s ease,padding .18s ease;
    }

    html.rgk-mobile-nav-ready [data-rgk-mobile-open="true"]>.mp-app-tools-right,
    html.rgk-mobile-nav-ready [data-rgk-mobile-open="true"]>.nav-user,
    html.rgk-mobile-nav-ready [data-rgk-mobile-open="true"] .mp-app-tools-right,
    html.rgk-mobile-nav-ready [data-rgk-mobile-open="true"] .nav-user{
        max-height:min(72vh,620px);
        margin-top:5px!important;
        padding:8px 0 2px!important;
        overflow-y:auto;
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:none;
        border-top:1px solid rgba(166,181,226,.18);
    }

    .mp-app-tools-right>* ,
    .topbar .nav-user>*{
        width:100%!important;
        min-height:var(--rgk-touch-size)!important;
        margin:0!important;
        padding:10px 12px!important;
        justify-content:flex-start!important;
        text-align:left!important;
        white-space:normal!important;
        border-radius:10px!important;
    }

    .mp-app-tools-right>a:hover,
    .topbar .nav-user>a:hover{
        background:rgba(255,255,255,.06)!important;
    }

    .mp-live-clock{
        order:50;
        border-top:1px solid rgba(166,181,226,.13);
        color:#a9b5d0!important;
    }

    h1{font-size:clamp(28px,9vw,42px)!important;line-height:1.05!important;overflow-wrap:anywhere}
    h2{font-size:clamp(21px,6.5vw,30px)!important;line-height:1.12!important;overflow-wrap:anywhere}
    h3{overflow-wrap:anywhere}
    p,.lead,small{overflow-wrap:anywhere}

    .card,
    .section,
    .v8-surface,
    .portal-card,
    .tk-card,
    .v7-appointment{
        min-width:0!important;
        max-width:100%!important;
    }

    input,
    select,
    textarea{
        width:100%!important;
        min-height:var(--rgk-touch-size);
        font-size:16px!important;
    }

    button,
    .btn,
    .mp-btn,
    .actions>a,
    .actions>button{
        min-height:var(--rgk-touch-size)!important;
    }

    .actions,
    .mp-install-actions{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:8px!important;
    }

    .table-wrap table,
    .v9-table-wrap table,
    .tk-table-wrap table{
        min-width:680px;
    }

    .v7-priority-rail{
        grid-auto-columns:minmax(260px,86vw)!important;
        padding-bottom:12px!important;
    }

    .mp-community-card{
        grid-template-columns:1fr!important;
        padding:16px!important;
    }

    .mp-community-logo{min-height:82px!important}
}

@media(max-width:640px){
    .rgk-mobile-nav-label{display:none}

    .portal-grid,
    .v7-appointment-grid,
    .v7-duo,
    .v8-blog-grid,
    .v8-specialist-grid,
    .v8-profile-form,
    .v9-command-deck,
    .v9-process-grid,
    .v9-instrument-grid,
    .v9-directory-grid,
    .v9-process-preview-grid,
    .v9-profile-summary,
    .v9-profile-summary.is-compact,
    .v9-process-selection-grid,
    .v9-safety-grid,
    .tk-kpis,
    .tk-chat-shell,
    .mode-layout,
    .grid,
    .metrics,
    .layout,
    .agenda-summary-grid,
    .agenda-action-grid,
    .v10-grid,
    .v10-hero-grid{
        grid-template-columns:minmax(0,1fr)!important;
    }

    .tk-chat-form{grid-template-columns:1fr!important}

    .actions>* ,
    .mp-install-actions>*{
        flex:1 1 100%;
        width:100%;
    }

    .v8-section-heading,
    .v9-section-heading,
    .tk-section-title,
    .tk-card-head{
        align-items:flex-start!important;
        flex-direction:column!important;
        gap:10px!important;
    }

    .v8-section-heading>a,
    .v9-section-heading>a{
        align-self:flex-start!important;
    }
}

@media(max-width:390px){
    .shell,
    .v8-public-shell,
    .wrap,
    .container{width:min(100% - 10px,100%)!important}

    .mp-app-tools,
    .topbar{padding-inline:7px!important}

    .v8-brand{width:104px!important;min-width:104px!important}
    .mp-back-button{font-size:12px!important;padding-inline:8px!important}
}

@media(prefers-reduced-motion:reduce){
    .rgk-mobile-nav-icon i,
    html.rgk-mobile-nav-ready .mp-app-tools-right,
    html.rgk-mobile-nav-ready .topbar .nav-user{transition:none!important}
}