*{
  box-sizing:border-box;
}

:root{
  --bg:#07101f;
  --sidebar:#090f1d;
  --panel:#101b2e;
  --panel2:#0c1627;
  --border:#22314a;
  --text:#edf4ff;
  --muted:#8599b6;
  --purple:#7557e8;
  --green:#35c991;
  --red:#ec6678;
  --yellow:#e9b84a;
}

html,
body{
  margin:0;
  min-height:100%;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
}

button,
input{
  font:inherit;
}

.app{
  min-height:100vh;
  display:grid;
  grid-template-columns:215px minmax(0,1fr);
}

.sidebar{
  background:var(--sidebar);
  border-right:1px solid #18263a;
  padding:23px 14px;
}

.logo{
  display:block;
  padding:0 13px 22px;
  color:#fff;
  text-decoration:none;
  font-size:17px;
  font-weight:900;
  letter-spacing:.02em;
}

.logo span{
  color:#d3b66d;
}

.nav{
  display:grid;
  gap:3px;
}

.nav-label{
  margin:17px 10px 5px;
  color:#607591;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.nav a{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:8px 10px;
  border-radius:8px;
  color:#aebed2;
  text-decoration:none;
  font-size:11px;
  font-weight:650;
}

.nav a:hover{
  background:#101d32;
  color:#fff;
}

.nav a.active{
  background:
    linear-gradient(
      90deg,
      rgba(117,87,232,.24),
      rgba(30,55,92,.32)
    );
  color:#fff;
  box-shadow:inset 3px 0 0 #8a5cf0;
}

.nav-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  flex:0 0 25px;
  border-radius:7px;
  background:#10233a;
  color:#62c5ee;
}

.main{
  min-width:0;
  padding:31px 29px 45px;
}

.page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}

.page-head h1{
  margin:0;
  font-size:25px;
}

.page-head p{
  margin:7px 0 0;
  color:var(--muted);
  font-size:11px;
}

.page-actions,
.bulk-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.count{
  color:#91a5c1;
  font-size:11px;
  margin-right:4px;
}

.button{
  min-height:33px;
  border:1px solid #465e7d;
  border-radius:8px;
  padding:7px 11px;
  background:#14233a;
  color:#dce8f8;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}

.button:hover{
  border-color:#725fe0;
}

.button:disabled{
  opacity:.5;
  cursor:wait;
}

.button.secondary{
  background:#111d30;
}

.button.archive{
  border-color:#765f28;
  background:#2b2414;
  color:#f1ca64;
}

.button.danger{
  border-color:#713943;
  background:#28151b;
  color:#f09aa8;
}

.bulk-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:12px;
  padding:10px 13px;
  border:1px solid #293852;
  border-radius:10px;
  background:#0c1627;
}

.bulk-bar[hidden]{
  display:none;
}

.bulk-bar strong{
  font-size:11px;
  color:#b9c8dc;
}

.panel{
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--panel);
}

.table-wrap{
  width:100%;
  overflow:auto;
}

table{
  width:100%;
  min-width:1080px;
  border-collapse:collapse;
  table-layout:fixed;
}

th,
td{
  padding:10px 12px;
  border-bottom:1px solid rgba(87,112,150,.15);
  text-align:left;
  vertical-align:middle;
}

th{
  height:40px;
  color:#7589a7;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}

td{
  height:69px;
  color:#dbe6f4;
  font-size:11px;
}

tbody tr:hover{
  background:#111f34;
}

tbody tr.selected{
  background:rgba(117,87,232,.08);
}

.check-col{
  width:38px;
}

input[type="checkbox"]{
  width:15px;
  height:15px;
  cursor:pointer;
  accent-color:var(--purple);
}

.client{
  display:flex;
  align-items:center;
  gap:10px;
}

.avatar{
  width:33px;
  height:33px;
  display:grid;
  place-items:center;
  flex:0 0 33px;
  border-radius:50%;
  background:#292057;
  color:#bdadff;
  font-size:12px;
  font-weight:850;
}

.client strong{
  color:#fff;
}

.sub{
  margin-top:4px;
  color:#7286a3;
  font-size:9px;
}

.product{
  display:inline-flex;
  padding:4px 7px;
  border:1px solid #395879;
  border-radius:5px;
  color:#86c6ef;
  font-size:9px;
}

.status{
  display:inline-flex;
  padding:4px 7px;
  border:1px solid #337357;
  border-radius:999px;
  color:#70daa8;
  font-size:9px;
}

.status.inactive{
  border-color:#74404a;
  color:#f39aa7;
}

.expiry{
  color:#8ba0bc;
}

/* Escala visual de vencimento: 5 dias antes até 5 dias depois. */
.expiry.future{color:#55d79b;}
.expiry.due-5{color:#c9d86b;}
.expiry.due-4{color:#dfca59;}
.expiry.due-3{color:#eaae4c;}
.expiry.due-2{color:#ef8c4e;}
.expiry.due-1{color:#ef705f;font-weight:800;}
.expiry.today{color:#ff5570;font-weight:900;}
.expiry.overdue-1{color:#ff6b7e;font-weight:850;}
.expiry.overdue-2{color:#ef5f7c;font-weight:820;}
.expiry.overdue-3{color:#dc587f;font-weight:800;}
.expiry.overdue-4{color:#c45486;font-weight:780;}
.expiry.overdue-5{color:#ad568d;font-weight:760;}
.expiry.expired-old{color:#97728f;font-weight:700;}

.row-actions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.row-btn{
  border:1px solid #344862;
  border-radius:6px;
  padding:5px 7px;
  background:#111d30;
  color:#b8c8db;
  font-size:9px;
  cursor:pointer;
}

.row-btn:hover{
  border-color:#6c5bd3;
  color:#fff;
}

.row-btn.archive{
  border-color:#66552e;
  color:#e8c971;
}

.row-btn.delete{
  border-color:#683b46;
  color:#ee9ba7;
}

.message{
  padding:38px 20px;
  color:#8397b3;
  text-align:center;
  font-size:11px;
}

.message.error{
  color:#ee8998;
}

.pager{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin-top:16px;
  flex-wrap:wrap;
}

.pager a,
.pager span{
  min-width:31px;
  height:31px;
  display:grid;
  place-items:center;
  padding:0 8px;
  border:1px solid #293c58;
  border-radius:7px;
  color:#9eb0c8;
  background:#0d1829;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
}

.pager a:hover{
  border-color:#705cdb;
  color:#fff;
}

.pager .active{
  border-color:#755fe5;
  background:#2b2356;
  color:#fff;
}

.pager .disabled{
  opacity:.35;
}

.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(2,7,17,.82);
  backdrop-filter:blur(4px);
}

.modal-backdrop[hidden]{
  display:none;
}

.modal{
  width:min(960px,100%);
  max-height:85vh;
  overflow:auto;
  border:1px solid #334b6c;
  border-radius:14px;
  background:#0d1829;
  box-shadow:0 25px 70px rgba(0,0,0,.5);
}

.modal-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:17px 19px;
  border-bottom:1px solid #233650;
  background:#0d1829;
}

.modal-head h2{
  margin:0;
  font-size:18px;
}

.modal-head p{
  margin:5px 0 0;
  color:#8195b2;
  font-size:10px;
}

.modal-close{
  border:0;
  background:transparent;
  color:#aab9cb;
  font-size:22px;
  cursor:pointer;
}

.modal-body{
  padding:12px;
}

@media(max-width:900px){
  .app{
    grid-template-columns:1fr;
  }

  .sidebar{
    display:none;
  }

  .main{
    padding:20px 14px;
  }

  .page-head,
  .bulk-bar{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* CINERMA CLIENT FILTERS */

.filters{
  margin:0 0 18px;
  padding:0;
  overflow:hidden;

  border:1px solid #273650;
  border-radius:16px;

  background:
    linear-gradient(
      180deg,
      #172136 0%,
      #151f33 100%
    );

  box-shadow:
    0 10px 30px
    rgba(0,0,0,.10);
}


.filters-head{
  min-height:52px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;

  padding:0 18px;

  border-bottom:
    1px solid
    rgba(122,148,184,.16);
}


.filters-title{
  display:flex;
  align-items:center;
  gap:9px;

  color:#f3f6fb;
}


.filters-title strong{
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}


.filters-icon{
  color:#22d795;
  font-size:16px;
  font-weight:900;
}


.filters-chevron{
  color:#7487a6;
  font-size:12px;
}


.filter-clear{
  min-height:31px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 12px;

  border:
    1px solid
    rgba(255,73,92,.36);

  border-radius:8px;

  background:
    rgba(104,23,37,.28);

  color:#ff6e7d;

  text-decoration:none;

  font-size:10px;
  font-weight:800;

  transition:
    background .15s,
    border-color .15s;
}


.filter-clear:hover{
  background:
    rgba(137,28,45,.40);

  border-color:
    rgba(255,91,108,.55);
}


.filters-grid{
  display:grid;

  grid-template-columns:
    minmax(210px,1.35fr)
    minmax(135px,.72fr)
    minmax(145px,.78fr)
    minmax(145px,.78fr)
    minmax(145px,.78fr)
    minmax(145px,.76fr)
    minmax(145px,.76fr);

  gap:13px;

  align-items:end;

  padding:17px 18px 19px;
}


.filter-field{
  display:flex;
  flex-direction:column;

  min-width:0;

  gap:7px;
}


.filter-field span{
  display:block;

  color:#8ba5db;

  font-size:9px;
  line-height:1;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:.055em;
}


.filter-field input,
.filter-field select{
  width:100%;
  height:36px;

  box-sizing:border-box;

  border:
    1px solid
    #30405c;

  border-radius:9px;

  padding:0 11px;

  background:#101a2c;

  color:#eef3fa;

  outline:none;

  font-family:inherit;
  font-size:11px;

  transition:
    border-color .15s,
    box-shadow .15s,
    background .15s;
}


.filter-field select{
  padding-right:30px;

  cursor:pointer;
}


.filter-field input::placeholder{
  color:#6f829f;
}


.filter-field input:hover,
.filter-field select:hover{
  border-color:#3b4f70;
}


.filter-field input:focus,
.filter-field select:focus{
  border-color:#6658dc;

  box-shadow:
    0 0 0 3px
    rgba(102,88,220,.12);

  background:#111d31;
}


.filter-field input[type="date"]{
  color-scheme:dark;
}


.filter-submit{
  display:flex;
  align-items:flex-end;
}


.filter-submit .button{
  width:100%;
  height:36px;

  border-radius:9px;
}


/*
 * Atualizar fica na segunda linha,
 * alinhado ao primeiro campo.
 */
.filter-submit{
  grid-column:1;
}


@media(max-width:1500px){
  .filters-grid{
    grid-template-columns:
      repeat(
        4,
        minmax(150px,1fr)
      );
  }

  .filter-field.search{
    grid-column:span 2;
  }

  .filter-submit{
    grid-column:auto;
  }
}


@media(max-width:980px){
  .filters-grid{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }

  .filter-field.search{
    grid-column:span 2;
  }
}


@media(max-width:640px){
  .filters{
    border-radius:12px;
  }

  .filters-head{
    min-height:48px;
    padding:0 13px;
  }

  .filters-grid{
    grid-template-columns:1fr;
    padding:14px;
  }

  .filter-field.search{
    grid-column:auto;
  }

  .filter-submit{
    grid-column:auto;
  }
}

/* CINERMA CLIENT ACTIONS FULL */
.button.primary{background:linear-gradient(135deg,#6851df,#4d37bf);border-color:#7864ec;color:#fff}
.button.success{background:#11764d;border-color:#249b6a;color:#fff}
.actions-col{width:260px}
.action-cell{width:260px}
.icon-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}
.icon-action{position:relative;width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:.15s;color:#8ca1bf}
.icon-action:hover{background:rgba(255,255,255,.055);border-color:rgba(148,163,184,.18);transform:translateY(-1px)}
.icon-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-action.note{color:#e6b72f}.icon-action.edit{color:#8588ff}.icon-action.renew{color:#25d594}.icon-action.profile{color:#4ca6ff}.icon-action.notify{color:#a88bff}.icon-action.link{color:#30d79a}.icon-action.delete{color:#ff6678}.icon-action.archive{color:#e6bd52;background:rgba(112,78,12,.18);border-color:rgba(170,124,28,.42)}
.icon-action::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);padding:5px 7px;border-radius:6px;background:#07101f;border:1px solid #2b3b57;color:#fff;font-size:9px;white-space:nowrap;opacity:0;pointer-events:none;transition:.12s;z-index:30}
.icon-action:hover::after{opacity:1}

.form-modal{width:min(820px,96vw)}.small-modal{width:min(620px,96vw)}.profile-modal{width:min(980px,96vw)}
.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:15px 19px;border-top:1px solid #233650;background:#0d1829}
.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.mode-switch button{min-height:43px;border:1px solid #334663;border-radius:9px;background:#14233a;color:#9fb1c8;font-weight:800;cursor:pointer}.mode-switch button.active{background:#24345c;border-color:#7663ec;color:#fff}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field>span{font-size:9px;text-transform:uppercase;letter-spacing:.055em;color:#8fa4c1;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:40px;box-sizing:border-box;border:1px solid #344a6d;border-radius:9px;background:#0b172b;color:#f2f6fc;padding:9px 11px;font:inherit;font-size:11px;outline:none}.field textarea{min-height:92px;resize:vertical}.field small{color:#758aa8;font-size:9px}.check-field{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:1px solid #344a6d;border-radius:9px;background:#0b172b;color:#c3d0e0;font-size:10px}.check-field input{width:15px!important;min-height:auto!important}
.info-box{margin-top:13px;padding:10px 12px;border:1px solid #304663;border-radius:9px;background:#0c192c;color:#93a8c4;font-size:10px;line-height:1.55}.form-error{min-height:17px;margin-top:9px;color:#ff96a5;font-size:10px}
.note-textarea,.notify-textarea{width:100%;box-sizing:border-box;min-height:100px;border:1px solid #344a6d;border-radius:9px;background:#0b172b;color:#fff;padding:11px;font:inherit;font-size:11px;resize:vertical}.notify-textarea{min-height:170px;margin-top:10px}
.notes-list{display:grid;gap:8px;margin-top:14px}.note-card{padding:10px 11px;border:1px solid #293c58;border-radius:9px;background:#0b1628}.note-card p{margin:0 0 7px;white-space:pre-wrap;font-size:11px}.note-foot{display:flex;justify-content:space-between;gap:8px;color:#768ba7;font-size:9px}.note-delete{border:0;background:none;color:#ef8696;cursor:pointer;font-size:9px}
.profile-head-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #2b3e5a;border-radius:12px;background:#101d32;margin-bottom:12px}.profile-avatar{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:13px;background:linear-gradient(135deg,#7955e7,#27bde0);font-size:21px;font-weight:900}.profile-main{flex:1;min-width:0}.profile-main h3{margin:0 0 5px;font-size:18px}.profile-contact{color:#90a5c2;font-size:10px}.profile-actions{display:flex;gap:6px;flex-wrap:wrap}.profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.profile-metric{padding:12px;border:1px solid #293c58;border-radius:10px;background:#101b2e}.profile-metric small{display:block;color:#7f94b2;font-size:8px;text-transform:uppercase}.profile-metric strong{display:block;margin-top:7px;font-size:16px;color:#fff}.profile-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:12px}.profile-card{border:1px solid #293c58;border-radius:11px;background:#101b2e;padding:13px}.profile-card h4{margin:0 0 10px;font-size:12px}.profile-table{width:100%;min-width:0;table-layout:auto}.profile-table th,.profile-table td{height:auto;padding:8px 6px;font-size:9px}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-item{padding:9px;border:1px solid #273b57;border-radius:8px;background:#0c182a}.access-item small{display:block;color:#8298b6;font-size:8px}.access-item strong{display:block;margin-top:4px;font-size:10px;word-break:break-word}.trust-row{padding:9px 0;border-bottom:1px solid #253650;font-size:9px;color:#a8b8cc}.trust-row:last-child{border-bottom:0}.profile-empty{padding:18px 5px;color:#788da9;text-align:center;font-size:10px}
@media(max-width:1050px){.actions-col,.action-cell{width:235px}.icon-action{width:27px;height:27px;flex-basis:27px}}
@media(max-width:750px){.form-grid,.profile-grid,.profile-metrics,.access-grid,.mode-switch{grid-template-columns:1fr}.field.full{grid-column:auto}.profile-head-card{align-items:flex-start;flex-wrap:wrap}.profile-actions{width:100%}}

/* FIX ACTIONS OVERFLOW */
.actions-col,
.action-cell{
  width:300px !important;
}

.icon-actions{
  display:flex !important;
  align-items:center !important;
  gap:3px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  max-width:100% !important;
}

.icon-action{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
}

.icon-action svg{
  width:14px !important;
  height:14px !important;
}

@media(max-width:1250px){
  .actions-col,
  .action-cell{
    width:280px !important;
  }

  .icon-action{
    width:26px !important;
    height:26px !important;
    flex-basis:26px !important;
  }
}

/* FIX ACTIONS OVERFLOW */
.actions-col,
.action-cell{
  width:300px !important;
}

.icon-actions{
  display:flex !important;
  align-items:center !important;
  gap:3px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  max-width:100% !important;
}

.icon-action{
  width:28px !important;
  height:28px !important;
  flex:0 0 28px !important;
}

.icon-action svg{
  width:14px !important;
  height:14px !important;
}

@media(max-width:1250px){
  .actions-col,
  .action-cell{
    width:280px !important;
  }

  .icon-action{
    width:26px !important;
    height:26px !important;
    flex-basis:26px !important;
  }
}


/* CLIENTES V3 · renovação já paga x a cobrar */
.field-help{display:block;margin-top:5px;color:#7f93af;font-size:10px;line-height:1.35}
.renew-payment-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}
.renew-choice{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #2e405b;border-radius:10px;background:#0c1728;cursor:pointer;transition:.15s}
.renew-choice:hover{border-color:#546b8d;background:#0f1d31}
.renew-choice:has(input:checked){border-color:#6e5de1;background:rgba(79,63,173,.16);box-shadow:0 0 0 1px rgba(121,101,239,.18) inset}
.renew-choice input{margin-top:3px;accent-color:#7662e8}
.renew-choice span{display:block;min-width:0}
.renew-choice strong{display:block;color:#eef4ff;font-size:12px}
.renew-choice small{display:block;margin-top:4px;color:#8fa2bd;font-size:10px;line-height:1.4}
#renewBillingWrap[hidden]{display:none!important}
#renewExpiry[readonly]{color:#8ee4bd;background:#0b1b21;border-color:#245846;font-weight:800}
@media(max-width:720px){.renew-payment-choices{grid-template-columns:1fr}}

/* === CLIENT EDITOR V80 === */
.client-editor-modal{width:min(980px,96vw);max-height:94vh}
.client-editor-body{padding:16px 22px 20px}
.client-edit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px;border:1px solid #2c3e59;border-radius:13px;background:#0d182a;margin-bottom:18px}
.client-edit-tabs button{min-height:46px;border:0;border-radius:10px;background:transparent;color:#91a2bd;font-weight:850;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s}
.client-edit-tabs button:hover{background:#17233a;color:#dfe9f8}.client-edit-tabs button.active{background:linear-gradient(135deg,#23cbe0,#33cbbb);color:#041119;box-shadow:0 8px 22px rgba(32,207,210,.12)}
.client-edit-tabs button b{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#07131f;color:#42e0d0;font-size:9px;place-items:center}.client-edit-tabs button b.show{display:grid}
.client-edit-pane{min-height:330px}.client-edit-pane[hidden]{display:none!important}.client-edit-pane.active{display:block}
.editor-section-title{margin:8px 0 13px;color:#eef5ff;font-size:14px}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.editor-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 15px}.editor-pane-head h3{margin:0 0 4px;font-size:15px}.editor-pane-head p{margin:0;color:#8498b6;font-size:10px}
.editor-total{min-width:150px;text-align:right;padding:10px 12px;border:1px solid #2f4561;border-radius:10px;background:#0c1728}.editor-total small,.editor-total span{display:block;color:#8296b4;font-size:8px;text-transform:uppercase}.editor-total strong{display:block;margin:3px 0;color:#34e59d;font-size:18px}
.billing-toggle-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #2d405c;border-radius:12px;background:#0c1728;cursor:pointer}.billing-toggle-card input{display:none}.billing-toggle-card .toggle-ui,.mini-toggle span{width:42px;height:23px;border-radius:20px;background:#4d596b;position:relative;flex:0 0 auto;transition:.18s}.billing-toggle-card .toggle-ui:after,.mini-toggle span:after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.18s}.billing-toggle-card input:checked+.toggle-ui,.mini-toggle input:checked+span{background:#10bde8}.billing-toggle-card input:checked+.toggle-ui:after,.mini-toggle input:checked+span:after{transform:translateX(19px)}.billing-toggle-card strong{display:block;color:#dce7f7;font-size:12px}.billing-toggle-card small{display:block;color:#8094b1;font-size:9px;margin-top:3px}
.editor-switches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.mini-toggle{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #2a3f59;border-radius:10px;background:#0c1728;cursor:pointer}.mini-toggle input{display:none}.mini-toggle strong{font-size:10px;color:#cbd7e8}
.additional-access-list{display:grid;gap:12px}.additional-empty{padding:34px 15px;border:1px dashed #344862;border-radius:12px;color:#7f94b2;text-align:center;font-size:11px}.additional-card{border:1px solid #2c3e5b;border-radius:13px;background:#0d182b;overflow:hidden}.additional-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#13203a;border-bottom:1px solid #273a57}.additional-card-head strong{font-size:12px}.additional-price{color:#36e49b;font-weight:900;font-size:12px}.additional-remove{border:0;background:rgba(255,91,111,.1);color:#ff7182;border-radius:8px;padding:6px 9px;cursor:pointer;font-weight:800}.additional-fields{padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.additional-fields .field.full{grid-column:1/-1}.additional-fields .field span{font-size:8px}.additional-fields .field input,.additional-fields .field select{min-height:38px}
.additional-summary{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px;padding:12px 14px;border-radius:11px;background:#101d31;border:1px solid #2d425f}.additional-summary span{color:#90a3bf;font-size:10px}.additional-summary strong{font-size:20px;color:#35e39a}
.billing-badge{display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:3px 6px;border-radius:7px;font-size:8px;font-weight:850}.billing-badge:before{content:'';width:5px;height:5px;border-radius:50%}.billing-badge.on{color:#4ce4a1;background:rgba(25,191,122,.10)}.billing-badge.on:before{background:#26dc91}.billing-badge.off{color:#ff7483;background:rgba(220,68,87,.10)}.billing-badge.off:before{background:#ff5d70}
.plan-subtotal{display:block;margin-top:4px;color:#38d999;font-size:8px;font-weight:800}.billing-off{border-color:#6b4050!important;color:#ff93a0!important}.button.success{background:#0d8b61;border-color:#18a978;color:white}
@media(max-width:820px){.client-edit-tabs{grid-template-columns:1fr 1fr}.editor-grid,.app-editor-grid,.editor-switches{grid-template-columns:1fr}.additional-fields{grid-template-columns:1fr 1fr}.client-editor-body{padding:14px}.editor-pane-head{flex-direction:column}.editor-total{text-align:left;width:100%;box-sizing:border-box}}
@media(max-width:560px){.additional-fields{grid-template-columns:1fr}.client-edit-tabs button{font-size:10px}.client-edit-tabs button span{display:none}}
/* === END CLIENT EDITOR V80 === */

/* === CLIENT DATA NORMALIZATION V81 === */
.product-meta{margin-top:5px;color:#7f93af}.product-meta::before{content:'•';margin-right:4px;color:#3fd7bc}
#editAppName:disabled,#newApp:disabled{opacity:1;color:#8ee4d6;background:#0c1d2a;border-color:#245b63;cursor:not-allowed}
/* === END V81 === */


/* === V84 · CLIENTES NO MESMO SHELL VISUAL DA VISÃO GERAL === */
:root{
  --bg:#08080b;
  --sidebar:#0d0d12;
  --panel:#101b2e;
  --panel2:#0c1627;
  --border:#223651;
  --text:#f7f7fa;
  --muted:#8297b5;
}
body{background:#08080b;color:#f7f7fa}
.app{grid-template-columns:250px minmax(0,1fr)}
.sidebar{
  background:#0d0d12;
  border-right:1px solid #292933;
  padding:24px 16px;
  position:sticky;
  top:0;
  height:100vh;
  overflow:auto;
  z-index:30;
}
.logo{
  padding:2px 12px 24px;
  font-size:22px;
  font-weight:900;
  letter-spacing:.02em;
}
.logo span{color:#d9b85f}
.nav{gap:4px}
.nav-label{
  margin:0;
  padding:18px 12px 6px;
  color:#58647b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}
.nav a{
  gap:10px;
  min-height:39px;
  padding:9px 11px;
  border:1px solid transparent;
  border-radius:9px;
  color:#9ba8bd;
  font-size:12px;
  font-weight:650;
  transition:.13s;
}
.nav a:hover{
  background:#151b28;
  color:#fff;
  border-color:#263248;
}
.nav a.active{
  background:linear-gradient(90deg,rgba(116,87,237,.20),rgba(18,26,43,.65));
  color:#fff;
  border-color:rgba(116,87,237,.32);
  box-shadow:inset 3px 0 #7457ed;
}
.nav-icon{
  width:20px;
  height:auto;
  display:inline-block;
  flex:0 0 20px;
  border-radius:0;
  background:transparent;
  color:#8c78ff;
  text-align:center;
  font-size:14px;
}
.main{padding:32px;background:#08080b}
.page-head{margin-bottom:16px}
.page-head h1{font-size:24px}
.page-head p{margin-top:6px;color:#8297b5;font-size:12px}
.panel{border-color:#223651;background:#101b2e;border-radius:13px}
.bulk-bar{border-color:#223651;background:#101b2e;border-radius:13px}
th,td{border-bottom-color:rgba(78,103,140,.18)}
tbody tr{background:transparent}
tbody tr:hover{background:#12213a}
tbody tr.selected{background:rgba(116,87,237,.09)}
.avatar{background:#22203e;color:#c4b8ff}
.product{border-color:#335070;background:#10263b;color:#8fc9ed}
.button{border-color:#344b6c;background:#11203a}
.button.secondary{background:#11203a}
.button.primary{background:#6550d4;border-color:#7662e6}
@media(max-width:900px){
  .app{grid-template-columns:1fr}
  .sidebar{position:relative;height:auto;display:block}
  .main{padding:20px}
}
@media(max-width:560px){.main{padding:14px}}

/* V85 exact native shell */
body.native-admin{margin:0!important;min-height:100vh!important;background:#08080b!important;color:#f7f7fa!important}
body.native-admin .native-app{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;min-height:100vh!important}
body.native-admin .native-sidebar{background:#0d0d12!important;border-right:1px solid #292933!important}
body.native-admin .native-main{min-width:0!important;padding:32px!important}
@media(max-width:900px){body.native-admin .native-app{grid-template-columns:1fr!important}body.native-admin .native-main{padding:20px!important}}
@media(max-width:560px){body.native-admin .native-main{padding:14px!important}}


/* V131: acao de envio e avisos internos */
.icon-action.notify{
  color:#c3b1ff;
  background:rgba(117,86,224,.20);
  border-color:rgba(164,137,255,.36);
}
.icon-action.notify:hover{
  background:rgba(117,86,224,.32);
  border-color:rgba(185,164,255,.58);
}
.cinerma-notice-backdrop{
  position:fixed;inset:0;z-index:12050;align-items:center;justify-content:center;
  padding:18px;background:rgba(2,7,16,.76);backdrop-filter:blur(4px);
}
.cinerma-notice-card{
  width:min(560px,96vw);border:1px solid #334a69;border-radius:16px;background:#111a24;
  box-shadow:0 26px 80px rgba(0,0,0,.55);padding:28px;
}
.cinerma-notice-icon{
  width:72px;height:72px;margin:0 auto 14px;border:4px solid #4e7047;border-radius:50%;
  display:grid;place-items:center;color:#a7ee8b;font-size:42px;line-height:1;
}
.cinerma-notice-icon.error{border-color:#8a3d4b;color:#ff8797}
.cinerma-notice-card h2{margin:0;text-align:center;color:#aebcff;font-size:28px}
.cinerma-notice-card p{margin:14px 0;text-align:center;color:#95afff;font-weight:700;line-height:1.5}
.cinerma-notice-value{width:100%;box-sizing:border-box;border:0;border-left:4px solid #2cda84;border-radius:5px;background:#f7f7f8;color:#0078e7;padding:12px;font:600 13px ui-monospace,monospace}
.cinerma-notice-value[hidden]{display:none}
.cinerma-notice-how{margin-top:18px;color:#9fb2ce;font-size:13px;line-height:1.65;display:grid;gap:3px}
.cinerma-notice-how[hidden]{display:none}
.cinerma-notice-how strong{color:#8eabff;margin-bottom:2px}
.cinerma-notice-how span:before{content:'• ';color:#8eabff}
.cinerma-notice-actions{display:flex;justify-content:center;margin-top:26px}
.cinerma-notice-actions .button{min-width:110px}


/* === CINERMA V136: localização rápida de clientes === */
.client-quick-find{
  display:flex;
  align-items:center;
  gap:18px;
  justify-content:space-between;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid #263a55;
  border-radius:12px;
  background:#101c2e;
}
.client-quick-find-label{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:210px;
}
.client-quick-find-label strong{font-size:14px;color:#fff}
.client-quick-find-label span{font-size:12px;color:#8fa8c9}
.client-quick-find input{
  width:min(520px,100%);
  min-height:42px;
  padding:0 14px;
  border:1px solid #334966;
  border-radius:9px;
  background:#091525;
  color:#fff;
  outline:none;
}
.client-quick-find input:focus{
  border-color:#6556dc;
  box-shadow:0 0 0 3px rgba(101,86,220,.15);
}
@media(max-width:760px){
  .client-quick-find{align-items:stretch;flex-direction:column;gap:10px}
  .client-quick-find input{width:100%}
}