/* Ortak admin mobil katmani. Modül CSS'lerinden sonra yüklenir. */
html{-webkit-text-size-adjust:100%}
body{min-width:0}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}

@media(max-width:900px){
  body.has-mobile-sidebar{padding-top:54px}
  body.has-mobile-sidebar .app{display:block!important;--sidebar-width:0!important}
  body.has-mobile-sidebar .page{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    padding:14px 12px 32px!important;
    overflow-x:clip!important
  }
  body.has-mobile-sidebar .sidebar{
    display:flex!important;
    left:0!important;
    width:min(280px,86vw)!important;
    max-width:86vw!important;
    transform:translateX(-105%)!important;
    transition:transform .2s ease;
    box-shadow:14px 0 32px rgba(15,23,42,.22)
  }
  body.has-mobile-sidebar.mobile-nav-open{overflow:hidden}
  body.has-mobile-sidebar.mobile-nav-open .sidebar{left:0!important;transform:translateX(0)!important}
  body.has-mobile-sidebar .sidebar .brand span,
  body.has-mobile-sidebar .sidebar .nav-label,
  body.has-mobile-sidebar .sidebar .nav .label,
  body.has-mobile-sidebar .sidebar .userbox div,
  body.has-mobile-sidebar .sidebar .nav-chevron{display:block!important}
  body.has-mobile-sidebar .sidebar .sidebar-brandbar{flex-direction:row!important}
  body.has-mobile-sidebar .sidebar .sidebar-user>.userbox{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 18px!important;
    justify-content:initial!important
  }
  body.has-mobile-sidebar .sidebar .sidebar-user-menu{
    left:8px!important;right:8px!important;bottom:calc(100% + 8px)!important;width:auto!important
  }
  .mobile-nav-toggle{
    display:inline-flex;
    position:fixed;
    z-index:2147483646;
    top:8px;
    left:10px;
    min-width:42px;
    height:38px;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 11px;
    border:1px solid #d8dee6;
    border-radius:9px;
    background:#fff;
    color:#183226;
    box-shadow:0 4px 14px rgba(15,23,42,.12);
    font-weight:700;
    cursor:pointer
  }
  .mobile-nav-toggle span{font-size:12px}
  .mobile-nav-backdrop{
    position:fixed;
    z-index:2147482999;
    inset:0;
    background:rgba(15,23,42,.48)
  }
  body.mobile-nav-open .mobile-nav-backdrop{display:block}
  .top,.title-row,.destination-list-head,.section-head,.manage-head,.card-head{
    min-height:0!important;
    height:auto!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important
  }
  .title-actions,.form-actions,.dialog-actions,.settings-actions,.hero-actions{
    width:100%;
    flex-wrap:wrap
  }
  .title-actions>.btn,.form-actions>.btn,.dialog-actions>.btn,.settings-actions>.btn{
    flex:1 1 150px;
    text-align:center
  }
  .filters{align-items:stretch}
  .filters .search,.filters select,.filters .select{width:100%;min-width:0}
  .metrics,.summary-grid,.task-summary,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fields,.fields.two,.fields.three,.form-grid,.pg-form-grid,.detail-grid{
    grid-template-columns:1fr!important
  }
  .field.full,.wide{grid-column:auto!important}
  .table-card,.table-wrap,.matrix-scroll,[class*="table-area"]{
    max-width:100%;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch
  }
  table{min-width:680px}
  dialog,.admin-dialog,.modal,.modal-card{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:auto!important;
    overflow:auto!important
  }
}

@media(max-width:560px){
  body.has-mobile-sidebar .page{padding:10px 9px 26px!important}
  h1,.title-row h1{font-size:20px!important}
  h2{font-size:15px}
  .metrics,.summary-grid,.task-summary,.settings-grid{grid-template-columns:1fr!important}
  .card,.form-card{border-radius:10px}
  .form-card,.card-body,.settings-card{padding:12px!important}
  .btn{min-height:40px}
  input,select,textarea{font-size:16px!important}
  .country-tabs,.detail-tabs,[role="tablist"],[class*="-tabs"]{
    max-width:100%;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch
  }
  .country-tabs button,.detail-tabs button,[role="tablist"] button,[class*="-tabs"] button{
    flex:0 0 auto;
    white-space:nowrap
  }
  .mobile-nav-toggle span{display:none}
}

/* Destinasyon kartı: telefon veri girişi */
@media(max-width:900px){
  .destination-detail-page{width:100%!important;max-width:100%!important}
  .destination-detail-page .destination-detail-hero{display:block!important}
  .destination-detail-page .completion-card{margin:10px 0}
  .destination-detail-page .hero-actions{justify-content:flex-start!important}
  .destination-detail-page .country-tabs.detail-tabs{
    display:flex!important;
    max-width:100%;
    overflow-x:auto!important;
    scroll-snap-type:x proximity
  }
  .destination-detail-page .destination-tab{scroll-snap-align:start}
  .destination-detail-page .contact-two-panel,
  .destination-detail-page .visit-shell,
  .destination-detail-page .text-shell,
  .destination-detail-page .operation-shell,
  .destination-detail-page .content-master-layout,
  .destination-detail-page .visit-master-layout{
    display:block!important;
    grid-template-columns:1fr!important
  }
  .destination-detail-page .contact-panel:first-child,
  .destination-detail-page .visit-side,
  .destination-detail-page .text-side,
  .destination-detail-page .operation-side,
  .destination-detail-page .content-side-list,
  .destination-detail-page .visit-side-list{
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin-bottom:10px
  }
  .destination-detail-page .contact-base-grid,
  .destination-detail-page .media-form-grid,
  .destination-detail-page .pricing-grid,
  .destination-detail-page .visit-grid-3,
  .destination-detail-page .strategy-grid,
  .destination-detail-page .strategy-checks{
    grid-template-columns:1fr!important
  }
  .destination-detail-page .pricing-toolbar,
  .destination-detail-page .media-page-head,
  .destination-detail-page .contact-topbar,
  .destination-detail-page .contact-top-actions{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:wrap!important
  }
  .destination-detail-page .pricing-toolbar-actions,
  .destination-detail-page .media-head-actions{
    width:100%;
    flex-wrap:wrap
  }
}

@media(max-width:560px){
  .destination-detail-page .hero-actions>.btn,
  .destination-detail-page .pricing-toolbar-actions>.btn,
  .destination-detail-page .media-head-actions>.btn{width:100%}
  .destination-detail-page .visibility-defaults{max-width:100%;overflow-x:auto}
  .destination-detail-page .media-uploader-backdrop{padding:6px}
  .destination-detail-page .media-uploader{
    width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    padding:12px!important
  }
}


/* mobile-v3: çekmece ve bağımsız çalışma alanı düzeltmesi */
@media(max-width:900px){
  body.sidebar-collapsed .app,
  body.has-mobile-sidebar .app,
  .app:has(> .sidebar){
    display:block!important;
    grid-template-columns:none!important;
    --sidebar-width:0!important;
    width:100%!important;
    max-width:100vw!important
  }
  body.sidebar-collapsed .page,
  body.has-mobile-sidebar .page,
  .app:has(> .sidebar) > .page{
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important
  }
  body.has-mobile-sidebar .sidebar,
  body.sidebar-collapsed.has-mobile-sidebar .sidebar{
    box-sizing:border-box!important;
    left:0!important;
    width:min(280px,86vw)!important;
    min-width:0!important;
    max-width:86vw!important;
    padding:18px 12px!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    transform:translate3d(-105%,0,0)!important
  }
  body.has-mobile-sidebar.mobile-nav-open .sidebar,
  body.sidebar-collapsed.has-mobile-sidebar.mobile-nav-open .sidebar{
    transform:translate3d(0,0,0)!important
  }
  body.has-mobile-sidebar .sidebar-brandbar{
    display:flex!important;
    flex-direction:row!important;
    width:100%!important
  }
  body.has-mobile-sidebar .sidebar .brand{
    min-width:0!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important
  }
  body.has-mobile-sidebar .sidebar .brand span,
  body.has-mobile-sidebar .sidebar .nav-label,
  body.has-mobile-sidebar .sidebar .nav .label,
  body.has-mobile-sidebar .sidebar .userbox div,
  body.has-mobile-sidebar .sidebar .nav-chevron{
    display:block!important
  }
  body.has-mobile-sidebar .sidebar .nav{
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important
  }
  body.has-mobile-sidebar .sidebar .nav a,
  body.has-mobile-sidebar .sidebar .nav button{
    box-sizing:border-box!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
    gap:12px!important;
    padding:11px 12px!important;
    overflow:hidden!important
  }
  body.has-mobile-sidebar .sidebar .nav a i,
  body.has-mobile-sidebar .sidebar .nav button i{
    flex:0 0 22px!important;
    width:22px!important;
    text-align:center!important
  }
  body.has-mobile-sidebar .sidebar .nav .label{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important
  }
  .task-workspace-body,
  .task-workspace-body .task-workspace-shell{
    width:100%!important;
    min-width:0!important;
    max-width:100vw!important;
    overflow-x:hidden!important
  }
  .task-workspace-body .task-page{
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:10px!important;
    overflow-x:hidden!important
  }
}


/* mobile-v5: destinasyon listesi gerçek kart düzeni */
@media(max-width:620px){
  .destination-page .table-card{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .destination-page .table{display:block!important;min-width:0!important;width:100%!important}
  .destination-page .table thead{display:none!important}
  .destination-page .table tbody{display:grid!important;gap:10px!important;width:100%!important}
  .destination-page .table tr.destination-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px 14px!important;width:100%!important;padding:14px!important;border:1px solid #dfe5ec!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important;cursor:pointer!important}
  .destination-page .table tr.destination-row:active{background:#f2f8f4!important}
  .destination-page .table tr.destination-row:focus-visible{outline:3px solid rgba(19,122,69,.24)!important;outline-offset:2px!important}
  .destination-page .table tr.destination-row td{display:block!important;min-width:0!important;padding:0!important;border:0!important;overflow-wrap:anywhere!important}
  .destination-page .table tr.destination-row td:first-child{grid-column:1/-1;font-size:16px!important}
  .destination-page .table tr.destination-row td:first-child .record-link{display:block!important;color:#152033!important}
  .destination-page .table tr.destination-row td:nth-child(2),
  .destination-page .table tr.destination-row td:nth-child(3),
  .destination-page .table tr.destination-row td:nth-child(4){display:block!important}
  .destination-page .table tr.destination-row td:nth-child(n+5){display:none!important}
}