*{box-sizing:border-box}
:root{
  --blue:#1769ff; --dark:#081c37; --bg:#f3f6fb; --card:#ffffff; --border:#d8e0ef;
  --text:#172033; --muted:#667085; --green:#16a34a; --orange:#f59e0b; --red:#dc2626; --purple:#7c3aed;
}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}
button{border:0;border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer}
input,select,textarea{width:100%;padding:13px;border:1px solid var(--border);border-radius:14px;background:#fff;font-size:16px}
textarea{min-height:88px;resize:vertical}
.primary{background:var(--blue);color:#fff}.danger{background:var(--red);color:#fff}.ok{background:var(--green);color:#fff}
.warn{background:var(--orange);color:#fff}.ghost{background:#eef3fb;color:var(--text)}
.small{font-size:13px;color:var(--muted)}
.hidden{display:none !important}

.login{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(135deg,#081c37,#1769ff)}
.loginbox{background:#fff;border-radius:28px;padding:22px;width:min(980px,100%);box-shadow:0 26px 70px #0005}
.brand{display:flex;gap:14px;align-items:center}
.logo{width:58px;height:58px;border-radius:18px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}
.area{background:#f8fbff;border:1px solid var(--border);text-align:left}
.area.active{outline:3px solid var(--blue)}

.desktop{display:grid;grid-template-columns:265px 1fr;min-height:100vh}
.side{background:var(--dark);color:#fff;padding:18px}
.side button{display:block;width:100%;margin:6px 0;text-align:left;background:transparent;color:#dce8ff}
.side button.active,.side button:hover{background:var(--blue);color:#fff}
.main{padding:20px}
.top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:0 5px 16px #071d3a12}
.big{font-size:32px;font-weight:900}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}

.filters{display:grid;grid-template-columns:2fr repeat(5,1fr);gap:10px;margin:14px 0}
.table{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:18px}
table{width:100%;border-collapse:collapse;min-width:1080px}
th,td{padding:12px;border-bottom:1px solid #edf2f7;text-align:left;font-size:14px;vertical-align:top}
th{background:#f8fafc}
.badge{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;display:inline-block}
.vazia{background:#dcfce7;color:#166534}.carregada{background:#fef3c7;color:#92400e}.manutencao{background:#fee2e2;color:#991b1b}
.retornada{background:#e9d5ff;color:#6b21a8}.sim{background:#dbeafe;color:#1e40af}.nao{background:#e5e7eb;color:#374151}

.verify-hero{background:linear-gradient(135deg,#081c37,#1769ff);color:#fff;border-radius:22px;padding:16px;box-shadow:0 10px 28px #071d3a28}
.verify-result{margin-top:12px}
.result-card{border-radius:18px;padding:14px;border:1px solid var(--border);background:#fff}
.result-card.ok-state{border-color:#bbf7d0;background:#f0fdf4}
.result-card.warn-state{border-color:#fecaca;background:#fef2f2}
.result-card.info-state{border-color:#bfdbfe;background:#eff6ff}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.chip{padding:8px 10px;border-radius:999px;background:#eef3fb;font-size:12px;font-weight:800}

.list{display:grid;gap:10px}
.item{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px}
.item-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

.mobile{min-height:100vh;background:#eef3fb;padding-bottom:96px}
.mobile-head{position:sticky;top:0;z-index:10;background:var(--dark);color:#fff;padding:16px;border-radius:0 0 26px 26px;box-shadow:0 10px 28px #071b3633}
.mobile-head h1{margin:0;font-size:22px}.mobile-head p{margin:5px 0 0;color:#cfe0ff}
.mobile-main{padding:14px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.quick{min-height:98px;border-radius:22px;text-align:left;color:#fff;box-shadow:0 10px 22px #071d3a22}
.quick b{display:block;font-size:18px}.quick span{font-size:13px;opacity:.92}
.blue{background:linear-gradient(135deg,#1769ff,#0a47bf)}.green{background:linear-gradient(135deg,#16a34a,#087536)}
.orange{background:linear-gradient(135deg,#f59e0b,#b45309)}.red{background:linear-gradient(135deg,#dc2626,#991b1b)}
.mobile-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px;margin:10px 0;box-shadow:0 5px 16px #071d3a12}
.row{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.bottom{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:15}
.bottom button{padding:10px 6px;background:#fff;color:#344054;border-radius:14px;font-size:12px}
.bottom button.active{background:#eaf1ff;color:var(--blue)}

.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:14px;z-index:20}
.modalbox{background:#fff;border-radius:22px;padding:18px;width:min(980px,100%);max-height:92vh;overflow:auto}
.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.section-title{margin:18px 0 8px;font-size:18px}
.alert{border-radius:14px;padding:12px;margin-top:10px;font-weight:700}
.alert.info{background:#eff6ff;color:#1d4ed8}
.alert.warn{background:#fef2f2;color:#b91c1c}
.alert.ok{background:#f0fdf4;color:#15803d}

@media print{
  body{background:#fff}
  .side,.top button,.filters,.bottom,.mobile-head,.quick-grid,.verify-hero{display:none !important}
  .desktop{grid-template-columns:1fr}
  .main{padding:0}
  .card,.table{box-shadow:none;border:1px solid #ccc}
}
@media(max-width:980px){
  .desktop{grid-template-columns:1fr}.side{display:none}.main{padding:12px}
  .cards,.grid-4,.grid-5,.filters,.modal-grid,.grid-3,.grid-2{grid-template-columns:1fr}
}
@media(max-width:520px){
  .areas{grid-template-columns:1fr}.loginbox{padding:18px}
  .quick-grid{grid-template-columns:1fr 1fr}
}


/* LOGIN ELEGANTE v1.5 */
.login{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:20px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 22%),
    radial-gradient(circle at bottom right, rgba(255,255,255,.12), transparent 18%),
    linear-gradient(135deg,#07162c 0%, #0b2d6a 48%, #1769ff 100%);
}
.loginbox-elegant{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:0;
  overflow:hidden;
  padding:0;
  border-radius:34px;
  width:min(1180px, 100%);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.login-left{
  padding:34px;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.16), transparent 26%),
    linear-gradient(160deg,#0a1d3d 0%, #0f3271 55%, #1769ff 100%);
  color:#fff;
}
.login-right{
  padding:34px;
  background:linear-gradient(180deg,#ffffff 0%, #f7faff 100%);
}
.brand-login{margin-top:10px}
.brand-login h1{margin:0;font-size:46px;letter-spacing:.5px}
.brand-login p{margin:6px 0 0;color:#dce8ff;font-size:16px}
.login-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-weight:800;
  font-size:13px;
  letter-spacing:.2px;
}
.login-badge.light{
  background:#eaf1ff;
  color:#1769ff;
}
.hero-copy{margin:26px 0 18px}
.hero-copy h2{margin:0 0 10px;font-size:34px;line-height:1.12}
.hero-copy p{margin:0;color:#d8e4ff;font-size:16px;line-height:1.6}
.hero-highlight{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:18px;
  margin:20px 0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:rgba(255,255,255,.10);
}
.highlight-icon{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.18);
  font-size:28px;
}
.hero-highlight h3{margin:2px 0 6px;font-size:22px}
.hero-highlight p{margin:0;color:#e7efff;line-height:1.55}
.hero-list{display:grid;gap:10px;margin-top:16px}
.hero-list-item{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.10);
  font-weight:700;
}
.hero-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hero-pill{
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:12px;
  font-weight:800;
}
.login-panel-top h2{margin:10px 0 6px;font-size:30px}
.areas-elegant{
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:18px 0 22px;
}
.area-elegant{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:#fbfdff;
  border:1px solid #dce6f8;
  transition:.18s ease;
  box-shadow:0 6px 16px rgba(8,28,55,.05);
}
.area-elegant:hover{
  transform:translateY(-2px);
  border-color:#aac8ff;
  box-shadow:0 10px 24px rgba(23,105,255,.12);
}
.area-elegant.active{
  outline:none;
  border-color:#1769ff;
  background:linear-gradient(180deg,#eef4ff 0%, #f8fbff 100%);
  box-shadow:0 0 0 3px rgba(23,105,255,.13);
}
.area-elegant h3{margin:0 0 6px;font-size:20px}
.area-elegant p{margin:0;color:#667085;font-size:14px;line-height:1.4}
.area-icon{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:#eaf1ff;
  color:#1769ff;
  font-size:24px;
  flex:0 0 auto;
}
.login-form-card{
  border:1px solid #e1e8f5;
  background:#fff;
  border-radius:24px;
  padding:20px;
  box-shadow:0 12px 30px rgba(8,28,55,.06);
}
.field-label{
  display:block;
  font-size:14px;
  font-weight:800;
  color:#344054;
  margin-bottom:12px;
}
.field-label input{margin-top:8px}
.login-cta{
  width:100%;
  min-height:52px;
  font-size:16px;
  margin-top:4px;
  box-shadow:0 14px 30px rgba(23,105,255,.22);
}
.demo-box{
  margin-top:16px;
  padding:14px;
  border-radius:18px;
  background:#f7faff;
  border:1px dashed #c8d8f4;
}
.demo-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-top:10px;
}
.demo-grid span{
  display:block;
  padding:10px 12px;
  background:#fff;
  border:1px solid #e4ecf8;
  border-radius:14px;
  font-size:13px;
  font-weight:700;
  color:#344054;
}
@media(max-width:980px){
  .loginbox-elegant{grid-template-columns:1fr}
  .login-left,.login-right{padding:22px}
  .hero-copy h2{font-size:28px}
}
@media(max-width:640px){
  .areas-elegant{grid-template-columns:1fr}
  .brand-login h1{font-size:34px}
  .hero-copy h2{font-size:24px}
  .login-right,.login-left{padding:18px}
  .demo-grid{grid-template-columns:1fr}
}


/* v1.6 - fluxo limpo do pátio */
.loginbox-simple{width:min(980px,100%);padding:24px 26px;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.login-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.brand-clean h1{margin:0;font-size:34px;color:#0f172a}.brand-clean p{margin:4px 0 0;color:#64748b}
.login-tag{padding:8px 14px;border-radius:999px;background:#eaf1ff;color:#1769ff;font-weight:800}
.login-clean-content{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
.areas-clean{grid-template-columns:repeat(2,1fr);margin-top:14px}
.area-clean{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:20px;border:1px solid #dde7f8;background:#fbfdff;box-shadow:0 5px 14px rgba(8,28,55,.05)}
.area-clean.active{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.14);background:#eff5ff}
.area-clean h3{margin:0 0 4px;font-size:18px}.area-clean p{margin:0;color:#667085;font-size:13px}
.clean-form{padding:18px}.login-selected{margin-bottom:12px}.selected-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef4ff;color:#1769ff;font-weight:800}.demo-box.compact{margin-top:14px}.compact-grid span{font-size:12px}
.bottom.bottom-3{grid-template-columns:repeat(3,1fr)}
.modalbox-compact{width:min(860px,100%)}
.form-verify-grid{align-items:end}.compact-grid-3{grid-template-columns:repeat(3,1fr)}
.sticky-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}
@media(max-width:980px){.login-clean-content{grid-template-columns:1fr}.areas-clean{grid-template-columns:1fr}.compact-grid-3{grid-template-columns:1fr}}


/* v1.7 - Patio visual moderno */
.mobile-modern{min-height:100vh;position:relative;background:linear-gradient(180deg,#f5f7fb 0%,#eef3fb 55%,#edf2f7 100%);padding:18px 14px 26px}
.mobile-head-modern{position:relative;top:auto;border-radius:28px;padding:22px 22px 18px 62px;background:linear-gradient(135deg,#101828 0%,#0f2f6f 55%,#1769ff 100%);box-shadow:0 22px 45px rgba(17,24,39,.18)}
.mobile-head-modern .eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#dbe7ff;margin-bottom:6px}
.mobile-head-modern h1{font-size:28px;line-height:1.1;margin:0 0 6px}.mobile-head-modern p{font-size:14px;line-height:1.45;color:#d7e5ff;margin:0}
.mobile-main-modern{padding:16px 0 0}
.drawer-fab{position:absolute;left:28px;top:28px;z-index:30;width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.16);backdrop-filter:blur(10px);color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.18);transition:opacity .2s ease,transform .2s ease}
.drawer-overlay{position:fixed;inset:0;background:rgba(2,6,23,.36);opacity:0;pointer-events:none;transition:.22s ease;z-index:24}.drawer-overlay.show{opacity:1;pointer-events:auto}
.patio-drawer{position:fixed;left:0;top:0;bottom:0;width:min(280px,82vw);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-right:1px solid rgba(148,163,184,.28);box-shadow:20px 0 50px rgba(15,23,42,.18);padding:18px 16px;transform:translateX(-105%);transition:.24s ease;z-index:25;display:flex;flex-direction:column;gap:12px}
.patio-drawer.open{transform:translateX(0)}
.mobile-modern.drawer-open .drawer-fab{opacity:0;pointer-events:none;transform:scale(.92)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 10px}.drawer-head small{display:block;color:#64748b;font-weight:700}.drawer-head h3{margin:2px 0 0;font-size:22px}
.drawer-user{padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:#1769ff;font-weight:800;border:1px solid #dbe7ff}
.drawer-nav{display:grid;gap:10px;margin-top:4px}.drawer-nav button{text-align:left;justify-content:flex-start;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid #e6ebf2;color:#0f172a;box-shadow:0 6px 18px rgba(15,23,42,.05)}.drawer-nav button.active{background:linear-gradient(180deg,#eef4ff,#f8fbff);border-color:#b7cdfd;color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.10)}
.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);box-shadow:0 14px 32px rgba(15,23,42,.08);border:1px solid rgba(226,232,240,.9);margin-bottom:14px}
.hero-kicker{font-size:12px;font-weight:800;color:#1769ff;text-transform:uppercase;letter-spacing:.08em}.hero-panel h3{margin:6px 0 0;font-size:22px;color:#101828}
.quick-grid-modern{grid-template-columns:1fr;gap:12px;margin:0 0 16px}
.quick-modern{min-height:auto;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.95);box-shadow:0 14px 30px rgba(15,23,42,.08);display:flex;align-items:center;gap:14px;padding:16px 18px;color:#101828}
.quick-modern:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(15,23,42,.10)}
.quick-modern .quick-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1}.quick-modern .quick-copy b{font-size:17px;margin:0;color:#0f172a}.quick-modern .quick-copy small{font-size:13px;color:#64748b;margin-top:2px}
.quick-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px;font-weight:700;flex:none}
.icon-green{background:linear-gradient(180deg,#ebfff0,#d9fbe4);color:#15803d}.icon-orange{background:linear-gradient(180deg,#fff6e5,#ffeed1);color:#c2410c}.icon-red{background:linear-gradient(180deg,#fff0f1,#ffe0e3);color:#dc2626}.icon-blue{background:linear-gradient(180deg,#edf4ff,#dfe9ff);color:#1769ff}
.quick-arrow{font-size:28px;color:#94a3b8;line-height:1}
.mobile-card-modern{border-radius:26px;padding:18px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.95);box-shadow:0 16px 36px rgba(15,23,42,.08);margin:0 0 14px}
.card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.card-head h2,.card-head h3{margin:0}.card-head p{margin:4px 0 0}
.search-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.search-btn{padding-inline:18px}
.modern-result .item,.verify-result .item{border-radius:18px}
.summary-card .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-tile{padding:14px;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #e8eef6}.stat-tile span{display:block;font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.stat-tile strong{display:block;font-size:28px;color:#0f172a;margin-top:6px}
.search-stack{display:grid;gap:10px}.box-card-modern h3{margin:0 0 4px}.chips-modern{margin-top:12px}.actions-modern{margin-top:14px}.soft-btn{background:#fff;color:#0f172a;border:1px solid #e3e9f3;border-radius:16px;box-shadow:0 10px 22px rgba(15,23,42,.06)}.soft-btn:hover{box-shadow:0 14px 26px rgba(15,23,42,.08)}.small-btn{padding:8px 10px;border-radius:12px}.danger-soft{background:linear-gradient(180deg,#ef4444,#dc2626);border:none;color:#fff;box-shadow:0 12px 22px rgba(220,38,38,.18)}
@media print{.drawer-fab,.patio-drawer,.drawer-overlay{display:none !important}}
@media(max-width:520px){.mobile-modern{padding:14px 12px 22px}.mobile-head-modern{padding:20px 18px 16px 56px}.mobile-head-modern h1{font-size:24px}.summary-card .stat-grid{grid-template-columns:1fr 1fr}.search-row{grid-template-columns:1fr}.hero-panel{align-items:flex-start;flex-direction:column}.quick-modern{padding:15px 16px}.mobile-card-modern{padding:16px}}


/* v1.8 - refinamentos do pátio */
.modalbox-compact{width:min(760px,100%)}
.modalbox.modalbox-compact{padding:20px 20px 16px;border-radius:28px;box-shadow:0 24px 60px rgba(15,23,42,.18)}
.modalbox-compact .top h2{margin:0 0 4px;font-size:24px}
.form-verify-grid{grid-template-columns:1.2fr auto;gap:12px}
.form-verify-grid .ok{min-width:170px}
.compact-grid-3{grid-template-columns:repeat(2,1fr);gap:14px}
.grid-2{gap:14px}
.section-title{font-weight:800;color:#0f172a;margin:18px 0 10px}
.sticky-actions{border-top:1px solid #edf2f7;margin-top:14px;padding-top:14px}
.mobile-modern{max-width:820px;margin:0 auto;padding:16px 14px 24px}
.mobile-head-modern{padding:24px 20px 20px 76px;border-radius:30px}
.mobile-head-modern h1{font-size:26px}
.mobile-head-modern p{max-width:520px}
.drawer-fab{left:28px;top:28px;width:44px;height:44px;border-radius:16px;font-size:20px}
.hero-panel{padding:14px 16px;border-radius:22px;min-height:auto}
.hero-panel h3{font-size:18px;margin-top:4px}
.quick-modern{padding:18px;border-radius:22px}
.quick-modern .quick-copy b{font-size:18px}
.quick-modern .quick-copy small{font-size:14px}
.quick-icon{width:50px;height:50px}
.mobile-card-modern{padding:16px 16px 18px}
.search-row input,.search-stack input,.search-stack select,.modalbox input,.modalbox select,.modalbox textarea{border-radius:16px}
.card-head{margin-bottom:12px}
@media(max-width:760px){
  .modalbox-compact{width:min(100%,100%)}
  .compact-grid-3{grid-template-columns:1fr}
}
@media(max-width:520px){
  .mobile-modern{padding:12px 10px 20px}
  .drawer-fab{left:22px;top:22px;width:42px;height:42px}
  .mobile-head-modern{padding:18px 16px 16px 66px;border-radius:24px}
  .mobile-head-modern h1{font-size:23px}
  .hero-panel{padding:12px 14px}
  .quick-modern{padding:15px 14px;gap:12px}
  .quick-modern .quick-copy b{font-size:17px}
  .mobile-card-modern{padding:14px}
  .modalbox{max-height:94vh}
  .modalbox.modalbox-compact{padding:16px 14px 14px;border-radius:22px}
  .modalbox-compact .top{align-items:flex-start}
  .form-verify-grid{grid-template-columns:1fr}
  .form-verify-grid .ok{width:100%;min-width:0}
  .sticky-actions{position:sticky;bottom:0;background:#fff;padding-bottom:2px}
}


/* v1.10 - pátio visual premium */
.compact-hero{padding:18px 18px 16px 76px;display:grid;gap:10px}
.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.hero-project,.hero-session,.hero-badge{display:inline-flex;align-items:center}
.hero-project{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em}
.hero-session{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);color:#dbe7ff;font-size:12px;font-weight:700}
.hero-mainline{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.compact-hero h1{margin:0;font-size:30px;line-height:1}.compact-hero p{margin:4px 0 0;font-size:14px;color:#dce8ff}
.hero-badge{padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);font-weight:800;color:#fff;white-space:nowrap}
.sticky-search{position:sticky;top:12px;z-index:6;background:rgba(255,255,255,.96)}
.compact-head{margin-bottom:10px}.compact-head h3,.compact-head h2{margin:0 0 2px}.compact-head .small{margin:0}
.premium-grid{gap:10px}
.premium-quick{padding:14px 15px;border-radius:22px;min-height:auto;background:linear-gradient(180deg,#ffffff,#f8fbff);border:1px solid #edf2f7;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.premium-quick .quick-copy b{font-size:17px;line-height:1.15}.premium-quick .quick-copy small{font-size:12px}
.quick-grid-modern{margin:0 0 12px}
.quick-icon{width:46px;height:46px;border-radius:16px;font-size:20px}
.summary-card-clean .stat-grid{gap:8px}.summary-card-clean .stat-tile{padding:12px 13px;border-radius:18px}
.verify-card .search-row input{font-size:16px;min-height:48px}.verify-card .search-btn{min-height:48px;border-radius:16px}
.recent-list{display:grid;gap:10px}
.recent-list .item{background:linear-gradient(180deg,#ffffff,#fbfcff);border:1px solid #edf2f7;border-radius:18px;padding:12px 14px}
.box-card-modern{border-radius:24px}.box-card-modern h3{margin:0 0 4px;font-size:22px}
.box-card-modern .small{font-size:12px;color:#64748b}
.mobile-main-modern{display:grid;gap:0}
@media(max-width:700px){
  .compact-hero{padding:16px 16px 14px 64px}
  .compact-hero h1{font-size:25px}
  .hero-mainline{align-items:center}
  .hero-badge{font-size:12px;padding:7px 10px}
  .sticky-search{top:8px}
}


/* =========================================================
   SIGEC v1.11 - PÁTIO LIMPO CORRIGIDO
   Regras fortes para eliminar layout antigo do pátio.
   ========================================================= */

.patio-app{
  min-height:100vh !important;
  max-width:840px !important;
  margin:0 auto !important;
  padding:14px 12px 26px !important;
  position:relative !important;
  background:linear-gradient(180deg,#f6f8fc 0%,#eef3fb 100%) !important;
}

.patio-header{
  background:linear-gradient(135deg,#07172f 0%,#0e3477 58%,#1970ff 100%) !important;
  color:#fff !important;
  border-radius:28px !important;
  padding:18px 18px 18px 68px !important;
  box-shadow:0 18px 42px rgba(15,23,42,.20) !important;
}

.patio-header-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-bottom:12px !important;
}

.project-pill,
.session-pill{
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  padding:7px 11px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.project-pill{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  letter-spacing:.08em !important;
}

.session-pill{
  background:rgba(255,255,255,.10) !important;
  color:#dbe7ff !important;
}

.patio-header-main{
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  align-items:flex-end !important;
}

.patio-header h1{
  margin:0 !important;
  font-size:28px !important;
  line-height:1.1 !important;
  letter-spacing:-.03em !important;
}

.patio-header p{
  margin:6px 0 0 !important;
  color:#dce8ff !important;
  font-size:14px !important;
}

.header-count{
  min-width:70px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  padding:10px 12px !important;
  text-align:center !important;
}

.header-count span{
  display:block !important;
  font-size:11px !important;
  color:#cfe0ff !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

.header-count strong{
  display:block !important;
  font-size:24px !important;
  margin-top:2px !important;
}

.patio-main{
  padding-top:14px !important;
  display:grid !important;
  gap:12px !important;
}

.search-card,
.mini-panel{
  background:rgba(255,255,255,.94) !important;
  border:1px solid #e4ebf5 !important;
  border-radius:24px !important;
  padding:16px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
}

.search-card{
  position:sticky !important;
  top:10px !important;
  z-index:6 !important;
}

.section-title-clean{
  margin:0 0 10px !important;
}

.section-title-clean h2{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.15 !important;
  color:#0f172a !important;
  letter-spacing:-.02em !important;
}

.section-title-clean p{
  margin:4px 0 0 !important;
  color:#64748b !important;
  font-size:13px !important;
}

.search-line{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  align-items:center !important;
}

.search-line input{
  min-height:48px !important;
  border-radius:16px !important;
  background:#fff !important;
}

.search-line button{
  min-height:48px !important;
  border-radius:16px !important;
  padding-inline:18px !important;
}

.action-grid-clean{
  display:grid !important;
  gap:10px !important;
}

.action-card-clean{
  width:100% !important;
  display:grid !important;
  grid-template-columns:48px 1fr auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #e6edf7 !important;
  color:#0f172a !important;
  box-shadow:0 12px 28px rgba(15,23,42,.07) !important;
  text-align:left !important;
}

.action-card-clean strong{
  display:block !important;
  font-size:17px !important;
  line-height:1.1 !important;
}

.action-card-clean small{
  display:block !important;
  margin-top:3px !important;
  color:#64748b !important;
  font-size:13px !important;
}

.action-card-clean em{
  color:#94a3b8 !important;
  font-style:normal !important;
  font-size:28px !important;
}

.action-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  font-size:21px !important;
  font-weight:900 !important;
}

.action-icon.green{
  background:#e9fbef !important;
  color:#15803d !important;
}

.action-icon.orange{
  background:#fff3df !important;
  color:#c2410c !important;
}

.action-icon.red{
  background:#fff0f1 !important;
  color:#dc2626 !important;
}

.status-grid-clean{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:8px !important;
}

.status-grid-clean div{
  background:#f8fbff !important;
  border:1px solid #e6edf7 !important;
  border-radius:18px !important;
  padding:12px !important;
}

.status-grid-clean span{
  display:block !important;
  color:#64748b !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

.status-grid-clean strong{
  display:block !important;
  margin-top:4px !important;
  font-size:24px !important;
  color:#0f172a !important;
}

.drawer-fab{
  position:absolute !important;
  left:24px !important;
  top:26px !important;
  z-index:30 !important;
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
}

.patio-app.drawer-open .drawer-fab{
  opacity:0 !important;
  pointer-events:none !important;
}

.patio-drawer{
  z-index:40 !important;
}

.drawer-overlay{
  z-index:39 !important;
}

.drawer-user{
  display:grid !important;
  gap:2px !important;
}

.drawer-user span{
  color:#64748b !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.drawer-user strong{
  color:#1769ff !important;
  font-size:16px !important;
}

.mobile-head-modern,
.hero-panel,
.quick-grid-modern,
.quick-modern,
.verify-card,
.summary-card,
.mobile-card-modern{
  /* mantém compatibilidade, mas o pátio novo usa classes próprias acima */
}

@media(max-width:700px){
  .patio-app{
    padding:12px 10px 22px !important;
  }

  .patio-header{
    padding:16px 14px 16px 62px !important;
    border-radius:24px !important;
  }

  .patio-header h1{
    font-size:24px !important;
  }

  .header-count{
    display:none !important;
  }

  .search-line{
    grid-template-columns:1fr !important;
  }

  .status-grid-clean{
    grid-template-columns:repeat(2,1fr) !important;
  }

  .drawer-fab{
    left:22px !important;
    top:23px !important;
    width:40px !important;
    height:40px !important;
  }
}


/* SIGEC v1.12 - ajuste do card superior do pátio */
.patio-header{
  padding-top:18px !important;
  padding-bottom:18px !important;
}
.patio-header-main{
  align-items:center !important;
}
.patio-header h1{
  font-size:30px !important;
  margin-bottom:0 !important;
}
.patio-header p{
  max-width:540px !important;
  line-height:1.45 !important;
  font-size:14px !important;
}
.session-pill{
  white-space:nowrap !important;
}
.drawer-fab{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:22px !important;
  padding:0 !important;
  text-align:center !important;
}
.drawer-head .ghost.small-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
@media(max-width:700px){
  .patio-header h1{font-size:25px !important;}
  .patio-header p{font-size:13px !important;}
  .session-pill{font-size:11px !important;}
}


/* v1.13 CONTADORES CLICÁVEIS */
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#081c37;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.22);z-index:60;font-weight:700}
.status-grid-clean{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.status-card-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:16px 14px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);border:1px solid var(--border);box-shadow:0 8px 18px #071d3a10;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;color:var(--text);overflow:hidden}
.status-card-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #071d3a16;border-color:#bfd4ff}
.status-card-btn:active{transform:scale(.98)}
.status-card-btn span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#667085}
.status-card-btn strong{font-size:34px;line-height:1;font-weight:900;color:#0f172a}
.status-card-btn small{font-size:12px;color:#7b8798;font-weight:700}
.status-card-btn::after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:22px;color:#9db0d0;font-weight:900}
.status-total.active-filter,.status-total:hover{border-color:#9ec5ff;background:linear-gradient(180deg,#eef4ff 0%,#ffffff 100%)}
.status-vazia.active-filter,.status-vazia:hover{border-color:#86efac;background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 100%)}
.status-carregada.active-filter,.status-carregada:hover{border-color:#fcd34d;background:linear-gradient(180deg,#fffbeb 0%,#ffffff 100%)}
.status-manutencao.active-filter,.status-manutencao:hover{border-color:#fca5a5;background:linear-gradient(180deg,#fef2f2 0%,#ffffff 100%)}
.status-helper{margin:10px 2px 0;color:#667085;font-size:13px}
.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.filter-chip-active{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#eef4ff;color:#1753c5;font-weight:800;border:1px solid #cddcff}
.filter-chip-active button{padding:8px 12px;border-radius:999px;background:#fff;color:#1753c5;font-weight:800;border:1px solid #cddcff}
.result-count{font-size:13px;color:#667085;font-weight:700}
.patio-list-anchor{scroll-margin-top:18px}
.patio-list-empty{padding:18px;text-align:center;color:#667085}
@keyframes filterPop{0%{transform:scale(.98);opacity:.85}100%{transform:scale(1);opacity:1}}
.filtered-enter{animation:filterPop .22s ease}
@media(max-width:720px){.status-grid-clean{grid-template-columns:repeat(2,1fr)} .status-card-btn strong{font-size:28px}}


/* =========================================================
   SIGEC v1.14 - PÁTIO FLUXO INTELIGENTE
   ========================================================= */

.hidden{display:none !important}

.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#081c37;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.22);z-index:80;font-weight:700}

.patio-app{
  min-height:100vh !important;
  max-width:840px !important;
  margin:0 auto !important;
  padding:14px 12px 26px !important;
  position:relative !important;
  background:linear-gradient(180deg,#f6f8fc 0%,#eef3fb 100%) !important;
}

.patio-header{
  background:linear-gradient(135deg,#07172f 0%,#0e3477 58%,#1970ff 100%) !important;
  color:#fff !important;
  border-radius:28px !important;
  padding:18px 18px 18px 68px !important;
  box-shadow:0 18px 42px rgba(15,23,42,.20) !important;
}

.patio-header-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-bottom:12px !important;
}

.project-pill,.session-pill{
  display:inline-flex !important;
  align-items:center !important;
  border-radius:999px !important;
  padding:7px 11px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.project-pill{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  letter-spacing:.08em !important;
}

.session-pill{
  background:rgba(255,255,255,.10) !important;
  color:#dbe7ff !important;
}

.patio-header-main{
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  align-items:flex-end !important;
}

.patio-header h1{
  margin:0 !important;
  font-size:28px !important;
  line-height:1.1 !important;
  letter-spacing:-.03em !important;
}

.patio-header p{
  margin:6px 0 0 !important;
  color:#dce8ff !important;
  font-size:14px !important;
}

.header-count{
  min-width:70px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  padding:10px 12px !important;
  text-align:center !important;
}

.header-count span{
  display:block !important;
  font-size:11px !important;
  color:#cfe0ff !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

.header-count strong{
  display:block !important;
  font-size:24px !important;
  margin-top:2px !important;
}

.patio-main{
  padding-top:14px !important;
  display:grid !important;
  gap:12px !important;
}

.search-card,.mini-panel{
  background:rgba(255,255,255,.94) !important;
  border:1px solid #e4ebf5 !important;
  border-radius:24px !important;
  padding:16px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
}

.search-card{
  position:sticky !important;
  top:10px !important;
  z-index:6 !important;
}

.section-title-clean{margin:0 0 10px !important}
.section-title-clean h2{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.15 !important;
  color:#0f172a !important;
  letter-spacing:-.02em !important;
}
.section-title-clean p{
  margin:4px 0 0 !important;
  color:#64748b !important;
  font-size:13px !important;
}

.search-line{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  align-items:center !important;
}
.search-line input{
  min-height:48px !important;
  border-radius:16px !important;
  background:#fff !important;
}
.search-line button{
  min-height:48px !important;
  border-radius:16px !important;
  padding-inline:18px !important;
}

.action-grid-clean{
  display:grid !important;
  gap:10px !important;
}
.action-card-clean{
  width:100% !important;
  display:grid !important;
  grid-template-columns:48px 1fr auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 16px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #e6edf7 !important;
  color:#0f172a !important;
  box-shadow:0 12px 28px rgba(15,23,42,.07) !important;
  text-align:left !important;
}
.action-card-clean strong{display:block !important;font-size:17px !important;line-height:1.1 !important}
.action-card-clean small{display:block !important;margin-top:3px !important;color:#64748b !important;font-size:13px !important}
.action-card-clean em{color:#94a3b8 !important;font-style:normal !important;font-size:28px !important}

.action-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  font-size:21px !important;
  font-weight:900 !important;
}
.action-icon.green{background:#e9fbef !important;color:#15803d !important}
.action-icon.orange{background:#fff3df !important;color:#c2410c !important}
.action-icon.red{background:#fff0f1 !important;color:#dc2626 !important}

.status-grid-clean{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
}
.status-card-btn{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
  width:100% !important;
  padding:16px 14px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;
  border:1px solid #e4ebf5 !important;
  box-shadow:0 8px 18px rgba(7,29,58,.07) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
  color:#0f172a !important;
  overflow:hidden !important;
}
.status-card-btn:hover{transform:translateY(-2px) !important;box-shadow:0 14px 28px rgba(7,29,58,.10) !important;border-color:#bfd4ff !important}
.status-card-btn:active{transform:scale(.98) !important}
.status-card-btn span{font-size:12px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.06em !important;color:#667085 !important}
.status-card-btn strong{font-size:34px !important;line-height:1 !important;font-weight:900 !important;color:#0f172a !important}
.status-card-btn small{font-size:12px !important;color:#7b8798 !important;font-weight:700 !important}
.status-card-btn::after{content:'›' !important;position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;font-size:22px !important;color:#9db0d0 !important;font-weight:900 !important}
.status-total:hover{border-color:#9ec5ff !important;background:linear-gradient(180deg,#eef4ff 0%,#ffffff 100%) !important}
.status-vazia:hover{border-color:#86efac !important;background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 100%) !important}
.status-carregada:hover{border-color:#fcd34d !important;background:linear-gradient(180deg,#fffbeb 0%,#ffffff 100%) !important}
.status-manutencao:hover{border-color:#fca5a5 !important;background:linear-gradient(180deg,#fef2f2 0%,#ffffff 100%) !important}
.status-helper{margin:10px 2px 0 !important;color:#667085 !important;font-size:13px !important}

.list-toolbar{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;margin-top:14px !important}
.filter-chip-active{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:10px 14px !important;border-radius:999px !important;background:#eef4ff !important;color:#1753c5 !important;font-weight:800 !important;border:1px solid #cddcff !important}
.filter-chip-active button{padding:8px 12px !important;border-radius:999px !important;background:#fff !important;color:#1753c5 !important;font-weight:800 !important;border:1px solid #cddcff !important}
.result-count{font-size:13px !important;color:#667085 !important;font-weight:700 !important}
.patio-list-anchor{scroll-margin-top:18px !important}
.patio-list-empty{padding:18px !important;text-align:center !important;color:#667085 !important}

.drawer-fab{
  position:absolute !important;
  left:24px !important;
  top:26px !important;
  z-index:30 !important;
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(0,0,0,.16) !important;
  display:grid !important;
  place-items:center !important;
  gap:0 !important;
  padding:0 !important;
}
.drawer-fab span{
  display:block !important;
  width:18px !important;
  height:2px !important;
  background:#fff !important;
  border-radius:99px !important;
  margin:2px 0 !important;
}
.patio-app.drawer-open .drawer-fab{opacity:0 !important;pointer-events:none !important}

.patio-drawer{z-index:40 !important}
.drawer-overlay{z-index:39 !important}
.drawer-user{display:grid !important;gap:2px !important}
.drawer-user span{color:#64748b !important;font-size:12px !important;font-weight:800 !important}
.drawer-user strong{color:#1769ff !important;font-size:16px !important}

.form-hint{margin-top:8px !important;color:#667085 !important}

@keyframes filterPop{0%{transform:scale(.98);opacity:.85}100%{transform:scale(1);opacity:1}}
.filtered-enter{animation:filterPop .22s ease}

@media(max-width:700px){
  .patio-app{padding:12px 10px 22px !important}
  .patio-header{padding:16px 14px 16px 62px !important;border-radius:24px !important}
  .patio-header h1{font-size:24px !important}
  .header-count{display:none !important}
  .search-line{grid-template-columns:1fr !important}
  .status-grid-clean{grid-template-columns:repeat(2,1fr) !important}
  .drawer-fab{left:22px !important;top:23px !important;width:40px !important;height:40px !important}
}


/* =========================================================
   SIGEC v1.15 - BOTÃO MENU PREMIUM
   ========================================================= */

.drawer-fab{
  position:absolute !important;
  left:22px !important;
  top:22px !important;
  z-index:30 !important;
  width:44px !important;
  height:44px !important;
  border:none !important;
  border-radius:50% !important;
  background:rgba(255,255,255,0.14) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  box-shadow:0 8px 20px rgba(0,0,0,0.18) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  color:#fff !important;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.drawer-fab:hover{
  background:rgba(255,255,255,0.20) !important;
  transform:scale(1.03) !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.22) !important;
}

.drawer-fab:active{
  transform:scale(0.96) !important;
}

.drawer-fab svg{
  display:block !important;
  width:20px !important;
  height:20px !important;
}

.drawer-fab span{
  display:none !important;
}

.patio-header{
  padding-left:74px !important;
}

.project-pill{
  padding:6px 10px !important;
  font-size:11px !important;
}

.patio-app.drawer-open .drawer-fab{
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.92) !important;
}

@media(max-width:700px){
  .drawer-fab{
    left:20px !important;
    top:20px !important;
    width:42px !important;
    height:42px !important;
  }

  .drawer-fab svg{
    width:19px !important;
    height:19px !important;
  }

  .patio-header{
    padding-left:68px !important;
  }
}


/* =========================================================
   SIGEC v1.16 - ÍCONES PREMIUM
   ========================================================= */

.action-icon{
  width:56px !important;
  height:56px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  flex:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65), 0 10px 24px rgba(15,23,42,.08) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.action-card-clean:hover .action-icon{
  transform:scale(1.04) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75), 0 14px 28px rgba(15,23,42,.12) !important;
}

.action-icon svg{
  width:31px !important;
  height:31px !important;
  display:block !important;
}

.action-icon.green{
  background:linear-gradient(180deg,#f1fff5 0%,#dcfce7 100%) !important;
  color:#15803d !important;
}

.action-icon.orange{
  background:linear-gradient(180deg,#fff7ed 0%,#ffedd5 100%) !important;
  color:#b45309 !important;
}

.action-icon.red{
  background:linear-gradient(180deg,#fff1f2 0%,#ffe4e6 100%) !important;
  color:#be123c !important;
}

.action-card-clean{
  grid-template-columns:56px 1fr auto !important;
  min-height:94px !important;
}

.action-card-clean strong{
  font-size:18px !important;
}

.action-card-clean small{
  font-size:14px !important;
  color:#475569 !important;
}

.title-with-icon{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.section-mini-icon{
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  flex:none !important;
}

.section-mini-icon svg{
  width:25px !important;
  height:25px !important;
}

.section-mini-icon.blue{
  background:linear-gradient(180deg,#eef4ff 0%,#dbeafe 100%) !important;
  color:#1d4ed8 !important;
  box-shadow:inset 0 0 0 1px rgba(29,78,216,.10), 0 8px 20px rgba(29,78,216,.08) !important;
}

/* melhora ícones dentro do login mantendo o padrão */
.role-card .role-icon,
.sector-card .role-icon,
.sector-card .icon,
.role-card .icon{
  border-radius:18px !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
}

@media(max-width:700px){
  .action-icon{
    width:52px !important;
    height:52px !important;
    border-radius:20px !important;
  }

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

  .action-card-clean{
    grid-template-columns:52px 1fr auto !important;
    min-height:88px !important;
  }
}


/* =========================================================
   SIGEC v1.17 - OBSERVAÇÃO NA LISTA
   ========================================================= */

.obs-box{
  margin-top:12px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%) !important;
  border:1px solid #dbe7ff !important;
  color:#0f172a !important;
  display:grid !important;
  gap:4px !important;
}

.obs-box strong{
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  color:#1753c5 !important;
}

.obs-box span{
  font-size:14px !important;
  line-height:1.35 !important;
  color:#334155 !important;
  word-break:break-word !important;
}

.box-card-modern .obs-box{
  margin-bottom:4px !important;
}


/* =========================================================
   SIGEC v1.18 - FILTROS AVANÇADOS
   ========================================================= */

.filters-card{
  overflow:visible !important;
}

.filter-block{
  display:grid !important;
  gap:7px !important;
  margin-top:12px !important;
}

.filter-label{
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  color:#64748b !important;
}

.status-filter-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.status-filter-chips button{
  border:1px solid #dbe5f3 !important;
  background:#fff !important;
  color:#334155 !important;
  border-radius:999px !important;
  padding:10px 13px !important;
  font-size:13px !important;
  font-weight:850 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.04) !important;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease !important;
}

.status-filter-chips button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 12px 22px rgba(15,23,42,.08) !important;
}

.status-filter-chips button.active{
  background:#eef4ff !important;
  border-color:#b7ccff !important;
  color:#1753c5 !important;
}

.status-filter-chips button.green.active{
  background:#ecfdf3 !important;
  border-color:#86efac !important;
  color:#15803d !important;
}

.status-filter-chips button.orange.active{
  background:#fff7ed !important;
  border-color:#fed7aa !important;
  color:#c2410c !important;
}

.status-filter-chips button.red.active{
  background:#fff1f2 !important;
  border-color:#fecdd3 !important;
  color:#be123c !important;
}

.status-filter-chips button.blue.active{
  background:#eff6ff !important;
  border-color:#bfdbfe !important;
  color:#1d4ed8 !important;
}

.advanced-toggle{
  margin-top:12px !important;
  width:100% !important;
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  border:1px solid #dbe5f3 !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  color:#0f172a !important;
  padding:10px 13px !important;
  font-weight:900 !important;
  box-shadow:0 8px 20px rgba(15,23,42,.05) !important;
}

.advanced-toggle strong{
  font-size:11px !important;
  border-radius:999px !important;
  padding:6px 9px !important;
  background:#eef4ff !important;
  color:#1753c5 !important;
}

.advanced-filters{
  display:none !important;
  margin-top:12px !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid #e1e8f3 !important;
  background:#f8fbff !important;
}

.advanced-filters.open{
  display:block !important;
  animation:filterPop .18s ease !important;
}

.filter-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.filter-grid label{
  display:grid !important;
  gap:6px !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:#64748b !important;
}

.filter-grid select,
.filter-grid input,
.filter-block input{
  width:100% !important;
  max-width:100% !important;
  min-height:46px !important;
  border-radius:15px !important;
  border:1px solid #d9e3f1 !important;
  background:#fff !important;
  color:#0f172a !important;
  padding:0 12px !important;
  font-size:14px !important;
  box-sizing:border-box !important;
}

.filter-grid select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%) !important;
  background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px !important;
  background-size:5px 5px,5px 5px !important;
  background-repeat:no-repeat !important;
  padding-right:34px !important;
}

.search-stack{
  display:none !important;
}

/* Corrige estouro visual do select antigo em telas pequenas: status agora usa chips */
@media(max-width:700px){
  .filter-grid{
    grid-template-columns:1fr !important;
  }

  .status-filter-chips{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .status-filter-chips button{
    width:100% !important;
    padding:11px 9px !important;
  }

  .filter-chip-active{
    width:100% !important;
    justify-content:space-between !important;
  }

  .filters-card{
    padding:14px !important;
  }
}


/* =========================================================
   SIGEC v2.0 - NOTIFICAÇÕES E BACKEND
   ========================================================= */
.notif-bell{
  position:relative !important;
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  display:inline-grid !important;
  place-items:center !important;
  box-shadow:0 8px 22px rgba(15,23,42,.12) !important;
}
.side .notif-bell{
  background:#eef4ff !important;
  color:#1753c5 !important;
  border:1px solid #dbe7ff !important;
  margin:10px 0 !important;
}
.bell-icon{font-size:18px !important}
.notif-bell b{
  position:absolute !important;
  top:-5px !important;
  right:-5px !important;
  min-width:20px !important;
  height:20px !important;
  border-radius:999px !important;
  background:#ef4444 !important;
  color:white !important;
  display:none !important;
  place-items:center !important;
  padding:0 5px !important;
  font-size:11px !important;
  line-height:20px !important;
  box-shadow:0 6px 16px rgba(239,68,68,.35) !important;
}
.notif-bell b.show{display:grid !important}
.notification-list{display:grid !important;gap:10px !important}
.notification-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:18px !important;
  border:1px solid #e4ebf5 !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}
.notification-item.unread{
  border-color:#bdd3ff !important;
  background:linear-gradient(180deg,#ffffff,#f2f6ff) !important;
}
.notification-item.read{opacity:.72 !important}
.notification-item p{margin:4px 0 !important;color:#334155 !important}
.notification-item small{color:#64748b !important}
.notification-modal{max-width:620px !important}
.patio-header-top{align-items:center !important}


/* =========================================================
   SIGEC v2.1 - CORREÇÕES DE SINO, SINCRONIA E FILTROS
   ========================================================= */

.header-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin-left:auto !important;
}

.notif-bell{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
  overflow:visible !important;
}

.notif-bell .bell-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  color:currentColor !important;
}

.notif-bell svg{
  display:block !important;
  margin:0 !important;
}

.patio-header .notif-bell{
  color:#fff !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  transform:none !important;
}

.patio-header .notif-bell:hover{
  background:rgba(255,255,255,.22) !important;
}

.notif-bell b{
  top:-6px !important;
  right:-6px !important;
  font-family:Arial, sans-serif !important;
  text-align:center !important;
}

.brand-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.brand-row .notif-bell{
  color:#1753c5 !important;
  background:#eef4ff !important;
  border:1px solid #dbe7ff !important;
  margin:0 !important;
}

@media(max-width:700px){
  .patio-header-top{
    gap:8px !important;
  }

  .header-actions{
    gap:8px !important;
  }

  .session-pill{
    max-width:160px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .notif-bell{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
}


/* =========================================================
   SIGEC v2.2 - LOGIN PERSISTENTE E CADASTRO CORRIGIDO
   ========================================================= */

.sticky-actions .primary:disabled{
  opacity:.7 !important;
  cursor:wait !important;
}

.login-remember-note{
  font-size:12px !important;
  color:#64748b !important;
}


/* =========================================================
   SIGEC v2.3 - LOGÍSTICA PREMIUM
   ========================================================= */

.logistics-hero{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:30px;
  min-height:170px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 20%, rgba(96,165,250,.55), transparent 28%),
    linear-gradient(135deg,#071a3f 0%,#0d3ea4 58%,#1573ff 100%);
  box-shadow:0 24px 55px rgba(13,62,164,.22);
}

.logistics-hero h1{
  margin:10px 0 8px;
  font-size:36px;
  letter-spacing:-.04em;
}

.logistics-hero p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-weight:750;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.log-hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.log-hero-actions .primary{
  background:#fff !important;
  color:#0d3ea4 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.16) !important;
}

.log-stats{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.log-stats button{
  border:1px solid #e3eaf6;
  background:linear-gradient(180deg,#fff,#f7faff);
  border-radius:22px;
  padding:18px;
  text-align:left;
  box-shadow:0 14px 30px rgba(15,23,42,.06);
  transition:transform .16s ease, box-shadow .16s ease;
}

.log-stats button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(15,23,42,.10);
}

.log-stats small{
  display:block;
  color:#64748b;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.log-stats strong{
  display:block;
  margin-top:8px;
  color:#0f172a;
  font-size:34px;
  letter-spacing:-.04em;
}

.logistics-filter-panel{
  margin-top:18px;
  border-radius:26px;
  padding:22px;
  border:1px solid #e4ebf5;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(15,23,42,.07);
}

.filter-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.filter-title-row h2{
  margin:0 0 4px;
  font-size:24px;
}

.filter-title-row p{
  margin:0;
  color:#64748b;
}

.log-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.log-filter-grid label{
  display:grid;
  gap:7px;
  font-size:12px;
  font-weight:950;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.log-filter-grid input,
.log-filter-grid select{
  width:100%;
  min-height:48px;
  border:1px solid #dbe5f1;
  border-radius:16px;
  background:#fff;
  color:#0f172a;
  padding:0 13px;
  font-size:14px;
  box-sizing:border-box;
  text-transform:none;
  letter-spacing:0;
}

.log-filter-grid select{
  appearance:none;
  -webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);
  background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:34px;
}

.result-line{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
  color:#64748b;
  font-weight:900;
}

.logistics-card-list{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.log-box-card{
  border-radius:26px;
  border:1px solid #e4ebf5;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.07);
  padding:20px;
}

.log-box-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.log-box-top h3{
  margin:0 0 4px;
  font-size:24px;
  letter-spacing:-.03em;
}

.log-box-top p{
  margin:0;
  color:#64748b;
  font-weight:800;
}

.log-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.log-info-grid span{
  min-height:58px;
  border-radius:16px;
  background:#f8fbff;
  border:1px solid #edf2f8;
  padding:10px 12px;
  color:#0f172a;
  font-weight:850;
}

.log-info-grid b{
  display:block;
  margin-bottom:4px;
  color:#64748b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.log-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

.soft-primary{
  border-radius:16px !important;
  min-height:44px !important;
}

.log-empty{
  grid-column:1/-1;
  padding:24px;
  border-radius:22px;
  border:1px dashed #cbd5e1;
  color:#64748b;
  background:#fff;
  text-align:center;
  font-weight:900;
}

.smart-box-form.logistica-form{
  max-width:980px !important;
  border-radius:30px !important;
}

.smart-box-form.logistica-form .top{
  padding:18px;
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 0%, rgba(96,165,250,.45), transparent 28%),
    linear-gradient(135deg,#071a3f,#0d3ea4);
}

.smart-box-form.logistica-form .top h2,
.smart-box-form.logistica-form .top p{
  color:#fff !important;
}

.smart-box-form.logistica-form .section-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:10px 12px;
  border-radius:16px;
  background:#f1f6ff;
  color:#1753c5;
  font-weight:950;
}

.smart-box-form.logistica-form label{
  font-weight:900;
}

.smart-box-form.logistica-form input,
.smart-box-form.logistica-form select,
.smart-box-form.logistica-form textarea{
  border-radius:16px !important;
}

@media(max-width:980px){
  .log-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .log-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .logistics-card-list{grid-template-columns:1fr;}
  .log-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:700px){
  .logistics-hero{
    border-radius:24px;
    padding:22px;
    flex-direction:column;
  }

  .logistics-hero h1{
    font-size:28px;
  }

  .log-hero-actions{
    width:100%;
    justify-content:space-between;
  }

  .log-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .log-filter-grid{
    grid-template-columns:1fr;
  }

  .log-info-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   SIGEC v2.4 - FOTOS VISUALIZÁVEIS
   ========================================================= */

.photo-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:12px !important;
}

.photo-btn{
  min-height:40px !important;
  border:none !important;
  border-radius:14px !important;
  padding:0 13px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:0 10px 22px rgba(15,23,42,.08) !important;
  transition:transform .16s ease, box-shadow .16s ease !important;
}

.photo-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 14px 28px rgba(15,23,42,.12) !important;
}

.photo-btn.material{
  background:linear-gradient(180deg,#eff6ff,#dbeafe) !important;
  color:#1d4ed8 !important;
}

.photo-btn.avaria{
  background:linear-gradient(180deg,#fff1f2,#ffe4e6) !important;
  color:#be123c !important;
}

.photo-modal{
  max-width:920px !important;
}

.photo-gallery{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:14px !important;
  margin-top:16px !important;
}

.photo-card{
  margin:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  border:1px solid #e4ebf5 !important;
  background:#fff !important;
  box-shadow:0 16px 36px rgba(15,23,42,.10) !important;
}

.photo-card img{
  display:block !important;
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  background:#f1f5f9 !important;
}

.photo-card figcaption{
  display:grid !important;
  gap:4px !important;
  padding:12px 14px !important;
}

.photo-card figcaption strong{
  font-size:14px !important;
  color:#0f172a !important;
}

.photo-card figcaption span{
  font-size:12px !important;
  color:#64748b !important;
}

.photo-empty{
  margin-top:16px !important;
  border-radius:22px !important;
  padding:18px !important;
  border:1px dashed #bfdbfe !important;
  background:#f8fbff !important;
  color:#334155 !important;
}

.photo-empty strong{
  color:#1753c5 !important;
}

.field-hint{
  display:block !important;
  margin-top:6px !important;
  font-size:12px !important;
  color:#64748b !important;
  font-weight:700 !important;
}

.table .photo-actions{
  margin-top:8px !important;
}

.table .photo-btn{
  min-height:34px !important;
  padding:0 10px !important;
  font-size:12px !important;
}

@media(max-width:700px){
  .photo-gallery{
    grid-template-columns:1fr !important;
  }

  .photo-card img{
    height:220px !important;
  }

  .photo-btn{
    width:100% !important;
  }
}


/* =========================================================
   SIGEC v2.5 - BOTÕES DE FOTO ORGANIZADOS
   ========================================================= */

.organized-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}

.organized-actions > button,
.organized-actions > .photo-btn{
  width:100% !important;
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.box-card-modern .organized-actions,
.log-box-card .organized-actions{
  margin-top:14px !important;
  padding-top:12px !important;
  border-top:1px solid #edf2f7 !important;
}

.box-card-modern .organized-actions .photo-btn,
.log-box-card .organized-actions .photo-btn{
  margin:0 !important;
}

@media(max-width:560px){
  .organized-actions{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   SIGEC v2.6 - AÇÕES COM ÍCONES E ORDEM FIXA
   ========================================================= */

.card-actions-premium{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

.action-btn,
.action-photo{
  min-height:46px !important;
  border-radius:16px !important;
  border:1px solid transparent !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 25px rgba(15,23,42,.08) !important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
  width:100% !important;
  text-align:center !important;
}

.action-btn:hover,
.action-photo:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 32px rgba(15,23,42,.12) !important;
  filter:saturate(1.04) !important;
}

.action-btn span,
.action-photo span{
  width:25px !important;
  height:25px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.55) !important;
  font-size:14px !important;
}

.action-btn b,
.action-photo b{
  font-size:14px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.action-edit{
  background:linear-gradient(180deg,#eff6ff,#dbeafe) !important;
  border-color:#bfdbfe !important;
  color:#1d4ed8 !important;
}

.action-history{
  background:linear-gradient(180deg,#f8fafc,#e2e8f0) !important;
  border-color:#cbd5e1 !important;
  color:#334155 !important;
}

.action-delete{
  background:linear-gradient(180deg,#ef4444,#dc2626) !important;
  border-color:#dc2626 !important;
  color:#fff !important;
}

.action-delete span{
  background:rgba(255,255,255,.18) !important;
}

.photo-btn.material.action-photo{
  background:linear-gradient(180deg,#ecfdf5,#bbf7d0) !important;
  border-color:#86efac !important;
  color:#15803d !important;
}

.photo-btn.avaria.action-photo{
  background:linear-gradient(180deg,#fff1f2,#ffe4e6) !important;
  border-color:#fecdd3 !important;
  color:#be123c !important;
}

.table-actions-premium{
  min-width:250px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
}

.table-actions-premium .action-btn,
.table-actions-premium .action-photo,
.action-btn.mini{
  min-height:36px !important;
  border-radius:12px !important;
  padding:0 9px !important;
  gap:5px !important;
}

.table-actions-premium .action-btn span,
.table-actions-premium .action-photo span,
.action-btn.mini span{
  width:20px !important;
  height:20px !important;
  font-size:12px !important;
}

.table-actions-premium .action-btn b,
.table-actions-premium .action-photo b,
.action-btn.mini b{
  font-size:12px !important;
}

.box-card-modern .card-actions-premium,
.log-box-card .card-actions-premium{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border-radius:20px !important;
  padding:12px !important;
  border:1px solid #edf2f7 !important;
}

@media(max-width:560px){
  .card-actions-premium{
    grid-template-columns:1fr !important;
  }

  .action-btn,
  .action-photo{
    min-height:48px !important;
  }
}


/* =========================================================
   SIGEC v2.7 - COMERCIAL REFINADO
   ========================================================= */

.permission-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:#f1f5f9 !important;
  color:#334155 !important;
  font-weight:950 !important;
  border:1px solid #e2e8f0 !important;
}

.permission-pill.light{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.25) !important;
}

.commercial-hero{
  background:
    radial-gradient(circle at 88% 20%, rgba(253,186,116,.45), transparent 28%),
    linear-gradient(135deg,#2b1604 0%,#92400e 58%,#f97316 100%) !important;
}

.commercial-filter-panel{
  border-color:#fed7aa !important;
}

.commercial-box-card{
  border-color:#fed7aa !important;
}

.commercial-box-card .card-actions-premium{
  background:linear-gradient(180deg,#fff,#fff7ed) !important;
  border-color:#fed7aa !important;
}

.commercial-form .top{
  padding:18px !important;
  border-radius:24px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(253,186,116,.45), transparent 28%),
    linear-gradient(135deg,#2b1604,#92400e) !important;
}

.commercial-form .top h2,
.commercial-form .top p{
  color:#fff !important;
}

.commercial-note{
  margin:14px 0 !important;
  border-radius:18px !important;
  padding:12px 14px !important;
  background:#fff7ed !important;
  color:#9a3412 !important;
  border:1px solid #fed7aa !important;
  font-weight:900 !important;
}

.locked-field{
  background:#f8fafc !important;
  color:#64748b !important;
  cursor:not-allowed !important;
}

.commercial-filter-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

@media(max-width:900px){
  .commercial-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .commercial-filter-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   SIGEC v2.8 - COMERCIAL COM PRESTADOR DE SERVIÇO
   ========================================================= */

.commercial-form #group_prestador{
  border-radius:18px !important;
  padding:10px !important;
  background:#fff7ed !important;
  border:1px solid #fed7aa !important;
}

.commercial-form #box_prestador{
  background:#fff !important;
  cursor:pointer !important;
}

.commercial-form #group_oc,
.commercial-form #group_envio,
.commercial-form #group_liberada{
  border-radius:18px !important;
  padding:10px !important;
  background:#fff7ed !important;
  border:1px solid #fed7aa !important;
}


/* =========================================================
   SIGEC v2.9 - COMERCIAL COM RELATÓRIOS E INDICADORES
   ========================================================= */

.commercial-stats{
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
}

.commercial-hero .primary{
  background:#fff !important;
  color:#9a3412 !important;
  box-shadow:0 16px 34px rgba(0,0,0,.16) !important;
}

@media(max-width:1100px){
  .commercial-stats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .commercial-filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:620px){
  .commercial-stats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .commercial-filter-grid{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   SIGEC v2.10 - RETORNO AUTOMÁTICO
   ========================================================= */

#group_retorno{
  border-radius:18px !important;
  padding:10px !important;
  background:#f0fdf4 !important;
  border:1px solid #bbf7d0 !important;
}

#group_retorno .field-hint{
  color:#15803d !important;
  font-weight:850 !important;
}


/* =========================================================
   SIGEC v2.11 - NOTIFICAÇÕES LIMPAS
   ========================================================= */

.clear-notifications-btn{
  background:linear-gradient(180deg,#1769ff,#0d4fd6) !important;
  color:#fff !important;
}

.notification-item{
  animation:notificationFadeIn .18s ease !important;
}

@keyframes notificationFadeIn{
  from{opacity:0;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}


/* =========================================================
   SIGEC v2.12 - ALERTAS, ADM FORTE E HISTÓRICO VISUAL
   ========================================================= */
.smart-alert-panel,.admin-card{margin-top:18px;border-radius:26px;padding:20px;border:1px solid #e4ebf5;background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(15,23,42,.07)}
.smart-alert-list{display:grid;gap:10px}
.smart-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;border:1px solid #e4ebf5;background:#fff}
.smart-alert strong{display:block;color:#0f172a}.smart-alert p{margin:4px 0 0;color:#64748b;font-weight:750}
.smart-alert.danger{border-color:#fecaca;background:#fff1f2}.smart-alert.warn{border-color:#fed7aa;background:#fff7ed}.smart-alert.info{border-color:#bfdbfe;background:#eff6ff}
.alert-empty,.timeline-empty{padding:16px;border-radius:18px;border:1px dashed #cbd5e1;color:#64748b;background:#f8fafc;text-align:center;font-weight:850}
.timeline{position:relative;display:grid;gap:12px;padding-left:8px}.timeline-item{position:relative;display:grid;grid-template-columns:28px 1fr;gap:10px}.timeline-dot{width:16px;height:16px;margin-top:15px;border-radius:999px;background:#1769ff;box-shadow:0 0 0 6px #dbeafe}.timeline-content{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid #e4ebf5;box-shadow:0 12px 28px rgba(15,23,42,.06)}.timeline-content strong{display:block;color:#0f172a;line-height:1.35}.timeline-content span{display:block;margin-top:6px;color:#64748b;font-size:13px;font-weight:850}.timeline-content small{display:inline-flex;margin-top:8px;border-radius:999px;padding:6px 10px;background:#eef4ff;color:#1753c5;font-weight:900}
.admin-hero{position:relative;overflow:hidden;border-radius:30px;padding:30px;display:flex;justify-content:space-between;gap:18px;color:#fff;background:radial-gradient(circle at 88% 20%, rgba(167,139,250,.50), transparent 28%),linear-gradient(135deg,#120b2e 0%,#4c1d95 58%,#7c3aed 100%);box-shadow:0 24px 55px rgba(76,29,149,.22)}.admin-hero h1{margin:10px 0 8px;font-size:36px;letter-spacing:-.04em}.admin-hero p{margin:0;color:rgba(255,255,255,.82);font-weight:750}
.admin-stats{margin-top:18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-stats div{border:1px solid #e4ebf5;background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 30px rgba(15,23,42,.06)}.admin-stats small{display:block;color:#64748b;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.admin-stats strong{display:block;margin-top:8px;color:#0f172a;font-size:34px}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.admin-tools{display:grid;gap:10px}.trash-list{display:grid;gap:10px}.trash-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid #e4ebf5}
@media(max-width:900px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.admin-hero{flex-direction:column}}@media(max-width:620px){.smart-alert,.trash-item{flex-direction:column;align-items:stretch}}


/* =========================================================
   SIGEC v2.13 - LOGIN SEGURO
   ========================================================= */

.login-session-note{
  font-size:12px;
  color:#64748b;
  text-align:center;
}


/* =========================================================
   SIGEC v2.14 - VERIFICAÇÃO AUTOMÁTICA DE CAIXA
   ========================================================= */

.duplicate-alert{
  margin:12px 0 4px !important;
  border-radius:22px !important;
  padding:14px !important;
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  border:1px solid #e2e8f0 !important;
  animation:duplicatePop .18s ease !important;
}

.duplicate-found{
  background:#fff7ed !important;
  border-color:#fed7aa !important;
}

.duplicate-ok{
  background:#f0fdf4 !important;
  border-color:#bbf7d0 !important;
}

.duplicate-icon{
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
  flex:0 0 auto !important;
}

.duplicate-content strong{
  display:block !important;
  color:#0f172a !important;
  font-weight:950 !important;
  font-size:16px !important;
}

.duplicate-content p{
  margin:4px 0 10px !important;
  color:#64748b !important;
  font-weight:800 !important;
}

.duplicate-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:8px !important;
}

.duplicate-grid span{
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid #fde68a !important;
  padding:9px !important;
  color:#0f172a !important;
  font-weight:850 !important;
}

.duplicate-grid b{
  display:block !important;
  color:#92400e !important;
  font-size:11px !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin-bottom:4px !important;
}

.duplicate-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin-top:12px !important;
}

.disabled-btn,
button:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
  filter:grayscale(.2) !important;
}

@keyframes duplicatePop{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:760px){
  .duplicate-alert{
    flex-direction:column !important;
  }
  .duplicate-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* SIGEC v2.15 - ORÇAMENTOS E PRESTADORES */
.quotes-hero{border-radius:30px;padding:28px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#164ddf 62%,#38bdf8 100%);box-shadow:0 24px 55px rgba(15,23,42,.20)}
.quotes-hero h1{margin:8px 0;font-size:38px;letter-spacing:-.04em}.quotes-hero p{margin:0;color:rgba(255,255,255,.84);font-weight:800}.provider-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 60%,#f97316 100%)}
.quote-stats{margin:18px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quote-stats div{border:1px solid #e4ebf5;background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 30px rgba(15,23,42,.06)}.quote-stats small{display:block;color:#64748b;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.quote-stats strong{display:block;margin-top:8px;font-size:34px;color:#0f172a}
.quote-list{display:grid;gap:14px}.quote-card{border:1px solid #e4ebf5;background:#fff;border-radius:26px;padding:18px;box-shadow:0 16px 38px rgba(15,23,42,.07)}.quote-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.quote-card-head h2{margin:0;color:#0f172a}.quote-card-head p{margin:4px 0 0;color:#64748b;font-weight:800}.quote-card-head span{border-radius:999px;padding:8px 12px;background:#eef4ff;color:#1753c5;font-weight:950;white-space:nowrap}
.quote-box-summary{margin:14px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quote-box-summary div{border:1px solid #e4ebf5;background:#f8fafc;border-radius:16px;padding:12px}.quote-box-summary b{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.quote-box-summary span{color:#0f172a;font-weight:900}.quote-photo-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.quote-compare{margin-top:14px;padding-top:14px;border-top:1px solid #e4ebf5}
.quote-line{display:grid;grid-template-columns:1fr auto auto auto auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #e4ebf5;border-radius:16px;margin-top:8px}.quote-line.best{border-color:#86efac;background:#f0fdf4}.quote-line small{display:block;color:#64748b;font-weight:800}.quote-badge{border-radius:999px;padding:6px 10px;font-weight:950;background:#f1f5f9;color:#334155}.quote-badge.aprovado{background:#dcfce7;color:#166534}.quote-badge.recusado{background:#fee2e2;color:#991b1b}.quote-badge.pendente{background:#fef3c7;color:#92400e}.quote-muted{color:#64748b;font-weight:850}.quote-description{white-space:pre-wrap;background:#f8fafc;border:1px solid #e4ebf5;border-radius:18px;padding:14px;color:#0f172a;font-weight:800}.action-quote{background:#fff7ed !important;color:#9a3412 !important}.prestador-account-card{background:#fff7ed !important;border-color:#fed7aa !important}
@media(max-width:900px){.quotes-hero,.quote-card-head{flex-direction:column}.quote-stats,.quote-box-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-line{grid-template-columns:1fr}}@media(max-width:560px){.quote-stats,.quote-box-summary{grid-template-columns:1fr}}


/* =========================================================
   SIGEC v2.16 - PRESTADOR COM VISUAL LIMITADO
   ========================================================= */
.provider-limited-info{
  margin:14px 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.provider-limited-info div{
  border:1px solid #e4ebf5;
  background:#f8fafc;
  border-radius:16px;
  padding:12px;
}
.provider-limited-info b{
  display:block;
  color:#64748b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.provider-limited-info span{
  color:#0f172a;
  font-weight:950;
}
@media(max-width:760px){
  .provider-limited-info{grid-template-columns:1fr}
}


/* =========================================================
   SIGEC v2.17 - ORÇAMENTO AVANÇADO
   ========================================================= */
.quote-stage-cards{
  margin:18px 0;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.quote-stage-cards button{
  border:1px solid #e4ebf5;
  background:#fff;
  border-radius:20px;
  padding:14px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(15,23,42,.05);
  transition:.18s ease;
}
.quote-stage-cards button:hover,
.quote-stage-cards button.active{
  transform:translateY(-2px);
  border-color:#1769ff;
  box-shadow:0 18px 34px rgba(23,105,255,.14);
}
.quote-stage-cards small{
  display:block;
  color:#64748b;
  font-weight:900;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.quote-stage-cards strong{
  display:block;
  margin-top:6px;
  color:#0f172a;
  font-size:28px;
}
.multi-provider-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0;
}
.provider-check{
  display:flex !important;
  flex-direction:row !important;
  gap:10px !important;
  align-items:center !important;
  border:1px solid #e4ebf5 !important;
  background:#f8fafc !important;
  border-radius:16px !important;
  padding:12px !important;
  font-weight:900 !important;
  color:#0f172a !important;
}
.provider-check input{
  width:18px !important;
  height:18px !important;
}
.quote-table{
  display:grid;
  gap:8px;
}
.quote-table-head,
.quote-table-row{
  display:grid;
  grid-template-columns:1.2fr .75fr .75fr 1fr .7fr 1.2fr;
  gap:8px;
  align-items:center;
}
.quote-table-head{
  color:#64748b;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding:0 8px;
}
.quote-table-row{
  padding:10px;
  border:1px solid #e4ebf5;
  border-radius:16px;
  background:#fff;
}
.quote-table-row.best{
  border-color:#86efac;
  background:#f0fdf4;
}
.quote-table-row small{
  display:block;
  color:#64748b;
  font-weight:800;
  margin-top:3px;
}
.quote-table-row em{
  display:inline-flex;
  margin:2px;
  padding:5px 8px;
  border-radius:999px;
  background:#dcfce7;
  color:#166534;
  font-size:11px;
  font-weight:950;
  font-style:normal;
}
.quote-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.quote-card.atrasado{
  border-color:#fed7aa;
  background:#fff7ed;
}
.quote-details{
  margin-top:12px;
  border-top:1px solid #e4ebf5;
  padding-top:10px;
}
.quote-details summary{
  cursor:pointer;
  font-weight:950;
  color:#1753c5;
}
.quote-report-panel{
  margin-top:20px;
  border-radius:26px;
  padding:18px;
  background:#fff;
  border:1px solid #e4ebf5;
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
.quote-report-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.quote-report-stats div{
  border-radius:18px;
  background:#f8fafc;
  border:1px solid #e4ebf5;
  padding:14px;
}
.quote-report-stats small{
  display:block;
  color:#64748b;
  font-weight:950;
  text-transform:uppercase;
  font-size:11px;
}
.quote-report-stats strong{
  display:block;
  margin-top:5px;
  color:#0f172a;
  font-size:22px;
}
.quote-report-filters{
  display:grid;
  grid-template-columns:1.2fr repeat(6,minmax(0,1fr)) auto;
  gap:8px;
  align-items:center;
  margin-bottom:14px;
}
.quote-attachment{
  border:1px dashed #bfdbfe;
  background:#eff6ff;
  border-radius:16px;
  padding:12px;
  color:#1753c5;
  font-weight:900;
}
.quote-description.refuse{
  background:#fef2f2;
  border-color:#fecaca;
  color:#991b1b;
}

@media(max-width:1100px){
  .quote-stage-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .quote-table-head{display:none}
  .quote-table-row{grid-template-columns:1fr}
  .quote-report-filters{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .quote-stage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .multi-provider-list{grid-template-columns:1fr}
  .quote-report-stats{grid-template-columns:1fr 1fr}
  .quote-report-filters{grid-template-columns:1fr}
}


/* =========================================================
   SIGEC v2.18 - USUÁRIOS DOS PRESTADORES
   ========================================================= */
.provider-access-list{
  margin-top:14px;
  display:grid;
  gap:8px;
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.provider-access-item{
  border:1px solid #fed7aa;
  background:#fff;
  border-radius:16px;
  padding:12px;
  display:grid;
  gap:5px;
}
.provider-access-item b{
  color:#0f172a;
}
.provider-access-item span{
  color:#64748b;
  font-size:13px;
  font-weight:800;
}
.provider-access-item strong{
  color:#9a3412;
}

/* SIGEC v2.19 - ORÇAMENTO DO PRESTADOR SIMPLIFICADO */
.commercial-defect-box{margin:14px 0;border:1px solid #fed7aa;background:#fff7ed;border-radius:18px;padding:14px}.commercial-defect-box strong{display:block;color:#9a3412;font-weight:950;margin-bottom:6px}.commercial-defect-box p{margin:0;color:#0f172a;font-weight:850}.quote-simple-modal textarea#quote_outras_avarias{min-height:110px}.quote-table-simple .quote-table-head,.quote-table-simple .quote-table-row{grid-template-columns:1fr .7fr .7fr 1.2fr 1fr .7fr 1.2fr}@media(max-width:1100px){.quote-table-simple .quote-table-head{display:none}.quote-table-simple .quote-table-row{grid-template-columns:1fr}}


/* =========================================================
   SIGEC v2.20 - STATUS EM USO + ORDEM DE SERVIÇO
   ========================================================= */
.badge.em_uso{
  background:#e0f2fe !important;
  color:#075985 !important;
  border:1px solid #7dd3fc !important;
}
#group_os input,
#group_retiradaPrestador input{
  border-color:#bfdbfe;
  background:#eff6ff;
}


/* =========================================================
   SIGEC v2.21 - PERMISSÕES OS E PRESTADOR
   ========================================================= */
.commercial-note{
  border-left:4px solid #f97316;
}
.locked-field{
  opacity:.72;
  cursor:not-allowed;
}


/* =========================================================
   SIGEC v2.22 - APROVAÇÃO LIBERA MANUTENÇÃO
   ========================================================= */
.quote-badge.aprovado{
  background:#dcfce7 !important;
  color:#166534 !important;
}


/* =========================================================
   SIGEC v2.24 - NOTIFICAÇÕES ESTÁVEIS
   ========================================================= */
.notification-list{
  contain:layout paint;
}
.notification-item{
  animation:none !important;
  transition:background-color .16s ease,border-color .16s ease !important;
}
.notif-bell,
.notif-bell *,
.notif-bell b{
  animation:none !important;
}


/* =========================================================
   SIGEC v2.25 - MOBILE PREMIUM + PRESTADOR
   ========================================================= */
.login-mobile-premium{
  min-height:100vh !important;
  padding:10px !important;
  display:block !important;
  background:linear-gradient(160deg,#071a35 0%,#0d4caf 58%,#1673ff 100%) !important;
  overflow:auto !important;
}
.loginbox-mobile-premium{
  width:100% !important;
  max-width:540px !important;
  margin:0 auto !important;
  border-radius:28px !important;
  padding:16px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.22) !important;
}
.login-mobile-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-bottom:14px !important;
}
.brand-mobile-clean .logo{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  font-size:22px !important;
}
.brand-mobile-clean h1{
  font-size:28px !important;
  line-height:1 !important;
  margin:0 !important;
}
.brand-mobile-clean p{
  margin:3px 0 0 !important;
  font-size:13px !important;
  color:#64748b !important;
}
.login-tag{
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#edf5ff !important;
  color:#1769ff !important;
  font-weight:950 !important;
  font-size:13px !important;
}
.login-section{
  display:grid !important;
  gap:10px !important;
}
.section-mini-title h2{
  margin:4px 0 2px !important;
  font-size:22px !important;
}
.section-mini-title p{
  margin:0 !important;
  color:#64748b !important;
  font-size:13px !important;
}
.areas-mobile-compact{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin:8px 0 14px !important;
}
.area-mobile-card{
  width:100% !important;
  border:1px solid #e4ebf5 !important;
  background:#fff !important;
  border-radius:18px !important;
  padding:10px 12px !important;
  display:grid !important;
  grid-template-columns:44px 1fr !important;
  align-items:center !important;
  gap:10px !important;
  text-align:left !important;
  min-height:64px !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
}
.area-mobile-card > span{
  width:44px !important;
  height:44px !important;
  border-radius:16px !important;
  background:#eef5ff !important;
  display:grid !important;
  place-items:center !important;
  font-size:22px !important;
}
.area-mobile-card b{
  display:block !important;
  font-size:17px !important;
  color:#0f172a !important;
}
.area-mobile-card small{
  display:block !important;
  margin-top:2px !important;
  color:#64748b !important;
  font-weight:800 !important;
}
.area-mobile-card.active{
  border-color:#1769ff !important;
  box-shadow:0 0 0 3px rgba(23,105,255,.14),0 10px 24px rgba(23,105,255,.10) !important;
}
.login-form-mobile{
  border:1px solid #e4ebf5 !important;
  border-radius:22px !important;
  padding:14px !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(15,23,42,.08) !important;
}
.selected-access{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#eef5ff !important;
  color:#1769ff !important;
  font-weight:950 !important;
  margin-bottom:10px !important;
}
.login-form-mobile label{
  display:grid !important;
  gap:6px !important;
  margin:8px 0 !important;
  font-weight:900 !important;
  color:#334155 !important;
}
.login-form-mobile input{
  height:48px !important;
  border-radius:16px !important;
  font-size:16px !important;
  padding:0 14px !important;
}
.login-form-mobile .login-cta{
  width:100% !important;
  height:50px !important;
  border-radius:16px !important;
  margin-top:10px !important;
}
.demo-collapse{
  margin-top:12px !important;
  border:1px dashed #dbe7ff !important;
  border-radius:16px !important;
  padding:8px 10px !important;
  background:#f8fbff !important;
}
.demo-collapse summary{
  cursor:pointer !important;
  font-weight:950 !important;
  color:#1753c5 !important;
}
.demo-list-clean{
  display:grid !important;
  gap:6px !important;
  margin-top:8px !important;
}
.demo-list-clean button{
  height:36px !important;
  border-radius:12px !important;
  background:#fff !important;
  border:1px solid #e4ebf5 !important;
  color:#334155 !important;
  font-weight:900 !important;
}

/* Prestador mobile/app */
.provider-app{
  min-height:100vh !important;
  background:#eef3fb !important;
  padding:12px 10px 26px !important;
}
.provider-main{
  max-width:860px !important;
  margin:0 auto !important;
  display:grid !important;
  gap:14px !important;
}
.provider-menu-btn{
  background:#1769ff !important;
}
.provider-drawer .drawer-head h3{
  margin:2px 0 0 !important;
}
.provider-hero{
  background:linear-gradient(135deg,#07172f,#0e3477 60%,#1970ff) !important;
  color:#fff !important;
  border-radius:26px !important;
  padding:20px 16px 18px 62px !important;
  box-shadow:0 18px 40px rgba(15,23,42,.18) !important;
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  align-items:flex-start !important;
}
.provider-hero span{
  display:inline-flex !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.14) !important;
  font-size:12px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
.provider-hero h1{
  font-size:24px !important;
  line-height:1.1 !important;
  margin:10px 0 6px !important;
}
.provider-hero p{
  margin:0 !important;
  color:#dbeafe !important;
  font-size:13px !important;
}
.provider-stats{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.provider-stats button{
  background:#fff !important;
  border:1px solid #e4ebf5 !important;
  border-radius:20px !important;
  padding:13px !important;
  text-align:left !important;
  box-shadow:0 10px 24px rgba(15,23,42,.06) !important;
}
.provider-stats small{
  display:block !important;
  color:#64748b !important;
  font-weight:950 !important;
}
.provider-stats strong{
  display:block !important;
  color:#0f172a !important;
  font-size:28px !important;
  margin-top:5px !important;
}
.provider-block-title,.provider-page-head{
  background:#fff !important;
  border:1px solid #e4ebf5 !important;
  border-radius:22px !important;
  padding:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
.provider-page-head{
  display:block !important;
}
.provider-block-title h2,.provider-page-head h1{
  margin:0 !important;
  font-size:20px !important;
}
.provider-block-title p,.provider-page-head p{
  margin:4px 0 0 !important;
  color:#64748b !important;
}
.provider-card-list{
  display:grid !important;
  gap:12px !important;
}
.provider-box-card{
  background:#fff !important;
  border:1px solid #e4ebf5 !important;
  border-radius:24px !important;
  padding:14px !important;
  box-shadow:0 12px 28px rgba(15,23,42,.07) !important;
}
.provider-card-top{
  display:flex !important;
  justify-content:space-between !important;
  gap:10px !important;
  align-items:flex-start !important;
  margin-bottom:12px !important;
}
.provider-code{
  display:inline-flex !important;
  color:#1753c5 !important;
  background:#eef5ff !important;
  border-radius:999px !important;
  padding:6px 10px !important;
  font-weight:950 !important;
  font-size:12px !important;
}
.provider-card-top h3{
  margin:8px 0 0 !important;
  font-size:18px !important;
  color:#0f172a !important;
}
.provider-card-top em{
  border-radius:999px !important;
  padding:6px 10px !important;
  font-style:normal !important;
  font-weight:950 !important;
  font-size:12px !important;
}
.provider-card-top em.pending{background:#fff7ed !important;color:#9a3412 !important}
.provider-card-top em.sent{background:#ecfdf5 !important;color:#166534 !important}
.provider-info-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
.provider-info-grid div,.provider-quote-sent span{
  background:#f8fafc !important;
  border:1px solid #e4ebf5 !important;
  border-radius:16px !important;
  padding:10px !important;
}
.provider-info-grid small,.provider-quote-sent b{
  display:block !important;
  color:#64748b !important;
  font-size:11px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
}
.provider-info-grid b{
  display:block !important;
  color:#0f172a !important;
  margin-top:4px !important;
}
.provider-quote-sent{
  display:grid !important;
  gap:8px !important;
  margin-top:10px !important;
}
.provider-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-top:12px !important;
}
.provider-actions .primary,.provider-actions button{
  width:100% !important;
  justify-content:center !important;
}
.provider-empty{
  background:#fff !important;
  border:1px dashed #cbd5e1 !important;
  border-radius:22px !important;
  padding:22px !important;
  color:#64748b !important;
  text-align:center !important;
  font-weight:900 !important;
}
.provider-refuse{
  margin-top:10px !important;
  padding:10px !important;
  border-radius:16px !important;
  background:#fef2f2 !important;
  color:#991b1b !important;
  border:1px solid #fecaca !important;
}
.provider-notif-list{
  background:#fff !important;
  border-radius:22px !important;
  padding:10px !important;
}

@media(max-width:760px){
  .login-mobile-premium{padding:8px !important}
  .loginbox-mobile-premium{border-radius:24px !important;padding:14px !important}
  .brand-mobile-clean h1{font-size:25px !important}
  .area-mobile-card{min-height:58px !important;padding:9px 10px !important}
  .provider-app{padding:10px 8px 24px !important}
  .provider-hero{border-radius:24px !important;padding:18px 14px 16px 58px !important}
  .provider-info-grid{grid-template-columns:1fr !important}
}


/* =========================================================
   SIGEC v2.26 - MENU MOBILE GERAL
   ========================================================= */
.desktop-menu-fab{
  display:none !important;
  background:#1769ff !important;
}
.mobile-drawer-user{
  margin:12px 0 !important;
  padding:12px !important;
  border-radius:16px !important;
  background:#f8fafc !important;
  border:1px solid #e4ebf5 !important;
}
.mobile-drawer-user span{
  display:block !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:900 !important;
}
.mobile-drawer-user strong{
  display:block !important;
  color:#0f172a !important;
  margin-top:4px !important;
}
.desktop-drawer-nav{
  display:grid !important;
  gap:8px !important;
}
.desktop-drawer-nav button{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  border:none !important;
  border-radius:14px !important;
  padding:12px 12px !important;
  background:#f8fafc !important;
  color:#334155 !important;
  font-weight:900 !important;
  text-align:left !important;
}
.desktop-drawer-nav button span{
  width:28px !important;
  height:28px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:10px !important;
  background:#eef5ff !important;
}
.desktop-drawer-nav button.active{
  background:#1769ff !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(23,105,255,.25) !important;
}
.desktop-drawer-nav button.active span{
  background:rgba(255,255,255,.18) !important;
}
.drawer-logout{
  margin-top:14px !important;
  width:100% !important;
}

@media(max-width:900px){
  .desktop-mobile-ready{
    display:block !important;
    min-height:100vh !important;
    background:#eef3fb !important;
    padding:12px 8px 28px !important;
  }
  .desktop-menu-fab{
    display:grid !important;
    position:fixed !important;
    top:calc(env(safe-area-inset-top,0px) + 12px) !important;
    left:12px !important;
    z-index:90 !important;
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
    border:none !important;
    box-shadow:0 14px 28px rgba(15,23,42,.25) !important;
  }
  .desktop-drawer.side{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:min(82vw,320px) !important;
    max-width:320px !important;
    height:100vh !important;
    z-index:100 !important;
    transform:translateX(-105%) !important;
    transition:transform .22s ease !important;
    border-radius:0 28px 28px 0 !important;
    padding:18px 14px !important;
    overflow:auto !important;
    background:#fff !important;
    box-shadow:24px 0 60px rgba(15,23,42,.22) !important;
  }
  .desktop-drawer.side.open{
    transform:translateX(0) !important;
  }
  #desktopDrawerOverlay.drawer-overlay.show{
    display:block !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .main-mobile-ready{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .main-mobile-ready > .top{
    padding-left:58px !important;
    min-height:54px !important;
    align-items:center !important;
  }
  .main-mobile-ready > .top h1{
    font-size:22px !important;
    margin:0 !important;
  }
  .main-mobile-ready > .top p{
    font-size:12px !important;
    margin-top:3px !important;
  }
  .main-mobile-ready > .top .primary{
    min-height:40px !important;
    padding:0 10px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }
  .desktop .cards{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .desktop .card{
    min-height:auto !important;
    padding:14px !important;
    border-radius:18px !important;
  }
  .desktop .card h3{
    font-size:12px !important;
    margin:0 0 6px !important;
  }
  .desktop .card .big{
    font-size:28px !important;
  }
  .smart-alert-panel,.verify-hero{
    border-radius:20px !important;
    padding:12px !important;
  }
  .verify-hero .grid-3{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .verify-hero input,.verify-hero button{
    min-height:42px !important;
    border-radius:12px !important;
  }
  .desktop .table{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:18px !important;
  }
  .desktop table{
    min-width:780px !important;
    font-size:12px !important;
  }
  .desktop th,.desktop td{
    padding:9px 8px !important;
  }
  .table-actions-premium{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  .table-actions-premium .action-btn.mini{
    min-width:92px !important;
    justify-content:center !important;
  }
  .filters{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
}

@media(max-width:430px){
  .desktop .cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .main-mobile-ready > .top{
    padding-left:56px !important;
  }
}


/* =========================================================
   SIGEC v2.27 - CORREÇÃO DO BOTÃO MENU DO PRESTADOR
   ========================================================= */
.provider-app{
  position:relative !important;
}
.provider-page-head{
  padding-left:64px !important;
  min-height:92px !important;
}
.provider-drawer{
  z-index:100 !important;
}
#providerDrawerOverlay.drawer-overlay.show{
  opacity:1 !important;
  pointer-events:auto !important;
}
.provider-app.drawer-open .provider-menu-btn{
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.92) !important;
}

@media(max-width:760px){
  .provider-app{
    position:relative !important;
  }
  .provider-menu-btn{
    position:absolute !important;
    left:16px !important;
    top:16px !important;
    z-index:30 !important;
  }
  .provider-page-head{
    padding-left:62px !important;
    min-height:88px !important;
  }
}


/* =========================================================
   SIGEC v2.28 - LOGÍSTICA RESTRITA / ERRO CLARO
   ========================================================= */
.logistica-restrita-note{
  margin:10px 0 14px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  background:#eff6ff !important;
  border:1px solid #bfdbfe !important;
  color:#1e3a8a !important;
  display:grid !important;
  gap:4px !important;
}
.logistica-restrita-note b{
  font-weight:950 !important;
}
.logistica-restrita-note span{
  color:#334155 !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}
.logistica-restrita-note small{
  color:#64748b !important;
  font-weight:800 !important;
}
.logistica-field-muted{
  opacity:.75 !important;
}
.locked-field{
  background:#f1f5f9 !important;
  color:#64748b !important;
}


/* =========================================================
   SIGEC v2.29 - LOGÍSTICA SOMENTE PRESTADOR BLOQUEADO
   ========================================================= */
.logistica-permissao-note{
  margin:10px 0 14px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  background:#f0fdf4 !important;
  border:1px solid #bbf7d0 !important;
  color:#166534 !important;
  display:grid !important;
  gap:4px !important;
}
.logistica-permissao-note b{font-weight:950 !important}
.logistica-permissao-note span{
  color:#334155 !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}
.logistica-permissao-note small{
  color:#64748b !important;
  font-weight:800 !important;
}


/* =========================================================
   SIGEC v2.30 - CORREÇÃO DEFINITIVA DOS MENUS LATERAIS
   ========================================================= */
body.drawer-active{
  overflow:hidden !important;
}

/* Base única de overlay */
.drawer-overlay,
#desktopDrawerOverlay,
#providerDrawerOverlay,
#patioDrawerOverlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(2,6,23,.46) !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:900 !important;
  transition:opacity .22s ease !important;
  display:block !important;
}
.drawer-overlay.show,
#desktopDrawerOverlay.show,
#providerDrawerOverlay.show,
#patioDrawerOverlay.show{
  opacity:1 !important;
  pointer-events:auto !important;
}

/* Base única de drawer */
.app-drawer,
#desktopDrawer.desktop-drawer,
#providerDrawer.provider-drawer,
#patioDrawer.patio-drawer{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:min(84vw,320px) !important;
  max-width:320px !important;
  height:100dvh !important;
  z-index:950 !important;
  transform:translateX(-110%) !important;
  transition:transform .24s ease !important;
  background:#fff !important;
  color:#0f172a !important;
  border-radius:0 28px 28px 0 !important;
  padding:18px 14px !important;
  overflow:auto !important;
  box-shadow:24px 0 60px rgba(15,23,42,.28) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  visibility:visible !important;
  opacity:1 !important;
}
.app-drawer.open,
#desktopDrawer.desktop-drawer.open,
#providerDrawer.provider-drawer.open,
#patioDrawer.patio-drawer.open{
  transform:translateX(0) !important;
}

/* Botões de menu */
.desktop-menu-fab,
.provider-menu-btn,
.patio-app .drawer-fab{
  z-index:880 !important;
}
.desktop-mobile-ready.drawer-open .desktop-menu-fab,
.provider-app.drawer-open .provider-menu-btn,
.patio-app.drawer-open .drawer-fab{
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.92) !important;
}

/* Corrige qualquer regra antiga conflitante */
@media(max-width:900px){
  #desktopDrawer.desktop-drawer.open{
    transform:translateX(0) !important;
  }
  #desktopDrawer.desktop-drawer{
    display:flex !important;
  }
  #desktopDrawerOverlay.drawer-overlay.show{
    z-index:900 !important;
  }
}

@media(max-width:760px){
  #providerDrawer.provider-drawer.open,
  #patioDrawer.patio-drawer.open{
    transform:translateX(0) !important;
  }
}


/* =========================================================
   SIGEC v2.31 - MENU MOBILE SEM FIXAR + SAIR DESTACADO
   ========================================================= */

/* O botão sanduíche do painel desktop mobile agora fica preso ao painel,
   não à tela do navegador. Ao rolar, ele sobe junto com o conteúdo. */
.desktop-mobile-ready{
  position:relative !important;
}
@media(max-width:900px){
  .desktop-menu-fab{
    position:absolute !important;
    top:16px !important;
    left:16px !important;
    z-index:880 !important;
  }
  .main-mobile-ready > .top{
    padding-left:64px !important;
  }
}

/* Mantém o drawer fixo quando ele está aberto, mas não o botão. */
#desktopDrawer.desktop-drawer,
#providerDrawer.provider-drawer,
#patioDrawer.patio-drawer{
  position:fixed !important;
}

/* Botão sair mais forte e legível */
.drawer-logout,
.menu-exit-btn,
.desktop-drawer .drawer-logout,
.provider-drawer .drawer-nav button:last-child,
.patio-drawer .drawer-nav button:last-child{
  margin-top:auto !important;
  width:100% !important;
  min-height:52px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#ef4444,#b91c1c) !important;
  color:#ffffff !important;
  border:none !important;
  opacity:1 !important;
  filter:none !important;
  font-weight:950 !important;
  font-size:16px !important;
  box-shadow:0 14px 30px rgba(239,68,68,.28) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-shadow:none !important;
}
.drawer-logout:hover,
.menu-exit-btn:hover{
  background:linear-gradient(135deg,#dc2626,#991b1b) !important;
  transform:translateY(-1px) !important;
}

/* O botão do menu desaparece quando o drawer está aberto. */
.desktop-mobile-ready.drawer-open .desktop-menu-fab,
.provider-app.drawer-open .provider-menu-btn,
.patio-app.drawer-open .drawer-fab{
  opacity:0 !important;
  pointer-events:none !important;
  transform:scale(.92) !important;
}


/* =========================================================
   SIGEC v2.32 - PRESTADOR ESTILO PAINEL ADMINISTRATIVO
   ========================================================= */
.provider-admin-shell{min-height:100vh !important;background:#eef3fb !important;display:grid !important;grid-template-columns:300px 1fr !important}
.provider-admin-side{position:sticky !important;top:0 !important;height:100vh !important;z-index:20 !important;background:#fff !important;border-right:1px solid #e4ebf5 !important;padding:20px 16px !important;display:flex !important;flex-direction:column !important;gap:14px !important;box-shadow:12px 0 30px rgba(15,23,42,.06) !important;border-radius:0 !important;transform:none !important}
.provider-admin-brand{display:flex !important;align-items:center !important;gap:14px !important;padding:8px 4px 14px !important}
.provider-admin-brand .logo{width:54px !important;height:54px !important;border-radius:18px !important;display:grid !important;place-items:center !important;background:#1769ff !important;color:#fff !important;font-size:28px !important;font-weight:950 !important}
.provider-admin-brand h2{margin:0 !important;font-size:30px !important;color:#0f172a !important}
.provider-admin-brand small{display:block !important;color:#64748b !important;font-weight:800 !important;margin-top:2px !important}
.provider-admin-main{min-width:0 !important;padding:22px !important;display:grid !important;gap:18px !important}
.provider-admin-top{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:14px !important;background:#fff !important;border:1px solid #e4ebf5 !important;border-radius:24px !important;padding:18px 20px !important;box-shadow:0 12px 28px rgba(15,23,42,.06) !important}
.provider-admin-top h1{margin:0 !important;font-size:28px !important;color:#0f172a !important}
.provider-admin-top p{margin:5px 0 0 !important;color:#64748b !important;font-weight:800 !important}
.provider-admin-cards{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important}
.provider-admin-cards button{background:#fff !important;border:1px solid #e4ebf5 !important;border-radius:22px !important;padding:18px !important;text-align:left !important;box-shadow:0 12px 28px rgba(15,23,42,.06) !important}
.provider-admin-cards small{display:block !important;color:#64748b !important;font-weight:950 !important}
.provider-admin-cards strong{display:block !important;color:#0f172a !important;font-size:34px !important;margin-top:8px !important}
.provider-section-title{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;background:#fff !important;border:1px solid #e4ebf5 !important;border-radius:22px !important;padding:14px 18px !important}
.provider-section-title h2{margin:0 !important}
.provider-admin-table{background:#fff !important;border:1px solid #e4ebf5 !important;border-radius:24px !important;overflow:auto !important;box-shadow:0 12px 28px rgba(15,23,42,.06) !important}
.provider-admin-table table{width:100% !important;min-width:980px !important;border-collapse:collapse !important}
.provider-admin-table th{color:#64748b !important;font-size:12px !important;text-transform:uppercase !important;letter-spacing:.05em !important;background:#f8fafc !important}
.provider-admin-table th,.provider-admin-table td{padding:12px !important;border-bottom:1px solid #edf2f7 !important;text-align:left !important;vertical-align:middle !important}
.provider-mini-status{display:inline-flex !important;padding:6px 10px !important;border-radius:999px !important;font-weight:950 !important;font-size:12px !important}
.provider-mini-status.pending{background:#fff7ed !important;color:#9a3412 !important}
.provider-mini-status.sent{background:#ecfdf5 !important;color:#166534 !important}
.provider-admin-actions{display:flex !important;gap:6px !important;flex-wrap:wrap !important}
.provider-mobile-only{display:none !important}.provider-desktop-only{display:block !important}.provider-admin-menu-btn{display:none !important}

@media(max-width:980px){
  .provider-admin-shell{display:block !important;padding:12px 8px 28px !important}
  .provider-admin-menu-btn{display:grid !important;position:absolute !important;top:16px !important;left:16px !important;z-index:880 !important;background:#1769ff !important}
  #providerDrawer.provider-drawer{position:fixed !important;left:0 !important;top:0 !important;bottom:0 !important;width:min(84vw,320px) !important;height:100dvh !important;z-index:950 !important;transform:translateX(-110%) !important;transition:transform .24s ease !important;border-radius:0 28px 28px 0 !important;box-shadow:24px 0 60px rgba(15,23,42,.28) !important}
  #providerDrawer.provider-drawer.open{transform:translateX(0) !important}
  .provider-admin-main{padding:0 !important}
  .provider-admin-top{padding:18px 16px 18px 64px !important;border-radius:24px !important}
  .provider-admin-top h1{font-size:24px !important}
  .provider-admin-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .provider-desktop-only{display:none !important}
  .provider-mobile-only{display:grid !important;gap:12px !important}
}


/* =========================================================
   SIGEC v2.33 - PERFORMANCE MOBILE
   ========================================================= */
@media(max-width:900px){
  *{
    -webkit-tap-highlight-color:transparent !important;
  }

  html, body{
    overscroll-behavior-y:contain !important;
    scroll-behavior:auto !important;
  }

  .drawer-overlay,
  #desktopDrawerOverlay,
  #providerDrawerOverlay,
  #patioDrawerOverlay{
    background:rgba(15,23,42,.36) !important;
    transition:opacity .14s linear !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .app-drawer,
  #desktopDrawer.desktop-drawer,
  #providerDrawer.provider-drawer,
  #patioDrawer.patio-drawer{
    transition:transform .16s ease-out !important;
    will-change:transform !important;
    box-shadow:12px 0 30px rgba(15,23,42,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .drawer-fab,
  .desktop-menu-fab,
  .provider-menu-btn,
  .patio-app .drawer-fab{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 8px 18px rgba(15,23,42,.20) !important;
    transition:opacity .12s linear, transform .12s linear !important;
  }

  .card,
  .mobile-card,
  .mobile-card-modern,
  .provider-box-card,
  .provider-admin-top,
  .provider-admin-cards button,
  .provider-admin-table,
  .smart-alert-panel,
  .verify-hero,
  .quote-card,
  .admin-card,
  .timeline-content{
    box-shadow:0 6px 14px rgba(15,23,42,.06) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .desktop .card,
  .provider-admin-cards button{
    transform:none !important;
  }

  .desktop .card:hover,
  .provider-admin-cards button:hover,
  .quick-modern:hover,
  .soft-btn:hover{
    transform:none !important;
  }

  .table,
  .provider-admin-table{
    -webkit-overflow-scrolling:touch !important;
    contain:content !important;
  }

  .modalbox{
    max-height:86dvh !important;
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-shadow:0 10px 24px rgba(15,23,42,.18) !important;
  }

  .modal{
    overscroll-behavior:contain !important;
  }
}

@media(prefers-reduced-motion: reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* =========================================================
   SIGEC v2.35 - PREVIEW ELEGANTE DE FOTOS
   ========================================================= */
.elegant-preview-grid{
  display:grid !important;
  gap:10px !important;
  margin-top:10px !important;
}
.upload-preview-empty{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  background:linear-gradient(180deg,#f8fbff,#eef4ff) !important;
  border:1px dashed #c9d8f2 !important;
  border-radius:18px !important;
  padding:14px !important;
  color:#4b5f7a !important;
}
.upload-preview-empty-icon{
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
  font-size:20px !important;
}
.upload-preview-empty strong,
.upload-preview-counter strong{
  display:block !important;
  color:#0f172a !important;
  font-size:14px !important;
}
.upload-preview-empty span,
.upload-preview-counter span{
  display:block !important;
  color:#64748b !important;
  font-size:12px !important;
  margin-top:2px !important;
}
.upload-preview-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  background:#f8fbff !important;
  border:1px solid #dfe8f8 !important;
}
.preview-clear-btn{
  min-height:38px !important;
}
.upload-preview-cards{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(132px,1fr)) !important;
  gap:12px !important;
}
.upload-preview-card{
  background:#fff !important;
  border:1px solid #e3ebf7 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
}
.upload-preview-thumb{
  position:relative !important;
  aspect-ratio:1/1 !important;
  background:#eef4ff !important;
}
.upload-preview-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.upload-preview-remove{
  position:absolute !important;
  top:8px !important;
  right:8px !important;
  width:30px !important;
  height:30px !important;
  border:none !important;
  border-radius:999px !important;
  background:rgba(15,23,42,.72) !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  cursor:pointer !important;
  display:grid !important;
  place-items:center !important;
}
.upload-preview-meta{
  padding:10px 12px 12px !important;
}
.upload-preview-meta strong{
  display:block !important;
  color:#0f172a !important;
  font-size:13px !important;
}
.upload-preview-meta small{
  display:block !important;
  margin-top:4px !important;
  color:#64748b !important;
  font-size:11px !important;
}
@media(max-width:900px){
  .upload-preview-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .upload-preview-toolbar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}


/* =========================================================
   SIGEC v2.36 - UPLOAD BONITO COM POPUP CAMERA/GALERIA
   ========================================================= */
.sigec-file-input-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}
.photo-upload-field{
  grid-column:span 1 !important;
}
.photo-upload-field .field-hint{
  display:none !important;
}
.photo-add-card{
  width:100% !important;
  border:none !important;
  border-radius:22px !important;
  padding:16px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  text-align:left !important;
  cursor:pointer !important;
  background:linear-gradient(135deg,#0f6fff,#1558d6) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(15,111,255,.25) !important;
  min-height:82px !important;
}
.photo-add-card.avaria-upload{
  background:linear-gradient(135deg,#ef4444,#be123c) !important;
  box-shadow:0 14px 28px rgba(239,68,68,.22) !important;
}
.photo-add-card.depois-upload{
  background:linear-gradient(135deg,#16a34a,#047857) !important;
  box-shadow:0 14px 28px rgba(22,163,74,.20) !important;
}
.photo-add-icon{
  flex:0 0 auto !important;
  width:50px !important;
  height:50px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.20) !important;
  font-size:24px !important;
}
.photo-add-text{
  flex:1 !important;
  min-width:0 !important;
}
.photo-add-text b{
  display:block !important;
  font-size:16px !important;
  line-height:1.15 !important;
  color:#fff !important;
}
.photo-add-text small{
  display:block !important;
  margin-top:5px !important;
  font-size:12px !important;
  line-height:1.3 !important;
  color:rgba(255,255,255,.84) !important;
}
.photo-add-arrow{
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.16) !important;
  font-size:28px !important;
  line-height:1 !important;
}
.photo-choice-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  background:rgba(15,23,42,.46) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  padding:16px !important;
}
.photo-choice-sheet{
  width:min(560px,100%) !important;
  border-radius:30px 30px 24px 24px !important;
  background:#fff !important;
  box-shadow:0 -18px 60px rgba(15,23,42,.28) !important;
  padding:12px 16px 16px !important;
  animation:photoChoiceIn .16s ease-out !important;
}
@keyframes photoChoiceIn{
  from{ transform:translateY(24px); opacity:.55; }
  to{ transform:translateY(0); opacity:1; }
}
.photo-choice-handle{
  width:48px !important;
  height:5px !important;
  border-radius:999px !important;
  background:#d7deea !important;
  margin:0 auto 14px !important;
}
.photo-choice-head{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
.photo-choice-icon{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  background:#edf5ff !important;
  font-size:25px !important;
}
.photo-choice-head h3{
  margin:0 !important;
  font-size:20px !important;
  color:#0f172a !important;
}
.photo-choice-head p{
  margin:4px 0 0 !important;
  font-size:13px !important;
  color:#64748b !important;
}
.photo-choice-option{
  width:100% !important;
  border:1px solid #e3ebf7 !important;
  border-radius:22px !important;
  background:#f8fbff !important;
  padding:14px !important;
  display:flex !important;
  align-items:center !important;
  gap:13px !important;
  text-align:left !important;
  margin-top:10px !important;
  cursor:pointer !important;
}
.photo-choice-option > span{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
  font-size:22px !important;
}
.photo-choice-option b{
  display:block !important;
  color:#0f172a !important;
  font-size:15px !important;
}
.photo-choice-option small{
  display:block !important;
  margin-top:3px !important;
  color:#64748b !important;
  font-size:12px !important;
}
.photo-choice-option.clear{
  background:#fff7f7 !important;
  border-color:#ffd8d8 !important;
}
.photo-choice-cancel{
  width:100% !important;
  border:none !important;
  border-radius:18px !important;
  min-height:50px !important;
  margin-top:12px !important;
  background:#eef2f7 !important;
  color:#334155 !important;
  font-weight:800 !important;
}
@media(min-width:901px){
  .photo-choice-overlay{
    align-items:center !important;
  }
  .photo-choice-sheet{
    border-radius:28px !important;
  }
}


/* =========================================================
   SIGEC v2.37 - MODAL PREMIUM + TABELAS PREMIUM
   ========================================================= */

.modal{
  background:rgba(2,8,23,.58) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}

.modalbox{
  border-radius:30px !important;
  border:1px solid rgba(226,232,240,.88) !important;
  box-shadow:0 28px 80px rgba(2,8,23,.28) !important;
}

.modalbox.smart-box-form{
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  padding:0 !important;
  overflow:hidden !important;
}

.modalbox.smart-box-form > .top{
  margin:0 !important;
  padding:24px 24px 18px !important;
  background:
    radial-gradient(circle at top left, rgba(23,105,255,.16), transparent 35%),
    linear-gradient(135deg,#ffffff 0%,#eef5ff 100%) !important;
  border-bottom:1px solid #dce7f8 !important;
  align-items:flex-start !important;
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;
}

.modalbox.smart-box-form > .top h2{
  font-size:32px !important;
  line-height:1.05 !important;
  margin:0 0 8px !important;
  color:#0f172a !important;
  letter-spacing:-.04em !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.premium-title-icon{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  display:inline-grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#1769ff,#0b4ed0) !important;
  color:#fff !important;
  font-size:22px !important;
  box-shadow:0 12px 24px rgba(23,105,255,.22) !important;
}

.premium-subhint{
  display:inline-block !important;
  margin-top:4px !important;
  color:#475569 !important;
  font-weight:600 !important;
}

.premium-status-badge{
  padding:10px 14px !important;
  border-radius:999px !important;
  background:#eaf1ff !important;
  color:#1769ff !important;
  font-weight:900 !important;
  text-transform:capitalize !important;
  border:1px solid #cfe0ff !important;
}

.modalbox.smart-box-form > .top .ghost{
  min-width:48px !important;
  min-height:48px !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(15,23,42,.08) !important;
}

.modalbox.smart-box-form > .section-title,
.modalbox.smart-box-form > .premium-section-title,
.modalbox.smart-box-form > .grid-2,
.modalbox.smart-box-form > .modal-grid,
.modalbox.smart-box-form > .form-hint,
.modalbox.smart-box-form > #duplicate_alert,
.modalbox.smart-box-form > br,
.modalbox.smart-box-form > .item-actions{
  margin-left:24px !important;
  margin-right:24px !important;
}

.premium-section-title{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:22px !important;
  margin-bottom:10px !important;
  padding:14px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,#eef5ff,#ffffff) !important;
  border:1px solid #dce7f8 !important;
  box-shadow:0 10px 24px rgba(15,23,42,.045) !important;
}

.premium-section-title > span{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  box-shadow:0 8px 18px rgba(15,23,42,.07) !important;
  font-size:22px !important;
}

.premium-section-title b{
  display:block !important;
  font-size:20px !important;
  color:#0f172a !important;
  line-height:1.1 !important;
}

.premium-section-title small{
  display:block !important;
  margin-top:4px !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.modalbox.smart-box-form .grid-2,
.modalbox.smart-box-form .modal-grid{
  background:#fff !important;
  border:1px solid #e1eaf7 !important;
  border-radius:24px !important;
  padding:16px !important;
  box-shadow:0 12px 28px rgba(15,23,42,.055) !important;
}

.modalbox.smart-box-form label{
  color:#172033 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
}

.modalbox.smart-box-form input,
.modalbox.smart-box-form select,
.modalbox.smart-box-form textarea{
  margin-top:8px !important;
  border-radius:18px !important;
  border:1px solid #dce7f8 !important;
  background:#fbfdff !important;
  min-height:52px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75) !important;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.modalbox.smart-box-form textarea{
  min-height:130px !important;
}

.modalbox.smart-box-form input:focus,
.modalbox.smart-box-form select:focus,
.modalbox.smart-box-form textarea:focus{
  outline:none !important;
  border-color:#1769ff !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(23,105,255,.12) !important;
}

.modalbox.smart-box-form .ok{
  min-height:52px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#16a34a,#0f8a3d) !important;
  box-shadow:0 12px 24px rgba(22,163,74,.18) !important;
}

.modalbox.smart-box-form .sticky-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:5 !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border-top:1px solid #e1eaf7 !important;
  padding:16px 24px calc(16px + env(safe-area-inset-bottom)) !important;
  margin:20px 0 0 !important;
}

.modalbox.smart-box-form .sticky-actions .primary{
  min-height:54px !important;
  border-radius:18px !important;
  padding-left:24px !important;
  padding-right:24px !important;
  box-shadow:0 14px 30px rgba(23,105,255,.22) !important;
}

.modalbox.smart-box-form .sticky-actions .ghost{
  min-height:54px !important;
  border-radius:18px !important;
  background:#eef2f7 !important;
}

/* TABELAS PREMIUM EM TODOS OS PAINÉIS */
.premium-table-wrap,
.table,
.provider-admin-table{
  position:relative !important;
  overflow:auto !important;
  border:none !important;
  border-radius:26px !important;
  background:#fff !important;
  box-shadow:0 18px 44px rgba(15,23,42,.08) !important;
  outline:1px solid #e2eaf6 !important;
}

.premium-table-wrap::before,
.table::before,
.provider-admin-table::before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:5px !important;
  background:linear-gradient(90deg,#1769ff,#7c3aed,#16a34a) !important;
  z-index:2 !important;
}

.premium-table,
.table table,
.provider-admin-table table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  min-width:1080px !important;
  background:#fff !important;
}

.premium-table thead th,
.table table thead th,
.provider-admin-table table thead th,
.premium-table tr:first-child th,
.table table tr:first-child th,
.provider-admin-table table tr:first-child th{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  background:linear-gradient(180deg,#f8fbff,#eef5ff) !important;
  color:#334155 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  border-bottom:1px solid #dce7f8 !important;
  padding:16px 14px !important;
  white-space:nowrap !important;
}

.premium-table td,
.table table td,
.provider-admin-table table td{
  padding:15px 14px !important;
  border-bottom:1px solid #edf2f8 !important;
  color:#1f2937 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  background:#fff !important;
}

.premium-table tr:nth-child(even) td,
.table table tr:nth-child(even) td,
.provider-admin-table table tr:nth-child(even) td{
  background:#fbfdff !important;
}

.premium-table tr:hover td,
.table table tr:hover td,
.provider-admin-table table tr:hover td{
  background:#eef5ff !important;
}

.premium-table td:first-child,
.table table td:first-child,
.provider-admin-table table td:first-child{
  font-weight:900 !important;
  color:#0f172a !important;
}

.premium-table .badge,
.table table .badge,
.provider-admin-table table .badge{
  box-shadow:0 6px 14px rgba(15,23,42,.08) !important;
}

.premium-table button,
.table table button,
.provider-admin-table table button{
  min-height:36px !important;
  border-radius:13px !important;
  padding:8px 12px !important;
  box-shadow:0 8px 16px rgba(15,23,42,.055) !important;
}

@media(max-width:900px){
  .modal{
    align-items:flex-end !important;
    padding:10px !important;
  }

  .modalbox.smart-box-form{
    width:100% !important;
    border-radius:30px 30px 24px 24px !important;
    max-height:90dvh !important;
  }

  .modalbox.smart-box-form > .top{
    padding:20px 18px 16px !important;
  }

  .modalbox.smart-box-form > .top h2{
    font-size:28px !important;
  }

  .modalbox.smart-box-form > .section-title,
  .modalbox.smart-box-form > .premium-section-title,
  .modalbox.smart-box-form > .grid-2,
  .modalbox.smart-box-form > .modal-grid,
  .modalbox.smart-box-form > .form-hint,
  .modalbox.smart-box-form > #duplicate_alert{
    margin-left:16px !important;
    margin-right:16px !important;
  }

  .premium-section-title{
    padding:12px !important;
    border-radius:20px !important;
  }

  .premium-section-title b{
    font-size:18px !important;
  }

  .premium-status-badge{
    display:none !important;
  }

  .modalbox.smart-box-form .sticky-actions{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .premium-table-wrap,
  .table,
  .provider-admin-table{
    border-radius:22px !important;
    box-shadow:0 12px 28px rgba(15,23,42,.07) !important;
  }

  .premium-table,
  .table table,
  .provider-admin-table table{
    min-width:920px !important;
  }

  .premium-table th,
  .table table th,
  .provider-admin-table table th,
  .premium-table td,
  .table table td,
  .provider-admin-table table td{
    font-size:12px !important;
    padding:12px 10px !important;
  }
}


/* =========================================================
   SIGEC v2.38 - CORREÇÃO DE ROLAGEM DO MODAL E DUPLICIDADE
   ========================================================= */

.modal{
  height:100dvh !important;
  max-height:100dvh !important;
  overflow:hidden !important;
  touch-action:none !important;
}

.modalbox.smart-box-form{
  max-height:90dvh !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior:contain !important;
  touch-action:pan-y !important;
  padding-bottom:0 !important;
}

.modalbox.smart-box-form > .top{
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
}

.modalbox.smart-box-form .sticky-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:21 !important;
}

.current-box-ok{
  background:linear-gradient(135deg,#eaf1ff,#f8fbff) !important;
  border:1px solid #cfe0ff !important;
  color:#1558d6 !important;
  font-weight:900 !important;
}

@media(max-width:900px){
  .modal{
    align-items:center !important;
    padding:12px !important;
  }

  .modalbox.smart-box-form{
    width:100% !important;
    max-height:88dvh !important;
    border-radius:30px !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .modalbox.smart-box-form .sticky-actions{
    margin-top:16px !important;
  }
}