/* BeautyGrafik V58 — Compact Universal UI
   Uniwersalny, kompaktowy panel dla usług terminowych.
   Motywy zmieniają tylko szatę graficzną, nie teksty. */

:root{
    --bg-v58-sidebar-w:238px;
    --bg-v58-radius:18px;
    --bg-v58-gap:12px;
    --bg-v58-stage-max:1280px;
}

@media(min-width:901px){
    .bg-desktop-owner-shell{
        grid-template-columns:var(--bg-v58-sidebar-w) minmax(0,1fr)!important;
    }

    .bg-desktop-sidebar{
        padding:12px 10px!important;
        gap:10px!important;
        box-shadow:16px 0 42px rgba(57,38,29,.14)!important;
    }

    .bg-sidebar-brand{
        gap:9px!important;
        padding:4px 6px 2px!important;
    }

    .bg-sidebar-brand-mark{
        width:38px!important;
        height:38px!important;
        border-radius:13px!important;
        font-size:17px!important;
        box-shadow:0 10px 24px rgba(172,119,74,.18)!important;
    }

    .bg-sidebar-brand-copy strong{
        font-size:17px!important;
        letter-spacing:-.035em!important;
    }

    .bg-sidebar-brand-copy span{
        margin-top:3px!important;
        font-size:8.5px!important;
        letter-spacing:.10em!important;
    }

    .bg-sidebar-company{
        padding:11px!important;
        border-radius:17px!important;
    }

    .bg-sidebar-company-label,
    .bg-sidebar-menu-label{
        font-size:9px!important;
        letter-spacing:.10em!important;
    }

    .bg-sidebar-company strong{
        margin-top:5px!important;
        font-size:15px!important;
        line-height:1.15!important;
    }

    .bg-sidebar-company-meta{
        margin-top:8px!important;
        gap:5px!important;
    }

    .bg-sidebar-mini-pill{
        min-height:22px!important;
        padding:3px 8px!important;
        font-size:10px!important;
    }

    .bg-sidebar-nav{
        gap:4px!important;
    }

    .bg-sidebar-link,
    .bg-sidebar .bg-v29u-sidebar-link,
    .bg-v29u-sidebar-link{
        min-height:39px!important;
        padding:7px 9px!important;
        gap:9px!important;
        border-radius:13px!important;
        font-size:12.5px!important;
    }

    .bg-sidebar-link:hover{
        transform:translateX(1px)!important;
    }

    .bg-sidebar-link.active{
        box-shadow:0 10px 22px rgba(120,79,49,.18)!important;
    }

    .bg-sidebar-ico{
        width:24px!important;
        height:24px!important;
        border-radius:8px!important;
    }

    .bg-sidebar-ico svg{
        width:15px!important;
        height:15px!important;
        stroke-width:2!important;
    }

    .bg-sidebar-counter{
        min-width:19px!important;
        height:19px!important;
        font-size:10px!important;
    }

    .bg-sidebar-user{
        padding:9px!important;
        border-radius:15px!important;
    }

    .bg-sidebar-user small{
        font-size:9px!important;
    }

    .bg-sidebar-user strong{
        font-size:12px!important;
    }

    .bg-sidebar-bottom-actions{
        gap:6px!important;
    }

    .bg-sidebar-mini-action,
    .bg-sidebar-logout{
        min-height:34px!important;
        border-radius:12px!important;
        font-size:11.5px!important;
    }

    .bg-desktop-topbar{
        height:68px!important;
        padding:10px 20px!important;
        gap:12px!important;
    }

    .bg-desktop-topbar-kicker{
        font-size:9px!important;
        letter-spacing:.10em!important;
    }

    .bg-desktop-topbar h2{
        margin-top:3px!important;
        font-size:21px!important;
        letter-spacing:-.035em!important;
    }

    .bg-desktop-topbar-actions{
        gap:7px!important;
    }

    .bg-desktop-topbar-date,
    .bg-desktop-topbar-link,
    .bg-v29u-topbar-bell{
        min-height:38px!important;
        padding:0 11px!important;
        border-radius:13px!important;
        font-size:12px!important;
        box-shadow:0 6px 16px rgba(86,58,42,.045)!important;
    }

    .bg-desktop-owner-stage > .container{
        max-width:var(--bg-v58-stage-max)!important;
        padding:18px 20px 28px!important;
    }

    .bg-desktop-owner-stage > .footer{
        max-width:var(--bg-v58-stage-max)!important;
        padding:14px 20px 24px!important;
    }

    .bg-desktop-owner-stage .card,
    .bg-desktop-owner-stage [class*="card"],
    .bg-desktop-owner-stage .bg-v54-card{
        border-radius:18px!important;
    }

    .bg-desktop-owner-stage .card{
        box-shadow:0 10px 28px rgba(86,58,42,.065)!important;
    }

    .bg-desktop-owner-stage h1{
        font-size:28px!important;
        line-height:1.05!important;
        letter-spacing:-.045em!important;
    }

    .bg-desktop-owner-stage h2{
        font-size:22px!important;
        line-height:1.08!important;
    }

    .bg-desktop-owner-stage h3{
        font-size:18px!important;
        line-height:1.1!important;
    }

    .bg-desktop-owner-stage p,
    .bg-desktop-owner-stage label,
    .bg-desktop-owner-stage td,
    .bg-desktop-owner-stage th,
    .bg-desktop-owner-stage input,
    .bg-desktop-owner-stage select,
    .bg-desktop-owner-stage textarea,
    .bg-desktop-owner-stage button,
    .bg-desktop-owner-stage a{
        font-size:13px;
    }

    .bg-desktop-owner-stage .btn,
    .bg-desktop-owner-stage button.btn,
    .bg-desktop-owner-stage a.btn{
        min-height:38px!important;
        padding:0 13px!important;
        border-radius:13px!important;
        font-size:12.5px!important;
    }

    .bg-desktop-owner-stage input,
    .bg-desktop-owner-stage select,
    .bg-desktop-owner-stage textarea{
        border-radius:13px!important;
    }

    .bg-desktop-owner-stage table th,
    .bg-desktop-owner-stage table td{
        padding:9px 10px!important;
    }
}

@media(max-width:900px){
    .bg-desktop-topbar,
    .bg-desktop-owner-stage > .container{
        padding-left:12px!important;
        padding-right:12px!important;
    }
}