:root{--color-bark-950: #1c0a0a;--color-bark-900: #2a1010;--color-bark-800: #3d1a1a;--color-bark-700: #5c2d2d;--color-bark-600: #7a3d3d;--color-bark-500: #944a4a;--color-bark-300: #c89090;--color-bark-200: #e8c8c8;--color-bark-100: #f5ecec;--color-bark-50: #fbf7f7;--color-lima-600: #6b9a1e;--color-lima-500: #8fb83a;--color-lima-400: #aacc55;--color-lima-300: #c8e070;--color-lima-200: #d4f090;--color-lima-100: #e6f7c0;--color-lima-50: #f3fbe4;--color-stone-950: #131210;--color-stone-900: #1c1a17;--color-stone-800: #2d2a25;--color-stone-700: #3e3a34;--color-stone-600: #524e47;--color-stone-500: #6b6560;--color-stone-400: #908980;--color-stone-300: #bab4ac;--color-stone-200: #d8d2ca;--color-stone-150: #e4dfd8;--color-stone-100: #ede8e2;--color-stone-50: #f5f2ee;--color-stone-0: #fdfcfa;--surface: var(--color-stone-0);--surface-2: var(--color-stone-50);--surface-3: var(--color-stone-100);--border: var(--color-stone-100);--border-strong: var(--color-stone-200);--border-brand: var(--color-bark-200);--border-brand-strong: var(--color-bark-300);--text-primary: var(--color-stone-950);--text-secondary: var(--color-stone-500);--text-muted: var(--color-stone-400);--text-placeholder: var(--color-stone-300);--text-brand: var(--color-bark-700);--text-on-dark: var(--color-stone-0);--text-on-lima: var(--color-bark-900);--interactive-primary: var(--color-lima-200);--interactive-primary-hover: var(--color-lima-300);--interactive-primary-dark: var(--color-lima-300);--interactive-primary-dark-hover: var(--color-lima-200);--interactive-brand: var(--color-bark-700);--interactive-brand-hover: var(--color-bark-800);--focus-ring: var(--color-bark-100);--focus-ring-border: var(--color-bark-500);--status-ok: #3d8f5f;--status-ok-bg: #e6f5ee;--status-ok-border: #b8e0cc;--status-warn: #b06a10;--status-warn-bg: #fef0dc;--status-warn-border: #f0c88a;--status-fail: #b83232;--status-fail-bg: #fceaea;--status-fail-border: #f0aaaa;--status-neutral: var(--color-stone-500);--status-neutral-bg: var(--color-stone-100);--status-neutral-border: var(--color-stone-200);--font-brand: "Manjari", sans-serif;--font-ui: "DM Sans", sans-serif;--numeric-features: "tnum" 1, "zero" 0;--text-xs: 11px;--text-sm: 12.5px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 32px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--tracking-tight: -.01em;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s12: 48px;--btn-px-md: 18px;--btn-py-md: 9px;--card-p: var(--s5);--card-p-lg: var(--s6);--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(30, 10, 10, .05);--shadow-sm: 0 1px 4px rgba(30, 10, 10, .07), 0 2px 8px rgba(30, 10, 10, .04);--shadow-md: 0 4px 16px rgba(30, 10, 10, .09), 0 1px 4px rgba(30, 10, 10, .05);--shadow-lg: 0 8px 32px rgba(30, 10, 10, .1), 0 2px 8px rgba(30, 10, 10, .06);--shadow-focus-brand: 0 0 0 3px var(--color-bark-100);--transition-base: all .15s ease;--z-overlay: 300;--module-accent: var(--color-bark-700);--module-accent-strong: var(--color-bark-800);--module-accent-soft: var(--color-bark-50);--module-accent-soft-2: var(--color-bark-100);--module-accent-border: var(--color-bark-200)}[data-module=comex]{--module-accent: var(--color-bark-700);--module-accent-strong: var(--color-bark-800);--module-accent-soft: var(--color-bark-50);--module-accent-soft-2: var(--color-bark-100);--module-accent-border: var(--color-bark-200)}[data-module=logistica]{--module-accent: var(--color-lima-600);--module-accent-strong: var(--color-lima-500);--module-accent-soft: var(--color-lima-50);--module-accent-soft-2: var(--color-lima-100);--module-accent-border: var(--color-lima-300)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.numeric,.data-value{font-family:var(--font-ui);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;font-feature-settings:var(--numeric-features);color:var(--text-brand)}.brand-wordmark{font-family:var(--font-brand);font-weight:var(--weight-bold);color:var(--color-bark-700)}.label-caps{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,#f8f4ef,#f5f2ee)}.app-shell,.app-layout{min-height:100%}.app-layout{--app-sidebar-width: 268px}.app-layout--collapsed{--app-sidebar-width: 88px}.app-frame{width:min(100%,1240px);margin:0 auto;padding:var(--s8) var(--s4) var(--s12)}.app-frame--main{width:min(100%,1400px)}.app-sidebar{width:var(--app-sidebar-width);position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--s5);overflow-y:auto;z-index:100;box-shadow:var(--shadow-sm);transition:width .2s ease,padding .2s ease}.app-sidebar:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--color-bark-700),var(--color-lima-300))}.app-sidebar__controls{display:flex;justify-content:flex-end;margin-bottom:var(--s3)}.app-sidebar__toggle{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-secondary)}.app-sidebar__brand{display:flex;align-items:center;gap:var(--s3);margin:var(--s1) 0 var(--s8);padding-bottom:var(--s5);border-bottom:1px solid var(--border)}.app-sidebar__mark{width:52px;height:52px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-brand);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.app-sidebar__mark-img{width:100%;height:100%;object-fit:cover}.app-sidebar__brand-copy{min-width:0}.app-sidebar__tenant{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-brand);line-height:1.1;word-break:break-word}.app-sidebar__subtitle{margin-top:var(--s1);font-size:10px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.app-sidebar__section{margin-bottom:var(--s6)}.app-sidebar__label{padding:0 var(--s2);margin-bottom:var(--s2)}.app-sidebar__link{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-md);color:var(--text-secondary);font-size:13.5px;font-weight:var(--weight-regular);transition:var(--transition-base);margin-bottom:1px;cursor:pointer;-webkit-user-select:none;user-select:none}.app-sidebar__link:hover{color:var(--text-primary);background:var(--surface-3)}.app-sidebar__link.is-active{color:var(--module-accent);background:var(--module-accent-soft);font-weight:var(--weight-semibold);border-left:3px solid var(--module-accent);padding-left:calc(var(--s3) - 3px)}.app-sidebar__group{margin-bottom:var(--s4)}.app-sidebar__group+.app-sidebar__group{margin-top:var(--s2);padding-top:var(--s5);border-top:1px solid var(--border)}.app-sidebar__group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;padding:var(--s1) var(--s2);margin-bottom:var(--s1);background:transparent;border:none;border-radius:var(--r-md);cursor:pointer;transition:var(--transition-base)}.app-sidebar__group-header:hover{background:var(--module-accent-soft)}.app-sidebar__group-label{display:flex;align-items:center;gap:var(--s2);margin-bottom:0;color:var(--module-accent)}.app-sidebar__group-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--module-accent);box-shadow:0 0 0 3px var(--module-accent-soft);flex-shrink:0}.app-sidebar__group-chevron{color:var(--module-accent);opacity:.7;transition:transform .2s ease}.app-sidebar__group.is-collapsed-group .app-sidebar__group-chevron{transform:rotate(-90deg)}.app-sidebar__icon{display:inline-flex;align-items:center;justify-content:center;min-width:20px}.app-sidebar__meta{margin-top:auto;padding-top:var(--s5);border-top:1px solid var(--border)}.app-sidebar__meta-text{margin-top:var(--s2);font-size:var(--text-sm);color:var(--text-secondary)}.app-sidebar.is-collapsed .app-sidebar__brand-copy,.app-sidebar.is-collapsed .app-sidebar__label,.app-sidebar.is-collapsed .app-sidebar__link-label,.app-sidebar.is-collapsed .app-sidebar__meta{display:none}.app-sidebar.is-collapsed .app-sidebar__brand,.app-sidebar.is-collapsed .app-sidebar__link{justify-content:center}.app-main{margin-left:var(--app-sidebar-width);min-width:0;transition:margin-left .2s ease}.app-surface{background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.app-topbar,.app-navbar{position:relative;overflow:hidden}.app-topbar:before,.app-navbar:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--color-bark-700),var(--color-lima-300))}.app-topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}.app-topbar__brand{display:flex;align-items:center;gap:var(--s3)}.app-topbar__brand-logo{width:28px;height:28px;object-fit:contain}.app-topbar__wordmark{font-size:24px;line-height:1}.app-topbar__subtitle{margin-top:2px;font-size:10px;font-weight:var(--weight-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.app-mobile-nav{display:none;padding:var(--s2)}.app-page-heading{display:grid;gap:var(--s2);margin-bottom:var(--s5);padding:0 var(--s1)}.app-page-heading__title-row{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.app-page-heading__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-snug)}.app-page-heading__chip{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--r-full);background:var(--module-accent-soft);border:1px solid var(--module-accent-border);color:var(--module-accent);font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase}.app-page-heading__sub{max-width:620px;font-size:var(--text-md);color:var(--text-secondary);line-height:1.7}.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--s8) var(--s4)}.auth-card{width:min(100%,540px);padding:var(--s8);display:grid;gap:var(--s5)}.auth-kicker{display:inline-flex;align-items:center;gap:var(--s2);padding:3px 10px;border-radius:var(--r-full);background:var(--color-bark-100);border:1px solid var(--border-brand);color:var(--text-brand);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.auth-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}.auth-message{color:var(--text-secondary)}.qa{position:fixed;right:var(--s5);bottom:var(--s5);z-index:var(--z-overlay);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--s3)}.qa__stack{display:grid;gap:var(--s3);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.qa.open .qa__stack{opacity:1;transform:translateY(0);pointer-events:auto}.qa__btn{width:46px;height:46px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-md);transition:var(--transition-base)}.qa__btn:hover{background:var(--surface-3);color:var(--text-primary);transform:translateY(-1px)}.qa__btn.active{background:var(--color-bark-700);color:var(--color-stone-0);border-color:var(--color-bark-700)}.qa__btn--logo{width:56px;height:56px;border:1px solid var(--border-brand);box-shadow:var(--shadow-lg)}.qa__logo-img{width:82%;height:82%;object-fit:contain}.qa__logo-text{font-size:12px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);color:var(--text-brand)}.user-corner{display:inline-flex;align-items:center;gap:var(--s3);flex-wrap:wrap;justify-content:flex-end}.user-corner__name-inline{font-size:clamp(18px,2vw,22px);font-weight:var(--weight-medium);color:var(--text-brand);line-height:1;letter-spacing:var(--tracking-tight)}.user-corner__logo{width:40px;height:40px;border-radius:var(--r-full);border:1px solid var(--border-brand);background:linear-gradient(135deg,var(--color-bark-800),var(--color-bark-700));color:var(--color-lima-200);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm)}.user-corner__logo img{width:100%;height:100%;object-fit:cover}.section-card{padding:var(--card-p-lg);border-radius:var(--r-xl)}.section-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5)}.section-card__heading{display:grid;gap:var(--s2)}.section-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}.section-card__footer{margin-top:var(--s5);display:flex;justify-content:flex-end;gap:var(--s3);flex-wrap:wrap}.cc-detail-table{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.cc-detail-table__scroller{overflow-x:auto}.cc-detail-table__header,.cc-detail-table__row{min-width:1040px;display:grid;grid-template-columns:72px minmax(220px,2fr) repeat(5,minmax(110px,1fr)) minmax(130px,1fr) 64px;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4)}.cc-detail-table__header{background:color-mix(in srgb,var(--surface-2) 88%,white 12%);border-bottom:1px solid var(--border);color:var(--text-primary);font-size:12px;font-weight:var(--weight-semibold)}.cc-detail-table__row+.cc-detail-table__row{border-top:1px solid var(--border)}.cc-detail-table__line-number{font-size:13px;font-weight:var(--weight-semibold);color:var(--text-brand)}.metric-grid{display:grid;gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.metric-card__label{margin-bottom:var(--s2)}.metric-card__value{font-size:26px;font-weight:var(--weight-bold);line-height:1;color:var(--text-primary)}.metric-card__value--accent{color:var(--text-brand)}.orders-overview{margin-bottom:var(--s5)}.orders-overview__header{display:grid;gap:var(--s3);margin-bottom:var(--s4);padding:0 var(--s2)}.orders-overview__controls{display:grid;gap:var(--s2);grid-template-columns:minmax(0,1fr);align-items:center}@media (min-width: 960px){.orders-overview__controls{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:start}}.orders-overview__controls>.MuiButton-root{min-width:0;height:40px}@media (min-width: 960px){.orders-overview__controls>.MuiButton-root{width:100%}}.orders-card-grid{display:grid;gap:var(--s4);grid-template-columns:repeat(1,minmax(0,1fr));padding:0 var(--s2)}@media (min-width: 960px){.orders-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1440px){.orders-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.orders-context-bar{display:flex;flex-wrap:wrap;gap:var(--s4);margin-bottom:var(--s2);padding:0 var(--s2);align-items:center}@media (min-width: 960px){.orders-context-bar{gap:var(--s5)}}.orders-context-bar__item{min-width:0}.orders-overview__empty{margin-left:var(--s2);margin-right:var(--s2)}.orders-detail-filters{margin-bottom:var(--s5);padding:0 var(--s2)}.orders-detail-filters__controls{display:grid;gap:var(--s3);grid-template-columns:minmax(0,1fr);align-items:center}@media (min-width: 960px){.orders-detail-filters__controls{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}}.orders-detail-filters__controls .MuiButton-root{min-width:148px;height:40px}.orders-line-context{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);margin-bottom:var(--s4)}@media (min-width: 760px){.orders-line-context{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(140px,1fr))}}.orders-line-context__item{min-width:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--border) 82%,white);border-radius:var(--r-md);background:color-mix(in srgb,var(--surface) 76%,var(--surface-2))}.orders-line-context__label{margin:0;font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.orders-line-context__value{margin:3px 0 0;min-width:0;color:var(--text-primary);font-size:14px;font-weight:var(--weight-semibold);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-line-context__value--wrap{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.orders-context-bar__label{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.orders-context-bar__value{margin-top:2px;font-size:15px;font-weight:var(--weight-semibold);color:var(--text-primary)}.orders-context-bar__value--filters{font-size:var(--text-sm);line-height:1.45;color:var(--text-secondary)}.numeric{font-family:var(--font-ui);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;color:var(--text-brand)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px 10px;border-radius:var(--r-full);letter-spacing:.02em;border:1px solid transparent;white-space:nowrap;line-height:1.4}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-ok{background:var(--status-ok-bg);color:var(--status-ok);border-color:var(--status-ok-border)}.badge-warn{background:var(--status-warn-bg);color:var(--status-warn);border-color:var(--status-warn-border)}.badge-fail{background:var(--status-fail-bg);color:var(--status-fail);border-color:var(--status-fail-border)}.badge-brand{background:var(--color-bark-100);color:var(--color-bark-700);border-color:var(--color-bark-200)}.badge-neutral{background:var(--surface-3);color:var(--text-secondary);border-color:var(--border)}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-ui);font-weight:var(--weight-medium);border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;line-height:1}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-brand)}.btn-sm{padding:var(--s2) var(--s3);border-radius:var(--r-md);font-size:var(--text-sm)}.btn-primary{background:var(--interactive-primary);color:var(--text-on-lima);font-weight:var(--weight-bold);box-shadow:0 1px 3px #1e0a0a26}.btn-primary:hover:not(:disabled){background:var(--interactive-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6b9a1e4d}.btn-secondary{background:var(--surface);color:var(--color-bark-700);border:1.5px solid var(--border-brand);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:var(--color-bark-500);background:var(--color-bark-50);transform:translateY(-1px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s5) var(--s6);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;margin-bottom:var(--s3);gap:var(--s2);min-width:0}.card-ref{font-size:var(--text-sm);color:var(--color-bark-600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0 0 4px;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.card-meta{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--s4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-tags{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s4);min-width:0}.track-card{display:flex;flex-direction:column;gap:var(--s2)}.track-card .card-footer{margin-top:auto;padding-top:var(--s2)}.track-card__client{margin:0 0 var(--s1);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-progress{margin:var(--s1) 0 var(--s2)}.track-progress__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s2)}.track-progress__label{font-size:10px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.track-progress__value{font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--module-accent)}.track-progress__bar{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.track-progress__fill{height:100%;border-radius:var(--r-full);background:var(--module-accent);transition:width .3s ease}.track-progress__caption{margin-top:var(--s2);font-size:var(--text-sm);color:var(--text-secondary)}.track-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);padding:var(--s3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.track-counter{display:flex;align-items:flex-start;gap:var(--s2);min-width:0}.track-counter__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--r-md);background:var(--module-accent-soft);color:var(--module-accent)}.track-counter__body{display:flex;flex-direction:column;min-width:0}.track-counter__value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.1}.track-counter__label{font-size:9px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.track-counter__sub{margin-top:1px;font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-detail__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.track-detail__back{text-transform:none;font-weight:var(--weight-semibold);color:var(--text-brand)}.track-detail__header{padding:var(--s5) var(--s6)}.track-timeline{display:flex;flex-direction:column;position:relative}.track-timeline__item{display:grid;grid-template-columns:34px 1fr;gap:var(--s3);padding-bottom:var(--s4);position:relative}.track-timeline__item:before{content:"";position:absolute;left:16px;top:30px;bottom:-4px;width:2px;background:var(--border-strong)}.track-timeline__item:last-child:before{display:none}.track-timeline__dot{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--surface-3);color:var(--text-secondary);border:1px solid var(--border-strong);z-index:1}.track-timeline__item--pick .track-timeline__dot,.track-timeline__item--remito .track-timeline__dot,.track-timeline__item--assigned .track-timeline__dot{background:var(--module-accent-soft);color:var(--module-accent);border-color:var(--module-accent-border)}.track-timeline__item--closed .track-timeline__dot{background:var(--status-ok-bg);color:var(--status-ok);border-color:var(--status-ok-border)}.track-timeline__body{min-width:0;padding-top:4px}.track-timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.track-timeline__title{font-weight:var(--weight-semibold);color:var(--text-primary)}.track-timeline__time{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.track-timeline__sub{display:block;margin-top:2px;font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 768px){.track-counters{grid-template-columns:1fr}}.card-comment{min-height:46px;max-height:74px;margin:2px 0 0;padding:10px 12px;border-left:3px solid var(--focus-ring-border);border-radius:var(--r-md);background:color-mix(in srgb,var(--surface-2) 78%,white);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-stats{display:flex;gap:var(--s5);flex-wrap:wrap;padding:var(--s3) var(--s4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);margin-top:var(--s4);margin-bottom:var(--s4)}.card-stat-block{min-width:0}.card-stat-label{display:block;font-size:9px;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);line-height:1.2}.card-stat-value{display:block;margin-top:3px;font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--text-primary);line-height:1.2}.card-stat-value--accent{color:var(--text-brand)}.card-footer{display:flex;justify-content:flex-end;align-items:center;gap:var(--s2);flex-wrap:wrap}.order-card{cursor:pointer;border-top:6px solid var(--order-company-color, var(--border));border-radius:calc(var(--r-xl) + 1px);min-height:370px;min-width:0;display:grid;grid-template-rows:auto auto auto auto auto auto 1fr auto;align-content:start}.order-card .card-header>.badge{max-width:150px;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.2}.order-card .card-tags .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}.order-card .card-footer{align-self:end}.app-page-stack[data-module] .order-card{border-top-color:var(--order-company-color, var(--module-accent))}.pedido-comment-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3);align-items:end;margin-top:var(--s4)}@media (min-width: 760px){.pedido-comment-editor{grid-template-columns:minmax(0,1fr) auto}}.pedido-comment-editor .MuiButton-root{min-height:72px;align-self:start}.thread-comment-card{width:100%;border-radius:var(--r-lg)}.thread-file-list{margin-top:var(--s3);border:1px solid var(--border);border-radius:var(--r-lg)}.file-dropzone{width:min(100%,760px);min-height:210px;margin:0 auto;border:1.5px dashed color-mix(in srgb,var(--color-bark-700) 45%,white);border-radius:calc(var(--r-xl) + 2px);background:linear-gradient(180deg,#f5ececf5,#f8f4efeb),linear-gradient(135deg,#ffffffd6,#ffffff8f);display:grid;place-items:center;text-align:center;padding:var(--s8) var(--s6);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;box-shadow:inset 0 0 0 1px #fff6}.file-dropzone:hover,.file-dropzone.is-dragging{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-bark-700) 70%,#f5ecec);box-shadow:0 14px 30px #623b321a;background:linear-gradient(180deg,#f5ecec,#f8f4eff5),linear-gradient(135deg,#ffffffe6,#ffffff9e)}.file-dropzone.is-disabled{opacity:.64;cursor:not-allowed}.file-dropzone__icon{width:62px;height:62px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-brand);background:#ffffffb8;border:1px solid color-mix(in srgb,var(--color-bark-700) 18%,white);margin-bottom:var(--s3)}.file-dropzone__title{font-size:clamp(24px,2.6vw,30px);font-weight:var(--weight-bold);color:var(--text-brand);line-height:1.1}.file-dropzone__subtitle{margin-top:var(--s2);max-width:440px;font-size:var(--text-lg);color:var(--text-secondary);line-height:1.45}.file-dropzone__notice{margin-top:var(--s4);max-width:560px;font-size:var(--text-sm);color:var(--text-brand);line-height:1.55}@media (max-width: 768px){.app-sidebar{display:none}.app-main{margin-left:0}.app-frame{padding:var(--s5) var(--s3) var(--s10)}.app-mobile-nav{display:block}.qa{right:var(--s3);bottom:var(--s3)}.metric-grid{grid-template-columns:1fr}.app-page-heading__title-row{align-items:flex-start}.file-dropzone{min-height:180px;padding:var(--s7) var(--s4)}.file-dropzone__title{font-size:22px}.file-dropzone__subtitle{font-size:var(--text-md)}.file-dropzone__notice{font-size:var(--text-xs)}}