/* v6.10.14 — Premium UI system: compact, consistent, responsive */
:root{
  --p-bg:#f7f4f5;
  --p-surface:#ffffff;
  --p-surface-2:#fbf9fa;
  --p-line:#eadfe3;
  --p-line-strong:#dbcbd1;
  --p-text:#2d2227;
  --p-muted:#766970;
  --p-brand:#8f1f3d;
  --p-brand-2:#73172f;
  --p-brand-soft:#fbf0f3;
  --p-good:#257553;
  --p-good-bg:#eef8f3;
  --p-warn:#996919;
  --p-warn-bg:#fff8e8;
  --p-bad:#a63a46;
  --p-bad-bg:#fff1f2;
  --p-radius:18px;
  --p-radius-sm:12px;
  --p-shadow:0 10px 28px rgba(62,28,40,.07),0 1px 2px rgba(62,28,40,.04);
  --p-shadow-lg:0 24px 70px rgba(42,17,27,.16),0 2px 8px rgba(42,17,27,.06);
}
html{background:var(--p-bg)}
body{background:linear-gradient(180deg,#faf8f9 0,#f7f4f5 100%);color:var(--p-text)}
body.ui68{--ui-bg:var(--p-bg)!important;--ui-card:var(--p-surface)!important}

/* Global surfaces */
body.ui68 .card,
body.ui68 .stage,
body.ui68 .v63-card,
body.ui68 .v6-tripcard,
body.ui68 .v676-quote-card,
body.ui68 .v676-route-card,
body.ui68 .v69-unitcard,
body.ui68 .v64-rate-card,
body.ui68 .v6105-status,
body.ui68 .v6104-status,
body.ui68 .v699-global-card,
body.ui68 .v699-work-leg{
  background:var(--p-surface)!important;
  border:1px solid var(--p-line)!important;
  border-radius:var(--p-radius)!important;
  box-shadow:var(--p-shadow)!important;
}
body.ui68 .card,body.ui68 .stage{padding:18px!important}
body.ui68 .section{margin-top:18px!important}
body.ui68 .section-title{gap:14px!important;margin-bottom:12px!important}
body.ui68 .section-title h2,body.ui68 .card h2{color:var(--p-text)!important;letter-spacing:-.025em!important}
body.ui68 .sub,body.ui68 .note,body.ui68 .muted{color:var(--p-muted)!important}

/* Sidebar / desktop navigation */
body.ui68 .side{
  background:linear-gradient(180deg,#35131f 0%,#251017 100%)!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:12px 0 36px rgba(39,13,23,.08)!important;
}
body.ui68 .brand{padding:12px 10px 22px!important}
body.ui68 .nav{gap:5px!important}
body.ui68 .nav button{
  border:1px solid transparent!important;
  border-radius:12px!important;
  padding:11px 12px!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.ui68 .nav button:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.06)!important}
body.ui68 .nav button.active{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:inset 3px 0 0 #dca0b0!important}
body.ui68 .side-foot{border-top:1px solid rgba(255,255,255,.08)!important;padding-top:14px!important}

/* Top header */
body.ui68 .top{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(234,223,227,.9)!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  box-shadow:0 8px 24px rgba(63,28,40,.045)!important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
body.ui68 .top h1{font-weight:820!important;letter-spacing:-.035em!important}
body.ui68 .top-actions{gap:8px!important}

/* Buttons */
body.ui68 .btn,
body.ui68 button.btn{
  min-height:42px!important;
  border-radius:12px!important;
  border:1px solid var(--p-line-strong)!important;
  background:#fff!important;
  color:var(--p-text)!important;
  box-shadow:0 1px 1px rgba(48,21,31,.03)!important;
  font-weight:690!important;
  transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease!important;
}
body.ui68 .btn:hover{transform:translateY(-1px);border-color:#cbb8bf!important;box-shadow:0 6px 16px rgba(64,28,41,.07)!important}
body.ui68 .btn.primary{background:linear-gradient(180deg,#982544,#861d39)!important;border-color:#861d39!important;color:#fff!important;box-shadow:0 8px 20px rgba(143,31,61,.18)!important}
body.ui68 .btn.danger{background:#fff!important;color:var(--p-bad)!important;border-color:#edcbd0!important}
body.ui68 .btn.small{min-height:36px!important;padding:7px 11px!important;font-size:12px!important}
body.ui68 .btn.tiny{min-height:32px!important;padding:5px 8px!important}

/* Forms */
body.ui68 .field{min-width:0}
body.ui68 .field label{color:#5e5056!important;font-weight:720!important;font-size:12px!important;line-height:1.25!important;margin-bottom:7px!important}
body.ui68 .field input:not([type="checkbox"]):not([type="radio"]),
body.ui68 .field select,
body.ui68 .field textarea,
body.ui68 .toolbar input,
body.ui68 .toolbar select{
  border:1px solid var(--p-line-strong)!important;
  background:#fff!important;
  color:var(--p-text)!important;
  border-radius:12px!important;
  min-height:44px!important;
  padding:9px 12px!important;
  box-shadow:inset 0 1px 1px rgba(49,23,32,.015)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
}
body.ui68 .field input:focus,body.ui68 .field select:focus,body.ui68 .field textarea:focus,body.ui68 .toolbar input:focus,body.ui68 .toolbar select:focus{
  outline:none!important;border-color:#b85c75!important;box-shadow:0 0 0 3px rgba(143,31,61,.09)!important;background:#fff!important;
}
body.ui68 .field.readonly input{background:#f6f3f4!important;color:#65575d!important}
body.ui68 input[type="number"]{-moz-appearance:textfield}
body.ui68 .tag-auto{background:#f2e4e8!important;color:#84213d!important;border:1px solid #ead0d8!important}
body.ui68 .formgrid{gap:14px!important}
body.ui68 .fuel-entry{display:flex!important;gap:8px!important;align-items:stretch!important}
body.ui68 .fuel-entry input{min-width:0!important;flex:1 1 auto!important}
body.ui68 .fuel-entry .btn{width:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;font-size:17px!important;display:grid!important;place-items:center!important}

/* Notices / pills / assignments */
body.ui68 .notice,body.ui68 .assignment{
  border-radius:14px!important;
  border:1px solid #e8dbe0!important;
  border-left:4px solid var(--p-brand)!important;
  background:linear-gradient(180deg,#fdfafb,#faf6f7)!important;
  color:#5c4e54!important;
  padding:12px 14px!important;
}
body.ui68 .notice.good{background:var(--p-good-bg)!important;border-color:#cfe6da!important;border-left-color:var(--p-good)!important}
body.ui68 .notice.warn{background:var(--p-warn-bg)!important;border-color:#ead9b1!important;border-left-color:#c28a24!important}
body.ui68 .notice.bad{background:var(--p-bad-bg)!important;border-color:#edcbd0!important;border-left-color:var(--p-bad)!important}
body.ui68 .pill{border:1px solid transparent!important;padding:5px 9px!important;font-size:10px!important;letter-spacing:.01em!important}
body.ui68 .pill.info{background:#f1edf0!important;color:#694553!important;border-color:#e5d8dd!important}
body.ui68 .pill.good{border-color:#cfe6da!important}.pill.warn{border-color:#ead9b1!important}.pill.bad{border-color:#edcbd0!important}

/* KPI blocks */
body.ui68 .metric,body.ui68 .v5-stat,body.ui68 .calcbox,
body.ui68 .v69-unitmetrics>div,body.ui68 .v699-mini-grid>div,
body.ui68 .v699-global-grid>div,body.ui68 .v52-route-summary>div,
body.ui68 .v52-cost-grid>div,body.ui68 .v52-pricing-hero>div{
  border:1px solid var(--p-line)!important;
  background:linear-gradient(180deg,#fff,#fcfafb)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
body.ui68 .metric .label,body.ui68 .calcbox small{color:var(--p-muted)!important}
body.ui68 .metric .value,body.ui68 .calcbox b{color:var(--p-text)!important;letter-spacing:-.025em!important}
body.ui68 .calc{background:#fbf9fa!important;border:1px solid var(--p-line)!important;border-radius:16px!important}

/* Tables */
body.ui68 .tablewrap{border:1px solid var(--p-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 7px 22px rgba(63,28,40,.035)!important}
body.ui68 .table th{background:#f8f4f6!important;color:#74656b!important;border-bottom:1px solid var(--p-line)!important;font-weight:800!important}
body.ui68 .table td{border-bottom:1px solid #f0e8eb!important;color:#392e33!important}
body.ui68 .table tbody tr:hover td{background:#fcf9fa!important}

/* Tabs and toolbars */
body.ui68 .v5-tabs,body.ui68 .v63-tabs,body.ui68 .v61-tabs,body.ui68 .catalog-tabs{
  background:#f1ecee!important;border:1px solid #e5d9de!important;border-radius:14px!important;padding:4px!important;gap:4px!important;
}
body.ui68 .v5-tabs button,body.ui68 .v63-tabs button,body.ui68 .v61-tabs button,body.ui68 .catalog-tabs button{
  border:0!important;border-radius:10px!important;background:transparent!important;min-height:38px!important;color:#706168!important;font-weight:700!important;
}
body.ui68 .v5-tabs button.active,body.ui68 .v63-tabs button.active,body.ui68 .v61-tabs button.active,body.ui68 .catalog-tabs button.active{
  background:#fff!important;color:#742039!important;box-shadow:0 4px 12px rgba(58,26,38,.08)!important;
}
body.ui68 .toolbar{background:#fff!important;border:1px solid var(--p-line)!important;border-radius:15px!important;padding:10px!important;gap:8px!important}

/* Operation stages */
body.ui68 .stage{position:relative;overflow:hidden}
body.ui68 .stage::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#a62b4c,#76203a)}
body.ui68 .stagehead{padding-left:2px!important;margin-bottom:14px!important;align-items:flex-start!important}
body.ui68 .stage-num{background:linear-gradient(180deg,#9c2948,#7e1f3a)!important;box-shadow:0 5px 14px rgba(143,31,61,.16)!important}
body.ui68 .stage-sub{color:var(--p-muted)!important}
body.ui68 .v699-stage-actions{gap:8px!important}
body.ui68 .v699-form-live,body.ui68 .v699-inline-live,body.ui68 .v699-edit-global{
  border:1px solid var(--p-line)!important;border-radius:15px!important;background:#fcfafb!important;box-shadow:none!important;
}
body.ui68 .v699-live-head,body.ui68 .v699-global-head,body.ui68 .v699-workspace-head{border-bottom-color:#eee5e8!important}

/* Dispatch */
body.ui68 .dispatch-board{gap:14px!important;align-items:start!important}
body.ui68 .dispatch-col{
  background:linear-gradient(180deg,#f1f4f5 0,#edf1f2 100%)!important;
  border:1px solid #e4e8e9!important;
  border-radius:18px!important;
  padding:12px!important;
  min-width:0!important;
}
body.ui68 .dispatch-head{padding:2px 3px 10px!important}
body.ui68 .dispatch-head b{font-size:12px!important;letter-spacing:.035em!important;color:#3a3034!important}
body.ui68 .dispatch-head span{background:#fff!important;border:1px solid #dce3e5!important;color:#5d6669!important;box-shadow:0 2px 7px rgba(41,56,61,.05)!important}
body.ui68 .dispatch-card{background:#fff!important;border:1px solid #dce3e5!important;border-radius:15px!important;box-shadow:0 7px 20px rgba(39,57,63,.055)!important;overflow:hidden!important}
body.ui68 .dispatch-open{padding:13px 13px 9px!important;background:#fff!important}
body.ui68 .dispatch-open>b{font-size:15px!important;letter-spacing:-.015em!important;color:#292126!important}
body.ui68 .dispatch-open small{color:#7a7074!important}
body.ui68 .dispatch-card select{margin:0 10px 10px!important;width:calc(100% - 20px)!important;min-height:38px!important;border-radius:10px!important;border-color:#dfe4e6!important;background:#fafcfc!important}
body.ui68 .v699-dispatch-telemetry{border-top:1px solid #eee7ea!important;margin-top:9px!important;padding-top:8px!important;color:#766a70!important}
body.ui68 .dispatch-empty{border:1px dashed #d4dcde!important;border-radius:13px!important;background:rgba(255,255,255,.44)!important;color:#899194!important}

/* GPS / Wialon */
body.ui68 .v69-monitor-layout{gap:16px!important}
body.ui68 .v69-map-card{border:1px solid var(--p-line)!important;border-radius:18px!important;box-shadow:var(--p-shadow)!important;overflow:hidden!important;background:#fff!important}
body.ui68 .v69-unitcard{padding:15px!important;overflow:hidden!important}
body.ui68 .v69-unitcard::before{content:"";display:block;height:3px;margin:-15px -15px 13px;background:linear-gradient(90deg,#9f2b4b,#d2a94d)}
body.ui68 .v69-unithead{gap:10px!important}.v69-unithead h3{letter-spacing:-.02em!important}
body.ui68 .v69-unitmetrics{gap:8px!important}
body.ui68 .v69-unitmetrics>div{padding:10px!important}
body.ui68 .v69-unitfoot{border-top:1px solid #eee6e9!important;padding-top:9px!important;margin-top:10px!important}
body.ui68 .v69-state,body.ui68 .v69-gps-pill{border:1px solid #eadfe3!important;box-shadow:none!important}

/* Commercial / quotes / routes */
body.ui68 .v676-commercial-hero{background:linear-gradient(135deg,#fff 0,#fbf5f7 100%)!important;border:1px solid var(--p-line)!important;border-radius:20px!important;box-shadow:var(--p-shadow)!important}
body.ui68 .v676-quote-card,body.ui68 .v676-route-card{padding:15px!important}
body.ui68 .v676-quote-top,body.ui68 .v676-route-card-head{border-bottom:1px solid #eee6e9!important;padding-bottom:10px!important;margin-bottom:10px!important}
body.ui68 .v676-state{border-radius:999px!important;border:1px solid #eadfe3!important}
body.ui68 .v52-stepper{background:#f5f0f2!important;border:1px solid #e7dce0!important;border-radius:15px!important;padding:5px!important}
body.ui68 .v52-stepper button{border:0!important;background:transparent!important;border-radius:11px!important}
body.ui68 .v52-stepper button.active{background:#3c1723!important;box-shadow:0 6px 16px rgba(49,16,27,.15)!important}

/* Workspace / expediente */
body.ui68 .v63-layout,body.ui68 .v63-workgrid,body.ui68 .v63-detailgrid{gap:14px!important}
body.ui68 .v63-column{background:#f3f0f1!important;border:1px solid #e7dfe2!important;border-radius:18px!important;padding:11px!important}
body.ui68 .v63-column-head{padding:2px 2px 10px!important}
body.ui68 .v63-service-card{background:#fff!important;border:1px solid var(--p-line)!important;border-radius:14px!important;box-shadow:0 5px 15px rgba(63,28,40,.045)!important}
body.ui68 .v63-pipeline-step{border-radius:12px!important}
body.ui68 .v63-next{background:linear-gradient(180deg,#fff7f9,#fbf0f3)!important;border-color:#e9ced6!important}

/* Modals */
body.ui68 .modal{background:rgba(31,12,19,.46)!important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
body.ui68 .modalbox{
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:var(--p-shadow-lg)!important;
}
body.ui68 .modalbox h2{font-weight:830!important;letter-spacing:-.035em!important;color:var(--p-text)!important}
body.ui68 .modalbox .actions{border-top:1px solid #eee6e9!important;padding-top:14px!important}
body.ui68 .v6113-sum-total{background:linear-gradient(180deg,#fbf8f9,#f8f4f5)!important}

/* Notification / settings blocks */
body.ui68 .v6105-grid,body.ui68 .v6104-alert-grid{gap:12px!important}
body.ui68 .v6105-state-row,body.ui68 .v6104-state-row{
  background:#fff!important;border:1px solid var(--p-line)!important;border-radius:13px!important;padding:10px 12px!important;
}
body.ui68 .v6105-test-result{border-radius:13px!important}

/* Mobile premium shell */
@media(max-width:900px){
  body.ui68{background:#f7f4f5!important}
  body.ui68 .main{padding:0 10px 26px!important}
  .v6109-mobile-shell{background:rgba(250,248,249,.94)!important;border-bottom:1px solid rgba(224,210,216,.95)!important;box-shadow:0 8px 24px rgba(52,20,32,.06)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  .v6109-appbar{padding:10px 12px 8px!important}.v6109-brand-copy b{color:#2d2227!important;letter-spacing:-.025em!important}.v6109-brand-copy small{color:#8a7880!important}
  .v6109-icon-btn{background:#fff!important;border:1px solid #e4d8dd!important;color:#6d263d!important;box-shadow:0 3px 10px rgba(59,24,37,.05)!important}
  .v6109-tabs{margin:0 9px 8px!important;padding:4px!important;background:#eee7ea!important;border:1px solid #e2d6db!important;border-radius:14px!important;gap:3px!important}
  .v6109-tab{border-radius:10px!important;color:#786970!important;min-height:48px!important}
  .v6109-tab.active{background:#fff!important;color:#7d1d39!important;box-shadow:0 4px 12px rgba(57,24,36,.09)!important}
  .v6109-panel{border-radius:22px 22px 0 0!important;box-shadow:0 -18px 50px rgba(45,15,26,.18)!important}
  .v6109-menu-grid button{border:1px solid #e9dfe2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 10px rgba(59,24,37,.035)!important}
  body.ui68 .top{margin:10px 0 14px!important;border-radius:16px!important;padding:12px 13px!important}
  body.ui68 .top h1{font-size:21px!important}
  body.ui68 .card,body.ui68 .stage{padding:14px!important;border-radius:16px!important}
  body.ui68 .section{margin-top:14px!important}
  body.ui68 .dispatch-board{grid-template-columns:1fr!important;gap:12px!important}
  body.ui68 .dispatch-col{padding:10px!important;border-radius:16px!important}
  body.ui68 .v69-unitgrid{grid-template-columns:1fr!important}
  body.ui68 .v69-unitcard{border-radius:16px!important}
}
@media(max-width:560px){
  body.ui68 .grid,body.ui68 .v5-kpis,body.ui68 .v676-kpis{gap:9px!important}
  body.ui68 .field input:not([type="checkbox"]):not([type="radio"]),body.ui68 .field select{min-height:44px!important;font-size:16px!important}
  body.ui68 .btn{min-height:42px!important}
  body.ui68 .modal{padding:6px!important}
  body.ui68 .modalbox{border-radius:17px!important;padding:14px!important}
  body.ui68 .v6113-sum-head b{font-size:26px!important}
}