/* Emich Trucking v6.8 · Nueva UI global
   Capa visual únicamente: no modifica la estructura de datos ni cálculos. */
:root{
  --ui-bg:#f5f3f4;
  --ui-surface:#ffffff;
  --ui-surface-2:#faf8f9;
  --ui-surface-3:#f2eef0;
  --ui-ink:#211d20;
  --ui-muted:#746b70;
  --ui-line:#e7e0e3;
  --ui-line-strong:#d8cdd1;
  --ui-wine:#851735;
  --ui-wine-2:#a02648;
  --ui-wine-dark:#4a0d20;
  --ui-wine-soft:#f7e9ee;
  --ui-green:#2e7450;
  --ui-green-soft:#eaf6ef;
  --ui-amber:#9a6414;
  --ui-amber-soft:#fff4df;
  --ui-red:#a33b45;
  --ui-red-soft:#fcecef;
  --ui-blue:#3d627a;
  --ui-blue-soft:#edf4f7;
  --ui-shadow:0 1px 2px rgba(40,18,27,.03),0 10px 30px rgba(48,22,32,.045);
  --ui-shadow-lg:0 22px 60px rgba(48,18,31,.14);
  --ui-radius:18px;
  --ui-radius-sm:12px;
  --nav:#2b101b;
  --nav2:#4a1729;
  --accent:var(--ui-wine);
  --accent2:var(--ui-wine-soft);
  --bg:var(--ui-bg);
  --card:var(--ui-surface);
  --ink:var(--ui-ink);
  --muted:var(--ui-muted);
  --line:var(--ui-line);
  --good:var(--ui-green);
  --goodbg:var(--ui-green-soft);
  --warn:var(--ui-amber);
  --warnbg:var(--ui-amber-soft);
  --bad:var(--ui-red);
  --badbg:var(--ui-red-soft);
  --soft:var(--ui-surface-2);
  --shadow:var(--ui-shadow);
}

html{background:var(--ui-bg)}
body.ui68{background:var(--ui-bg);color:var(--ui-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;letter-spacing:-.005em}
body.ui68 ::selection{background:#eed2dc;color:#44101f}
body.ui68 button,body.ui68 input,body.ui68 select,body.ui68 textarea{font:inherit}
body.ui68 button{transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}
body.ui68 button:active{transform:translateY(1px)}
body.ui68 :focus-visible{outline:3px solid rgba(133,23,53,.16);outline-offset:2px}

/* App shell */
body.ui68 .app{min-height:100vh;align-items:stretch}
body.ui68 .side{width:272px;min-width:272px;background:linear-gradient(180deg,#291019 0%,#37101f 50%,#260d16 100%);padding:18px 14px 14px;border-right:1px solid rgba(255,255,255,.05);box-shadow:18px 0 50px rgba(41,10,23,.05);z-index:50}
body.ui68 .brand{padding:3px 7px 17px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.085);display:flex!important;align-items:center!important;gap:11px!important}
body.ui68 .brand-logo{width:38px!important;height:38px!important;border-radius:11px!important;background-color:#fff!important;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;flex:0 0 auto}
body.ui68 .brand-meta{display:block!important;min-width:0}
body.ui68 .brand-meta b{font-size:15px;line-height:1.1;letter-spacing:-.015em;color:#fff}
body.ui68 .brand-meta small{font-size:9px;color:#cbb9c0;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}
body.ui68 .nav{gap:0;overflow:auto;padding-right:1px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
body.ui68 .nav-group{margin:11px 0 0}
body.ui68 .nav-label{padding:0 10px 6px;font-size:8px!important;letter-spacing:.14em!important;font-weight:800!important;color:#a88b96!important}
body.ui68 .nav button{display:flex;align-items:center;gap:10px;min-height:39px;padding:9px 10px!important;border-radius:10px!important;color:#d8cbd0!important;font-size:12px!important;font-weight:580!important;position:relative}
body.ui68 .nav button:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
body.ui68 .nav button.active{background:linear-gradient(90deg,rgba(181,55,91,.24),rgba(255,255,255,.07))!important;color:#fff!important;box-shadow:inset 3px 0 0 #d76587}
body.ui68 .nav button.active:after{content:"";width:5px;height:5px;border-radius:50%;background:#e17b99;position:absolute;right:11px;box-shadow:0 0 0 4px rgba(225,123,153,.09)}
body.ui68 .nav-icon{width:25px;height:25px;display:grid!important;place-items:center;border-radius:8px;background:rgba(255,255,255,.065);font-size:12px;color:#e7d9de;flex:0 0 auto}
body.ui68 .nav button.active .nav-icon{background:rgba(211,87,123,.18);color:#fff}
body.ui68 .side-foot{margin-top:auto;padding:12px 10px 4px;color:#b9a6ad;font-size:9px;border-top:1px solid rgba(255,255,255,.07)}
body.ui68 .sync-dot{width:7px;height:7px;box-shadow:0 0 0 4px rgba(213,163,47,.07)}
body.ui68 .sync-dot.ok{box-shadow:0 0 0 4px rgba(75,195,124,.08)}

body.ui68 .main{max-width:none;width:calc(100% - 272px);margin:0;padding:0 30px 38px;min-width:0}
body.ui68 .top{position:sticky;top:0;z-index:35;margin:0 -30px 20px;padding:17px 30px 15px;min-height:78px;background:rgba(245,243,244,.9);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(216,205,209,.72);align-items:center}
body.ui68 .top h1{font-size:22px;font-weight:760;letter-spacing:-.035em;color:#241c20}
body.ui68 .sub{font-size:10px;color:#81767b;margin-top:3px;letter-spacing:.005em}
body.ui68 .top-actions{gap:7px}
body.ui68 .top-actions .btn{min-height:38px}
body.ui68 #view{max-width:1660px;margin:0 auto;padding-bottom:20px}

/* Buttons */
body.ui68 .btn{border:1px solid var(--ui-line-strong);background:#fff;color:#3d3338;border-radius:10px;padding:9px 13px;box-shadow:none;font-size:11px;font-weight:680;line-height:1.2}
body.ui68 .btn:hover{border-color:#c7b4bb;background:#fdfbfc;box-shadow:0 4px 14px rgba(67,25,40,.06)}
body.ui68 .btn.primary{background:linear-gradient(180deg,#981d41,#7f1434);color:#fff;border-color:#7e1534;box-shadow:0 6px 17px rgba(127,20,52,.16)}
body.ui68 .btn.primary:hover{background:linear-gradient(180deg,#a62449,#861536);border-color:#77112f;box-shadow:0 8px 20px rgba(127,20,52,.22)}
body.ui68 .btn.ghost{background:rgba(255,255,255,.55);border-color:#ded5d8}
body.ui68 .btn.danger{color:#9d3540;border-color:#eccdd1;background:#fffafa}
body.ui68 .btn.danger:hover{background:#fff1f2;border-color:#dfaeb5}
body.ui68 .btn.small{padding:7px 10px;font-size:10px}
body.ui68 .btn.tiny{padding:5px 8px;font-size:9px;border-radius:8px}

/* Universal cards and content rhythm */
body.ui68 .section{margin-top:15px}
body.ui68 .card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);padding:18px;box-shadow:var(--ui-shadow)}
body.ui68 .card h2,body.ui68 .section h2{font-size:15px;letter-spacing:-.018em;font-weight:740;color:#2b2327}
body.ui68 .section-title{align-items:center;margin-bottom:13px}
body.ui68 .section-title .sub{font-size:10px;line-height:1.45;max-width:760px}
body.ui68 .divider{background:var(--ui-line);margin:16px 0}
body.ui68 .note{font-size:10px;line-height:1.55;color:var(--ui-muted)}
body.ui68 .notice{border:1px solid #e7dfe2;border-left:3px solid #9e3653;background:#fbf7f8;border-radius:11px;padding:10px 12px;font-size:10px;color:#5d5055}
body.ui68 .notice.good{border-color:#cde5d7;border-left-color:#3f8660;background:#f2faf5;color:#456555}
body.ui68 .notice.warn{border-color:#edd9b9;border-left-color:#b17721;background:#fff8eb;color:#725a34}
body.ui68 .notice.bad{border-color:#efced3;border-left-color:#ae4853;background:#fff4f5;color:#765057}
body.ui68 .empty{padding:32px;color:#8a7d83;font-size:11px}
body.ui68 .two{gap:12px}
body.ui68 .grid{gap:11px}

/* Dashboard / metrics */
body.ui68 .v5-hero{border:1px solid #eadfe3!important;border-radius:21px!important;background:radial-gradient(circle at 92% 12%,rgba(155,40,73,.12),transparent 27%),linear-gradient(135deg,#fff 0%,#fcf8f9 62%,#f5e8ed 100%)!important;padding:23px 24px!important;box-shadow:var(--ui-shadow)!important}
body.ui68 .v5-hero:before{content:none!important}
body.ui68 .v5-hero .eyebrow,body.ui68 .eyebrow{font-size:8px!important;letter-spacing:.14em!important;font-weight:850!important;color:var(--ui-wine)!important}
body.ui68 .v5-hero h2{font-size:27px!important;letter-spacing:-.04em!important;color:#2a1e23!important;margin:3px 0 5px!important}
body.ui68 .v5-hero p{font-size:11px!important;color:#756970!important;max-width:700px}
body.ui68 .v5-kpis{gap:10px!important;margin-top:12px!important}
body.ui68 .v5-stat{border:1px solid var(--ui-line)!important;background:#fff!important;border-radius:15px!important;padding:14px 15px!important;min-height:91px!important;box-shadow:0 4px 16px rgba(52,22,34,.025)!important;position:relative;overflow:hidden}
body.ui68 .v5-stat:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e4d6db}
body.ui68 .v5-stat.warn:after{background:#d89a38}
body.ui68 .v5-stat>span{font-size:9px!important;text-transform:uppercase;letter-spacing:.05em;font-weight:740;color:#82767b!important}
body.ui68 .v5-stat>b{font-size:22px!important;color:#292125!important;letter-spacing:-.035em;margin-top:4px!important}
body.ui68 .v5-stat>small{font-size:9px!important;color:#92868b!important}
body.ui68 .v5-layout{gap:12px!important}
body.ui68 .v5-module-grid{gap:10px!important}
body.ui68 .v5-module{border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#fff!important;padding:15px!important;box-shadow:0 4px 16px rgba(45,20,30,.025)!important}
body.ui68 .v5-module:hover{border-color:#d5c1c8!important;transform:translateY(-1px)}
body.ui68 .v5-row{border-color:#eee7e9!important;border-radius:10px!important;background:#fff!important}
body.ui68 .v5-row:hover{background:#fbf7f9!important;border-color:#dfcdd3!important}

/* Tabs / toolbars */
body.ui68 .v5-tabs{display:flex;gap:4px;padding:4px;background:#ede8ea;border:1px solid #e4dade;border-radius:13px;width:max-content;max-width:100%;overflow:auto;margin:0 0 15px}
body.ui68 .v5-tabs button{border:0!important;border-radius:9px!important;background:transparent!important;padding:8px 12px!important;color:#786e72!important;font-size:10px!important;font-weight:700!important;white-space:nowrap}
body.ui68 .v5-tabs button:hover{background:rgba(255,255,255,.58)!important;color:#4f4247!important}
body.ui68 .v5-tabs button.active{background:#fff!important;color:#74142f!important;box-shadow:0 1px 5px rgba(48,20,30,.08)!important}
body.ui68 .catalog-tabs{gap:5px;padding:4px;background:#eee9eb;border-radius:12px;border:1px solid #e5dce0;width:max-content;max-width:100%;overflow:auto}
body.ui68 .catalog-tabs .btn{border:0;background:transparent;box-shadow:none;white-space:nowrap}
body.ui68 .catalog-tabs button.active{background:#fff!important;color:#7f1835!important;box-shadow:0 1px 5px rgba(44,20,28,.07)}
body.ui68 .toolbar{padding:10px;background:#faf8f9;border:1px solid var(--ui-line);border-radius:12px;gap:7px;margin-bottom:10px}
body.ui68 .toolbar input,body.ui68 .toolbar select{min-height:36px;border-color:#ded5d8;border-radius:9px;padding:8px 10px;font-size:10px;background:#fff}

/* Forms */
body.ui68 .formgrid{gap:11px}
body.ui68 .field label{font-size:9px;color:#70656a;margin-bottom:6px;font-weight:760;letter-spacing:.012em}
body.ui68 .field input,body.ui68 .field select,body.ui68 .field textarea{border:1px solid #ddd3d7;border-radius:10px;padding:10px 11px;background:#fff;color:#30262b;min-height:40px;font-size:11px;box-shadow:inset 0 1px 0 rgba(50,20,30,.015)}
body.ui68 .field textarea{min-height:85px}
body.ui68 .field input:hover,body.ui68 .field select:hover,body.ui68 .field textarea:hover{border-color:#cebfc4}
body.ui68 .field input:focus,body.ui68 .field select:focus,body.ui68 .field textarea:focus{border-color:#a6536c;box-shadow:0 0 0 3px rgba(133,23,53,.08);outline:0}
body.ui68 .field.readonly input{background:#f5f1f3;border-color:#e6dde0;color:#685c62}
body.ui68 .tag-auto{background:#f3e7eb;color:#7a2941;padding:2px 6px;font-size:8px}
body.ui68 .stage{border:1px solid #e7dfe2;border-radius:16px;padding:16px;background:#fff;box-shadow:0 4px 16px rgba(45,20,30,.025)}
body.ui68 .stagehead{margin-bottom:13px}
body.ui68 .stage-num{width:25px;height:25px;background:#7f1835;font-size:10px;box-shadow:0 4px 10px rgba(127,24,53,.13)}
body.ui68 .stage h3{font-size:13px;color:#30262a}
body.ui68 .stage-sub{font-size:9px;color:#8b7f84}

/* Calculation / metrics inside forms */
body.ui68 .calc{border:1px solid #e7dfe2;background:#faf8f9;border-radius:14px;padding:13px}
body.ui68 .calcgrid{gap:8px}
body.ui68 .calcbox{border:1px solid #e6dde0;border-radius:11px;padding:10px;background:#fff}
body.ui68 .calcbox small{font-size:9px;color:#80747a}
body.ui68 .calcbox b{font-size:15px;letter-spacing:-.02em;color:#292125;margin-top:2px}
body.ui68 .calcbox.good{background:#f1faf5;border-color:#cbe5d6}
body.ui68 .calcbox.warn{background:#fff8ea;border-color:#edd7ae}
body.ui68 .calcbox.bad{background:#fff3f4;border-color:#eccbd0}

/* Tables */
body.ui68 .tablewrap{border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:none;overflow:auto}
body.ui68 .table{font-size:10px}
body.ui68 .table th{position:sticky;top:0;z-index:2;padding:10px 11px;background:#f8f5f6;color:#786d72;border-bottom:1px solid #e6dde0;font-size:8px;letter-spacing:.065em;font-weight:800}
body.ui68 .table td{padding:10px 11px;border-bottom:1px solid #f0eaec;color:#42373c;vertical-align:middle}
body.ui68 .table tbody tr{transition:background .12s ease}
body.ui68 .table tbody tr:hover{background:#fcf9fa}
body.ui68 .table tbody tr:last-child td{border-bottom:0}
body.ui68 .table td b{color:#2d2428}
body.ui68 .pill{padding:4px 8px;font-size:8px;letter-spacing:.02em;border-radius:999px}
body.ui68 .pill.good{background:#eaf6ef;color:#2d6d4a}
body.ui68 .pill.warn{background:#fff2db;color:#8e5b12}
body.ui68 .pill.bad{background:#fdebed;color:#9a3a44}
body.ui68 .pill.info{background:#edf3f7;color:#45687d}
body.ui68 .pill.muted{background:#f0edef;color:#71676b}

/* Load rows and operational capture */
body.ui68 .load-list{gap:7px}
body.ui68 .loadrow{border:1px solid #e6dde0;border-radius:12px;background:#fcfafb;padding:10px;gap:7px}
body.ui68 .loadrow:hover{border-color:#d7c8ce;background:#fff}
body.ui68 .load-amount{font-size:9px;color:#806f76;font-weight:650}
body.ui68 .inspection-grid label{border-color:#e5dce0;border-radius:10px;background:#fff;font-size:10px}

/* Commercial v6.7.6 integrated into global UI */
body.ui68 .v676-commercial-hero{border-radius:20px;border-color:#e5d8dd;background:radial-gradient(circle at 95% 15%,rgba(145,30,62,.1),transparent 30%),linear-gradient(135deg,#fff,#faf5f7)}
body.ui68 .v676-commercial-hero h2{color:#2d2025}
body.ui68 .v676-kpis button{border-radius:14px;border-color:#e5dce0;box-shadow:0 4px 16px rgba(45,20,30,.02)}
body.ui68 .v676-quote-card,body.ui68 .v676-route-card{border-color:#e5dce0;box-shadow:0 5px 18px rgba(45,20,30,.025)}
body.ui68 .v676-quote-card:hover,body.ui68 .v676-route-card:hover{border-color:#d7c3ca}
body.ui68 .v676-card-actions{border-top:1px solid #f0eaec;padding-top:11px}

/* Route quote modal */
body.ui68 .v52-stepper{gap:5px;padding:4px;background:#f0ebed;border-radius:13px}
body.ui68 .v52-stepper button{border:0!important;border-radius:9px!important;background:transparent!important;padding:8px 9px!important}
body.ui68 .v52-stepper button.active{background:#64142e!important;color:#fff!important;box-shadow:0 4px 13px rgba(100,20,46,.16)}
body.ui68 .v52-stepper button span{background:#ddd3d7!important;color:#766a70!important}
body.ui68 .v52-stepper button.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}
body.ui68 .v52-pane{border-top:0;padding-top:13px}
body.ui68 .v52-pane-title>span{background:#7f1835;border-radius:10px}
body.ui68 .v52-pane-title h3{font-size:16px;color:#30242a}
body.ui68 .v52-stop{border-color:#e6dde0;border-radius:12px;background:#fbf9fa}
body.ui68 .v52-route-summary>div,body.ui68 .v52-cost-grid>div,body.ui68 .v52-pricing-hero>div{border-color:#e7dfe2;border-radius:11px}
body.ui68 .v52-cost-grid .total{background:#edf8f2;border-color:#c9e4d4}

/* ContaLink / import */
body.ui68 .v674-cl-head{gap:12px}
body.ui68 .v674-master-card{border-color:#e5dce0!important;border-radius:15px!important}
body.ui68 .v674-drop{border-color:#d9cbd0!important;border-radius:13px!important;background:#fcfafb!important}
body.ui68 .v674-drop:hover{border-color:#af6b80!important;background:#fff!important}
body.ui68 .v674-path{border-color:#e8e0e2!important;background:#faf8f9!important}
body.ui68 .v675-title h2{color:#302329}

/* Modals */
body.ui68 .modal{background:rgba(34,14,22,.42);backdrop-filter:blur(8px);padding:20px}
body.ui68 .modalbox{border:1px solid rgba(255,255,255,.7);border-radius:20px!important;background:#fff;box-shadow:var(--ui-shadow-lg)!important;padding:20px!important;max-height:calc(100vh - 40px);overflow:auto}
body.ui68 .modalbox h2{font-size:18px;letter-spacing:-.028em;color:#2d2227}
body.ui68 .modalbox h3{font-size:13px;color:#30262a}
body.ui68 .modalbox .actions{padding-top:12px;border-top:1px solid #eee7e9}

/* Fleet / finance / admin status colors */
body.ui68 .smart-master{border-left:0!important;box-shadow:var(--ui-shadow)!important}
body.ui68 .admin-highlight{border-left:3px solid #9b3856}
body.ui68 .v5-readiness{border:1px solid #e4dade;background:#faf7f8;border-radius:13px}
body.ui68 .v5-readiness>b{color:#7f1835}
body.ui68 .v5-bars>div{border-color:#eee7e9!important}

/* Better content hierarchy on every page */
body.ui68 #view>.card:first-child:not(.v676-commercial-hero),body.ui68 #view>.section:first-child.card{margin-top:0}
body.ui68 #view>.v5-tabs:first-child{margin-top:2px}
body.ui68 .actions{gap:7px;margin-top:13px}
body.ui68 .actions:empty{display:none}
body.ui68 .hero-actions{gap:7px}

/* Toast */
body.ui68 .toast{background:#2e1720;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 12px 35px rgba(33,12,20,.24);font-size:10px;padding:10px 13px}

/* Page-specific soft accents, set by v68.js */
body.ui68[data-page="operacion"] .top h1,body.ui68[data-page="comercial"] .top h1{color:#6f1831}
body.ui68[data-page="facturacion"] .top h1,body.ui68[data-page="contabilidad"] .top h1{color:#3d596a}
body.ui68[data-page="flota"] .top h1,body.ui68[data-page="cumplimiento"] .top h1{color:#5e5038}

/* Scrollbars */
body.ui68 *{scrollbar-width:thin;scrollbar-color:#d7cbd0 transparent}
body.ui68 *::-webkit-scrollbar{width:8px;height:8px}
body.ui68 *::-webkit-scrollbar-thumb{background:#d7cbd0;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
body.ui68 *::-webkit-scrollbar-track{background:transparent}

/* Responsive */
@media(max-width:1180px){
  body.ui68 .side{width:238px;min-width:238px}
  body.ui68 .main{width:calc(100% - 238px);padding-left:20px;padding-right:20px}
  body.ui68 .top{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  body.ui68 .calcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  body.ui68 .side{display:none}
  body.ui68 .main{width:100%;padding:0 12px 84px}
  body.ui68 .top{margin:0 -12px 13px;padding:13px 12px 12px;min-height:66px;background:rgba(245,243,244,.94)}
  body.ui68 .top h1{font-size:19px}
  body.ui68 .top .sub{display:none}
  body.ui68 .top-actions .btn.ghost{display:none}
  body.ui68 .mobilebar{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;left:8px;right:8px;bottom:8px;z-index:80;background:rgba(43,16,27,.95);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:5px;box-shadow:0 14px 35px rgba(41,10,23,.2)}
  body.ui68 .mobilebar button{border:0;background:transparent;color:#cdbdc3;border-radius:11px;padding:7px 4px;min-width:0}
  body.ui68 .mobilebar button.active{background:rgba(255,255,255,.1);color:#fff}
  body.ui68 .mobilebar button span{font-size:14px}
  body.ui68 .mobilebar button small{font-size:8px;margin-top:2px}
  body.ui68 .v5-tabs{width:100%}
  body.ui68 .v5-tabs button{flex:1 0 auto}
  body.ui68 .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui68 .span3{grid-column:span 2}
  body.ui68 .loadrow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  body.ui68 .top-actions .btn.primary{padding:9px 10px;font-size:10px}
  body.ui68 .card{padding:14px;border-radius:15px}
  body.ui68 .v5-hero{padding:18px!important;border-radius:17px!important}
  body.ui68 .v5-hero h2{font-size:23px!important}
  body.ui68 .v5-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.ui68 .v5-stat{min-height:80px!important;padding:11px!important}
  body.ui68 .v5-stat>b{font-size:18px!important}
  body.ui68 .formgrid,body.ui68 .formgrid.two-col{grid-template-columns:1fr}
  body.ui68 .span2,body.ui68 .span3{grid-column:span 1}
  body.ui68 .two{grid-template-columns:1fr}
  body.ui68 .calcgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ui68 .loadrow{grid-template-columns:1fr}
  body.ui68 .modal{padding:7px}
  body.ui68 .modalbox{border-radius:16px!important;padding:14px!important;max-height:calc(100vh - 14px)}
  body.ui68 .v52-stepper{grid-template-columns:repeat(4,minmax(42px,1fr))}
  body.ui68 .v52-stepper button{justify-content:center!important}
}
@media(max-width:400px){
  body.ui68 .v5-kpis{grid-template-columns:1fr 1fr!important}
  body.ui68 .calcgrid{grid-template-columns:1fr 1fr}
  body.ui68 .top h1{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body.ui68 *,body.ui68 *:before,body.ui68 *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Dashboard progressive workflow */
body.ui68 .v68-workflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:12px 0 0;padding:9px;border:1px solid #e4dade;background:#fff;border-radius:16px;box-shadow:0 4px 18px rgba(47,20,30,.025)}
body.ui68 .v68-workflow>button{display:flex;align-items:center;gap:9px;text-align:left;border:0;background:transparent;color:#40343a;border-radius:10px;padding:8px 9px;min-width:0}
body.ui68 .v68-workflow>button:hover{background:#faf5f7}
body.ui68 .v68-workflow>button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f2e5e9;color:#7f1735;font-size:9px;font-weight:850;flex:0 0 auto}
body.ui68 .v68-workflow b,body.ui68 .v68-workflow small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ui68 .v68-workflow b{font-size:10px;color:#352a2f}
body.ui68 .v68-workflow small{font-size:8px;color:#8b7e84;margin-top:1px}
body.ui68 .v68-workflow>i{font-style:normal;color:#c8b9bf;font-size:11px}
@media(max-width:900px){body.ui68 .v68-workflow{grid-template-columns:1fr 1fr;gap:5px}body.ui68 .v68-workflow>i{display:none}}
@media(max-width:480px){body.ui68 .v68-workflow{grid-template-columns:1fr}body.ui68 .v68-workflow>button{padding:7px}}