/* BakiyeOnay ortak mobil arayüz katmanı */
.sidebar-backdrop{display:none}

@media(max-width:760px){
    html,body{max-width:100%;overflow-x:hidden}
    body.sidebar-open{overflow:hidden}
    .sidebar{width:min(86vw,320px);overflow-y:auto;overscroll-behavior:contain;box-shadow:18px 0 45px rgba(3,17,38,.3)}
    .sidebar-backdrop{position:fixed;inset:0;z-index:29;width:100%;height:100%;padding:0;border:0;background:rgba(5,20,40,.52);backdrop-filter:blur(2px)}
    body.sidebar-open .sidebar-backdrop{display:block}
    .app-brand{height:72px;padding:15px 20px}
    .side-nav{padding:14px 12px 22px}
    .sidebar-foot,.platform-account{margin-top:18px}

    .topbar{min-height:70px;padding:10px 12px;gap:10px}
    .mobile-menu{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;font-size:20px}
    .topbar>div:first-of-type{min-width:0}
    .topbar h1{overflow:hidden;font-size:18px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
    .topbar p{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
    .top-actions{gap:7px}
    .top-actions .user-chip,.top-actions>.btn,.platform-body .top-actions form{display:none}
    .top-actions select{width:42vw;max-width:160px;padding:8px}
    .icon-button{width:42px;height:42px}

    .content{width:100%;padding:14px 10px 32px}
    .alert,.license-banner{margin-bottom:12px;padding:12px}
    .card{margin-bottom:12px;border-radius:10px}
    .card-head{min-height:auto;padding:14px;align-items:flex-start;flex-direction:column;gap:10px}
    .card-head>div{width:100%}
    .card-head>a,.card-head>.btn,.card-head>form,.card-head>label{width:100%}
    .card-head .btn{width:100%}
    .hero-card,.platform-hero,.campaign-hero,.parameter-hero,.inbound-hero{padding:21px 17px;border-radius:11px}
    .hero-card .btn,.platform-hero .btn,.parameter-hero .btn,.inbound-hero .btn{width:100%}

    .page-tools,.detail-actions{gap:9px}
    .page-tools>.btn,.page-tools>form,.detail-actions>.btn{width:100%}
    .search-form,.filter-form{width:100%;grid-template-columns:minmax(0,1fr) auto}
    .search-form input,.filter-form input,.filter-form select{width:100%;min-width:0}
    .form-grid,.response-grid,.two-fields{padding:15px;grid-template-columns:minmax(0,1fr);gap:14px}
    .field,.field.full{min-width:0;grid-column:auto}
    .field input,.field select,.field textarea{width:100%;min-height:45px}
    .form-actions{padding:14px;align-items:stretch;flex-direction:column-reverse}
    .form-actions .btn,.form-actions button,.form-actions a{width:100%}
    .check{white-space:normal}
    .info-box{margin:0 14px 15px}
    .inline-actions form{align-items:stretch;flex-direction:column}
    .inline-actions select,.inline-actions .btn{width:100%}
    .pagination{padding:12px}
    .pagination nav>div:last-child{gap:10px;align-items:stretch;flex-direction:column}

    .stat-grid,.backup-stats,.runtime-health-grid{grid-template-columns:1fr!important;gap:9px!important}
    .stat-card{min-height:88px;padding:14px}
    .platform-grid,.platform-grid.wide-left,.settings-layout,.backup-layout,.inbound-review-grid,.detail-grid,.parameter-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px}
    .company-identity{min-width:0}
    .company-identity>div{min-width:0}
    .company-identity h2,.company-identity p{overflow-wrap:anywhere}
    .company-metrics{gap:12px;flex-wrap:wrap}
    .license-detail{grid-template-columns:1fr}
    .role-grid,.report-summary{grid-template-columns:1fr!important}
    .audit-filter,.campaign-filter,.report-filter,.erp-filter{padding:14px;grid-template-columns:1fr!important}
    .audit-filter .btn,.campaign-filter .btn,.report-filter .btn,.erp-filter .btn{width:100%;grid-column:auto!important}
    .parameter-save{bottom:6px;margin:0 -2px;padding:13px}

    /* Masaüstü tablolar mobilde etiketli kayıt kartlarına dönüşür. */
    .table-wrap{overflow:visible;padding:8px;background:#f5f8fc}
    .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}
    .table-wrap thead{display:none}
    .table-wrap tbody{display:grid;gap:10px}
    .table-wrap tbody tr{padding:7px 12px;background:#fff;border:1px solid #dfe7f1;border-radius:10px;box-shadow:0 3px 10px rgba(42,65,99,.04)}
    .table-wrap tbody tr:hover{background:#fff}
    .table-wrap td{min-height:38px;padding:9px 0;display:grid;grid-template-columns:minmax(95px,36%) minmax(0,1fr);align-items:center;gap:10px;text-align:left!important;border-bottom:1px solid #edf1f5;overflow-wrap:anywhere}
    .table-wrap td:last-child{border-bottom:0}
    .table-wrap td::before{content:attr(data-label);color:#7b899c;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
    .table-wrap td[data-label=""]::before{content:none}
    .table-wrap td[data-label=""]{grid-template-columns:1fr}
    .table-wrap td .table-action{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center}
    .table-wrap td form,.table-wrap td form button{width:100%}
    .table-wrap td form button{min-height:38px}
    .table-wrap tr.mobile-empty-row{padding:0}
    .table-wrap tr.mobile-empty-row td{display:block;padding:24px 12px;text-align:center!important;border:0}
    .table-wrap tr.mobile-empty-row td::before{content:none}
    .campaign-customer-table{max-height:none;overflow:visible}
    .progress-cell{min-width:0}

    .user-management-list{padding:8px 13px}
    .user-management-list form{padding:14px 0;grid-template-columns:1fr}
    .member-identity{grid-column:auto}
    .user-management-list select,.user-management-list .btn{width:100%}
    .secret-setting,.unit-input{width:100%}
    .email-body{min-height:160px;padding:15px;font-size:12px}
    .email-meta{padding:12px 15px}
}

@media(max-width:390px){
    .content{padding-inline:8px}
    .topbar{padding-inline:9px}
    .topbar h1{font-size:16px}
    .table-wrap td{grid-template-columns:1fr;gap:4px}
    .table-wrap td::before{margin-bottom:2px}
}