@import url('https://fonts.cdnfonts.com/css/century-gothic');

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{
  margin:0;
  font-family:'Century Gothic', CenturyGothic, AppleGothic, -apple-system, sans-serif;
  background:#f8fafc;
  color:#0f172a;
  font-size:15px;
}

.app{display:flex;flex-direction:column;min-height:100vh}

.header-full{
  width:100%;
  height:auto;
  background:#ffffff;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  margin:0;
  border-bottom:0;
  line-height:0;
  overflow:hidden;
}

.logo-container{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:0;
  margin:0;
}

.logo-img{
  display:block;
  width:100%;
  max-width:1000px;
  height:auto;
  margin:0 auto;
  margin-bottom: -45px; 
}

.top-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  width:100%;
  background:#0f172a;
  padding:6px 16px;
  margin-top:0;
  flex-wrap:wrap;
  box-shadow:0 4px 12px rgba(0,0,0,0.1);
  position:relative;
  z-index:50;
}

.top-nav button, .dropdown-toggle{
  border:0;
  background:transparent;
  color:#94a3b8;
  padding:8px 14px;
  border-radius:8px;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  cursor:pointer;
  transition:all 0.2s ease;
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-family:inherit;
}
.top-nav button:hover,.top-nav button.active, .dropdown:hover .dropdown-toggle{
  background:#1e293b;
  color:#38bdf8;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1e293b;
  min-width: 180px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  border-radius: 8px;
  z-index: 100;
  top: 100%;
  left: 0;
  padding: 6px 0;
}

.dropdown-content button {
  color: #94a3b8;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 0;
  font-size: 14px;
  text-transform: uppercase;
}

.dropdown-content button:hover {
  background-color: #0f172a;
  color: #38bdf8;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.main{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  padding:24px;
  flex:1;
}

.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}
.top h1{margin:0;font-size:28px;font-weight:800;color:#0f172a}

.global-search-box {
  display: flex;
  align-items: center;
  background: #fff;
  border: 2px solid #cbd5e1;
  border-radius: 10px;
  padding: 6px 14px;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  transition: all 0.2s ease;
}
.global-search-box:focus-within {
  border-color: #0284c7;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}
.global-search-box input {
  border: 0;
  outline: none;
  font-size: 14px;
  width: 100%;
  background: transparent;
  font-family: inherit;
}

.badge{background:#e0f2fe;color:#0369a1;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.sync-dot{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-block}

.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.panel-head h2{font-size:20px;margin:0;font-weight:700}

.btn{border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;font-family:inherit;transition: all 0.2s ease;}
.btn:hover { transform: translateY(-1px); opacity: 0.95; }
.primary{background:#0f172a;color:#fff}
.secondary{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}
.danger{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}
.btn-sm{padding:6px 12px;font-size:13px}

.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.toolbar input,.toolbar select,.form input,.form select,.form textarea{border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;background:#fff;font-size:14px;width:100%;font-family:inherit;transition: all 0.2s ease;}
.toolbar input:focus,.toolbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2, 132, 199, 0.15);outline:none;}
.toolbar input,.toolbar select{max-width:260px}

.itv-alert-banner {
  background: #fffbeb;
  border: 1px solid #f59e0b;
  border-left: 5px solid #d97706;
  border-radius: 10px;
  padding: 12px 18px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.itv-alert-banner.hidden { display: none !important; }

.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;white-space:nowrap}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #f1f5f9;font-size:14px;transition: background 0.15s ease;}
th{color:#64748b;font-size:12px;text-transform:uppercase;font-weight:700;background:#f8fafc}
tbody tr { transition: background 0.15s ease; }
tbody tr:hover { background: #f8fafc; }

.plate-pill {
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); color:#0f172a; padding:6px 10px; border:1px solid #cbd5e1; border-radius:7px; font-weight:800; letter-spacing:.8px; display:inline-flex; align-items:center; justify-content:center; min-width:82px; font-size:12.5px; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; cursor:pointer; text-decoration:none!important; box-shadow:0 1px 2px rgba(15,23,42,.06); transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.plate-pill:hover{background:#fff;border-color:#94a3b8;box-shadow:0 3px 8px rgba(15,23,42,.10);transform:translateY(-1px)}
.plate-pill:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}
.text-muted-cell { color: #64748b; font-size: 13px; }

.tag{padding:5px 10px 5px 8px;border-radius:20px;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;letter-spacing:0.3px;}
.tag::before { content:''; width:6px; height:6px; border-radius:50%; display:inline-block; }

.tag-disponible{background:#dcfce7;color:#15803d} .tag-disponible::before{background:#16a34a;}
.tag-reservado{background:#fef9c3;color:#a16207} .tag-reservado::before{background:#ca8a04;}
.tag-preparacion{background:#ffe4e6;color:#be123c} .tag-preparacion::before{background:#e11d48;}
.tag-vendido{background:#f1f5f9;color:#475569} .tag-vendido::before{background:#64748b;}
.tag-personal{background:#e0e7ff;color:#4338ca} .tag-personal::before{background:#4f46e5;}
.tag-porllegar{background:#dbeafe;color:#1d4ed8} .tag-porllegar::before{background:#2563eb;}
.tag-averiado{background:#fee2e2;color:#b91c1c} .tag-averiado::before{background:#dc2626;}

.itv-green { background: #dcfce7; color: #15803d; padding: 4px 10px; border-radius: 6px; font-weight: 700; font-size: 12px; display: inline-block; }
.itv-yellow { background: #fef9c3; color: #a16207; padding: 4px 10px; border-radius: 6px; font-weight: 700; font-size: 12px; display: inline-block; }
.itv-red { background: #fee2e2; color: #b91c1c; padding: 4px 10px; border-radius: 6px; font-weight: 700; font-size: 12px; display: inline-block; }

.profit-pos{color:#15803d;font-weight:700}.profit-neg{color:#b91c1c;font-weight:700}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:4px}.form .full{grid-column:1/-1}.form textarea{min-height:70px;resize:vertical}

.modal{
  position:fixed;inset:0;
  background:rgba(15,23,42,0.65);
  backdrop-filter:blur(3px);
  display:none;align-items:center;justify-content:center;
  padding:20px;z-index:200;
  opacity:0;
  transition: opacity 0.25s ease;
}
.modal.show{
  display:flex;
  opacity:1;
}
.modal-box{
  background:#fff;
  border-radius:16px;
  width:min(900px,100%);
  max-height:90vh;
  overflow:auto;
  padding:26px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  transform: scale(0.95);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.modal.show .modal-box {
  transform: scale(1);
}

#modalVehicleOps.show{z-index:320;}
#modalVehicleOps.show .modal-box{position:relative;z-index:321;}

.hidden{display:none!important}.muted{color:#64748b;font-size:13px}

.autocomplete-wrapper { position: relative; }
.autocomplete-list { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #cbd5e1; border-top: 0; border-radius: 0 0 8px 8px; max-height: 160px; overflow-y: auto; z-index: 300; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.autocomplete-item { padding: 8px 12px; font-size: 13px; cursor: pointer; border-bottom: 1px solid #f1f5f9; }
.autocomplete-item:hover { background: #f1f5f9; color: #0284c7; }

.invoice-box, .contract-box, .arras-box{background:#fff;border:2px solid #0f172a;border-radius:8px;padding:25px;max-width:850px;margin:0 auto 20px auto;box-shadow:0 4px 6px rgba(0,0,0,0.05)}
.invoice-logo-area{text-align:center;margin-bottom:8px}
.invoice-logo-img{width:100%;max-width:100%;height:auto;display:block;margin-bottom:0}
.invoice-header{display:flex;justify-content:space-between;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a;padding-top:12px;padding-bottom:12px;margin-top:0;margin-bottom:20px}
.invoice-client{border:1px solid #0f172a;border-radius:6px;padding:12px;margin-bottom:20px}
.invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px}
.invoice-table th, .invoice-table td{border:1px solid #0f172a;padding:10px;font-size:13px}
.invoice-table th{background:#e2e8f0;text-align:center}
.invoice-payment{border:1px solid #0f172a;border-radius:6px;padding:12px;min-height:70px;margin-bottom:20px}

.contract-title{text-align:center;font-weight:bold;font-size:15px;border-top:2px solid #0f172a;border-bottom:2px solid #0f172a;padding:6px 0;margin-bottom:12px;letter-spacing:1px}
.contract-section-title{font-weight:bold;font-size:12.5px;margin-bottom:3px;margin-top:10px;text-decoration:underline}
.contract-text{font-size:11px;line-height:1.35;text-align:justify;margin-bottom:6px;color:#1e293b}

@media print {
  @page { size:A4; margin:0; }
  html,body { margin:0 !important; padding:0 !important; }
  body * { visibility: hidden; }
  #invoicePrintArea, #invoicePrintArea * { visibility: visible; }
  #invoicePrintArea { position: absolute; left: 0; top: 0; width: 100%; border: none; box-shadow: none; }
  #contractPrintArea, #contractPrintArea * { visibility: visible; }
  #contractPrintArea { position:absolute; left:0; top:0; width:210mm; min-height:297mm; border:none; box-shadow:none; padding:12mm 13mm !important; background:#fff; }
  #arrasPrintArea, #arrasPrintArea * { visibility: visible; }
  #arrasPrintArea { position:absolute; left:0; top:0; width:210mm; min-height:297mm; border:none; box-shadow:none; padding:12mm 13mm !important; background:#fff; }
  .no-print { display: none !important; }
}

@media(max-width: 767px){
  body{padding-bottom:70px}
  .logo-img{max-width:300px; margin-bottom: -15px;}

  .top-nav{
    position:fixed;
    bottom:0;
    top:auto;
    left:0;
    right:0;
    height:60px;
    padding:4px;
    justify-content:space-around;
    z-index:1000;
  }
  .top-nav button, .dropdown-toggle{
    padding:6px 2px;
    font-size:10px;
    flex-direction:column;
    border-radius:6px;
    gap:2px;
  }
  .dropdown-content {
    bottom: 60px;
    top: auto;
  }

  .main{padding:12px}
  .top h1{font-size:22px}
  .grid{grid-template-columns:1fr}
  .toolbar input,.toolbar select{max-width:100%}
  .modal{align-items:flex-end;padding:0}
  .modal-box{border-radius:16px 16px 0 0;max-height:85vh;padding:16px}
}

.workshop-actions{display:flex;gap:10px;flex-wrap:wrap}.workshop-list{display:grid;gap:10px}.workshop-card{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:18px;border:1px solid #e2e8f0;border-radius:12px;padding:16px;background:#fff;cursor:pointer}.workshop-card:hover{background:#f8fafc}.ws-plate{font-size:20px;font-weight:800}.ws-vehicle{font-weight:800}.ws-km{font-size:13px;color:#64748b;margin-top:3px}.ws-status{padding:6px 11px;border-radius:20px;font-size:11px;font-weight:800}.ws-pending{background:#fef3c7;color:#92400e}.ws-done{background:#dcfce7;color:#166534}.ws-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.ws-tab{border:1px solid #cbd5e1;border-radius:12px;padding:14px;background:#fff;text-align:left;font-weight:800;cursor:pointer}.ws-tab.active{border:2px solid #0f172a}.ws-step{display:none}.ws-step.active{display:block}.ws-section{border:1px solid #e2e8f0;border-radius:12px;background:#fff;margin-bottom:16px;overflow:hidden}.ws-section h3{margin:0;padding:14px 16px;border-bottom:1px solid #e2e8f0;font-size:16px}.ws-section-body{padding:16px}.ws-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ws-check-group{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.ws-check-title{padding:12px 14px;font-size:12px;font-weight:800;color:#64748b;letter-spacing:1px}.ws-check-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid #f1f5f9}.tri{display:flex;background:#f1f5f9;border-radius:8px;padding:2px}.tri button{border:0;background:transparent;padding:6px 8px;font-size:11px;font-weight:800;color:#64748b;cursor:pointer;border-radius:6px}.tri button.sel-ok{background:#dcfce7;color:#166534}.tri button.sel-rev{background:#fef3c7;color:#92400e}.tri button.sel-na{background:#e2e8f0;color:#475569}.ws-damage-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.damage-type{border:2px solid var(--damage-color,#cbd5e1);background:color-mix(in srgb,var(--damage-color,#cbd5e1) 12%,white);color:#0f172a;border-radius:20px;padding:8px 12px;font-weight:800;cursor:pointer}.damage-type.active{background:var(--damage-color,#0f172a);border-color:var(--damage-color,#0f172a);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--damage-color,#0f172a) 22%,transparent)}.car-map{position:relative;width:100%;aspect-ratio:1536/1024;min-height:520px;border:1px solid #cbd5e1;border-radius:14px;background:#fff center/contain no-repeat;overflow:hidden;cursor:crosshair}.car-svg{display:none}.damage-dot{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);border:3px solid #fff;box-shadow:0 2px 7px #0007;z-index:3}.damage-dot::after{content:'';position:absolute;inset:-7px;border:2px solid currentColor;border-radius:50%;opacity:.28}.damage-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.damage-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#475569}.damage-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}.ws-inline-list{display:flex;gap:8px}.ws-inline-list input{flex:1}.ws-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.ws-chip{background:#f1f5f9;border-radius:18px;padding:6px 10px;font-size:12px}.ws-chip button{border:0;background:transparent;cursor:pointer;color:#b91c1c}.ws-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}.ws-card-actions{display:flex;align-items:center;gap:8px}.ws-delete-btn{border:1px solid #fecaca;background:#fff;color:#b91c1c;border-radius:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s}.ws-delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.ws-delete-btn .icon{width:16px;height:16px}@media(max-width:900px){.car-map{min-height:360px}.ws-check-grid{grid-template-columns:1fr}.workshop-card{grid-template-columns:1fr auto}.ws-plate{grid-column:1/-1}}

.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.dash-num{font-size:28px;font-weight:900}.dash-label{font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase}.prep-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:6px}.prep-pill{padding:5px 9px;border-radius:16px;font-size:11px;font-weight:800}.prep-red{background:#fee2e2;color:#b91c1c}.prep-orange{background:#ffedd5;color:#c2410c}.prep-green{background:#dcfce7;color:#166534}.days-badge{font-size:12px;font-weight:800;color:#475569}.days-alert{color:#b91c1c}.ws-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.ws-photo{position:relative;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#f8fafc}.ws-photo img{width:100%;height:100%;object-fit:cover}.ws-photo button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:26px;height:26px;background:#fff;color:#b91c1c;font-weight:900;cursor:pointer}.sync-note{font-size:12px;padding:8px 10px;border-radius:8px;background:#f8fafc;color:#475569;margin-top:8px}.master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.master-box{border:1px solid #e2e8f0;border-radius:10px;padding:12px}.master-box h4{margin:0 0 8px}.master-line{font-size:13px;margin:4px 0}.click-plate{cursor:pointer;text-decoration:none!important}@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.ws-photo-grid{grid-template-columns:repeat(2,1fr)}.master-grid{grid-template-columns:1fr}}

.master-hero{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px;background:#0f172a;color:#fff;border-radius:12px;margin:12px 0 16px}.master-hero-plate{font-size:24px;font-weight:900;color:#38bdf8}.master-hero-sub{font-size:13px;color:#cbd5e1;margin-top:3px}.master-section{margin-top:16px}.master-section-title{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:#475569;margin:0 0 8px}.master-wide{grid-column:1/-1}.master-table{width:100%;border-collapse:collapse;white-space:normal}.master-table th,.master-table td{padding:8px 9px;font-size:12px;vertical-align:top}.master-empty{padding:12px;border:1px dashed #cbd5e1;border-radius:9px;color:#64748b;font-size:13px}.master-photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:8px}.master-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.master-stat{font-size:20px;font-weight:900}.master-good{color:#15803d}.master-bad{color:#b91c1c}.master-actions{display:flex;gap:8px;flex-wrap:wrap}.master-note{white-space:pre-wrap}.master-checks{font-size:12px;color:#475569;margin-top:5px}@media(max-width:900px){.master-photo-grid{grid-template-columns:repeat(2,1fr)}.master-hero{align-items:flex-start;flex-direction:column}}

.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.note-card{border:1px solid #e2e8f0;border-left:5px solid #94a3b8;border-radius:12px;padding:14px;background:#fff}.note-card.note-important{border-left-color:#f59e0b}.note-card.note-urgent{border-left-color:#dc2626}.note-card.note-done{opacity:.62;background:#f8fafc}.note-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.note-title{font-weight:900;font-size:15px}.note-meta{font-size:11px;color:#64748b;margin-top:5px}.note-body{white-space:pre-wrap;font-size:13px;margin:10px 0}.note-actions{display:flex;gap:6px;flex-wrap:wrap}.note-badge{display:inline-flex;padding:4px 8px;border-radius:14px;font-size:10px;font-weight:900}.note-normal{background:#e0f2fe;color:#0369a1}.note-important-badge{background:#fef3c7;color:#92400e}.note-urgent-badge{background:#fee2e2;color:#b91c1c}.notes-sync-warning{padding:10px 12px;border-radius:9px;background:#fff7ed;color:#9a3412;border:1px solid #fdba74;margin-bottom:12px}.notes-dashboard{margin-top:14px;border-top:1px solid #e2e8f0;padding-top:12px}@media(max-width:900px){.notes-grid{grid-template-columns:1fr}}

.auth-gate{position:fixed;inset:0;z-index:5000;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:20px}.auth-gate.hidden{display:none}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;box-shadow:0 20px 50px rgba(15,23,42,.12)}.auth-card h1{margin:0 0 5px;font-size:25px}.auth-card .form{display:grid;gap:13px;margin-top:20px}.auth-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:9px;padding:10px 12px;font-size:13px;margin-top:12px}.user-bar{display:none;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 8px 6px 12px;font-size:12px}.user-bar.show{display:flex}.user-name{font-weight:800}.user-role{color:#64748b;font-size:11px}.auth-disabled{opacity:.55;pointer-events:none}

.dashboard-pro{display:grid;gap:16px}
.dash-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#172554 55%,#0c4a6e 100%);color:#fff;border-radius:20px;padding:24px 26px;box-shadow:0 14px 30px rgba(15,23,42,.16)}
.dash-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-120px;background:rgba(56,189,248,.12)}
.dash-hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:1}
.dash-eyebrow{font-size:12px;font-weight:900;letter-spacing:1.6px;color:#7dd3fc;text-transform:uppercase}
.dash-hero h2{font-size:30px;margin:5px 0 5px}.dash-hero p{margin:0;color:#cbd5e1;font-size:13px}
.dash-date{font-size:13px;color:#e2e8f0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:10px;white-space:nowrap}
.dash-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;position:relative;z-index:1}
.dash-quick button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);color:#fff;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;font-family:inherit}.dash-quick button:hover{background:rgba(255,255,255,.16)}
.dashboard-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 3px 10px rgba(15,23,42,.04);position:relative;overflow:hidden}
.kpi-icon{font-size:22px;margin-bottom:10px}.kpi-value{font-size:25px;font-weight:900;letter-spacing:-.5px}.kpi-label{font-size:11px;font-weight:800;text-transform:uppercase;color:#64748b;margin-top:3px}.kpi-sub{font-size:11px;color:#94a3b8;margin-top:5px}
.kpi-card.attention{border-color:#fecaca;background:#fffafa}.kpi-card.money{border-color:#bae6fd;background:#f8fdff}
.dashboard-main-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.dash-block{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 2px 8px rgba(15,23,42,.035)}
.dash-block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.dash-block-head h3{margin:0;font-size:17px}.dash-block-head .muted{font-size:12px}
.attention-list,.dash-task-list,.dash-workshop-list{display:grid;gap:8px}.attention-item,.dash-task,.dash-workshop-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid #f1f5f9;border-radius:11px;background:#fafcff}
.attention-item strong,.dash-workshop-item strong{font-size:13px}.attention-reason{font-size:11px;color:#64748b;margin-top:2px}.attention-badge{font-size:10px;font-weight:900;padding:5px 8px;border-radius:14px;white-space:nowrap}.ab-red{background:#fee2e2;color:#b91c1c}.ab-orange{background:#ffedd5;color:#c2410c}.ab-blue{background:#e0f2fe;color:#0369a1}
.dash-task-left{min-width:0}.dash-task-title{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-task-meta{font-size:11px;color:#64748b;margin-top:3px}.dash-empty{padding:18px;text-align:center;border:1px dashed #cbd5e1;border-radius:11px;color:#64748b;font-size:12px}
.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-stat{padding:12px;border-radius:11px;background:#f8fafc;border:1px solid #f1f5f9}.mini-stat b{display:block;font-size:19px}.mini-stat span{font-size:10px;text-transform:uppercase;font-weight:800;color:#64748b}
@media(max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dashboard-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dash-hero-top{flex-direction:column}.dash-hero h2{font-size:24px}}
@media(max-width:520px){.dashboard-kpis{grid-template-columns:1fr 1fr}.kpi-value{font-size:21px}.dash-hero{padding:19px}.dash-quick button{flex:1 1 45%}}

.icon{width:17px;height:17px;stroke-width:2;vertical-align:-3px;flex:0 0 auto}
.top-nav .icon{width:16px;height:16px;vertical-align:-2px}
.kpi-icon .icon{width:25px;height:25px;stroke-width:1.8}
.dash-quick .icon{width:18px;height:18px}
.master-section-title .icon,.master-box h4 .icon,.dash-block-head h3 .icon{width:17px;height:17px;vertical-align:-3px}

.age-badge,.doc-badge,.check-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:900;white-space:nowrap}
.age-ok{background:#ecfdf5;color:#047857}.age-watch{background:#eff6ff;color:#1d4ed8}.age-warn{background:#fff7ed;color:#c2410c}.age-old{background:#fef2f2;color:#b91c1c}
.doc-ok{background:#dcfce7;color:#166534}.doc-pending{background:#fee2e2;color:#b91c1c}.doc-neutral{background:#f1f5f9;color:#475569}
.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ops-list{display:grid;gap:8px}.ops-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.ops-row label{font-size:12px;font-weight:800;color:#334155;margin:0}.ops-row select,.ops-row input{width:auto;min-width:150px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit}
.finance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finance-card{padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.finance-card b{display:block;font-size:21px}.finance-card span{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:900}
.search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 14px 35px rgba(15,23,42,.16);z-index:2000;max-height:420px;overflow:auto;padding:7px}.global-search-box{position:relative}.search-group{padding:7px 9px 4px;font-size:10px;font-weight:900;color:#64748b;text-transform:uppercase}.search-hit{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:8px;cursor:pointer;font-size:12px}.search-hit:hover{background:#f1f5f9}.search-hit b{font-size:12px}.search-hit small{color:#64748b}.master-photo-hero{display:flex;gap:16px;align-items:stretch}.master-main-photo{width:240px;min-height:145px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:#1e293b}.master-hero-info{flex:1;display:flex;flex-direction:column;justify-content:center}.master-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.master-kpi{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px}.master-kpi b{display:block;font-size:15px}.master-kpi span{font-size:9px;color:#cbd5e1;text-transform:uppercase;font-weight:800}
.stock-age-row td:first-child{border-left:3px solid transparent}.stock-age-row.age-row-old td:first-child{border-left-color:#ef4444}.stock-age-row.age-row-warn td:first-child{border-left-color:#f97316}
@media(max-width:900px){.ops-grid,.finance-grid{grid-template-columns:1fr}.master-photo-hero{flex-direction:column}.master-main-photo{width:100%;max-height:220px}.master-kpis{grid-template-columns:repeat(2,1fr)}}

body{background:#eef2f6;}
.main{background:transparent;}

.main > .page > .panel,
.main .page > .panel{
  background:#ffffff;
  border-color:#d8e0e8;
  box-shadow:0 4px 14px rgba(15,23,42,.055);
}

.main .table-wrap{
  border:1px solid #e2e8f0;
  border-radius:10px;
  overflow-x:auto;
  background:#fff;
}
.main .table-wrap table{background:#fff;}
.main .table-wrap th{
  background:#edf2f7;
  color:#475569;
  border-bottom:1px solid #d8e0e8;
}
.main .table-wrap td{border-bottom-color:#edf1f5;}
.main .table-wrap tbody tr:nth-child(even){background:#fbfcfd;}
.main .table-wrap tbody tr:hover{background:#f1f5f9;}

.main .dash-card,
.main .kpi-card,
.main .dash-block,
.main .note-card,
.main .workshop-card,
.main .ops-row{
  border-color:#dbe3eb;
  box-shadow:0 2px 8px rgba(15,23,42,.035);
}
.main .dash-block,
.main .dash-card,
.main .kpi-card{background:#fff;}
.main .attention-item,
.main .dash-task,
.main .dash-workshop-item,
.main .mini-stat,
.main .finance-card{background:#f7f9fb;border-color:#e5eaf0;}
.main .workshop-card:hover{background:#f5f8fb;}

.main .toolbar{
  background:#f7f9fb;
  border:1px solid #e2e8f0;
  border-radius:10px;
  padding:10px;
}
.main .toolbar input,
.main .toolbar select{background:#fff;}

.main .panel-head{padding-bottom:12px;border-bottom:1px solid #edf1f5;}
.main .panel-head h2{color:#172033;}

.main .dash-hero{box-shadow:0 14px 30px rgba(15,23,42,.16);}

@media(max-width:900px){
  .main .toolbar{padding:8px;}
  .main > .page > .panel,.main .page > .panel{box-shadow:0 2px 8px rgba(15,23,42,.045);}
}

body{background:#e6ebf1;}
.main{padding:28px;background:transparent;}

.main .panel{
  background:#ffffff;
  border:1px solid #cbd5e1;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.main .panel-head{
  margin:-20px -20px 16px;
  padding:16px 20px 14px;
  background:#f8fafc;
  border-bottom:1px solid #d7dee7;
  border-radius:14px 14px 0 0;
}
.main .panel-head h2{color:#0f172a;}

.main .toolbar{
  background:#eef2f6;
  border:1px solid #d3dbe5;
  border-radius:10px;
  padding:12px;
  margin-bottom:16px;
}
.main .toolbar input,.main .toolbar select{
  background:#ffffff;
  border-color:#c6d0dc;
}

.main .table-wrap{
  border:1px solid #cfd8e3;
  border-radius:10px;
  background:#ffffff;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.main .table-wrap th{
  background:#e3e9f0;
  color:#334155;
  border-bottom:1px solid #cbd5e1;
}
.main .table-wrap td{border-bottom:1px solid #e2e8f0;}
.main .table-wrap tbody tr:nth-child(odd){background:#ffffff;}
.main .table-wrap tbody tr:nth-child(even){background:#f4f7fa;}
.main .table-wrap tbody tr:hover{background:#e9f0f7;}

.main .dash-card,.main .kpi-card,.main .dash-block,.main .note-card,.main .workshop-card,.main .ops-row{
  border-color:#cfd8e3;
  box-shadow:0 4px 12px rgba(15,23,42,.055);
}
.main .attention-item,.main .dash-task,.main .dash-workshop-item,.main .mini-stat,.main .finance-card{
  background:#eef2f6;
  border-color:#d5dde7;
}

@media(max-width:900px){
  .main{padding:14px;}
  .main .panel{box-shadow:0 4px 14px rgba(15,23,42,.07);}
}

.alert-center-wrap{position:relative;display:flex;align-items:center}
.alert-bell{position:relative;width:40px;height:40px;border:1px solid #cbd5e1;background:#fff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#334155;transition:.18s ease;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.alert-bell:hover{background:#f8fafc;border-color:#94a3b8}
.alert-bell .icon{width:19px;height:19px}
.alert-count{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#dc2626;color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}
.alert-count.hidden{display:none}
.alert-panel{position:absolute;right:0;top:48px;width:min(430px,calc(100vw - 32px));max-height:610px;background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.20);z-index:12000;overflow:hidden}
.alert-panel.hidden{display:none}
.alert-panel-head{padding:15px 16px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}
.alert-panel-head h3{margin:0;font-size:15px;color:#0f172a}.alert-panel-head small{display:block;color:#64748b;margin-top:2px}
.alert-panel-body{max-height:500px;overflow:auto;padding:8px}
.alert-item{display:flex;gap:11px;align-items:flex-start;padding:11px;border-radius:10px;border:1px solid transparent;cursor:pointer;margin-bottom:6px;transition:.15s ease}
.alert-item:hover{background:#f8fafc;border-color:#e2e8f0}.alert-item:last-child{margin-bottom:0}
.alert-item-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:flex;align-items:center;justify-content:center}.alert-item-icon .icon{width:16px;height:16px}
.alert-critical .alert-item-icon{background:#fee2e2;color:#b91c1c}.alert-warning .alert-item-icon{background:#ffedd5;color:#c2410c}.alert-info .alert-item-icon{background:#dbeafe;color:#1d4ed8}
.alert-item-main{min-width:0;flex:1}.alert-item-title{font-size:13px;font-weight:850;color:#172033}.alert-item-text{font-size:12px;color:#64748b;margin-top:2px;line-height:1.35}.alert-item-tag{font-size:10px;font-weight:900;letter-spacing:.3px;color:#64748b;background:#eef2f6;border-radius:10px;padding:3px 7px;white-space:nowrap}
.alert-empty{padding:28px 18px;text-align:center;color:#64748b}.alert-empty .icon{width:28px;height:28px;margin-bottom:8px;color:#16a34a}
@media(max-width:900px){.alert-panel{position:fixed;right:12px;top:76px;width:calc(100vw - 24px);max-height:72vh}.alert-panel-body{max-height:calc(72vh - 70px)}}

.workshop-appointments{display:grid;gap:10px}.appointment-card{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;border:1px solid #d7dee7;border-radius:11px;padding:14px;background:#fff}.appointment-date{font-weight:900;color:#0f172a}.appointment-date span{display:block;font-size:12px;color:#64748b;font-weight:700;margin-top:3px}.appointment-client{font-weight:800}.appointment-sub{font-size:12px;color:#64748b;margin-top:3px}.appointment-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:800px){.appointment-card{grid-template-columns:1fr}.appointment-actions{justify-content:flex-start}}
.contract-clause-active{outline:2px solid #0284c7;outline-offset:4px;background:#f0f9ff;padding:5px;border-radius:4px;min-height:35px}
#contractConditionsContainer [data-contract-price],#contractConditionsContainer [data-contract-price-note]{background:#eff6ff}



.ops-progress-wrap{margin:12px 0 4px}.ops-progress-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;font-weight:800;color:#475569}.ops-progress{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:6px}.ops-progress>span{display:block;height:100%;background:#334155;border-radius:999px;transition:width .2s ease}.ops-row-pro{display:grid;grid-template-columns:minmax(160px,1.25fr) 135px minmax(150px,1fr);gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f6}.ops-row-pro:last-child{border-bottom:0}.ops-row-pro label{font-size:12px;font-weight:800;color:#334155}.ops-row-pro select,.ops-row-pro input{min-width:0}.ops-state-pending{border-left:3px solid #cbd5e1;padding-left:8px}.ops-state-process{border-left:3px solid #f59e0b;padding-left:8px}.ops-state-done{border-left:3px solid #16a34a;padding-left:8px}.ops-state-na{border-left:3px solid #94a3b8;padding-left:8px;opacity:.75}.ops-help{font-size:11px;color:#64748b;margin-top:8px;line-height:1.45}.doc-open{display:inline-flex;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:800;color:#0369a1;text-decoration:none}.dash-business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.dash-business-card{background:#f8fafc;border:1px solid #dbe3eb;border-radius:12px;padding:13px}.dash-business-card b{display:block;font-size:20px;color:#0f172a}.dash-business-card span{font-size:10px;text-transform:uppercase;font-weight:900;color:#64748b}.readiness-bar{height:7px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-top:6px}.readiness-bar span{display:block;height:100%;background:#475569}.master-doc-line{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9}.master-doc-line:last-child{border-bottom:0}@media(max-width:900px){.ops-row-pro{grid-template-columns:1fr}.dash-business-grid{grid-template-columns:repeat(2,1fr)}}

.timeline-v149{position:relative;margin:10px 0 0 7px;padding-left:22px;border-left:2px solid #dbe3ec}.timeline-item-v149{position:relative;padding:0 0 17px 8px}.timeline-item-v149:before{content:"";position:absolute;left:-30px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #64748b}.timeline-date-v149{font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.35px}.timeline-title-v149{font-weight:800;color:#172033;margin-top:2px}.timeline-meta-v149{font-size:12px;color:#64748b;margin-top:2px}.monthly-report-v149{margin-top:18px}.month-grid-v149{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.month-card-v149{background:#f8fafc;border:1px solid #d8e0e8;border-radius:10px;padding:13px}.month-card-v149 b{display:block;font-size:19px;color:#0f172a}.month-card-v149 span{font-size:11px;color:#64748b;font-weight:700}.expense-link-v149{font-size:11px;font-weight:800;color:#475569}.month-select-v149{min-width:160px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px}@media(max-width:900px){.month-grid-v149{grid-template-columns:repeat(2,1fr)}}



.sale-close-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sale-close-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.sale-close-card{background:#f8fafc;border:1px solid #dbe3eb;border-radius:10px;padding:12px}.sale-close-card span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.sale-close-card b{font-size:17px;color:#0f172a}
.sale-close-payments{background:#f8fafc;border:1px solid #dbe3eb;border-radius:10px;padding:14px;margin-top:14px}.sale-close-payments h3{margin:0 0 10px;font-size:14px}
.sale-payment-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 12px;border-radius:9px;background:#fff;border:1px solid #dbe3eb}.sale-payment-status strong.ok{color:#15803d}.sale-payment-status strong.pending{color:#b45309}
.sale-closed-box{background:#f8fafc;border:1px solid #dbe3eb;border-radius:10px;padding:14px;margin-top:12px}.sale-closed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sale-closed-grid div{border-right:1px solid #e2e8f0}.sale-closed-grid div:last-child{border-right:0}.sale-closed-grid span{display:block;font-size:11px;color:#64748b;text-transform:uppercase;font-weight:700}.sale-closed-grid b{display:block;margin-top:4px;color:#0f172a}
@media(max-width:800px){.sale-close-grid,.sale-close-summary,.sale-closed-grid{grid-template-columns:1fr 1fr}}



#dashboard{background:#f4f7fb;padding:0!important}.home19{max-width:1500px;margin:0 auto;padding:22px 24px 34px}.home19-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.home19-greeting{font-size:28px;font-weight:950;letter-spacing:-.7px;color:#101827}.home19-date{margin-top:3px;color:#64748b;font-size:14px;text-transform:capitalize}.home19-actions{display:flex;gap:8px;flex-wrap:wrap}.home19-actions button,.home19-link{border:1px solid #dbe3ee;background:#fff;color:#253247;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.home19-actions button:hover,.home19-link:hover{border-color:#9db0c7;background:#f8fafc}.home19-hero{height:210px;border-radius:16px;background-size:cover;background-position:center 15%;box-shadow:0 8px 26px rgba(15,23,42,.10);position:relative;overflow:hidden;margin-bottom:0}.home19-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,31,.15),transparent 45%)}.home19-hero-brand{position:absolute;z-index:2;right:38px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;color:#0f172a;text-shadow:0 1px 10px rgba(255,255,255,.9)}.home19-hero-brand b{font-size:34px;letter-spacing:5px}.home19-hero-brand span{font-size:11px;font-weight:900;letter-spacing:2px;margin-top:4px}.home19-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;background:#fff;border:1px solid #e5ebf3;border-radius:0 0 16px 16px;padding:8px 12px!important;margin:0 0 16px!important;box-shadow:0 6px 18px rgba(15,23,42,.04)}.home19-kpis .kpi-card{box-shadow:none!important;border:0!important;border-right:1px solid #e5ebf3!important;border-radius:0!important;background:#fff!important;min-height:92px!important;padding:14px 20px!important;display:grid!important;grid-template-columns:46px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;align-items:center!important}.home19-kpis .kpi-card:nth-child(n+5){display:none!important}.home19-kpis .kpi-card:nth-child(4){border-right:0!important}.home19-kpis .kpi-icon{grid-row:1/3;width:44px!important;height:44px!important;border-radius:50%!important;background:#eef4fb!important;color:#162238!important;display:flex;align-items:center;justify-content:center}.home19-kpis .kpi-value{font-size:29px!important;line-height:1!important;font-weight:950!important;align-self:end}.home19-kpis .kpi-label{font-size:13px!important;font-weight:850!important;align-self:start;margin-top:3px}.home19-kpis .kpi-sub{display:none!important}.home19-content{display:block!important}.home19-content>.dash-block,#dashFinanceV13,#monthlyReportV149{display:none!important}.dash-charts-v174{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:0 0 16px!important}.dash-charts-v174>div{background:#fff!important;border:1px solid #e5ebf3!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(15,23,42,.04)!important;padding:18px!important}.home19-lower{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.home19-card{background:#fff!important;border:1px solid #e5ebf3!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(15,23,42,.04)!important;padding:16px!important;margin:0!important}.home19-card h3{font-size:16px!important}.home19-card .dash-block-head{margin-bottom:12px}.home19-link{font-size:12px;padding:7px 9px}.home19-card .mini-stat-grid{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-bottom:10px}.home19-card .mini-stat{padding:9px!important;background:#f8fafc!important;border:1px solid #edf1f6!important}.home19-card .dash-workshop-item,.home19-card .dash-task{padding:9px 2px!important;border-bottom:1px solid #eef2f7!important}.home19-card .dash-workshop-item:last-child,.home19-card .dash-task:last-child{border-bottom:0!important}@media(max-width:1100px){.home19-lower{grid-template-columns:1fr}.dash-charts-v174{grid-template-columns:1fr!important}.home19-kpis{grid-template-columns:repeat(2,1fr)!important}.home19-kpis .kpi-card:nth-child(2){border-right:0!important}.home19-hero{height:170px}}@media(max-width:700px){.home19{padding:12px}.home19-head{align-items:flex-start;flex-direction:column}.home19-hero{height:135px}.home19-hero-brand{display:none}.home19-kpis{grid-template-columns:1fr 1fr!important}.home19-kpis .kpi-card{padding:10px!important;grid-template-columns:38px 1fr!important}.home19-kpis .kpi-value{font-size:23px!important}}



:root{--side:#111a25;--side2:#172230;--canvas:#f4f7fb;--line:#e5ebf3;--ink:#111827}
html,body{background:var(--canvas)!important}
.app{min-height:100vh;display:grid!important;grid-template-columns:225px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;background:var(--canvas)!important}
.header-full{grid-column:1!important;grid-row:1!important;background:linear-gradient(180deg,var(--side),var(--side2))!important;border:0!important;padding:18px 18px 10px!important;height:auto!important;min-height:105px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:sticky!important;top:0!important;z-index:51!important}
.logo-container{padding:0!important;margin:0!important;width:100%!important;text-align:center!important;color:#fff!important}.logo-container::before{content:"GARAGENG";display:block;font-size:25px;font-weight:950;letter-spacing:2px;line-height:1.05}.logo-container::after{content:"COMPRAVENTA MULTIMARCA";display:block;margin-top:7px;font-size:8px;font-weight:800;letter-spacing:1.4px;color:#aebaca}.logo-container .logo-img{display:none!important}
.logo-img{max-width:175px!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;filter:brightness(0) invert(1)!important}
.top-nav{grid-column:1!important;grid-row:2!important;position:sticky!important;top:105px!important;align-self:start!important;height:calc(100vh - 105px)!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;background:linear-gradient(180deg,var(--side2),#101821)!important;padding:10px 10px 20px!important;border:0!important;box-shadow:none!important;z-index:50!important}
.top-nav>button,.top-nav>.dropdown>.dropdown-toggle{width:100%!important;justify-content:flex-start!important;text-align:left!important;display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;color:#dce5ef!important;border:0!important;border-radius:9px!important;padding:11px 12px!important;font-size:13px!important;font-weight:750!important;min-height:42px!important}
.top-nav>button:hover,.top-nav>.dropdown>.dropdown-toggle:hover,.top-nav>button.active,.top-nav>.dropdown>.dropdown-toggle.active{background:#2a3645!important;color:#fff!important;box-shadow:inset 3px 0 0 #2f95ff!important}
.top-nav .icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.top-nav .dropdown{width:100%!important;position:relative!important}
.top-nav .dropdown-content{position:static!important;width:100%!important;min-width:0!important;margin:2px 0 5px!important;padding:3px 0 3px 18px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.top-nav .dropdown-content button{width:100%!important;text-align:left!important;background:transparent!important;color:#aebaca!important;border:0!important;border-radius:8px!important;padding:8px 10px!important;font-size:12px!important;display:flex!important;gap:9px!important;align-items:center!important}
.top-nav .dropdown-content button:hover{background:#243140!important;color:#fff!important}
.main{grid-column:2!important;grid-row:1 / span 2!important;min-width:0!important;width:auto!important;max-width:none!important;padding:0!important;margin:0!important;background:var(--canvas)!important}
.top{position:sticky!important;top:0!important;z-index:45!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--line)!important;min-height:72px!important;padding:12px 24px!important;display:flex!important;align-items:center!important;gap:14px!important;box-shadow:0 2px 12px rgba(15,23,42,.035)!important}
.top>div:first-child{min-width:210px}.top h1{font-size:18px!important;margin:0!important;color:var(--ink)!important}.top>div:first-child .muted{font-size:11px!important}
.global-search-box{margin-left:auto!important;max-width:430px!important;min-width:260px!important;background:#fff!important;border:1px solid #dfe6ef!important;border-radius:10px!important;height:42px!important}
.global-search-box input{background:transparent!important}
.user-bar{background:transparent!important;border:0!important;padding:0 4px!important}.badge{white-space:nowrap!important}
.page{padding:22px 24px 34px!important;max-width:1600px!important;margin:0 auto!important}.page#dashboard{padding:0!important;max-width:none!important}.home19{max-width:1500px!important}
.home19-hero{height:255px!important;background-position:center center!important;background-size:cover!important;border-radius:14px 14px 0 0!important}.home19-hero:after{background:linear-gradient(90deg,rgba(10,18,31,.08),rgba(10,18,31,.01))!important}.home19-hero-brand{display:none!important}
.panel,.dash-block,.home19-card{border-color:var(--line)!important;box-shadow:0 4px 18px rgba(15,23,42,.045)!important}
@media(max-width:980px){.app{grid-template-columns:78px minmax(0,1fr)!important}.header-full{padding:14px 8px!important}.logo-img{max-width:62px!important}.top-nav{padding:8px!important}.top-nav>button,.top-nav>.dropdown>.dropdown-toggle{font-size:0!important;justify-content:center!important;padding:11px!important}.top-nav .icon{width:20px!important;height:20px!important}.top-nav .dropdown-content{display:none!important}.main{grid-column:2!important}.top{padding:10px 14px!important}.top>div:first-child{display:none!important}.global-search-box{min-width:160px!important}.page{padding:14px!important}}




.app{grid-template-columns:280px minmax(0,1fr)!important;}
.header-full{min-height:132px!important;height:132px!important;padding:18px 20px!important;background:linear-gradient(180deg,#111a25,#172230)!important;}
.logo-container{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;}
.logo-container::before,.logo-container::after{display:none!important;content:none!important;}
.logo-container .logo-img,.header-full .logo-img{display:block!important;width:100%!important;max-width:235px!important;max-height:94px!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;filter:invert(1) grayscale(1) contrast(1.12)!important;mix-blend-mode:screen!important;opacity:.98!important;}
.top-nav{top:132px!important;height:calc(100vh - 132px)!important;padding:14px 12px 28px!important;gap:7px!important;background:linear-gradient(180deg,#172230,#101821)!important;}
.top-nav>button,.top-nav>.dropdown>.dropdown-toggle{font-size:16px!important;min-height:52px!important;padding:14px 15px!important;gap:14px!important;border-radius:10px!important;letter-spacing:.1px!important;}
.top-nav .icon{width:21px!important;height:21px!important;flex:0 0 21px!important;}
.top-nav .dropdown-content{padding-left:24px!important;}
.top-nav .dropdown-content button{font-size:14px!important;min-height:42px!important;padding:10px 12px!important;}
.home19-head{justify-content:flex-start!important;}
.home19-actions{display:none!important;}
@media(max-width:900px){
 .app{grid-template-columns:82px minmax(0,1fr)!important;}
 .header-full{min-height:94px!important;height:94px!important;padding:12px 8px!important;}
 .logo-container .logo-img,.header-full .logo-img{max-width:68px!important;max-height:68px!important;}
 .top-nav{top:94px!important;height:calc(100vh - 94px)!important;padding:10px 7px 18px!important;}
 .top-nav>button,.top-nav>.dropdown>.dropdown-toggle{justify-content:center!important;padding:12px 6px!important;font-size:0!important;}
 .top-nav .icon{width:23px!important;height:23px!important;}
}



.logo-container .logo-img,.header-full .logo-img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;object-fit:contain!important;}




@media (min-width:901px){
  .top-nav{overflow-y:auto!important;overflow-x:visible!important;}
  .top-nav .dropdown{position:relative!important;}
  .top-nav .dropdown-content{
    display:block!important;
    position:static!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    transition:none!important;
    contain:layout paint!important;
  }
  .top-nav .dropdown:hover .dropdown-content,
  .top-nav .dropdown:focus-within .dropdown-content{
    max-height:110px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    margin:2px 0 5px!important;
    padding-top:3px!important;
    padding-bottom:3px!important;
  }
  .top-nav .dropdown-toggle,
  .top-nav .dropdown-content button{transition:none!important;}
}




@media (min-width:901px){
  .top-nav{
    overflow:visible!important;
    gap:1px!important;
  }
  .top-nav .dropdown{
    position:relative!important;
    width:100%!important;
    flex:0 0 auto!important;
  }
  .top-nav .dropdown-content{
    display:block!important;
    position:absolute!important;
    left:calc(100% - 2px)!important;
    top:0!important;
    width:190px!important;
    min-width:190px!important;
    max-height:none!important;
    margin:0!important;
    padding:6px!important;
    background:#172230!important;
    border:1px solid #2b3949!important;
    border-radius:10px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:none!important;
    contain:content!important;
    transition:none!important;
    z-index:500!important;
  }
  .top-nav .dropdown:hover .dropdown-content,
  .top-nav .dropdown:focus-within .dropdown-content{
    max-height:none!important;
    margin:0!important;
    padding:6px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .top-nav .dropdown-content button{
    min-height:36px!important;
    padding:8px 10px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }
  .top-nav>button.nav-contactos{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    font-size:15px!important;
    padding:9px 12px!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    flex:0 0 auto!important;
  }
  .top-nav>button.nav-contactos .icon{
    position:static!important;
    transform:none!important;
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
  }
}



.contacts-pro{overflow:visible}.contacts-head{align-items:flex-start}.contact-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin:18px 0}.contact-kpi{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:15px 17px}.contact-kpi b{display:block;font-size:25px;color:#0f172a}.contact-kpi span{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.contact-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 18px}.contact-toolbar>input{flex:1 1 360px;min-width:250px}.contact-filters{display:flex;gap:6px;flex-wrap:wrap}.contact-filters button{border:1px solid #dbe3ee;background:#fff;color:#475569;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.contact-filters button.active{background:#172333;color:#fff;border-color:#172333}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.contact-card{border:1px solid #e2e8f0;background:#fff;border-radius:15px;padding:17px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.contact-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.contact-card h3{margin:0 0 4px;font-size:17px}.contact-type{font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:#eef2f7;color:#334155}.contact-lines{display:grid;gap:7px;margin:13px 0;color:#475569;font-size:13px}.contact-lines b{color:#0f172a}.contact-actions{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #edf2f7;padding-top:12px;margin-top:12px}.contact-history{margin-top:11px;padding:10px 11px;background:#f8fafc;border-radius:10px;font-size:12px;color:#64748b}.contact-empty{padding:38px;text-align:center;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b}@media(max-width:900px){.contact-kpis{grid-template-columns:repeat(2,1fr)}}




@media (min-width:901px){
  .header-full{height:178px!important;min-height:178px!important;padding:8px 10px 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#172230!important;}
  .logo-container{height:164px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:0!important;margin:0!important;}
  .logo-container::after{content:none!important;display:none!important;}
  .logo-container .logo-img,.header-full .logo-img{display:block!important;width:100%!important;max-width:305px!important;max-height:164px!important;height:auto!important;object-fit:contain!important;margin:0 auto!important;filter:none!important;mix-blend-mode:normal!important;opacity:1!important;}
  .top-nav{top:178px!important;height:calc(100vh - 178px)!important;}
}
@media (max-width:900px){
  .logo-container::after{content:none!important;display:none!important;}
}




@media (min-width:901px){
  .header-full{
    height:126px!important;min-height:126px!important;
    padding:4px 10px!important;overflow:hidden!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .logo-container{
    height:118px!important;min-height:0!important;width:100%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:0!important;margin:0!important;overflow:hidden!important;
  }
  .logo-container .logo-img,.header-full .logo-img{
    width:100%!important;max-width:292px!important;height:118px!important;max-height:118px!important;
    object-fit:contain!important;object-position:center!important;margin:0 auto!important;
  }
  .logo-container::after{content:none!important;display:none!important;}
  .top-nav{
    top:126px!important;height:calc(100vh - 126px)!important;
    padding:5px 10px 8px!important;gap:0!important;overflow-y:auto!important;overflow-x:visible!important;
    align-content:flex-start!important;justify-content:flex-start!important;
  }
  .top-nav>button,.top-nav>.dropdown>.dropdown-toggle{
    min-height:40px!important;height:40px!important;padding:7px 12px!important;
    margin:0!important;font-size:15px!important;line-height:1!important;border-radius:9px!important;
    flex:0 0 40px!important;
  }
  .top-nav>.dropdown{height:40px!important;min-height:40px!important;margin:0!important;flex:0 0 40px!important;}
  .top-nav>.dropdown>.dropdown-toggle{width:100%!important;}
  .top-nav .icon{width:18px!important;height:18px!important;flex:0 0 18px!important;}
  .top-nav>button.nav-contactos{
    display:flex!important;position:static!important;inset:auto!important;transform:none!important;
    width:100%!important;height:40px!important;min-height:40px!important;
    padding:7px 12px!important;margin:0!important;flex:0 0 40px!important;
    opacity:1!important;visibility:visible!important;overflow:visible!important;
  }
  .top-nav .dropdown-content{
    position:absolute!important;left:calc(100% - 2px)!important;top:0!important;
    width:190px!important;min-width:190px!important;height:auto!important;max-height:none!important;
    margin:0!important;padding:6px!important;overflow:visible!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:none!important;transition:none!important;z-index:999!important;
  }
  .top-nav .dropdown:hover .dropdown-content,.top-nav .dropdown:focus-within .dropdown-content{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    max-height:none!important;margin:0!important;padding:6px!important;
  }
  .top-nav .dropdown-content button{min-height:34px!important;height:auto!important;padding:7px 10px!important;font-size:13px!important;}
}


\n\n@media (min-width:901px){\n  .app{grid-template-columns:280px minmax(0,1fr)!important;overflow:visible!important;}\n  .header-full{\n    height:126px!important;min-height:126px!important;padding:4px 10px!important;\n    overflow:visible!important;z-index:5001!important;\n  }\n  .logo-container{height:118px!important;overflow:visible!important;}\n  .logo-container .logo-img,.header-full .logo-img{\n    width:100%!important;max-width:292px!important;height:118px!important;max-height:118px!important;\n    object-fit:contain!important;object-position:center!important;\n    filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important;opacity:1!important;\n  }\n  .top-nav{\n    top:126px!important;height:calc(100vh - 126px)!important;\n    padding:8px 10px 10px!important;gap:4px!important;overflow:visible!important;\n    display:flex!important;flex-direction:column!important;align-items:stretch!important;\n    justify-content:space-between!important;z-index:5000!important;\n  }\n  .top-nav>button,.top-nav>.dropdown{\n    flex:1 1 0!important;min-height:48px!important;height:auto!important;margin:0!important;\n  }\n  .top-nav>.dropdown{position:relative!important;width:100%!important;overflow:visible!important;}\n  .top-nav>button,.top-nav>.dropdown>.dropdown-toggle{\n    width:100%!important;height:100%!important;min-height:48px!important;\n    padding:10px 14px!important;font-size:16px!important;line-height:1.1!important;\n    gap:13px!important;border-radius:10px!important;display:flex!important;align-items:center!important;\n  }\n  .top-nav .icon{width:20px!important;height:20px!important;flex:0 0 20px!important;}\n  .top-nav>button.nav-contactos{\n    display:flex!important;position:static!important;width:100%!important;height:auto!important;\n    min-height:48px!important;padding:10px 14px!important;font-size:16px!important;\n    flex:1 1 0!important;opacity:1!important;visibility:visible!important;\n  }\n  .top-nav .dropdown-content{\n    display:block!important;position:absolute!important;left:calc(100% + 8px)!important;top:50%!important;\n    transform:translateY(-50%)!important;width:205px!important;min-width:205px!important;\n    height:auto!important;max-height:none!important;padding:7px!important;margin:0!important;\n    background:#172230!important;border:1px solid #344457!important;border-radius:11px!important;\n    box-shadow:0 16px 38px rgba(0,0,0,.34)!important;overflow:visible!important;\n    opacity:0!important;visibility:hidden!important;pointer-events:none!important;\n    z-index:99999!important;transition:none!important;contain:none!important;\n  }\n  .top-nav .dropdown-content::before{\n    content:"";position:absolute;left:-10px;top:0;width:12px;height:100%;background:transparent;\n  }\n  .top-nav .dropdown:hover .dropdown-content,.top-nav .dropdown:focus-within .dropdown-content{\n    opacity:1!important;visibility:visible!important;pointer-events:auto!important;\n    transform:translateY(-50%)!important;max-height:none!important;padding:7px!important;margin:0!important;\n  }\n  .top-nav .dropdown-content button{\n    width:100%!important;min-height:40px!important;height:40px!important;padding:8px 11px!important;\n    font-size:13px!important;white-space:nowrap!important;display:flex!important;align-items:center!important;\n  }\n  .main{position:relative!important;z-index:1!important;}\n}



@media (min-width:901px){
  .header-full{height:126px!important;min-height:126px!important;}
  .top-nav{
    top:126px!important;height:calc(100vh - 126px)!important;
    box-sizing:border-box!important;padding:8px 10px 10px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    justify-content:stretch!important;gap:5px!important;
    overflow:visible!important;z-index:2147483000!important;
  }
  .top-nav>button,.top-nav>.dropdown{
    flex:1 1 0!important;min-height:46px!important;height:auto!important;
    margin:0!important;position:relative!important;overflow:visible!important;
  }
  .top-nav>button,.top-nav>.dropdown>.dropdown-toggle{
    width:100%!important;height:100%!important;min-height:46px!important;
    padding:10px 14px!important;font-size:16px!important;line-height:1.1!important;
    display:flex!important;align-items:center!important;gap:13px!important;
  }
  .top-nav>button.nav-contactos{
    display:flex!important;position:relative!important;inset:auto!important;
    flex:1 1 0!important;min-height:46px!important;height:auto!important;
    width:100%!important;opacity:1!important;visibility:visible!important;
  }

  .top-nav .dropdown-content{
    display:block!important;position:absolute!important;
    left:8px!important;right:8px!important;top:calc(100% - 4px)!important;
    width:auto!important;min-width:0!important;height:auto!important;max-height:none!important;
    padding:7px!important;margin:0!important;
    background:#0e1722!important;border:1px solid #435267!important;border-radius:10px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.48)!important;
    overflow:visible!important;opacity:0!important;visibility:hidden!important;
    pointer-events:none!important;transform:none!important;transition:none!important;
    contain:none!important;z-index:2147483647!important;
  }
  .top-nav .dropdown:hover .dropdown-content,
  .top-nav .dropdown:focus-within .dropdown-content{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:none!important;max-height:none!important;padding:7px!important;margin:0!important;
  }
  .top-nav .dropdown-content button{
    width:100%!important;height:40px!important;min-height:40px!important;
    padding:8px 11px!important;font-size:13px!important;white-space:nowrap!important;
    display:flex!important;align-items:center!important;background:#172230!important;
  }
  .top-nav .dropdown-content button:hover{background:#253448!important;}
}




@media (min-width:901px){
  .app{overflow:visible!important;}
  .header-full{z-index:5001!important;}
  .top-nav{
    box-sizing:border-box!important;
    padding:8px 10px 24px!important;
    gap:5px!important;
    overflow:visible!important;
    z-index:1000000!important;
  }
  .top-nav>button,.top-nav>.dropdown{
    flex:1 1 0!important;
    min-height:46px!important;
    overflow:visible!important;
  }
  .top-nav>.dropdown{position:relative!important;}
  .top-nav .dropdown-content{
    display:block!important;
    position:absolute!important;
    left:calc(100% + 10px)!important;
    right:auto!important;
    top:50%!important;
    width:220px!important;
    min-width:220px!important;
    transform:translateY(-50%)!important;
    padding:7px!important;
    margin:0!important;
    background:#172230!important;
    border:1px solid #435267!important;
    border-radius:11px!important;
    box-shadow:0 16px 38px rgba(0,0,0,.38)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    overflow:visible!important;
    z-index:2147483647!important;
    transition:none!important;contain:none!important;
  }
  .top-nav .dropdown-content::before{
    content:""!important;position:absolute!important;left:-12px!important;top:0!important;
    width:14px!important;height:100%!important;background:transparent!important;
  }
  .top-nav .dropdown:hover .dropdown-content,
  .top-nav .dropdown:focus-within .dropdown-content{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translateY(-50%)!important;
  }
  .main{position:relative!important;z-index:1!important;}
}




@media (min-width:901px){
  :root{--gg-sidebar:clamp(235px,18vw,280px);--gg-logo-h:clamp(104px,13vh,126px);}
  .app{grid-template-columns:var(--gg-sidebar) minmax(0,1fr)!important;overflow:visible!important;}
  .header-full{height:var(--gg-logo-h)!important;min-height:var(--gg-logo-h)!important;z-index:100!important;}
  .logo-container{height:100%!important;}
  .logo-container .logo-img,.header-full .logo-img{max-width:calc(var(--gg-sidebar) - 24px)!important;max-height:calc(var(--gg-logo-h) - 8px)!important;height:100%!important;width:auto!important;object-fit:contain!important;}
  .top-nav{top:var(--gg-logo-h)!important;height:calc(100dvh - var(--gg-logo-h))!important;padding:8px 10px clamp(18px,2.4vh,28px)!important;z-index:110!important;overflow:visible!important;}
  .top-nav>button,.top-nav>.dropdown{min-height:clamp(42px,6.1vh,58px)!important;}
  .top-nav>button,.top-nav>.dropdown>.dropdown-toggle{font-size:clamp(14px,1.05vw,16px)!important;padding:8px 12px!important;}
  .top-nav .dropdown-content{left:calc(100% + 10px)!important;right:auto!important;width:220px!important;min-width:220px!important;z-index:300!important;}
  .main{min-width:0!important;width:100%!important;max-width:none!important;z-index:1!important;}

  .modal{z-index:20000!important;}
  .modal.show{z-index:20000!important;}
  .modal .modal-box{position:relative!important;z-index:20001!important;max-width:calc(100vw - 48px)!important;}
  #modalVehicleOps.show{z-index:20020!important;}
  #modalVehicleOps.show .modal-box{z-index:20021!important;}
}
@media (min-width:901px) and (max-height:820px){
  :root{--gg-logo-h:96px;}
  .top-nav{gap:2px!important;padding-bottom:14px!important;}
  .top-nav>button,.top-nav>.dropdown{min-height:40px!important;}
  .top-nav>button,.top-nav>.dropdown>.dropdown-toggle{font-size:14px!important;padding:7px 11px!important;}
}
@media (min-width:901px) and (max-width:1250px){
  :root{--gg-sidebar:235px;}
  .top-nav .dropdown-content{width:205px!important;min-width:205px!important;}
}




@media print{
  @page{size:A4;margin:0!important}
  html,body{margin:0!important;padding:0!important;background:#fff!important}
}



#modalVehicleOps .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#modalVehicleOps .master-box{min-width:0}
#modalVehicleOps .ops-row-pro{grid-template-columns:minmax(0,1fr);gap:6px}
#modalVehicleOps .ops-row-pro select,#modalVehicleOps .ops-row-pro input{width:100%;max-width:100%;box-sizing:border-box}
#modalVehicleOps .ops-row-pro>div{min-width:0}
#modalVehicleOps .ops-row-pro label{font-size:12px}
@media(max-width:750px){#modalVehicleOps .ops-grid{grid-template-columns:minmax(0,1fr)}}



#modalVehicleOps .modal-box{width:min(1000px,calc(100vw - 32px));max-width:100%;}
#modalVehicleOps .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}
#modalVehicleOps .master-box{min-width:0;padding:18px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 2px 9px rgba(15,23,42,.035)}
#modalVehicleOps .master-box h4{font-size:15px;margin:0 0 14px;color:#15243a}
#modalVehicleOps .ops-progress-wrap{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #e9eef5}
#modalVehicleOps .ops-progress{height:7px}
#modalVehicleOps .ops-simple-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:9px 11px;margin-bottom:7px;border:1px solid #e7edf4;border-left-width:3px;border-radius:9px;background:#fbfcfe}
#modalVehicleOps .ops-simple-row.ops-state-done{border-left-color:#22a66b;background:#f7fdf9}
#modalVehicleOps .ops-simple-row.ops-state-process{border-left-color:#f59e0b;background:#fffdf7}
#modalVehicleOps .ops-simple-row.ops-state-pending{border-left-color:#cbd5e1}
#modalVehicleOps .ops-simple-name{font-size:12.5px;font-weight:750;color:#273449;min-width:0;line-height:1.35}
#modalVehicleOps .ops-simple-select{width:134px;flex:0 0 134px;min-width:0;border:1px solid #cbd5e1;border-radius:8px;padding:8px 9px;font:inherit;font-size:12px;font-weight:700;background:#fff;color:#243349;cursor:pointer}
#modalVehicleOps .ops-simple-select:focus{outline:2px solid #93c5fd;outline-offset:1px}
@media(max-width:820px){#modalVehicleOps .ops-grid{grid-template-columns:1fr}#modalVehicleOps .modal-box{width:100%;max-width:100%}}
@media(max-width:420px){#modalVehicleOps .ops-simple-select{width:116px;flex-basis:116px;font-size:11px}#modalVehicleOps .ops-simple-row{padding:8px}}




#modalVehicleMaster .master-section-title{font-size:14px;font-weight:900;letter-spacing:1.05px;text-transform:uppercase;color:#26364e;padding:0 0 9px;border-bottom:1px solid #dce4ee;margin-bottom:13px;display:flex;align-items:center;gap:7px}
#modalVehicleMaster .master-section-title .icon{color:#526b8d;width:18px;height:18px}
#modalVehicleMaster .master-box h4{font-size:13px;font-weight:850;letter-spacing:.8px;text-transform:uppercase;color:#24364d;margin-bottom:12px}
#modalVehicleMaster #masterTitle{font-size:22px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#17243b}
#modalVehicleOps h2{font-size:21px;font-weight:900;letter-spacing:.65px;text-transform:uppercase;color:#17243b}
#modalVehicleOps h3,#modalVehicleOps .ops-grid h4{font-weight:850;letter-spacing:.65px;text-transform:uppercase;color:#26364e}
@media(max-width:700px){#modalVehicleMaster .master-section-title{font-size:12.5px;letter-spacing:.7px}#modalVehicleMaster #masterTitle,#modalVehicleOps h2{font-size:18px}}



#dashboard .home19-card:has(#dashboardNotes){padding:20px 22px!important;}
#dashboard #dashboardNotes{display:grid;gap:9px;margin-top:14px;}
#dashboard #dashboardNotes .dash-task{padding:13px 15px!important;border:1px solid #e6ebf2!important;border-radius:10px;background:#f8fafc!important;align-items:flex-start;line-height:1.5;min-width:0;}
#dashboard #dashboardNotes .dash-task-left{min-width:0;flex:1;}
#dashboard #dashboardNotes .dash-task-title{line-height:1.5;white-space:normal;overflow-wrap:anywhere;}
#dashboard #dashboardNotes .dash-task-meta{line-height:1.5;margin-top:5px;overflow-wrap:anywhere;}
#dashboard #dashboardNotes .dash-task:last-child{border-bottom:1px solid #e6ebf2!important;}
@media(max-width:700px){#dashboard .home19-card:has(#dashboardNotes){padding:17px!important;}#dashboard #dashboardNotes .dash-task{padding:12px!important;}}



#dashboard .chart-v174 h3{font-weight:800!important;letter-spacing:.065em!important;text-transform:uppercase!important;font-size:16px!important;line-height:1.45!important;margin-bottom:5px!important}
#dashboard .chart-sub-v174{line-height:1.6!important;letter-spacing:.005em!important}
#dashboard .chart-empty-v21520{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;color:#75839a;padding:24px 16px}
#dashboard .chart-empty-v21520 strong{font-size:15px;color:#34445d;font-weight:700}
#dashboard .chart-empty-v21520 span:last-child{font-size:13px;line-height:1.6}
#dashboard .chart-empty-icon-v21520{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf2f8;color:#9aa8bb;font-size:24px;font-weight:400;margin-bottom:3px}
#dashboard .dashboard-stats .stat-card,#dashboard .dashboard-stats .stat-item{gap:14px!important;padding-inline:22px!important}
@media(max-width:850px){#dashboard .dashboard-stats .stat-card,#dashboard .dashboard-stats .stat-item{padding-inline:12px!important}}




#contractPrintArea, #arrasPrintArea, #invoicePrintArea {
  font-family:'Century Gothic',CenturyGothic,AppleGothic,-apple-system,sans-serif;
  font-synthesis:weight;
}
#contractPrintArea b,#contractPrintArea strong,
#arrasPrintArea b,#arrasPrintArea strong,
#invoicePrintArea b,#invoicePrintArea strong {font-weight:700!important;font-synthesis:weight;}
@media print {
  #contractPrintArea,#arrasPrintArea,#invoicePrintArea {font-synthesis:weight;}
}



#contractPrintArea,#arrasPrintArea,#invoicePrintArea{font-family:'Century Gothic',CenturyGothic,AppleGothic,sans-serif!important;font-synthesis:weight!important}
#contractPrintArea b,#contractPrintArea strong,#arrasPrintArea b,#arrasPrintArea strong,#invoicePrintArea b,#invoicePrintArea strong,#contractPrintArea .contract-title,#contractPrintArea .contract-section-title{font-weight:700!important;font-synthesis:weight!important}
@media print{#contractPrintArea,#arrasPrintArea,#invoicePrintArea{font-family:'Century Gothic',CenturyGothic,AppleGothic,sans-serif!important}#contractPrintArea b,#contractPrintArea strong,#arrasPrintArea b,#arrasPrintArea strong,#invoicePrintArea b,#invoicePrintArea strong{font-weight:700!important}}




#contractPrintArea,#arrasPrintArea,#invoicePrintArea {
  font-family:'Century Gothic',CenturyGothic,AppleGothic,sans-serif!important;
  font-synthesis:weight!important;
}
#contractPrintArea :is(b,strong,.contract-title,.contract-section-title),
#arrasPrintArea :is(b,strong,.contract-title,.contract-section-title),
#invoicePrintArea :is(b,strong) {
  font-weight:700!important;
  font-synthesis:weight!important;
  -webkit-text-stroke:0.32px currentColor!important;
}

#contractPrintArea [style*="font-weight:bold"],
#arrasPrintArea [style*="font-weight:bold"],
#invoicePrintArea [style*="font-weight:bold"] {
  font-weight:700!important;
  -webkit-text-stroke:0.32px currentColor!important;
}
@media print {
  #contractPrintArea :is(b,strong,.contract-title,.contract-section-title),
  #arrasPrintArea :is(b,strong,.contract-title,.contract-section-title),
  #invoicePrintArea :is(b,strong),
  #contractPrintArea [style*="font-weight:bold"],
  #arrasPrintArea [style*="font-weight:bold"],
  #invoicePrintArea [style*="font-weight:bold"] {
    -webkit-text-stroke:0.32px currentColor!important;
    print-color-adjust:exact!important;
    -webkit-print-color-adjust:exact!important;
  }
}



#stockTable{overflow-x:visible;max-width:100%}
#stockTable .stock-compact-table{width:100%;table-layout:fixed;white-space:normal}
#stockTable .stock-compact-table th,#stockTable .stock-compact-table td{padding:10px 8px;overflow-wrap:anywhere;vertical-align:middle}
#stockTable .stock-compact-table th:nth-child(1){width:12%}
#stockTable .stock-compact-table th:nth-child(2){width:23%}
#stockTable .stock-compact-table th:nth-child(3){width:11%}
#stockTable .stock-compact-table th:nth-child(4){width:15%}
#stockTable .stock-compact-table th:nth-child(5){width:13%}
#stockTable .stock-compact-table th:nth-child(6){width:16%}
#stockTable .stock-compact-table th:nth-child(7){width:10%}
#stockTable .stock-expand-button{white-space:nowrap;padding:7px 8px;font-size:12px}
#stockTable .stock-detail-row td{background:#f5f8fc;padding:13px!important;border-bottom:2px solid #cbd5e1}
#stockTable .stock-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
#stockTable .stock-detail-grid>div{min-width:0}
#stockTable .stock-detail-grid small{display:block;font-size:11px;font-weight:800;color:#64748b;margin-bottom:5px;text-transform:uppercase}
#stockTable .stock-detail-grid strong{font-size:13px;overflow-wrap:anywhere}
#stockTable .stock-detail-notes{grid-column:span 2;white-space:pre-wrap;font-size:13px}
#stockTable .stock-detail-actions{grid-column:span 2;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){#stockTable .stock-compact-table th,#stockTable .stock-compact-table td{font-size:11px;padding:7px 4px}#stockTable .stock-compact-table th:nth-child(3),#stockTable .stock-compact-table td:nth-child(3),#stockTable .stock-compact-table th:nth-child(5),#stockTable .stock-compact-table td:nth-child(5){display:none}#stockTable .stock-compact-table th:nth-child(1){width:22%}#stockTable .stock-compact-table th:nth-child(2){width:28%}#stockTable .stock-compact-table th:nth-child(4){width:20%}#stockTable .stock-compact-table th:nth-child(6){width:17%}#stockTable .stock-compact-table th:nth-child(7){width:13%}#stockTable .stock-expand-button{font-size:10px;padding:6px 4px}#stockTable .stock-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#stockTable .stock-detail-notes,#stockTable .stock-detail-actions{grid-column:1/-1}#stockTable .stock-detail-actions{justify-content:flex-start}}


.gg-activity-list{display:grid;gap:7px;margin-top:12px}.gg-activity-item{border:1px solid #dbe3eb;border-radius:10px;background:#fff;overflow:hidden}.gg-activity-item summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;cursor:pointer;list-style:none}.gg-activity-item summary::-webkit-details-marker{display:none}.gg-activity-item summary span{display:grid;gap:4px;min-width:0}.gg-activity-item summary strong{font-size:13px;color:#172033}.gg-activity-item summary small{font-size:11px;color:#64748b;overflow-wrap:anywhere}.gg-activity-item summary time{font-size:11px;color:#64748b;white-space:nowrap}.gg-activity-item[open] summary{background:#f8fafc}.gg-activity-detail{padding:10px 14px;border-top:1px solid #e2e8f0;font-size:11px;color:#475569;overflow-wrap:anywhere}@media(max-width:650px){.gg-activity-item summary{align-items:flex-start;flex-direction:column;gap:5px}}


/* Exclusivo de Stock: sin cambios en cabecera, menús, login o resto de módulos. */
#stockTable{overflow-x:visible;max-width:100%}
#stockTable .stock-compact-table{width:100%;table-layout:fixed;border-collapse:collapse;white-space:normal}
#stockTable .stock-compact-table th{padding:11px 7px;font-size:10px;letter-spacing:.3px;color:#64748b;background:#f8fafc;white-space:nowrap}
#stockTable .stock-compact-table td{padding:8px 7px;vertical-align:middle;font-size:12px;overflow-wrap:normal}
#stockTable .stock-compact-table th:nth-child(1){width:30%}
#stockTable .stock-compact-table th:nth-child(2){width:14%}
#stockTable .stock-compact-table th:nth-child(3){width:7%}
#stockTable .stock-compact-table th:nth-child(4){width:9%}
#stockTable .stock-compact-table th:nth-child(5){width:11%}
#stockTable .stock-compact-table th:nth-child(6){width:11%}
#stockTable .stock-compact-table th:nth-child(7){width:10%}
#stockTable .stock-compact-table th:nth-child(8){width:8%}
#stockTable .gg-stock-vehicle{display:flex;gap:10px;align-items:center;min-width:0}
#stockTable .gg-stock-thumb{width:76px;height:55px;flex:none;border-radius:7px;background:linear-gradient(145deg,#e2e8f0,#f8fafc);display:grid;place-items:center;color:#94a3b8;border:1px solid #e2e8f0;overflow:hidden}
#stockTable .gg-stock-thumb img,#stockTable .gg-stock-main-photo img{width:100%;height:100%;object-fit:cover;display:block}
#stockTable .gg-stock-name{font-size:12px;font-weight:800;color:#0f172a;line-height:1.3}
#stockTable .gg-stock-sub{font-size:11px;color:#64748b;margin-top:4px;line-height:1.3}
#stockTable .gg-stock-plate{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:27px;padding:0 6px 0 23px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#0f172a;font:700 12px Arial,sans-serif;white-space:nowrap;letter-spacing:0;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;overflow:hidden}
#stockTable .gg-stock-plate:before{content:'E';position:absolute;left:0;top:0;bottom:0;width:17px;background:#0757c8;color:white;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font:700 8px Arial,sans-serif}
#stockTable .gg-stock-plate:after{content:'✦';position:absolute;left:5px;top:3px;color:#f9dc4b;font-size:9px}
#stockTable .gg-stock-price{font-weight:800;font-size:13px;white-space:nowrap}
#stockTable .gg-stock-status{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap}
#stockTable .gg-stock-status:before{content:'';height:7px;width:7px;border-radius:50%;background:currentColor}
#stockTable .gg-status-disponible{background:#dcfce7;color:#15803d}
#stockTable .gg-status-reservado{background:#fef3c7;color:#d97706}
#stockTable .gg-status-other{background:#dbeafe;color:#2563eb}
#stockTable .gg-stock-actions{display:flex;gap:5px;justify-content:flex-end}
#stockTable .gg-stock-iconbtn{background:#f1f5f9;border:0;border-radius:7px;min-width:28px;height:30px;display:inline-grid;place-items:center;cursor:pointer;color:#334155;font-size:15px}
#stockTable .gg-stock-iconbtn:hover{background:#dbeafe}
#stockTable .stock-detail-row td{background:#fff!important;padding:7px 8px 15px!important;border-bottom:1px solid #e2e8f0!important}
#stockTable .gg-stock-expanded{display:grid;grid-template-columns:32% 33% 1fr;gap:14px;align-items:start}
#stockTable .gg-stock-main-photo{height:155px;background:#f1f5f9;border-radius:8px;display:grid;place-items:center;color:#94a3b8;overflow:hidden;border:1px solid #e2e8f0}
#stockTable .gg-stock-photo-strip{display:flex;gap:5px;margin-top:6px}
#stockTable .gg-stock-mini-photo{height:36px;flex:1;background:#f1f5f9;border-radius:5px;display:grid;place-items:center;color:#94a3b8;font-size:11px;overflow:hidden}
#stockTable .gg-stock-mini-photo img{height:100%;width:100%;object-fit:cover}
#stockTable .gg-stock-info{display:grid;grid-template-columns:46% 1fr;gap:6px 8px;font-size:11px;line-height:1.25}
#stockTable .gg-stock-info .k{color:#64748b}
#stockTable .gg-stock-info .v{color:#0f172a;overflow-wrap:anywhere}
#stockTable .gg-stock-section{padding:9px 10px;border:1px solid #f1f5f9;border-radius:8px;min-width:0}
#stockTable .gg-stock-detail-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
#stockTable .gg-stock-detail-buttons .btn{padding:6px 9px;font-size:11px}
#stockTable .gg-stock-money-positive{font-weight:800;color:#15803d}
@media(max-width:1100px){#stockTable .gg-stock-thumb{width:52px;height:42px}#stockTable .gg-stock-vehicle{gap:6px}#stockTable .gg-stock-sub{font-size:10px}#stockTable .stock-compact-table th,#stockTable .stock-compact-table td{padding-left:4px;padding-right:4px}#stockTable .gg-stock-plate{min-width:78px;font-size:10px;padding-left:20px}#stockTable .gg-stock-expanded{gap:7px}}
@media(max-width:720px){#stockTable .stock-compact-table th:nth-child(3),#stockTable .stock-compact-table td:nth-child(3),#stockTable .stock-compact-table th:nth-child(5),#stockTable .stock-compact-table td:nth-child(5),#stockTable .stock-compact-table th:nth-child(6),#stockTable .stock-compact-table td:nth-child(6){display:none}#stockTable .stock-compact-table th:nth-child(1){width:37%}#stockTable .stock-compact-table th:nth-child(2){width:26%}#stockTable .stock-compact-table th:nth-child(4){width:15%}#stockTable .stock-compact-table th:nth-child(7){width:12%}#stockTable .stock-compact-table th:nth-child(8){width:10%}#stockTable .gg-stock-vehicle{flex-direction:column;align-items:flex-start}#stockTable .gg-stock-thumb{width:56px;height:39px}#stockTable .gg-stock-plate{font-size:9px;min-width:72px;height:24px}#stockTable .gg-stock-price{font-size:11px}#stockTable .gg-stock-status{font-size:0;padding:5px}#stockTable .gg-stock-status:before{width:8px;height:8px}#stockTable .gg-stock-iconbtn{min-width:25px;height:27px}#stockTable .gg-stock-expanded{grid-template-columns:1fr}#stockTable .gg-stock-main-photo{height:180px}#stockTable .gg-stock-info{font-size:12px}}


#stockTable .gg-stock-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#stockTable .gg-stock-vehicle{gap:0}#stockTable .gg-stock-thumb,#stockTable .gg-stock-main-photo,#stockTable .gg-stock-photo-strip{display:none!important}@media(max-width:850px){#stockTable .gg-stock-expanded{grid-template-columns:1fr}}


/* Solo Stock: densidad mejorada, sin fotografías ni cambios funcionales. */
#stockTable .stock-compact-table{width:100%;table-layout:fixed;border-collapse:collapse;white-space:normal}
#stockTable .stock-compact-table th{padding:9px 9px;font-size:10px;letter-spacing:.02em}
#stockTable .stock-compact-table .stock-main-row td{padding:8px 9px!important;vertical-align:middle;font-size:12px;line-height:1.2}
#stockTable .stock-compact-table th:nth-child(1){width:22%}
#stockTable .stock-compact-table th:nth-child(2){width:13%}
#stockTable .stock-compact-table th:nth-child(3){width:7%}
#stockTable .stock-compact-table th:nth-child(4){width:10%}
#stockTable .stock-compact-table th:nth-child(5){width:11%}
#stockTable .stock-compact-table th:nth-child(6){width:13%}
#stockTable .stock-compact-table th:nth-child(7){width:13%}
#stockTable .stock-compact-table th:nth-child(8){width:11%}
#stockTable .gg-stock-name{font-size:12px;line-height:1.2}
#stockTable .gg-stock-sub{font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stockTable .gg-stock-price{font-size:12px}
#stockTable .gg-stock-status{padding:4px 6px;font-size:10px;gap:4px}
#stockTable .gg-stock-actions{gap:3px;justify-content:flex-start}
#stockTable .gg-stock-iconbtn{height:26px;min-width:26px;font-size:13px}
#stockTable .stock-detail-row td{padding:6px 8px 9px!important}
#stockTable .gg-stock-expanded{gap:9px}
#stockTable .gg-stock-section{padding:8px 9px}
#stockTable .gg-stock-info{grid-template-columns:42% minmax(0,1fr);gap:4px 7px;font-size:11px}
#stockTable .gg-stock-detail-buttons{margin-top:7px}
@media(max-width:850px){
 #stockTable .stock-compact-table{min-width:780px}
 #stockTable .stock-compact-table th:nth-child(n),#stockTable .stock-compact-table td:nth-child(n){display:table-cell}
 #stockTable .gg-stock-expanded{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){#stockTable .gg-stock-expanded{grid-template-columns:1fr}}



/* Solo tabla Stock. Se preservan íntegramente las matrículas de v21.5.50. */
#stockTable .stock-compact-table th:nth-child(1){width:16%}
#stockTable .stock-compact-table th:nth-child(2){width:28%}
#stockTable .stock-compact-table th:nth-child(3){width:12%}
#stockTable .stock-compact-table th:nth-child(4){width:16%}
#stockTable .stock-compact-table th:nth-child(5){width:16%}
#stockTable .stock-compact-table th:nth-child(6){width:12%}
#stockTable .stock-compact-table th:nth-child(n),
#stockTable .stock-compact-table td:nth-child(n){display:table-cell}
#stockTable .stock-compact-table{min-width:660px}
#stockTable .gg-stock-sub{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}



/* Reorganización exclusiva de la tabla de Stock. Matrículas sin modificaciones. */
#stockTable .stock-compact-table{table-layout:fixed;min-width:760px;width:100%}
#stockTable .stock-compact-table th:nth-child(1){width:13%}
#stockTable .stock-compact-table th:nth-child(2){width:20%}
#stockTable .stock-compact-table th:nth-child(3){width:10%}
#stockTable .stock-compact-table th:nth-child(4){width:12%}
#stockTable .stock-compact-table th:nth-child(5){width:15%}
#stockTable .stock-compact-table th:nth-child(6){width:17%}
#stockTable .stock-compact-table th:nth-child(7){width:13%}
#stockTable .stock-compact-table th,#stockTable .stock-compact-table td{padding-left:7px;padding-right:7px}
#stockTable .stock-compact-table th:nth-child(n),#stockTable .stock-compact-table td:nth-child(n){display:table-cell}
#stockTable .gg-stock-vehicle{min-width:0}
#stockTable .gg-stock-name,#stockTable .gg-stock-sub{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}



/* Separación visual ITV / Estado sin tocar las matrículas. */
#stockTable .stock-compact-table th:nth-child(4),
#stockTable .stock-compact-table .stock-main-row td:nth-child(4){padding-right:18px!important;border-right:1px solid #e2e8f0}
#stockTable .stock-compact-table th:nth-child(5),
#stockTable .stock-compact-table .stock-main-row td:nth-child(5){padding-left:18px!important}
#stockTable .stock-compact-table th:nth-child(4){width:14%}
#stockTable .stock-compact-table th:nth-child(5){width:17%}
#stockTable .stock-compact-table th:nth-child(6){width:14%}



/* Solo la nueva columna Seguro; las matrículas y la separación ITV/Estado no se alteran. */
#stockTable .stock-compact-table{min-width:850px}
#stockTable .stock-compact-table th:nth-child(1){width:14%}
#stockTable .stock-compact-table th:nth-child(2){width:23%}
#stockTable .stock-compact-table th:nth-child(3){width:9%}
#stockTable .stock-compact-table th:nth-child(4){width:10%}
#stockTable .stock-compact-table th:nth-child(5){width:9%}
#stockTable .stock-compact-table th:nth-child(6){width:13%}
#stockTable .stock-compact-table th:nth-child(7){width:13%}
#stockTable .stock-compact-table th:nth-child(8){width:9%}
#stockTable .stock-compact-table th:nth-child(5),#stockTable .stock-compact-table td:nth-child(5){display:table-cell}
#stockTable .stock-compact-table th:nth-child(6),#stockTable .stock-compact-table td:nth-child(6){display:table-cell}
#stockTable .stock-compact-table th:nth-child(7),#stockTable .stock-compact-table td:nth-child(7){display:table-cell}
#stockTable .stock-compact-table th:nth-child(8),#stockTable .stock-compact-table td:nth-child(8){display:table-cell}
#stockTable .gg-insurance-badge{display:inline-block;white-space:nowrap;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}
#stockTable .gg-insurance-yes{background:#dcfce7;color:#166534}
#stockTable .gg-insurance-no{background:#fee2e2;color:#991b1b}
#stockTable .gg-insurance-unknown{background:#f1f5f9;color:#64748b}



/* Ajuste exclusivamente de anchos del Stock: acercar KM a Vehículo y dar aire a ITV. */
#stockTable .stock-compact-table th:nth-child(2){width:18%}
#stockTable .stock-compact-table th:nth-child(4){width:15%}



#costesTable .gg-stock-plate{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:27px;padding:0 6px 0 23px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#0f172a;font:700 12px Arial,sans-serif;white-space:nowrap;letter-spacing:0;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;overflow:hidden}
#costesTable .gg-stock-plate:before{content:'E';position:absolute;left:0;top:0;bottom:0;width:17px;background:#0757c8;color:white;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font:700 8px Arial,sans-serif}
#costesTable .gg-stock-plate:after{content:'✦';position:absolute;left:5px;top:3px;color:#f9dc4b;font-size:9px}
#costesTable .gg-stock-plate{min-width:78px;font-size:10px;padding-left:20px}
#costesTable .gg-stock-plate{font-size:9px;min-width:72px;height:24px}



/* Matrículas de las tablas de los demás módulos: mismo acabado que Stock.
   No se cambian formularios, documentos imprimibles ni datos. */
table .plate-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:27px;padding:0 6px 0 23px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#0f172a;font:700 12px Arial,sans-serif;white-space:nowrap;letter-spacing:0;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}
table .plate-pill::before{content:'E';position:absolute;left:0;top:0;bottom:0;width:17px;background:#0757c8;color:#fff;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font:700 8px Arial,sans-serif}
table .plate-pill::after{content:'✦';position:absolute;left:5px;top:3px;color:#f9dc4b;font-size:9px}
table .plate-pill.click-plate{cursor:pointer}
@media(max-width:900px){table .plate-pill{min-width:78px;font-size:10px;padding-left:20px}}
@media(max-width:720px){table .plate-pill{min-width:72px;height:24px;font-size:9px}}



/* Ajuste visual de Stock: evitar que ITV y Seguro se solapen.
   Sin cambios en datos, operaciones ni resto de módulos. */
#stockTable .stock-compact-table th:nth-child(1){width:11%}
#stockTable .stock-compact-table th:nth-child(2){width:20%}
#stockTable .stock-compact-table th:nth-child(3){width:6%}
#stockTable .stock-compact-table th:nth-child(4){width:9%}
#stockTable .stock-compact-table th:nth-child(5){width:12%}
#stockTable .stock-compact-table th:nth-child(6){width:8%}
#stockTable .stock-compact-table th:nth-child(7){width:11%}
#stockTable .stock-compact-table th:nth-child(8){width:12%}
#stockTable .stock-compact-table th:nth-child(9){width:11%}
#stockTable .stock-compact-table .stock-main-row td:nth-child(5){
  padding:10px 12px!important;
  border-right:1px solid #e2e8f0;
}
#stockTable .stock-compact-table .stock-main-row td:nth-child(6){
  padding:10px 12px!important;
}
#stockTable .stock-main-row td:nth-child(5) .itv-red,
#stockTable .stock-main-row td:nth-child(5) .itv-yellow,
#stockTable .stock-main-row td:nth-child(5) .itv-green{
  box-sizing:border-box;
  display:inline-block;
  max-width:100%;
  padding:6px 9px;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  line-height:1.35;
  vertical-align:middle;
}
#stockTable .stock-main-row td:nth-child(6) .gg-insurance-badge{
  max-width:100%;
  box-sizing:border-box;
}



/* Ajuste exclusivo de Stock: vehículo legible, empresa junto al vehículo e ITV más ancha. */
#stockTable .stock-compact-table th:nth-child(1){width:11%}
#stockTable .stock-compact-table th:nth-child(2){width:18%}
#stockTable .stock-compact-table th:nth-child(3){width:5%}
#stockTable .stock-compact-table th:nth-child(4){width:9%}
#stockTable .stock-compact-table th:nth-child(5){width:16%}
#stockTable .stock-compact-table th:nth-child(6){width:8%}
#stockTable .stock-compact-table th:nth-child(7){width:11%}
#stockTable .stock-compact-table th:nth-child(8){width:12%}
#stockTable .stock-compact-table th:nth-child(9){width:10%}
#stockTable .stock-compact-table .gg-stock-name{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:800;
}
#stockTable .stock-compact-table .gg-stock-sub{
  font-size:11px;
  line-height:1.35;
}
#stockTable .stock-compact-table .stock-main-row td:nth-child(3){
  padding-left:3px!important;
  padding-right:3px!important;
}
#stockTable .stock-compact-table .stock-main-row td:nth-child(5){
  padding-left:10px!important;
  padding-right:10px!important;
}



.ng-multi-bar{gap:12px;padding:10px 18px}
.ng-company-segments{display:inline-flex;align-items:stretch;gap:3px;padding:4px;border:1px solid #d6dee9;border-radius:12px;background:#e7edf5;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}
.ng-company-segment{appearance:none;border:1px solid transparent;border-radius:9px;background:transparent;color:#64748b;font:800 12px/1.2 system-ui,sans-serif;letter-spacing:.025em;padding:10px 19px;min-width:78px;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.ng-company-segment:hover:not(.is-active){background:rgba(255,255,255,.65);color:#334155}
.ng-company-segment.is-active{background:#fff;color:#0f376e;border-color:#d9e3f0;box-shadow:0 2px 6px rgba(15,23,42,.12)}
.ng-company-segment:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}
.ng-company-segment:active{transform:scale(.98)}
@media(max-width:600px){.ng-company-segment{min-width:65px;padding:9px 12px}.ng-multi-bar{padding:8px 10px}}
@media print{.ng-company-segments{display:none!important}}



/* Reordenación mínima: conserva el aspecto original de NGGARAGE. */
@media (min-width: 769px){
  .top-nav>.ng-agenda-footer{
    margin-top:auto!important;
    padding-top:12px!important;
    border-top:1px solid rgba(148,163,184,.20)!important;
    flex:0 0 auto!important;
    width:100%!important;
  }
  .top-nav>.ng-agenda-footer>.nav-contactos{
    width:100%!important;
    min-height:42px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    padding:10px 12px!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#dce5ef!important;
    font-size:13px!important;
    font-weight:750!important;
    text-align:left!important;
    cursor:pointer!important;
  }
  .top-nav>.ng-agenda-footer>.nav-contactos:hover,
  .top-nav>.ng-agenda-footer>.nav-contactos.active{
    background:#2a3645!important;
    color:#fff!important;
    box-shadow:inset 3px 0 0 #2f95ff!important;
  }
  .top-nav>.ng-agenda-footer>.nav-contactos>.icon{width:18px!important;height:18px!important;flex:0 0 18px!important;}
}
@media (max-width: 768px){
  .top-nav>.ng-agenda-footer{display:contents!important;}
  .top-nav>.ng-agenda-footer>.nav-contactos{display:flex!important;}
}



/* Igualar la barra de búsqueda de Contactos al resto del CRM. */
#contactos .contact-toolbar #contactSearchPro{
  appearance:none;-webkit-appearance:none;
  font-family:'Century Gothic',CenturyGothic,AppleGothic,-apple-system,sans-serif!important;
  font-size:14px!important;font-weight:400!important;line-height:1.45!important;
  color:#0f172a!important;background:#fff!important;
  border:1px solid #cbd5e1!important;border-radius:9px!important;
  padding:11px 14px!important;min-height:44px!important;
  outline:none!important;box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
#contactos .contact-toolbar #contactSearchPro::placeholder{
  font-family:inherit!important;font-size:14px!important;font-weight:400!important;
  color:#94a3b8!important;opacity:1!important;
}
#contactos .contact-toolbar #contactSearchPro:focus{
  border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.10)!important;
}