:root{--panel-bg:#071426;--panel-surface:#0d2038;--panel-surface-2:#132b49;--panel-border:#244464;--panel-text:#eaf2ff;--panel-muted:#9fb4ce;--panel-accent:#3b82f6}
html,body,#wrapper,#content-wrapper,#content{background:var(--panel-bg)!important;color:var(--panel-text)!important;min-height:100%}
#accordionSidebar{background:linear-gradient(180deg,#071426,#0b2240)!important;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto}
#accordionSidebar .nav-link{margin:3px 8px!important;padding:.78rem .9rem!important;border-radius:10px;color:#c8d8ec!important;transition:.18s}
#accordionSidebar .nav-link:hover,#accordionSidebar .nav-item.active>.nav-link{background:#173a62!important;color:#fff!important;transform:translateX(2px)}
#accordionSidebar .nav-item.active>.nav-link{box-shadow:inset 3px 0 0 var(--panel-accent)}
.topbar,.sticky-footer,.card,.modal-content,.dropdown-menu,.collapse-inner{background:var(--panel-surface)!important;color:var(--panel-text)!important;border-color:var(--panel-border)!important}
.card-header,.table thead th{background:var(--panel-surface-2)!important;color:#fff!important;border-color:var(--panel-border)!important}
.table,.table td,.table th,label,h1,h2,h3,h4,h5,h6,.text-gray-800,.text-primary{color:var(--panel-text)!important;border-color:var(--panel-border)!important}
.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.025)!important}.table tbody tr:hover{background:rgba(59,130,246,.11)!important}
.form-control,.custom-select,select{background:#091a2d!important;color:#fff!important;border:1px solid var(--panel-border)!important}.form-control:focus{background:#0b2038!important;color:#fff!important;border-color:var(--panel-accent)!important;box-shadow:0 0 0 .2rem rgba(59,130,246,.2)!important}
.btn{border-radius:9px!important;font-weight:700}.action-edit,.action-delete{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px!important}.action-edit{background:#2563eb!important;color:white!important}.action-delete{background:#dc2626!important;color:white!important}
.container-fluid,main.container,main[role=main]{background:transparent!important}.bg-white{background:var(--panel-surface-2)!important}.collapse-item{color:#dbeafe!important}.collapse-item:hover{background:#1b3a5d!important;color:#fff!important}
@media(max-width:767px){#accordionSidebar{position:fixed;z-index:1040;height:100vh}.sidebar.toggled{overflow:visible!important}.container-fluid,main[role=main]{padding-left:14px!important;padding-right:14px!important}.table-responsive{border-radius:10px}.topbar{position:sticky;top:0;z-index:1020}.card-body{padding:1rem}.btn-block{min-height:46px}}


/* Tema escuro global v3 — elimina superfícies brancas em todas as áreas */
:root{--panel-bg:#061222;--panel-surface:#0b1d33;--panel-surface-2:#102944;--panel-surface-3:#163553;--panel-border:#294d70;--panel-text:#edf5ff;--panel-muted:#a9bdd4;--panel-accent:#3b82f6}
html,body,#page-top,#wrapper,#content-wrapper,#content,.container,.container-fluid,.row,main,section{background-color:var(--panel-bg)!important;color:var(--panel-text)!important}
body::before,body::after{background:transparent!important}
.card,.card-body,.card-header,.card-footer,.modal-content,.modal-header,.modal-body,.modal-footer,.dropdown-menu,.dropdown-item,.list-group,.list-group-item,.jumbotron,.well,.panel,.panel-body,.panel-heading,.panel-footer,.collapse-inner,.popover,.toast,.alert-light,.bg-white,.bg-light{background-color:var(--panel-surface)!important;color:var(--panel-text)!important;border-color:var(--panel-border)!important}
.card-header,.modal-header,.table thead th,.panel-heading{background-color:var(--panel-surface-2)!important}
.table,.table-responsive,table,thead,tbody,tfoot,tr,th,td{background-color:transparent!important;color:var(--panel-text)!important;border-color:var(--panel-border)!important}
.table-striped tbody tr:nth-of-type(odd),.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:rgba(255,255,255,.035)!important;color:var(--panel-text)!important}
.table-hover tbody tr:hover,.table tbody tr:hover{background-color:rgba(59,130,246,.13)!important;color:#fff!important}
.form-control,.custom-select,.form-select,input,textarea,select,.input-group-text,.custom-file-label{background-color:#08192c!important;color:#fff!important;border-color:var(--panel-border)!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #08192c inset!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#829bb7!important;opacity:1}
.form-control:disabled,.form-control[readonly],input:disabled,input[readonly],select:disabled{background-color:#10243b!important;color:#c7d6e7!important}
.nav-tabs,.nav-tabs .nav-link,.nav-pills .nav-link,.breadcrumb,.pagination .page-link{background-color:var(--panel-surface)!important;color:var(--panel-text)!important;border-color:var(--panel-border)!important}
.nav-tabs .nav-link.active,.nav-pills .nav-link.active,.pagination .page-item.active .page-link{background-color:var(--panel-surface-3)!important;color:#fff!important}
.dropdown-item:hover,.dropdown-item:focus,.list-group-item:hover{background-color:var(--panel-surface-3)!important;color:#fff!important}
hr{border-color:var(--panel-border)!important}
.text-dark,.text-gray-800,.text-gray-900,.text-body,label,legend,p,span:not(.badge):not(.icon),strong{color:inherit}
.xdsoft_datetimepicker,.xdsoft_datetimepicker .xdsoft_label,.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select,.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0b1d33!important;color:#edf5ff!important;border-color:#294d70!important}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{background:#2563eb!important;color:#fff!important}
footer,.sticky-footer,.topbar{background-color:var(--panel-surface)!important;color:var(--panel-text)!important}
@media(max-width:767px){.card,.modal-content,.table-responsive{background-color:var(--panel-surface)!important}}

/* Ajuste visual definitivo v4 — azul escuro, legibilidade e sidebar sem sobreposição */
:root{
  --sidebar-width:232px;
  --panel-bg:#061326;
  --panel-bg-deep:#040d1b;
  --panel-surface:#0a1c35;
  --panel-surface-2:#0d2547;
  --panel-surface-3:#12325d;
  --panel-border:#284a78;
  --panel-text:#f2f7ff;
  --panel-muted:#afc1d8;
  --panel-accent:#2f78ff;
}
html,body{background:var(--panel-bg-deep)!important;color:var(--panel-text)!important}
#wrapper{display:flex!important;align-items:stretch!important;width:100%!important;min-height:100vh!important;background:var(--panel-bg)!important;overflow-x:hidden!important}
#accordionSidebar.sidebar{
  flex:0 0 var(--sidebar-width)!important;
  width:var(--sidebar-width)!important;
  min-width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  margin:0!important;
  padding:0 8px 22px!important;
  background:linear-gradient(180deg,#050f20 0%,#071a34 100%)!important;
  border-right:1px solid #18345a!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  box-sizing:border-box!important;
  z-index:1035!important;
}
#content-wrapper{
  flex:1 1 auto!important;
  width:calc(100% - var(--sidebar-width))!important;
  min-width:0!important;
  margin:0!important;
  background:var(--panel-bg)!important;
  overflow-x:hidden!important;
}
#content,#main,main[role="main"],.container-fluid,.container{background:var(--panel-bg)!important;color:var(--panel-text)!important;max-width:100%!important}
main[role="main"]{width:100%!important;padding:20px 22px!important;margin:0!important;box-sizing:border-box!important}
#main{width:100%!important;min-width:0!important}
#accordionSidebar .sidebar-brand{width:100%!important;margin:0!important;padding:12px 8px!important;box-sizing:border-box!important}
#accordionSidebar .nav-item,.no-margin{width:100%!important;margin:2px 0!important;padding:0!important;box-sizing:border-box!important}
#accordionSidebar .nav-link{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  border-left:3px solid #3b82f6!important;
  border-radius:10px!important;
  white-space:normal!important;
  overflow:hidden!important;
  background:#091a31!important;
  color:#dbe8f8!important;
  line-height:1.2!important;
  font-size:14px!important;
}
#accordionSidebar .nav-link i{flex:0 0 20px!important;width:20px!important;margin:0!important;text-align:center!important;font-size:15px!important}
#accordionSidebar .nav-link span{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
#accordionSidebar .nav-link:hover,#accordionSidebar .nav-item.active>.nav-link{
  background:#123868!important;color:#fff!important;transform:none!important;box-shadow:inset 3px 0 0 #60a5fa!important
}
#accordionSidebar .text-menu-header{display:block!important;margin:16px 8px 7px!important;color:#d5e3f5!important;font-size:13px!important;font-weight:800!important;letter-spacing:.01em!important}
#accordionSidebar .collapse{position:static!important;width:100%!important;margin:0!important}
#accordionSidebar .collapse-inner{width:100%!important;margin:4px 0!important;padding:5px!important;background:#08182d!important;border:1px solid #1d3c68!important;box-sizing:border-box!important}
#accordionSidebar .collapse-item{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin:2px 0!important;padding:9px 10px!important;box-sizing:border-box!important;color:#d7e6f8!important;white-space:normal!important;border-radius:7px!important}
#accordionSidebar .collapse-item span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Superfícies: nenhuma área branca */
.card,.card-body,.card-header,.card-footer,.modal-content,.modal-header,.modal-body,.modal-footer,
.dropdown-menu,.dropdown-item,.list-group,.list-group-item,.collapse-inner,.popover,.toast,
.table-responsive,.dataTables_wrapper,.input-group,.input-group-prepend,.input-group-append,
.bg-white,.bg-light,.bg-gray-100,.bg-gray-200,.jumbotron,.well,.panel,.panel-body,.panel-heading,.panel-footer{
  background:var(--panel-surface)!important;color:var(--panel-text)!important;border-color:var(--panel-border)!important
}
.table-responsive{border:1px solid var(--panel-border)!important;border-radius:12px!important;overflow:auto!important;box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
table,.table{width:100%!important;margin:0!important;background:var(--panel-surface)!important;color:var(--panel-text)!important;border-collapse:separate!important;border-spacing:0!important}
.table thead,.table thead tr,.table thead th{background:#102b50!important;color:#fff!important;border-color:#31547e!important;font-weight:800!important;white-space:nowrap!important}
.table tbody,.table tbody tr,.table tbody td{background:#0a1c35!important;color:#eef5ff!important;border-color:#213f67!important}
.table tbody tr:nth-child(even) td{background:#0c213e!important}
.table tbody tr:hover td{background:#14345e!important;color:#fff!important}
.table th,.table td{padding:12px 10px!important;vertical-align:middle!important;line-height:1.35!important;font-size:14px!important;text-shadow:none!important}
.table td{font-weight:600!important}
.table td,.table th{max-width:320px!important;overflow-wrap:anywhere!important}
.validity-actions{min-width:150px!important;white-space:nowrap!important}
.validity-actions form{display:inline-flex!important;margin:2px!important}
.validity-actions .btn{min-height:34px!important;padding:6px 9px!important;font-size:12px!important;white-space:nowrap!important}
.action-edit,.action-delete{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important}

/* Formulários e busca */
.form-control,.custom-select,.form-select,input:not([type="checkbox"]):not([type="radio"]),textarea,select,.input-group-text,.custom-file-label{
  background:#081a32!important;color:#fff!important;border:1px solid #2a4f7d!important
}
.form-control:focus,input:focus,textarea:focus,select:focus{background:#0b2342!important;color:#fff!important;border-color:#4b8cff!important;box-shadow:0 0 0 .18rem rgba(47,120,255,.22)!important}
.input-group{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;padding:10px!important;border-radius:10px!important}
#search{min-width:220px!important;height:42px!important}
.btn{white-space:nowrap!important}

/* Evita texto apagado em fundos escuros */
h1,h2,h3,h4,h5,h6,label,p,span,small,strong,.text-primary,.text-dark,.text-gray-800,.text-gray-900{color:var(--panel-text)!important}
.text-muted,.small,small{color:var(--panel-muted)!important}

@media (max-width: 900px){
  :root{--sidebar-width:205px}
  #accordionSidebar .nav-link{font-size:13px!important;padding:9px 9px!important}
  main[role="main"]{padding:14px!important}
  .table th,.table td{font-size:13px!important;padding:10px 8px!important}
}
@media (max-width: 767px){
  #accordionSidebar.sidebar{position:fixed!important;left:0!important;top:0!important;height:100vh!important;transform:translateX(-100%);transition:transform .2s ease!important}
  #accordionSidebar.sidebar.toggled{transform:translateX(0)!important}
  #content-wrapper{width:100%!important;min-width:100%!important}
  main[role="main"]{padding:12px!important}
  .table-responsive{width:100%!important}
}

/* Mobile navigation v5 — drawer fechado, overlay e conteúdo sem sobreposição */
.mobile-sidebar-backdrop{display:none}
@media (max-width: 767.98px){
  html,body{overflow-x:hidden!important;width:100%!important}
  #wrapper{display:block!important;width:100%!important;min-height:100vh!important}
  #content-wrapper{width:100%!important;min-width:100%!important;margin-left:0!important;transition:none!important}
  #content{width:100%!important;min-width:0!important}
  #accordionSidebar.sidebar{
    display:block!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(84vw,290px)!important;
    min-width:min(84vw,290px)!important;
    max-width:min(84vw,290px)!important;
    height:100dvh!important;
    z-index:1060!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .24s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:12px 0 36px rgba(0,0,0,.42)!important;
  }
  body.mobile-sidebar-open #accordionSidebar.sidebar,
  #accordionSidebar.sidebar.mobile-open{
    transform:translate3d(0,0,0)!important;
  }
  .mobile-sidebar-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1050!important;
    background:rgba(1,8,20,.68)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease,visibility .24s ease!important;
  }
  body.mobile-sidebar-open .mobile-sidebar-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.mobile-sidebar-open{overflow:hidden!important;touch-action:none!important}
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:1040!important;
    min-height:58px!important;
    margin-bottom:12px!important;
    padding:0 10px!important;
  }
  #sidebarToggleTop{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    margin-right:8px!important;
    color:#fff!important;
    background:#123868!important;
    border:1px solid #315f99!important;
    border-radius:10px!important;
  }
  #accordionSidebar .nav-link{
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:13px!important;
    border-radius:8px!important;
  }
  #accordionSidebar .text-menu-header{margin:12px 8px 5px!important;font-size:12px!important}
  main[role="main"],.container-fluid{padding:10px!important;width:100%!important;max-width:100%!important}
  .card-body{padding:12px!important}
  .input-group{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;padding:0!important}
  .input-group .btn,.input-group a.btn,#search{width:100%!important;max-width:100%!important;margin:0!important;min-width:0!important}
  .table-responsive{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    border:1px solid var(--panel-border)!important;
    border-radius:10px!important;
  }
  .table-responsive table{min-width:760px!important;margin-bottom:0!important}
  .table th,.table td{padding:10px 8px!important;font-size:12px!important;white-space:nowrap!important;vertical-align:middle!important}
  .table td{color:#f4f8ff!important}
  .validity-actions{min-width:145px!important}
  .validity-actions .btn{min-height:32px!important;padding:5px 8px!important;font-size:11px!important}
  .action-edit,.action-delete{width:34px!important;height:34px!important;min-width:34px!important}
}
@media (min-width:768px){
  .mobile-sidebar-backdrop{display:none!important}
}


/* Grade M3U mobile v6 — nome do cliente visível e sem sobreposição */
.playlist-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.playlist-table{table-layout:fixed;width:100%;min-width:900px;}
.playlist-table th,.playlist-table td{vertical-align:middle!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.playlist-table .playlist-id{width:48px;text-align:center;}
.playlist-table .playlist-device{width:155px;}
.playlist-table .playlist-user{width:130px;}
.playlist-table .playlist-expire{width:105px;}
.playlist-table .playlist-url{width:230px;}
.playlist-table .playlist-epg{width:170px;}
.playlist-table .playlist-client{width:170px;min-width:170px;font-weight:800;color:#fff!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.25;}
.playlist-table td:last-child,.playlist-table th:last-child{width:70px;text-align:center;}

@media(max-width:767px){
  .playlist-table-wrap{border-radius:10px!important;}
  .playlist-table{min-width:660px!important;font-size:10.5px!important;table-layout:fixed!important;}
  .playlist-table th,.playlist-table td{padding:7px 5px!important;font-size:10.5px!important;line-height:1.2!important;}
  .playlist-table .playlist-id{width:34px!important;}
  .playlist-table .playlist-device{width:112px!important;}
  .playlist-table .playlist-user{width:88px!important;}
  .playlist-table .playlist-expire{width:78px!important;}
  .playlist-table .playlist-url{width:125px!important;max-width:125px!important;}
  .playlist-table .playlist-epg{width:92px!important;max-width:92px!important;}
  .playlist-table .playlist-client{width:118px!important;min-width:118px!important;max-width:118px!important;font-size:11px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
  .playlist-table td:last-child,.playlist-table th:last-child{width:48px!important;}
  .playlist-table .btn-icon{width:32px!important;height:32px!important;padding:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  .playlist-table .btn-icon i{font-size:17px!important;}
}


/* Correção definitiva: clientes/M3U legíveis no celular */
#myTable .col-client{
  min-width:170px!important;
  max-width:230px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.25!important;
  color:#fff!important;
}
#myTable .col-dns,#myTable .col-epg{max-width:230px!important;}
#myTable .technical-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

@media(max-width:767px){
  /* No celular, prioriza cliente, vencimento e ações; dados técnicos continuam no desktop. */
  #myTable{min-width:535px!important;table-layout:fixed!important;}
  #myTable .col-key,
  #myTable .col-dns,
  #myTable .col-epg{display:none!important;}
  #myTable .col-id{width:34px!important;min-width:34px!important;max-width:34px!important;}
  #myTable .col-mac{width:104px!important;min-width:104px!important;max-width:104px!important;font-size:10px!important;}
  #myTable .col-user{width:82px!important;min-width:82px!important;max-width:82px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #myTable .col-expire{width:78px!important;min-width:78px!important;max-width:78px!important;}
  #myTable .col-client{
    width:125px!important;
    min-width:125px!important;
    max-width:125px!important;
    font-size:11px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  #myTable th,#myTable td{padding:7px 5px!important;font-size:10.5px!important;}
  #myTable .validity-actions{width:92px!important;min-width:92px!important;white-space:normal!important;}
  #myTable .validity-actions form{display:block!important;margin:3px 0!important;}
  #myTable .validity-actions .btn{width:88px!important;min-width:88px!important;font-size:10px!important;padding:5px 4px!important;}
  #myTable .action-edit,#myTable .action-delete{width:30px!important;height:30px!important;min-width:30px!important;padding:4px!important;}
}


/* Mobile definitivo: clientes em cards, sem URL M3U sobrepondo o nome */
@media (max-width: 767px) {
  #myTable.client-card-table,
  #myTable { min-width: 0 !important; width: 100% !important; table-layout: auto !important; }
  #myTable thead { display: none !important; }
  #myTable tbody.client-mobile-body { display: block !important; width: 100% !important; }
  #myTable tr.client-mobile-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 10px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 12px !important;
    background: #0d2247 !important;
    border: 1px solid #1d3765 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }
  #myTable tr.client-mobile-row td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 4px 0 !important;
    border: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: break-word !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }
  #myTable tr.client-mobile-row td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 3px;
    color: #8fa8d0;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
  }
  #myTable tr.client-mobile-row .col-client {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    padding: 8px 10px !important;
    background: #153464 !important;
    border-radius: 9px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
  }
  #myTable tr.client-mobile-row .col-client::before { color: #bcd0f3 !important; }
  #myTable tr.client-mobile-row .col-key,
  #myTable tr.client-mobile-row .col-dns,
  #myTable tr.client-mobile-row .col-epg,
  #myTable tr.client-mobile-row .col-id { display: none !important; }
  #myTable tr.client-mobile-row .col-mac,
  #myTable tr.client-mobile-row .col-user,
  #myTable tr.client-mobile-row .col-expire,
  #myTable tr.client-mobile-row .col-status { grid-column: span 1 !important; }
  #myTable tr.client-mobile-row .col-validity {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    align-items: center !important;
  }
  #myTable tr.client-mobile-row .col-validity::before { flex-basis: 100%; }
  #myTable tr.client-mobile-row .col-validity form { display: inline-block !important; margin: 0 !important; }
  #myTable tr.client-mobile-row .col-validity .btn { width: auto !important; min-width: 82px !important; }
  #myTable tr.client-mobile-row .col-edit,
  #myTable tr.client-mobile-row .col-delete { display: inline-flex !important; align-items: center !important; }
  #myTable tr.client-mobile-row .col-edit { justify-content: flex-start !important; }
  #myTable tr.client-mobile-row .col-delete { justify-content: flex-end !important; }
  .table-responsive { overflow-x: hidden !important; }
}

/* Correção da tela Editar Usuário no celular */
.client-edit-page{max-width:980px!important;margin:0 auto!important}
.client-edit-card{overflow:hidden!important}
.client-edit-form .form-group{margin-bottom:16px!important}
.client-edit-form label{display:block!important;margin-bottom:7px!important;font-size:15px!important}
.client-edit-form .input-group{display:block!important;width:100%!important;padding:0!important;background:transparent!important}
.client-edit-form .input-group>.form-control,
.client-edit-form .input-group>input,
.client-edit-form .input-group>select,
.client-edit-form .form-control{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:46px!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  flex:none!important;
  border-radius:9px!important;
  font-size:15px!important;
}
.client-edit-form .active1,.client-edit-form .active2{width:100%!important}
.client-edit-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:20px!important}
.client-edit-actions .btn{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
@media(max-width:767px){
  .client-edit-page{padding:8px!important}
  .client-edit-page>h1{font-size:24px!important;line-height:1.2!important;margin:4px 0 12px!important}
  .client-edit-card{margin-bottom:12px!important;border-radius:12px!important}
  .client-edit-card .card-header{padding:13px 14px!important}
  .client-edit-card .card-header h6{font-size:18px!important}
  .client-edit-card .card-body{padding:14px!important}
  .client-edit-form .form-group{margin-bottom:13px!important}
  .client-edit-form label{font-size:14px!important;margin-bottom:6px!important}
  .client-edit-form .input-group{display:block!important;width:100%!important;padding:0!important}
  .client-edit-form .input-group>.form-control,
  .client-edit-form .input-group>input,
  .client-edit-form .input-group>select,
  .client-edit-form .form-control{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:44px!important;
    font-size:14px!important;
    padding:9px 11px!important;
  }
  .client-edit-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:16px!important}
  .client-edit-actions .btn{width:100%!important;min-width:0!important;padding:10px 8px!important;font-size:13px!important}
}