/* WolkTechAI v0.11 — pełna responsywność aplikacji */
html,body{max-width:100%;overflow-x:hidden}
body.mobile-nav-open{overflow:hidden;touch-action:none}
img,svg,video,canvas{max-width:100%;height:auto}
iframe{max-width:100%}
input,textarea,select,button{max-width:100%}
.sidebar-close,.sidebar-backdrop{display:none}

@media(max-width:1200px){
    .sidebar{
        z-index:80;width:min(88vw,330px);max-width:330px;
        padding-top:max(18px,env(safe-area-inset-top));
        padding-bottom:max(18px,env(safe-area-inset-bottom));
        overflow-y:auto;overscroll-behavior:contain;
        box-shadow:24px 0 70px rgba(0,0,0,.3)
    }
    .sidebar-close{
        display:grid;place-items:center;position:absolute;right:12px;top:max(12px,env(safe-area-inset-top));
        width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:12px;
        background:rgba(255,255,255,.06);color:#e6f2ef;font-size:25px;line-height:1;cursor:pointer
    }
    .sidebar-backdrop{
        display:block;position:fixed;inset:0;z-index:70;border:0;padding:0;
        background:rgba(5,14,18,.56);backdrop-filter:blur(3px);
        opacity:0;pointer-events:none;transition:opacity .2s ease
    }
    body.mobile-nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}
    .topbar{z-index:60;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
    .menu-button{flex:0 0 auto}
    .main-wrap,.main-content{width:100%;min-width:0}
    .provider-add-body,.create-account-drawer-body{
        z-index:90;left:16px!important;right:16px!important;top:max(74px,calc(env(safe-area-inset-top) + 62px))!important;
        width:auto!important;max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;
        padding:18px!important;overflow:auto!important;overscroll-behavior:contain
    }
}

@media(max-width:980px){
    .topbar-actions{gap:8px}
    .topbar-status{display:none}
    .topbar-user{padding:6px}.topbar-user div{display:none}
    .topbar-user>span{width:34px;height:34px}
    .tools-hero,.admin-hero,.ai-config-hero{align-items:flex-start;flex-direction:column}
    .tools-hero>.button,.admin-hero details,.ai-config-hero details{width:100%}
    .tools-hero>.button,.admin-hero details>summary,.ai-config-hero details>summary{width:100%}
    .metric-grid,.metric-grid-extended,.user-summary-grid,.user-summary-premium,.tool-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .dashboard-grid-2,.settings-grid,.tool-workspace,.token-widget{grid-template-columns:1fr!important}
    .edit-panel{position:static!important;top:auto!important}
    .tools-grid,.grouped-tools-grid,.template-grid,.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .account-row{grid-template-columns:1fr!important}
    .account-actions{grid-column:auto!important;border-top:1px solid #e3ecef;padding-top:12px}
    .admin-console-head{align-items:flex-start;flex-direction:column}
    .admin-console-filters{width:100%;min-width:0!important}
    .provider-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .provider-wide{grid-column:1/-1!important}
}

@media(max-width:760px){
    html{font-size:16px}
    body{min-width:0}
    .topbar{min-height:76px;padding-top:12px;padding-bottom:12px;gap:11px}
    .topbar-title{min-width:0}.topbar-title h1{font-size:20px!important;overflow-wrap:anywhere}.topbar-title .eyebrow{font-size:9px}
    .topbar-actions{margin-left:auto}.topbar-user{display:none}
    .main-content{padding:16px!important}
    .generator-card,.panel-card,.admin-console,.admin-hero,.tools-hero,.ai-config-hero,.preview-panel,.edit-panel{padding:18px!important;border-radius:18px!important}
    .panel-head{padding:15px 16px!important}
    .generator-head,.section-head,.page-section-head,.panel-head,.tool-header,.token-overview-head,.provider-card-head{flex-direction:column;align-items:flex-start!important}
    .generator-head h2,.section-head h2,.page-section-head h2,.tools-hero h2,.admin-hero h2,.ai-config-hero h2{font-size:22px!important}
    .metric-grid,.metric-grid-extended,.user-summary-grid,.user-summary-premium,.tool-stats-grid{grid-template-columns:1fr!important;gap:10px}
    .metric-card,.metric-tech{padding:15px!important}
    .metric-card strong{font-size:24px!important}
    .prompt-footer{flex-direction:column;align-items:stretch!important}
    .prompt-footer>.button{width:100%}
    .prompt-examples{gap:7px}.chip{flex:1 1 auto;text-align:center}
    .provider-select-label{width:100%}
    .token-widget{gap:15px}.token-widget-meter>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}
    .dashboard-grid-2{gap:14px}
    .tools-grid,.grouped-tools-grid,.template-grid,.provider-grid{grid-template-columns:1fr!important}
    .grouped-tools-grid{padding:12px!important}
    .tool-group-head{padding:14px 15px!important}.tool-group-toggle{display:none}
    .premium-toolbar,.catalog-toolbar{grid-template-columns:1fr!important;padding:15px!important}
    .toolbar-result{grid-column:auto!important;justify-items:start!important}
    .tool-view-tabs{
        width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;padding:5px;gap:5px;white-space:nowrap
    }
    .tool-view-tab{flex:0 0 auto;scroll-snap-align:start;min-height:42px}
    .tool-card{min-height:0!important;padding:17px!important}
    .tool-card-top{display:flex!important;flex-direction:row;align-items:flex-start!important}
    .tool-card-top-actions{flex-wrap:wrap;justify-content:flex-end!important}
    .tool-card-footer .button,.card-admin-action .button{width:100%}
    .tool-header{padding:18px!important}.tool-title-line{align-items:flex-start}.tool-actions{width:100%;display:grid!important;grid-template-columns:1fr!important}
    .tool-actions form,.tool-actions a,.tool-actions .button{width:100%}
    .tool-frame{height:min(72dvh,620px)!important;min-height:430px}
    .inline-form{grid-template-columns:1fr!important}
    .shared-user-row,.version-row,.usage-row{grid-template-columns:1fr!important;display:grid!important;align-items:start!important}
    .shared-user-row form,.shared-user-row button,.version-actions,.version-actions form,.version-actions .button{width:100%}
    .version-actions{display:grid!important;grid-template-columns:1fr!important}
    .create-user-form,.create-user-form-premium,.provider-form,.provider-edit-form,.preset-grid{grid-template-columns:1fr!important}
    .provider-wide,.full-span,.create-user-submit{grid-column:auto!important}
    .create-user-submit .button,.provider-form-actions .button{width:100%}
    .admin-console{padding:15px!important}
    .admin-console-filters{grid-template-columns:1fr!important}
    .account-row{padding:14px!important;gap:12px!important}
    .account-main{flex-direction:column;align-items:flex-start!important}
    .account-badges{justify-content:flex-start!important}
    .account-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
    .account-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
    .account-actions>*{width:100%}.account-actions .button{width:100%}
    .user-edit-form-premium{position:static!important;width:100%!important;max-width:none!important;margin-top:10px}
    .provider-usage{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .provider-actions{display:grid!important;grid-template-columns:1fr!important}.provider-actions form,.provider-actions .button{width:100%}
    .ai-general-card,.ai-general-form{flex-direction:column;align-items:stretch!important}.ai-general-form .switch-row{min-width:0!important}
    .token-breakdown{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
    .table-wrap{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
    .log-table-wrap table,.log-table-wrap thead,.log-table-wrap tbody,.log-table-wrap tr,.log-table-wrap td{display:block;width:100%;min-width:0!important}
    .log-table-wrap thead{display:none}
    .log-table-wrap tbody{display:grid;gap:12px}
    .log-table-wrap tr{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
    .log-table-wrap td{display:grid;grid-template-columns:minmax(88px,.38fr) minmax(0,1fr);gap:10px;padding:8px 0;border:0!important;overflow-wrap:anywhere}
    .log-table-wrap td:before{content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
    .prompt-cell{max-width:none!important}
    .login-shell{display:block!important;min-height:100dvh;padding:12px!important}
    .login-visual{display:none!important}
    .login-panel{min-height:calc(100dvh - 24px);padding:12px!important;border-radius:20px!important}
    .login-card{width:100%!important;max-width:480px;padding:22px!important}
    .install-shell{padding:14px!important}.install-card{padding:20px!important}
    input,textarea,select{font-size:16px!important}
    .button{min-height:46px}
}

@media(max-width:480px){
    .main-content{padding:12px!important}
    .topbar{padding-left:12px;padding-right:12px}
    .menu-button{width:40px;height:40px}
    .generator-card,.panel-card,.admin-console,.admin-hero,.tools-hero,.ai-config-hero,.preview-panel,.edit-panel{padding:15px!important;border-radius:16px!important}
    .metric-card{border-radius:16px!important}
    .account-data-grid,.provider-usage,.token-breakdown{grid-template-columns:1fr!important}
    .account-name-line{align-items:flex-start;flex-direction:column}
    .badge-stack,.account-badges{gap:6px}
    .status-pill{font-size:9px!important;padding:5px 7px!important}
    .tool-card-top{flex-direction:column!important}.tool-card-top-actions{width:100%;justify-content:space-between!important}
    .tool-frame{height:62dvh!important;min-height:360px}
    .provider-add-body,.create-account-drawer-body{left:8px!important;right:8px!important;padding:14px!important;border-radius:16px!important}
    .login-card{padding:18px!important}
    .log-table-wrap td{grid-template-columns:1fr;gap:3px}
}