/* Fleetexo v54 - gerçek mobil uyum: tablo->kart, tam ortalı logo, tek sol menü */
html,body{max-width:100%;overflow-x:hidden!important;-webkit-text-size-adjust:100%;}
*{box-sizing:border-box;min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
main,.panel,.content,section,.card,.table-wrap,.grid,form,input,select,textarea{max-width:100%;box-sizing:border-box}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
button,.btn,a.btn{white-space:normal;max-width:100%}
.fx-pool-cards{display:none}
.fx-pool-source{display:flex;flex-direction:column;gap:3px;line-height:1.25}
.fx-pool-source small{color:#9aa9bd;font-weight:700}
.fx-source-platform{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(216,170,69,.24),rgba(216,170,69,.08));border:1px solid rgba(216,170,69,.35);color:#f4d079;font-weight:950}
.fx-source-score{font-weight:950;color:#f4f7fb}
.fx-pool-table th,.fx-pool-table td{vertical-align:top}
.fx-pool-card{display:grid;gap:14px;margin-bottom:14px}
.fx-pool-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.fx-pool-card-head h2{font-size:18px;line-height:1.25;margin:4px 0 0}
.fx-pool-card-head strong{font-size:19px;color:#f4d079;white-space:nowrap}
.fx-pool-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fx-pool-card-grid>div{padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}
.fx-pool-card-grid span{display:block;color:#9aa9bd;font-size:12px;font-weight:800;margin-bottom:5px}
.fx-pool-card-grid b{display:block;color:#f4f7fb;font-size:14px}
.fx-pool-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fx-card-take{display:grid;gap:9px;min-width:min(100%,260px)}
.fx-card-take .check{margin:0;font-size:13px;line-height:1.35}

/* Desktop tarafını bozmadan genel sıkıştırma */
@media(min-width:921px){
  .content{min-width:0;overflow-x:hidden}
  .table-wrap{max-width:100%}
  .table-wrap table{width:100%}
  th,td{word-break:break-word;overflow-wrap:anywhere}
}

@media(max-width:920px){
  :root{--fx-mobile-pad:12px;--fx-topbar-h:78px;}
  body{font-size:14px!important;line-height:1.45!important;padding:0!important;margin:0!important;overflow-x:hidden!important}
  .site-bg{overflow:hidden!important}

  /* Üst bar: logo tam ortada, tek panel menüsü solda */
  .topbar{position:sticky!important;top:0!important;z-index:9990!important;height:var(--fx-topbar-h)!important;min-height:var(--fx-topbar-h)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 calc(env(safe-area-inset-right,0px) + 10px) 0 calc(env(safe-area-inset-left,0px) + 10px)!important;background:rgba(2,6,12,.94)!important;backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
  .topbar .brand{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;width:auto!important;max-width:176px!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9991!important;}
  .topbar .brand img{display:block!important;width:auto!important;height:auto!important;max-height:48px!important;max-width:176px!important;margin:0 auto!important;}
  .topbar .brand span{display:none!important}
  body.has-sidebar .topbar .nav-toggle,body.has-sidebar .topbar .topnav{display:none!important;visibility:hidden!important;pointer-events:none!important}

  /* Tek panel menüsü */
  .panel-menu-toggle{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 16px)!important;left:calc(env(safe-area-inset-left,0px) + 12px)!important;bottom:auto!important;z-index:10050!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:auto!important;min-width:96px!important;max-width:122px!important;height:48px!important;min-height:48px!important;padding:0 14px!important;border-radius:18px!important;border:1px solid rgba(216,170,69,.38)!important;background:linear-gradient(135deg,#e6bd56,#ce9b2f)!important;color:#07101c!important;font-size:15px!important;font-weight:950!important;line-height:1!important;box-shadow:0 14px 38px rgba(0,0,0,.42)!important;white-space:nowrap!important;}
  .panel-menu-toggle::before,.panel-menu-toggle::after{content:none!important;display:none!important}
  body.sidebar-open .panel-menu-toggle{opacity:.16!important;pointer-events:none!important}
  body.has-sidebar .topbar .nav-toggle{display:none!important}

  /* Sidebar soldan açılır */
  .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(84vw,330px)!important;max-width:min(84vw,330px)!important;height:100dvh!important;z-index:10030!important;transform:translateX(-108%)!important;transition:transform .22s ease!important;overflow-y:auto!important;overflow-x:hidden!important;padding:calc(env(safe-area-inset-top,0px) + 86px) 12px 24px!important;background:rgba(3,8,14,.98)!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:18px 0 46px rgba(0,0,0,.5)!important;}
  .sidebar.is-open,body.sidebar-open .sidebar{transform:translateX(0)!important}
  .sidebar-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.62)!important;z-index:10020!important;display:none!important}
  body.sidebar-open .sidebar-backdrop{display:block!important}
  .sidebar .userbox{margin-bottom:12px!important}
  .sidebar a{min-height:42px!important;padding:11px 13px!important;font-size:15px!important;border-radius:12px!important}

  /* Ana içerik her cihazda ekrana sığsın */
  .panel{display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;overflow:hidden!important}
  .content,.panel>.content,main>.content,section.panel,main>aside.sidebar+section.panel,main>.sidebar-backdrop+aside.sidebar+section.panel{display:block!important;width:100%!important;max-width:100vw!important;margin:0!important;padding:18px var(--fx-mobile-pad) 88px!important;overflow:hidden!important;}
  .content>h1,.panel>h1,section.panel>h1,h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin:10px 0 18px!important;max-width:100%!important;overflow-wrap:anywhere!important;}
  h2{font-size:clamp(22px,6vw,30px)!important;line-height:1.1!important;overflow-wrap:anywhere!important}
  h3{font-size:clamp(18px,5vw,23px)!important;line-height:1.18!important;overflow-wrap:anywhere!important}
  p,.muted,.lead,small{overflow-wrap:anywhere!important}

  .grid,.grid.cols-2,.grid.cols-3,.kpi-grid,.cards,.stats{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
  .card,.kpi,.stat,.table-wrap,.form-card{width:100%!important;max-width:100%!important;border-radius:18px!important;padding:14px!important;margin:0 0 12px!important;overflow:hidden!important;}
  .kpi{min-height:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
  .kpi strong,.stat strong{font-size:clamp(24px,8vw,36px)!important;line-height:1.1!important;word-break:break-word!important}

  /* Formlar */
  .form-row,.form-grid,.form-cols,.row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
  label{font-size:14px!important;line-height:1.25!important}
  input,select,textarea{width:100%!important;max-width:100%!important;font-size:16px!important;min-height:46px!important;border-radius:14px!important;}
  textarea{min-height:110px!important}
  .btn,button,a.btn,input[type="submit"]{min-height:42px!important;border-radius:14px!important;font-size:14px!important;line-height:1.15!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;}

  /* Tüm tablolar mobilde kart olsun; yatay taşma kalksın */
  .table-wrap{overflow:visible!important;background:transparent!important;border:0!important;padding:0!important;}
  .table-wrap table,table.mobile-card-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;}
  .table-wrap thead,table.mobile-card-table thead{display:none!important}
  .table-wrap tbody,table.mobile-card-table tbody{display:grid!important;gap:12px!important;width:100%!important}
  .table-wrap tr,table.mobile-card-table tr{display:block!important;width:100%!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(13,24,38,.76)!important;overflow:hidden!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important;margin:0!important;}
  .table-wrap td,table.mobile-card-table td{display:grid!important;grid-template-columns:minmax(88px,35%) minmax(0,1fr)!important;gap:10px!important;align-items:start!important;width:100%!important;min-width:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding:12px 14px!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;background:transparent!important;}
  .table-wrap td:last-child,table.mobile-card-table td:last-child{border-bottom:0!important}
  .table-wrap td::before,table.mobile-card-table td::before{content:attr(data-label);display:block;color:#9aa9bd;font-weight:900;font-size:12px;line-height:1.25;text-transform:none;letter-spacing:.01em;}
  .table-wrap td:empty::after{content:'-';color:#6f7e90}
  .table-wrap td>*{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;}
  .table-wrap td .btn,.table-wrap td button,.table-wrap td a.btn{width:auto!important;min-width:92px!important;max-width:100%!important;margin:3px 4px 3px 0!important;padding-left:12px!important;padding-right:12px!important;}
  .table-wrap td form{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;max-width:100%!important}
  .table-wrap td input,.table-wrap td select,.table-wrap td textarea{min-width:0!important;width:100%!important}
  .table-wrap td .badge,.badge{max-width:100%;white-space:normal!important;line-height:1.25!important}

  /* Çok uzun buton grupları ekran dışına taşmasın */
  .actions,.action-row,.button-row,.btn-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-width:100%!important}
  .actions .btn,.actions button,.action-row .btn,.action-row button,.button-row .btn,.button-row button{flex:1 1 130px!important;min-width:0!important}

  /* Havuz özel mobil kartları */
  .fx-pool-desktop{display:none!important}
  .fx-pool-cards{display:block!important;width:100%!important;overflow:hidden!important}
  .fx-pool-page{padding-bottom:90px!important}
  .pool-alert-toolbar{display:grid!important;gap:8px!important;padding:11px!important;width:100%!important}
  .pool-alert-toolbar .btn{width:100%}
  .fx-pool-card{width:100%!important;max-width:100%!important;overflow:hidden!important;border-radius:18px!important;padding:14px!important;background:rgba(13,24,38,.78)!important;border:1px solid rgba(255,255,255,.08)!important}
  .fx-pool-card-grid{grid-template-columns:1fr!important}
  .fx-pool-card-head{display:grid!important;gap:8px!important}
  .fx-pool-card-head strong{justify-self:start;white-space:normal!important;word-break:break-word!important}
  .fx-pool-card-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .fx-pool-card-actions .btn,.fx-card-take button{width:100%!important}
  .fx-source-platform{white-space:normal!important}

  /* Modal / popup */
  .modal,.modal-card,.popup,.dialog{max-width:calc(100vw - 20px)!important;width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;border-radius:18px!important}
}

@media(max-width:430px){
  :root{--fx-mobile-pad:10px;--fx-topbar-h:76px;}
  .topbar .brand img{max-width:148px!important;max-height:44px!important}
  .panel-menu-toggle{min-width:92px!important;height:46px!important;font-size:14px!important;left:calc(env(safe-area-inset-left,0px) + 10px)!important;padding:0 12px!important;border-radius:17px!important}
  .content,.panel>.content,main>.content,section.panel,main>aside.sidebar+section.panel,main>.sidebar-backdrop+aside.sidebar+section.panel{padding-left:10px!important;padding-right:10px!important}
  .card,.kpi,.stat,.table-wrap tr,table.mobile-card-table tr{border-radius:16px!important}
  .table-wrap td,table.mobile-card-table td{grid-template-columns:1fr!important;gap:6px!important;padding:11px 12px!important}
  .table-wrap td::before,table.mobile-card-table td::before{font-size:11px!important;color:#8292a7!important}
  .fx-pool-card-head h2{font-size:17px!important}.fx-pool-card-head strong{font-size:18px!important}
}