@font-face{font-family:"Mona Sans";src:url("../assets/font/mona-sans/Mona-Sans-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("../assets/font/mona-sans/Mona-Sans-SemiBold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Mona Sans";src:url("../assets/font/mona-sans/Mona-Sans-Black.ttf") format("truetype");font-weight:900;font-display:swap}
:root{--red:#d71d28;--red-soft:rgba(215,29,40,.12);--ink:#231b1d;--muted:#645a5e;--line:rgba(26,18,20,.1);--blue:#1d68d8;--green:#14845c;--amber:#ba6a11;--glass:rgba(255,255,255,.84);--shadow-xl:0 36px 90px rgba(18,12,13,.16);--shadow-lg:0 24px 52px rgba(18,12,13,.1);--shadow-md:0 16px 36px rgba(18,12,13,.08);--shadow-sm:0 10px 24px rgba(18,12,13,.05)}
*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:"Mona Sans","Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 8%,rgba(215,29,40,.08),transparent 22%),radial-gradient(circle at 88% 0,rgba(29,104,216,.06),transparent 22%),linear-gradient(180deg,#f8f5f3,#f1ece8)}body[data-view="login"]{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 12% 8%,rgba(215,29,40,.09),transparent 20%),radial-gradient(circle at 90% 6%,rgba(29,104,216,.05),transparent 20%),linear-gradient(180deg,#fff,#f7f2ef)}body[data-view="dashboard"]{padding:24px}body.sidebar-open{overflow:hidden}button,input,select{font:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}[hidden],.is-hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen,.portal-app{width:100%}.screen--login{display:grid;place-items:center}
.auth-shell{width:min(1240px,100%);min-height:min(780px,92vh);display:grid;grid-template-columns:minmax(380px,450px) 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:38px;background:rgba(255,255,255,.84);box-shadow:var(--shadow-xl);backdrop-filter:none}
.auth-panel{position:relative}.auth-panel--form{display:flex;flex-direction:column;padding:42px 42px 34px;background:rgba(255,255,255,.94)}.auth-panel--form:after{content:"";position:absolute;inset:32px 0 32px auto;width:1px;background:linear-gradient(180deg,rgba(23,17,18,0),rgba(23,17,18,.08),rgba(23,17,18,0))}
.auth-brand img{height:42px;width:auto}.auth-copy{max-width:360px;margin-top:88px}.auth-kicker,.dashboard-kicker,.section-eyebrow,.sidebar-section__label,.hero-panel__eyebrow,.sidebar-promo__kicker,.hero-pill{display:inline-flex;align-items:center;width:max-content;padding:9px 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-kicker,.dashboard-kicker,.section-eyebrow,.sidebar-promo__kicker{color:var(--red);background:rgba(215,29,40,.08)}.auth-copy h1{margin:18px 0 14px;font-size:clamp(2.3rem,5vw,3.3rem);line-height:.98;letter-spacing:-.06em}.auth-copy p,.auth-helper,.dashboard-header__title p,.section-head p,.sidebar-radar__header p,.sidebar-promo p,.feed-item__copy p,.customer-preview__meta,.customer-card__meta,.section-footnote{color:var(--muted);line-height:1.7}.auth-copy p{margin:0;font-size:15px}
.auth-form{max-width:360px;margin-top:34px}.form-group+.form-group{margin-top:18px}.form-group label,.field-select span{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.input-wrap{position:relative}.form-control,.select-control,.search-field__input{width:100%;border:1px solid var(--line);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-control,.select-control{min-height:52px;padding:0 16px;border-radius:16px;background:#fff;color:var(--ink)}.form-control:focus,.select-control:focus,.search-field__input:focus{border-color:rgba(215,29,40,.36);box-shadow:0 0 0 4px rgba(215,29,40,.11)}.form-control--password{padding-right:100px}.password-toggle{position:absolute;top:50%;right:10px;min-width:72px;height:36px;padding:0 14px;border:none;border-radius:999px;transform:translateY(-50%);color:var(--red);background:rgba(215,29,40,.08);font-size:12px;font-weight:700;cursor:pointer}
.auth-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.checkbox{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.checkbox input{width:16px;height:16px;accent-color:var(--red)}.auth-link{color:var(--red);font-size:12px;font-weight:700}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:16px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .2s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button--block{width:100%}.button--primary{color:#fff;background:linear-gradient(135deg,var(--red),#b5111b);box-shadow:0 18px 34px rgba(215,29,40,.24)}.button--secondary{color:#fff;background:linear-gradient(135deg,#211718,#3e2023);box-shadow:0 16px 32px rgba(23,17,18,.18)}.button--tertiary{color:var(--ink);background:rgba(23,17,18,.04);border-color:rgba(23,17,18,.08)}.button--ghost{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.message{padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.5}.message--error{margin-bottom:16px;color:#97131a;background:rgba(215,29,40,.08);border:1px solid rgba(215,29,40,.16)}.auth-notes{max-width:360px;margin-top:14px}.auth-helper{margin:0;font-size:12px}.auth-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.auth-points span{padding:9px 12px;border-radius:999px;background:rgba(23,17,18,.04);font-size:11px;font-weight:700}
.error-panel{padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.5;color:#97131a;background:rgba(215,29,40,.08);border:1px solid rgba(215,29,40,.16)}
.auth-panel--visual{overflow:hidden;background:linear-gradient(145deg,#110d0e,#251415 42%,#431117)}.auth-panel--visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,12,13,.18),rgba(17,12,13,.36) 58%,rgba(17,12,13,.74)),radial-gradient(circle at 24% 18%,rgba(215,29,40,.26),transparent 26%);z-index:1}.auth-panel--visual:after{content:"";position:absolute;right:-80px;bottom:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(215,29,40,.34),transparent 70%);z-index:1}.auth-visual-media{position:absolute;inset:0}.auth-visual-media img{width:100%;height:100%;object-fit:cover}.auth-visual-content{position:absolute;inset:auto 34px 34px 34px;z-index:2;display:grid;gap:18px;color:#fff}.hero-pill{color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}.auth-visual-content h2,.hero-panel__content h2,.dashboard-header__title h1{font-family:Georgia,"Times New Roman",serif}.auth-visual-content h2{max-width:9.4ch;margin:0;font-size:clamp(3rem,6vw,5.2rem);line-height:.88;letter-spacing:-.05em}.auth-visual-content p,.hero-panel__content p{margin:0;color:rgba(255,255,255,.78);font-size:15px}.auth-visual-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.visual-stat{padding:16px 16px 14px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09)}.visual-stat strong{display:block;font-size:1.5rem}.visual-stat span{display:block;margin-top:4px;color:rgba(255,255,255,.74);font-size:12px}
.dashboard-shell{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.dashboard-sidebar,.dashboard-header,.dashboard-content,.surface-card,.metric-card{border:1px solid rgba(255,255,255,.72);background:var(--glass);backdrop-filter:none}.dashboard-sidebar{position:sticky;top:24px;min-height:calc(100vh - 48px);padding:24px;border-radius:34px;box-shadow:var(--shadow-md)}.dashboard-sidebar__top,.dashboard-sidebar__footer,.sidebar-profile,.sidebar-radar__header,.dashboard-header__top,.dashboard-header__meta,.dashboard-header__actions,.dashboard-header__main,.section-head,.hero-panel__actions,.pagination,.product-card__header,.product-card__meta-row,.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.sidebar-brand img{height:36px;width:auto}
.icon-button{display:none;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 16px;border:1px solid rgba(23,17,18,.08);border-radius:16px;background:rgba(255,255,255,.78);font-size:12px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm)}.icon-button--sidebar{display:none}
.sidebar-profile{align-items:flex-start;margin-top:28px;padding:18px;border-radius:26px;background:linear-gradient(180deg,rgba(23,17,18,.04),rgba(255,255,255,.5));border:1px solid rgba(23,17,18,.08)}.sidebar-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--red),#171112);font-size:1.05rem;font-weight:800}.sidebar-profile__copy p,.sidebar-profile__copy span{margin:0;color:var(--muted)}.sidebar-profile__copy h2{margin:4px 0 6px;font-size:1.05rem}.sidebar-profile__copy span{font-size:12px}
.sidebar-section{margin-top:28px}.sidebar-section__label{color:var(--muted);background:rgba(23,17,18,.04)}.sidebar-nav{display:grid;gap:8px;margin-top:16px}.nav-button,.nav-subnav__button{display:flex;align-items:center;width:100%;border:none;cursor:pointer;text-align:left}.nav-button{gap:12px;min-height:52px;padding:0 14px;border-radius:18px;color:#415163;background:transparent;font-weight:700}.nav-button__icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(23,17,18,.06);font-size:11px;font-weight:900}.nav-button--active{color:var(--red);background:rgba(215,29,40,.08)}.nav-button--active .nav-button__icon{color:var(--red);background:#fff}.nav-group{display:grid;gap:6px}.nav-subnav{display:grid;gap:6px;padding-left:46px}.nav-subnav__button{min-height:42px;padding:0 14px;border-radius:14px;color:var(--muted);background:rgba(23,17,18,.04);font-size:13px;font-weight:700}.nav-subnav__button--active{color:var(--red);background:rgba(215,29,40,.08)}.nav-group--collapsed .nav-subnav{display:none}
.sidebar-radar,.sidebar-promo{margin-top:24px;padding:20px;border-radius:26px;border:1px solid rgba(23,17,18,.08);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,241,237,.84));box-shadow:var(--shadow-sm)}.sidebar-radar__header{align-items:flex-start;flex-direction:column}.sidebar-radar__header p,.sidebar-promo p{margin:10px 0 0;font-size:13px}.sidebar-radar__list{display:grid;gap:12px;margin-top:18px}.radar-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.radar-item span{color:var(--muted);font-size:12px}.sidebar-promo h3{margin:16px 0 0;font-size:1.15rem}
.dashboard-main{min-width:0;display:flex;flex-direction:column;gap:24px}.dashboard-header{padding:26px 30px;border-radius:34px;box-shadow:var(--shadow-md)}.dashboard-header__meta{justify-content:flex-start;min-width:0}.dashboard-header__actions{flex-wrap:wrap}.breadcrumb-list{display:flex;align-items:center;gap:10px;padding:0;margin:0;list-style:none;color:#8d8086;font-size:12px;font-weight:700}.status-chip,.section-badge,.pagination__info{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;color:#445063;background:rgba(23,17,18,.04);border:1px solid rgba(23,17,18,.08);font-size:12px;font-weight:700}.status-chip--accent{color:var(--red);background:rgba(215,29,40,.08)}.dashboard-header__title{display:grid;gap:10px}.dashboard-header__title h1{margin:0;font-size:clamp(2.4rem,5vw,3.7rem);line-height:.95;letter-spacing:-.06em}.dashboard-search{width:min(430px,100%)}.search-field{position:relative;display:block}.search-field__icon{position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#7a6f74;font-size:12px;font-weight:700;pointer-events:none}.search-field__input{min-height:54px;padding:0 16px 0 82px;border-radius:18px;background:rgba(255,255,255,.8)}.dashboard-header__tabs{margin-top:22px}.status-tabs{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:18px;background:rgba(23,17,18,.04);border:1px solid rgba(23,17,18,.08)}.status-tab{min-height:40px;padding:0 16px;border:none;border-radius:12px;color:#566273;background:transparent;font-size:13px;font-weight:700;cursor:pointer}.status-tab.active{color:var(--red);background:#fff;box-shadow:var(--shadow-sm)}
.dashboard-content{display:flex;flex-direction:column;gap:24px;padding:30px;border-radius:34px;box-shadow:var(--shadow-md)}.dashboard-content[data-view="overview"]{background:radial-gradient(circle at 0 0,rgba(215,29,40,.08),transparent 22%),radial-gradient(circle at 100% 0,rgba(29,104,216,.07),transparent 22%),linear-gradient(180deg,rgba(255,253,252,.92),rgba(255,255,255,.98))}.dashboard-content[data-view^="warehouse"]{background:radial-gradient(circle at 0 0,rgba(20,132,92,.08),transparent 20%),radial-gradient(circle at 100% 0,rgba(186,106,17,.08),transparent 20%),linear-gradient(180deg,rgba(250,253,251,.94),rgba(255,255,255,.98))}.dashboard-content[data-view="quotes"],.dashboard-content[data-view="customers"],.dashboard-content[data-view^="products"]{background:radial-gradient(circle at 0 0,rgba(29,104,216,.06),transparent 20%),radial-gradient(circle at 100% 0,rgba(215,29,40,.06),transparent 20%),linear-gradient(180deg,rgba(252,253,255,.94),rgba(255,255,255,.98))}.dashboard-section{display:grid;gap:24px}
.hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) 320px;gap:24px;padding:34px;border-radius:32px;color:#fff;background:radial-gradient(circle at 16% 18%,rgba(215,29,40,.22),transparent 22%),radial-gradient(circle at 84% 16%,rgba(29,104,216,.16),transparent 18%),linear-gradient(135deg,#120d0e,#261516 40%,#451217);box-shadow:var(--shadow-lg)}.hero-panel:before{content:"";position:absolute;top:20px;right:24px;width:min(32vw,240px);height:min(32vw,240px);border-radius:32px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));transform:rotate(12deg)}.hero-panel__content,.hero-panel__stats{position:relative;z-index:1}.hero-panel__content{display:grid;gap:14px}.hero-panel__eyebrow{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.hero-panel__content h2{max-width:11ch;margin:0;font-size:clamp(2.6rem,5vw,4.7rem);line-height:.9;letter-spacing:-.06em}.hero-panel__stats{display:grid;gap:14px}.hero-stat{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08)}.hero-stat span{display:block;color:rgba(255,255,255,.68);font-size:12px;text-transform:uppercase}.hero-stat strong{display:block;margin-top:6px;font-size:2rem}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.metric-card{min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border-radius:28px;box-shadow:var(--shadow-sm)}.metric-card__label,.metric-card__caption{display:block}.metric-card__label{font-size:12px;font-weight:800;text-transform:uppercase}.metric-card__value{margin:10px 0 6px;font-size:clamp(2.2rem,4vw,3rem);line-height:1}.metric-card__caption{font-size:12px;opacity:.72}.metric-card--dark{color:#fff;background:linear-gradient(145deg,#181112,#2a1618)}.metric-card--red{color:var(--red);background:linear-gradient(145deg,#fff5f6,#fff0f1)}.metric-card--sand{color:#9e5c0f;background:linear-gradient(145deg,#fffbf4,#fff3df)}.metric-card--blue{color:var(--blue);background:linear-gradient(145deg,#f3f8ff,#edf5ff)}.metric-card--white{color:var(--ink);background:linear-gradient(145deg,#fff,#faf7f5)}
.dashboard-grid{display:grid;gap:24px}.dashboard-grid--overview{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.dashboard-grid--overview-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-card{padding:28px;border-radius:30px;box-shadow:var(--shadow-sm)}.section-head{align-items:flex-end;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(23,17,18,.08)}.section-head h3{margin:8px 0 0;font-size:1.22rem}.filters-bar,.feed-list,.signal-list,.customer-preview-grid,.customer-grid,.product-grid{display:grid;gap:16px}.filters-bar{grid-template-columns:minmax(240px,320px) auto;align-items:end;margin-bottom:22px}
.feed-item,.customer-preview,.customer-card,.product-card{border:1px solid rgba(23,17,18,.08);background:rgba(255,255,255,.9);box-shadow:var(--shadow-sm)}.feed-item{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:22px}.feed-item__copy strong,.customer-preview__name,.customer-card__name,.product-card__title{display:block;font-weight:800}.signal-item{display:grid;gap:10px;padding:16px 18px;border-radius:22px;border:1px solid rgba(23,17,18,.08);background:rgba(255,255,255,.88)}.signal-meta{display:flex;justify-content:space-between;gap:16px}.signal-meta span{color:var(--muted);font-size:12px}.signal-meter{width:100%;height:8px;overflow:hidden;border-radius:999px;background:rgba(23,17,18,.06)}.signal-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),#ff636d)}.customer-preview-grid,.customer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.customer-preview,.customer-card{padding:18px;border-radius:22px}
.stack-list__item,.list-card{border:1px solid rgba(23,17,18,.08);background:rgba(255,255,255,.9);box-shadow:var(--shadow-sm)}
.stack-list__item{display:flex;justify-content:space-between;gap:16px;padding:18px;border-radius:22px}.stack-list__item strong{display:block;font-weight:800}.stack-list__item p{margin:8px 0 0;color:var(--muted);font-size:12px}
.list-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px}.list-card__title{margin:0;font-size:1rem;font-weight:800}.list-card__meta{margin:0;color:var(--muted);font-size:13px}
.customer-preview__pill,.customer-card__pill,.stock-pill,.status-pill,.product-card__sku{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:30px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.customer-preview__pill,.customer-card__pill{color:var(--blue);background:rgba(29,104,216,.08)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.product-card{display:flex;flex-direction:column;gap:18px;min-height:258px;padding:22px;border-radius:24px}.product-card__header{padding-bottom:16px;border-bottom:1px solid rgba(23,17,18,.08)}.product-card__sku{color:#495666;background:rgba(23,17,18,.05)}.product-card__title{margin:12px 0 0;font-size:1rem}.product-card__meta{display:grid;gap:12px}.product-card__meta-row span,.product-card__footer span{color:var(--muted);font-size:12px}.product-card__meta-row strong,.product-card__footer strong{font-size:14px}.product-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(23,17,18,.08)}
.table-wrap{overflow-x:auto;border-radius:24px;border:1px solid rgba(23,17,18,.08)}.data-table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0}.data-table thead th{padding:16px 18px;color:#6e6369;background:rgba(248,243,240,.94);border-bottom:1px solid rgba(23,17,18,.08);font-size:11px;font-weight:800;text-align:left;text-transform:uppercase}.data-table tbody td{padding:18px;color:var(--ink);background:rgba(255,255,255,.9);border-bottom:1px solid rgba(23,17,18,.06);font-size:13px}.table-cell-strong{font-weight:800}.table-cell-soft{color:var(--muted)}.table-cell-amount{font-weight:800}.stock-pill--healthy{color:var(--green);background:rgba(20,132,92,.12)}.stock-pill--low{color:#c86d00;background:rgba(186,106,17,.12)}.stock-pill--empty{color:var(--red);background:rgba(215,29,40,.12)}.status-pill--pending{color:#9a5b03;background:rgba(186,106,17,.12)}.status-pill--progress{color:var(--blue);background:rgba(29,104,216,.12)}.status-pill--closed{color:var(--green);background:rgba(20,132,92,.12)}
.pagination{flex-wrap:wrap;margin-top:22px}.empty-state{display:grid;place-items:center;min-height:220px;padding:24px;border-radius:24px;border:1px dashed rgba(23,17,18,.12);color:var(--muted);background:rgba(23,17,18,.03);text-align:center}.empty-state strong{display:block;margin-bottom:8px}.dashboard-footer{padding:0 8px;color:var(--muted);font-size:12px}.sidebar-backdrop{position:fixed;inset:0;z-index:30;background:rgba(23,17,18,.45);backdrop-filter:none}
@media (max-width:1220px){.dashboard-grid--overview,.dashboard-grid--overview-secondary,.hero-panel{grid-template-columns:1fr}}
@media (max-width:1080px){body[data-view="dashboard"]{padding:16px}.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;top:16px;left:16px;bottom:16px;width:min(320px,calc(100vw - 32px));min-height:auto;z-index:40;transform:translateX(calc(-100% - 24px));transition:transform .28s ease}.dashboard-sidebar.is-open{transform:translateX(0)}.icon-button,.icon-button--sidebar{display:inline-flex}}
@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-panel--form:after{display:none}.auth-panel--visual{min-height:420px}.auth-copy{margin-top:42px}}
@media (max-width:820px){.dashboard-header,.dashboard-content,.surface-card{padding-left:20px;padding-right:20px}.dashboard-header__top,.dashboard-header__main,.section-head,.product-card__header,.product-card__meta-row,.product-card__footer{flex-direction:column;align-items:stretch}.filters-bar{grid-template-columns:1fr}.dashboard-search,.field-select{width:100%}}
@media (max-width:640px){body[data-view="login"]{padding:12px}.auth-shell{border-radius:30px}.auth-copy h1,.dashboard-header__title h1{font-size:clamp(2rem,12vw,2.8rem)}.auth-visual-content h2,.hero-panel__content h2{font-size:clamp(2.3rem,12vw,3.4rem)}.dashboard-header,.dashboard-content{padding:18px 16px}.surface-card,.hero-panel,.metric-card,.product-card,.customer-card,.feed-item,.signal-item,.customer-preview{padding:18px;border-radius:22px}.auth-visual-stats,.metrics-grid,.product-grid,.customer-grid,.customer-preview-grid{grid-template-columns:1fr}}

.quotes-filter-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(260px,1fr) auto;gap:16px;align-items:end;margin-bottom:22px;padding:16px;border-radius:18px;background:rgba(23,17,18,.04);border:1px solid rgba(23,17,18,.08)}.quotes-filter-bar .form-control,.quotes-filter-bar .select-control{min-height:40px;border-radius:2px}.quotes-filter-bar__actions{display:flex;align-items:end;gap:4px;justify-content:flex-end;min-width:max-content}.quotes-filter-bar__actions .button{min-height:40px;padding:0 14px;border-radius:3px;color:#fff;font-size:12px}.quotes-filter-bar__actions .button--tertiary{color:var(--kc-ink)}.button--quote-search,.button--quote-print{background:#12a886}.button--quote-new{background:#1678bd}.button--quote-edit{background:#ec5565}.quotes-filter-bar__actions .button:disabled,.removed-module-orders-actions .button:disabled{opacity:.48;cursor:not-allowed;transform:none}.data-table--quotes,.data-table--removed-orders{min-width:1120px}.removed-module-orders-panel{padding-bottom:16px}.removed-module-orders-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.removed-module-orders-actions .button{min-height:38px;padding:0 15px;border-radius:3px;color:#fff;font-size:12px}.removed-module-orders-filter-bar{margin:16px}.field-select--wide{min-width:min(360px,100%)}.removed-module-orders-table-wrap{margin:0 16px}.removed-module-orders-pagination{justify-content:flex-end;margin:12px 16px 0}.pagination__button{min-height:36px;padding:0 14px;border:1px solid var(--kc-line);border-radius:4px;background:#fff;color:var(--kc-ink);font-size:12px;font-weight:800;cursor:pointer}.pagination__button:disabled{opacity:.45;cursor:not-allowed}.data-table--removed-orders tbody tr{cursor:pointer}.data-table--removed-orders tbody tr.data-table__row--selected td{background:#fff7f8;box-shadow:inset 3px 0 0 var(--kc-red)}.quote-selector{width:16px;height:16px;accent-color:var(--kc-red)}.removed-module-order-form-panel{margin:18px 16px 0;border:1px solid var(--kc-line);border-radius:8px;background:#fff;overflow:hidden}.removed-module-order-form-panel__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--kc-line);background:#fafafb}.removed-module-order-form-panel__head h3{margin:8px 0 0;color:var(--kc-ink);font-size:18px}.removed-module-order-form-panel__head p{margin:4px 0 0;color:var(--kc-muted);font-size:13px}.removed-module-order-form-panel__head .button{min-height:38px;border-radius:3px}.removed-module-order-editor{padding:16px}.quote-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quote-form-field{display:grid;gap:6px}.quote-form-field span{color:var(--kc-ink);font-size:11px;font-weight:800}.quote-form-field--wide{grid-column:span 2}.quote-form-toolbar,.quote-form-actions{display:flex;align-items:center;gap:8px;margin:14px 0}.quote-form-toolbar .button,.quote-form-actions .button{min-height:36px;border-radius:3px;color:#fff;font-size:12px}.quote-form-actions .button--tertiary{color:var(--kc-ink)}.quote-form-table-wrap{margin-top:8px}.data-table--quote-form{min-width:1180px}.data-table--quote-form input{width:100%;min-height:30px;border:1px solid var(--kc-line);border-radius:3px;padding:0 8px;font-size:12px}.quote-form-totals{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:14px}.quote-form-totals article{padding:10px;border:1px solid var(--kc-line);border-radius:6px;background:#fafafb}.quote-form-totals article span{display:block;color:var(--kc-muted);font-size:10px;font-weight:800;text-transform:uppercase}.quote-form-totals article strong{display:block;margin-top:4px;color:var(--kc-ink);font-size:13px}.quote-form-alert{margin-bottom:12px;padding:10px 12px;border-radius:6px;font-size:12px;font-weight:800}.quote-form-alert--error{color:#b91c1c;background:#fee2e2}.quote-form-alert--ok{color:#047857;background:#d1fae5}.table-customer-name{display:block;color:var(--kc-ink);font-size:13px}.table-customer-doc{display:block;margin-top:4px;color:var(--kc-muted);font-size:11px;font-weight:700}.section-footnote{display:block;margin:12px 16px 0;font-size:12px}

@media (max-width:1180px){.quotes-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.quotes-filter-bar__actions{justify-content:flex-start;flex-wrap:wrap;min-width:0}}
@media (max-width:640px){.quotes-filter-bar{grid-template-columns:1fr;padding:14px}.quotes-filter-bar__actions .button{flex:1 1 calc(50% - 4px)}}

/* Katherine WhatsApp dashboard visual system */
body[data-view="dashboard"]{--kc-bg:#f7f8fb;--kc-panel:#fff;--kc-panel-soft:#fafafb;--kc-line:#e5e7eb;--kc-ink:#111827;--kc-muted:#6b7280;--kc-red:#e30613;--kc-red-soft:#fee2e5;--kc-green:#16a34a;--kc-blue:#64748b;--kc-shadow:0 12px 30px rgba(17,24,39,.06);margin:0;padding:0;background:linear-gradient(180deg,#fff 0,#fafafb 58%,#fff 100%);color:var(--kc-ink);font-family:Inter,Geist,"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
body[data-view="dashboard"] .app-container{min-height:100vh;background:linear-gradient(180deg,#fff,#fafafb)}
body[data-view="dashboard"] .screen--dashboard{min-height:100vh;background:linear-gradient(180deg,#fff 0,#fafafb 58%,#fff 100%)}
.portal-topbar{position:fixed;inset:0 0 auto 0;z-index:60;height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;background:#fff;border-bottom:1px solid var(--kc-line)}
.portal-topbar__brand{width:148px;display:flex;align-items:center;flex:0 0 auto}.portal-topbar__brand img{width:126px;max-height:42px;object-fit:contain}.portal-topbar__button,.portal-topbar__icon{height:36px;border:1px solid var(--kc-line);background:#fff;color:var(--kc-ink);border-radius:8px;font-size:13px;font-weight:650}.portal-topbar__button{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;white-space:nowrap}.portal-topbar__button--whatsapp{margin-left:auto;border-radius:999px;color:#101827}.portal-topbar__button--whatsapp::before{content:"";width:10px;height:10px;margin-right:8px;border:2px solid #16a34a;border-radius:999px}.portal-topbar__message{margin:0;color:#111827;font-size:13px;white-space:nowrap}.portal-topbar__message strong{color:var(--kc-red);font-weight:800}.portal-topbar__actions{display:flex;align-items:center;gap:12px;margin-left:auto}.portal-topbar__icon{position:relative;width:36px;display:grid;place-items:center;color:#4b5563}.portal-topbar__icon--alert::after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:999px;background:var(--kc-red);box-shadow:0 0 0 2px #fff}
body[data-view="dashboard"] .dashboard-shell{width:100%;max-width:none;margin:0;display:block}.dashboard-sidebar{position:fixed;top:64px;left:0;z-index:45;width:172px;height:calc(100vh - 64px);min-height:0;padding:12px 8px 14px;border:0;border-right:1px solid var(--kc-line);border-radius:0;background:#fff;box-shadow:none;overflow-y:auto}.dashboard-sidebar__top,.sidebar-profile,.sidebar-radar,.sidebar-promo,.sidebar-section__label{display:none}.sidebar-section{margin:0}.sidebar-nav{gap:4px;margin:0}.nav-button,.nav-subnav__button{position:relative;min-height:56px;border:0;border-radius:8px;background:transparent;color:var(--kc-ink);font-size:14px;font-weight:650;box-shadow:none}.nav-button{gap:12px;padding:0 10px 0 14px}.nav-button__icon{width:20px;height:20px;border-radius:0;background:transparent;color:#4b5563;font-size:10px}.nav-button:hover,.nav-subnav__button:hover{background:var(--kc-panel-soft)}.nav-button--active,.nav-subnav__button--active{background:#fff;color:var(--kc-ink);box-shadow:var(--kc-shadow)}.nav-button--active::before,.nav-subnav__button--active::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:var(--kc-red)}.nav-button--active .nav-button__icon{color:var(--kc-red);background:transparent}.nav-subnav{gap:4px;padding-left:10px}.nav-subnav__button{padding:0 10px 0 20px;font-size:12px;color:#4b5563}.dashboard-sidebar__footer{margin-top:auto}.dashboard-sidebar__footer .button{min-height:38px;border-radius:8px;background:#fff;color:var(--kc-ink);border-color:var(--kc-line);box-shadow:none;font-size:12px}
body[data-view="dashboard"] .dashboard-main{min-height:100vh;margin-left:172px;padding:88px 28px 28px;gap:18px;background:linear-gradient(90deg,rgba(227,6,19,.045),transparent 22%),linear-gradient(135deg,rgba(228,239,247,.72),rgba(255,255,255,.9) 44%,rgba(247,249,252,.92))}
body[data-view="dashboard"] .dashboard-header{padding:0 16px 18px;border:0;border-radius:0;background:transparent;box-shadow:none}.dashboard-header__top{align-items:center;margin-bottom:14px}.breadcrumb-list{color:var(--kc-muted)}.status-chip{min-height:30px;border-radius:999px;border-color:var(--kc-line);background:#fff;color:var(--kc-muted);box-shadow:none}.status-chip--accent{background:var(--kc-red-soft);color:var(--kc-red);border-color:transparent}.dashboard-kicker,.section-eyebrow,.hero-panel__eyebrow{min-height:28px;padding:0 12px;border:1px solid rgba(227,6,19,.18);border-radius:999px;background:rgba(227,6,19,.06);color:var(--kc-red);font-size:12px;font-weight:750;letter-spacing:0;text-transform:none}.dashboard-header__title h1{margin:8px 0 8px;color:#111827;font-size:clamp(38px,5vw,58px);line-height:1;font-weight:800;letter-spacing:0}.dashboard-header__title p{max-width:720px;color:var(--kc-muted);font-size:16px;line-height:1.55}.dashboard-search{max-width:420px}.search-field__input{min-height:44px;border-radius:8px;background:#fff;border-color:var(--kc-line);box-shadow:none}.search-field__icon{color:var(--kc-muted)}
.status-tabs{gap:6px;padding:4px;border-radius:8px;background:#fff;border-color:var(--kc-line)}.status-tab{min-height:34px;border-radius:6px;color:var(--kc-muted);font-size:12px}.status-tab.active{background:var(--kc-red-soft);color:var(--kc-red);box-shadow:none}
body[data-view="dashboard"] .dashboard-content{position:relative;padding:0;background:transparent;border:0;box-shadow:none}.dashboard-content::after{content:"K";position:fixed;right:5vw;top:150px;z-index:0;color:rgba(17,24,39,.035);font-size:clamp(220px,28vw,460px);font-weight:800;line-height:1;pointer-events:none}.dashboard-section{position:relative;z-index:1}.hero-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;margin-bottom:18px;padding:24px;border:1px solid rgba(231,233,239,.92);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(17,24,39,.07)}.hero-panel__content h2{margin:14px 0 10px;color:#20242c;font-size:clamp(30px,4vw,46px);line-height:1.02;font-weight:800;letter-spacing:0}.hero-panel__content p{max-width:720px;color:var(--kc-muted);font-size:15px}.hero-panel__actions .button{border-radius:8px}.button--primary{background:linear-gradient(135deg,var(--kc-red),#b90410);box-shadow:0 12px 26px rgba(227,6,19,.18)}.button--ghost,.button--tertiary{background:#fff;color:var(--kc-ink);border-color:var(--kc-line)}.hero-panel__stats{display:grid;gap:10px}.hero-stat{padding:16px;border:1px solid var(--kc-line);border-radius:8px;background:#fff}.hero-stat span{color:var(--kc-muted);font-size:12px}.hero-stat strong{color:#111827;font-size:28px}
.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:18px}.metric-card,.surface-card,.product-card,.customer-card,.list-card{border:1px solid rgba(231,233,239,.92);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 16px 38px rgba(17,24,39,.065)}.metric-card{min-height:132px;padding:18px;color:#111827}.metric-card::before{content:"";display:block;width:28px;height:28px;margin-bottom:12px;border-radius:999px;background:rgba(227,6,19,.08);border:1px solid rgba(227,6,19,.14)}.metric-card__label,.metric-card__caption{color:var(--kc-muted)}.metric-card__value{font-size:34px;line-height:1;color:#111827}.metric-card--dark,.metric-card--red,.metric-card--sand,.metric-card--blue,.metric-card--white{background:rgba(255,255,255,.94);color:#111827}
.dashboard-grid{gap:18px}.surface-card{padding:0;overflow:hidden}.section-head{min-height:64px;margin:0;padding:16px 18px;border-bottom:1px solid #eef0f3}.section-head h3{color:#111827;font-size:18px}.section-head p{font-size:13px;color:var(--kc-muted)}.feed-list,.signal-list,.customer-preview-grid,.customer-grid,.product-grid{padding:12px}.stack-list__item,.signal-item,.customer-preview,.empty-state,.list-card{border:1px solid var(--kc-line);border-radius:8px;background:#fff;box-shadow:none}.table-wrap{border-color:var(--kc-line);border-radius:8px;background:#fff}.data-table thead th{background:#fafafb;color:var(--kc-muted);letter-spacing:0}.data-table tbody td{background:#fff;color:var(--kc-ink)}.filters-bar,.quotes-filter-bar{border-radius:8px;background:#fff;border-color:var(--kc-line);box-shadow:none}.form-control,.select-control{border-radius:8px;border-color:var(--kc-line);background:#fff}.stock-pill,.status-pill{border-radius:999px}.stock-pill--healthy{color:#15803d;background:rgba(22,163,74,.12)}.stock-pill--low,.status-pill--pending{color:#b45309;background:rgba(245,158,11,.12)}.stock-pill--empty{color:var(--kc-red);background:var(--kc-red-soft)}.status-pill--progress{color:var(--kc-red);background:var(--kc-red-soft)}.status-pill--closed{color:#15803d;background:rgba(22,163,74,.12)}
@media (max-width:1180px){.portal-topbar__message{display:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel{grid-template-columns:1fr}.dashboard-grid--overview:not(.dashboard-grid--overview-panels),.dashboard-grid--overview-secondary{grid-template-columns:1fr}}
@media (max-width:820px){.portal-topbar{padding:0 12px}.portal-topbar__button:not(.portal-topbar__button--whatsapp){display:none}.dashboard-sidebar{transform:translateX(-100%);transition:transform .24s ease}.dashboard-sidebar.is-open{transform:translateX(0)}body[data-view="dashboard"] .dashboard-main{margin-left:0;padding:82px 16px 20px}.icon-button,.icon-button--sidebar{display:inline-flex}.metrics-grid{grid-template-columns:1fr}.dashboard-header__main{align-items:stretch}.portal-topbar__brand{width:auto}.portal-topbar__brand img{width:118px}}
@media (max-width:640px){.portal-topbar__button--whatsapp{display:none}.portal-topbar__actions{gap:6px}.hero-panel,.metric-card{padding:16px}.dashboard-header__title h1{font-size:34px}.surface-card,.hero-panel,.metric-card,.product-card,.customer-card,.list-card{border-radius:8px}}

/* Institutional Katherine Corp portal login */
.portal-app{width:100%}
body[data-view="login"]{min-height:100vh;padding:0;background:linear-gradient(180deg,#f5f7fa 0,#eef2f5 46%,#e4e9ee 100%);color:#1f2933}
body[data-view="login"] .screen--login{min-height:100vh;display:grid;grid-template-rows:auto 1fr;place-items:stretch}
.portal-login-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,4vw,54px);border-bottom:1px solid #dce3ea;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.portal-login-header__brand,.portal-login-header__actions{display:flex;align-items:center;gap:14px}
.portal-login-header__brand img{height:34px;width:auto}
.portal-login-header__brand span{padding-left:14px;border-left:1px solid #d4dce4;color:#334155;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.portal-login-header__actions{color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase}
.portal-login-header__actions a{min-height:36px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid #d4dce4;border-radius:6px;color:#b1121b;background:#fff}
body[data-view="login"] .auth-shell{width:min(1060px,calc(100% - 32px));min-height:auto;margin:clamp(28px,5vh,58px) auto;display:grid;grid-template-columns:minmax(360px,476px) minmax(360px,1fr);overflow:hidden;border:1px solid #d8e0e8;border-radius:10px;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.16);backdrop-filter:none}
body[data-view="login"] .auth-panel--form{display:flex;flex-direction:column;min-height:640px;padding:0;background:#fff}
body[data-view="login"] .auth-panel--form:after{display:none}
.auth-card__stripe{height:8px;background:linear-gradient(90deg,#b1121b 0,#d71d28 46%,#1d4ed8 46%,#1d4ed8 100%)}
.auth-brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 38px 0}
.auth-secure-chip{min-height:30px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(20,132,92,.22);border-radius:6px;color:#0f7a55;background:#ecfdf5;font-size:11px;font-weight:800;text-transform:uppercase}
body[data-view="login"] .auth-brand img{height:38px}
body[data-view="login"] .auth-copy{max-width:none;margin:0;padding:34px 38px 0}
body[data-view="login"] .auth-kicker{padding:0;border-radius:0;color:#b1121b;background:transparent;font-size:12px;letter-spacing:.1em}
body[data-view="login"] .auth-copy h1{margin:12px 0 12px;color:#111827;font-family:"Mona Sans","Segoe UI",sans-serif;font-size:34px;line-height:1.08;letter-spacing:0}
body[data-view="login"] .auth-copy p{max-width:34rem;color:#526170;font-size:14px;line-height:1.65}
.auth-doc-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:26px 38px 0;border:1px solid #d8e0e8;border-radius:7px;overflow:hidden;background:#f8fafc}
.auth-doc-tab{min-height:42px;border:0;border-right:1px solid #d8e0e8;color:#526170;background:transparent;font-size:12px;font-weight:800;text-transform:uppercase;cursor:default}
.auth-doc-tab:last-child{border-right:0}
.auth-doc-tab--active{color:#fff;background:#b1121b}
body[data-view="login"] .auth-form{max-width:none;margin:24px 38px 0}
body[data-view="login"] .form-group+.form-group{margin-top:16px}
body[data-view="login"] .form-group label{margin-bottom:8px;color:#344256;font-size:12px;font-weight:800;text-transform:uppercase}
body[data-view="login"] .form-control{min-height:48px;border-color:#cfd8e3;border-radius:6px;background:#fff;color:#111827}
body[data-view="login"] .form-control:focus{border-color:#b1121b;box-shadow:0 0 0 3px rgba(177,18,27,.12)}
body[data-view="login"] .password-toggle{right:8px;height:32px;border-radius:5px;color:#b1121b;background:#fff3f4}
body[data-view="login"] .auth-meta{margin-top:16px}
body[data-view="login"] .button--primary{min-height:48px;border-radius:6px;background:#b1121b;box-shadow:0 14px 28px rgba(177,18,27,.2)}
body[data-view="login"] .button--primary:hover{background:#94101a}
body[data-view="login"] .auth-notes{max-width:none;margin:18px 38px 34px;padding:16px;border:1px solid #e1e7ee;border-radius:8px;background:#f8fafc}
body[data-view="login"] .auth-helper{color:#526170;font-size:12px}
body[data-view="login"] .auth-points span{border:1px solid #dce3ea;border-radius:5px;background:#fff;color:#334155}
body[data-view="login"] .message--error,body[data-view="login"] .error-panel{border-radius:6px}
body[data-view="login"] .auth-panel--visual{display:flex;overflow:hidden;background:linear-gradient(145deg,#111827 0,#1f2937 54%,#303846 100%)}
body[data-view="login"] .auth-panel--visual:before{background:linear-gradient(180deg,rgba(17,24,39,.2),rgba(17,24,39,.78)),radial-gradient(circle at 80% 12%,rgba(29,78,216,.22),transparent 28%)}
body[data-view="login"] .auth-panel--visual:after{right:auto;left:40px;bottom:-100px;background:radial-gradient(circle,rgba(215,29,40,.2),transparent 72%)}
body[data-view="login"] .auth-visual-content{position:relative;inset:auto;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:640px;padding:42px;color:#fff}
body[data-view="login"] .hero-pill{width:max-content;border-color:rgba(255,255,255,.18);border-radius:6px;background:rgba(255,255,255,.1)}
body[data-view="login"] .auth-visual-content h2{max-width:11.5ch;margin:18px 0;color:#fff;font-family:"Mona Sans","Segoe UI",sans-serif;font-size:clamp(2.4rem,4.8vw,4.5rem);line-height:.96;letter-spacing:-.02em}
body[data-view="login"] .auth-visual-content p{max-width:31rem;color:rgba(255,255,255,.76);line-height:1.7}
body[data-view="login"] .auth-visual-stats{margin-top:28px}
body[data-view="login"] .visual-stat{border-radius:8px;background:rgba(255,255,255,.08)}
.auth-access-panel{margin-top:18px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.08)}
.auth-access-panel span{display:block;color:rgba(255,255,255,.58);font-size:11px;font-weight:800;text-transform:uppercase}
.auth-access-panel strong{display:block;margin-top:5px;color:#fff;font-size:14px}
@media (max-width:900px){.portal-login-header{height:auto;min-height:72px;align-items:flex-start;flex-direction:column;padding-top:16px;padding-bottom:16px}.portal-login-header__actions{width:100%;justify-content:space-between}body[data-view="login"] .auth-shell{grid-template-columns:1fr}.auth-panel--visual{display:none!important}body[data-view="login"] .auth-panel--form{min-height:auto}}
@media (max-width:560px){body[data-view="login"] .auth-shell{width:calc(100% - 20px);margin:16px auto}.auth-brand-row,body[data-view="login"] .auth-copy,body[data-view="login"] .auth-form,body[data-view="login"] .auth-notes{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.auth-doc-tabs{margin-left:20px;margin-right:20px}.auth-secure-chip{display:none}.portal-login-header__brand span{display:none}}

/* Portal CPE login, matched to the approved Katherine Corp mockup */
body[data-view="login"]{min-height:100vh;padding:0;background:linear-gradient(180deg,#ffffff 0,#fafafa 58%,#f3f3f3 100%);color:#262126}
body[data-view="login"] .auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px}
body[data-view="login"] .auth-shell{width:min(892px,calc(100vw - 40px));min-height:712px;margin:0;display:grid;grid-template-columns:406px minmax(0,486px);overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:0 32px 82px rgba(0,0,0,.13);backdrop-filter:none}
body[data-view="login"] .auth-panel--form{min-height:712px;padding:0 38px;background:#fff}
body[data-view="login"] .auth-panel--form:after{display:none}
body[data-view="login"] .auth-brand{display:block;margin-top:36px}
body[data-view="login"] .auth-brand img{width:258px;height:auto}
body[data-view="login"] .auth-copy{max-width:324px;margin:82px 0 0;padding:0}
body[data-view="login"] .auth-kicker{min-height:30px;padding:0 13px;border-radius:16px;color:#d80f20;background:#fde9eb;font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}
body[data-view="login"] .auth-copy h1{margin:18px 0 10px;color:#262126;font-family:"Mona Sans","Segoe UI",sans-serif;font-size:34px;font-weight:900;line-height:1.05;letter-spacing:0}
body[data-view="login"] .auth-copy p{margin:0;color:#807a80;font-size:14px;line-height:1.55}
body[data-view="login"] .portal-switch{display:none}
body[data-view="login"] .auth-form{max-width:324px;margin:31px 0 0;padding:0}
body[data-view="login"] .form-group+.form-group{margin-top:16px}
body[data-view="login"] .form-group label{display:block;margin-bottom:8px;color:#262126;font-size:11px;font-weight:900;letter-spacing:0}
body[data-view="login"] .form-ctrl{width:100%;height:47px;padding:0 15px;border:1px solid #e6e2df;border-radius:13px;outline:none;background:#fff;color:#2b2529;font-family:"Mona Sans","Segoe UI",sans-serif;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease}
body[data-view="login"] .form-ctrl::placeholder{color:#9b969c}
body[data-view="login"] .form-ctrl:focus{border-color:#e11a2a;box-shadow:0 0 0 4px rgba(225,26,42,.1)}
body[data-view="login"] .input-wrap{position:relative}
body[data-view="login"] .ctrl-pwd{padding-right:44px}
body[data-view="login"] .toggle-eye{position:absolute;top:50%;right:14px;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;transform:translateY(-50%);color:#78737a;background:transparent;font-size:16px;line-height:1;cursor:pointer}
body[data-view="login"] .auth-meta-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}
body[data-view="login"] .check-control{display:inline-flex;align-items:center;gap:10px;color:#8f8990;font-size:11px}
body[data-view="login"] .check-control input{width:15px;height:15px;margin:0;border:1px solid #bbb6bb;accent-color:#d80f20}
body[data-view="login"] .auth-link{color:#e01b2c;font-size:11px;font-weight:900}
body[data-view="login"] .btn-ingresar{width:100%;height:44px;margin-top:20px;border:0;border-radius:12px;color:#fff;background:#d80f20;font-family:"Mona Sans","Segoe UI",sans-serif;font-size:13px;font-weight:900;box-shadow:0 15px 32px rgba(216,15,32,.24);cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
body[data-view="login"] .btn-ingresar:hover{background:#c20d1c;box-shadow:0 18px 36px rgba(216,15,32,.3);transform:translateY(-1px)}
body[data-view="login"] .helper-text{max-width:324px;margin:13px 0 0;color:#8b858c;font-size:11px;line-height:1.45}
body[data-view="login"] .error-panel{max-width:324px;margin-bottom:14px;padding:11px 13px;border:1px solid rgba(216,15,32,.16);border-radius:12px;color:#9b101d;background:#fff0f1;font-size:12px;line-height:1.45}
body[data-view="login"] .auth-panel--hero{position:relative;min-height:712px;overflow:hidden;background:#211416}
body[data-view="login"] .auth-panel--hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(25,15,17,.05) 0,rgba(38,16,18,.55) 58%,rgba(35,11,13,.86) 100%),linear-gradient(90deg,rgba(129,15,22,.34) 0,rgba(129,15,22,.05) 46%,rgba(0,0,0,.06) 100%)}
body[data-view="login"] .auth-hero-img{width:100%;height:100%;min-height:712px;object-fit:cover;object-position:center top;filter:saturate(.82) contrast(.98)}
body[data-view="login"] .auth-hero-copy{position:absolute;left:30px;right:34px;bottom:29px;z-index:2;color:#fff}
body[data-view="login"] .hero-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase}
body[data-view="login"] .auth-hero-copy h2{max-width:360px;margin:15px 0 13px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:66px;font-weight:400;line-height:.94;letter-spacing:0}
body[data-view="login"] .auth-hero-copy p{max-width:380px;margin:0;color:rgba(255,255,255,.91);font-size:16px;font-weight:700;line-height:1.45}
@media (max-width:980px){body[data-view="login"] .auth-shell{grid-template-columns:1fr;width:min(420px,calc(100vw - 28px));min-height:auto}body[data-view="login"] .auth-panel--form{min-height:auto;padding:0 28px 34px}body[data-view="login"] .auth-panel--hero{display:none}body[data-view="login"] .auth-brand img{width:236px}body[data-view="login"] .auth-copy{margin-top:54px}}
@media (max-width:520px){body[data-view="login"] .auth-screen{padding:12px}body[data-view="login"] .auth-shell{border-radius:20px}body[data-view="login"] .auth-panel--form{padding:0 22px 28px}body[data-view="login"] .auth-brand{margin-top:28px}body[data-view="login"] .auth-brand img{width:210px}body[data-view="login"] .auth-copy h1{font-size:30px}body[data-view="login"] .auth-copy,body[data-view="login"] .auth-form,body[data-view="login"] .helper-text,body[data-view="login"] .error-panel{max-width:none}}

/* Typography parity with http://38.25.97.71/sunat/Login.aspx */
body[data-view="login"],
body[data-view="login"] button,
body[data-view="login"] input,
body[data-view="login"] select,
body[data-view="login"] textarea {
  font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
}

body[data-view="login"] .auth-copy h1,
body[data-view="login"] .form-ctrl,
body[data-view="login"] .btn-ingresar {
  font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
}

body[data-view="login"] .auth-hero-copy h2 {
  font-family: "Instrument Serif", Georgia, serif;
  font-weight: 400;
  letter-spacing: 0;
}

/* Portal overview typography and badges */
.hero-panel__content h2 {
    max-width: 25ch;
    margin: 0;
    font-size: clamp(2.6rem, 5vw, 2.7rem);
    line-height: 0.9;
    letter-spacing: -0.04em;
}

body[data-view="dashboard"] .hero-panel__content h2 {
    max-width: 25ch;
    margin: 0;
    font-size: clamp(2.6rem, 5vw, 2.7rem);
    line-height: 0.9;
    letter-spacing: -0.04em;
}

.dashboard-header__title h1 {
    margin: 0;
    font-size: clamp(2.4rem, 5vw, 1.7rem);
    line-height: .95;
    letter-spacing: -.06em;
}

.stack-list__item strong {
    display: block;
    font-weight: 600;
}

.feed-item__copy strong,
.customer-preview__name,
.customer-card__name,
.product-card__title {
    display: block;
    font-weight: 600;
    padding-top: 10px;
}

.overview-metric-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 12px;
}

.overview-metric-list--wide {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-metric {
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid var(--kc-line);
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
}

.overview-metric__label,
.overview-metric__caption {
    color: var(--kc-muted);
}

.overview-metric__label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.overview-metric__value {
    color: var(--kc-ink);
    font-size: 32px;
    line-height: 1;
}

.overview-metric__caption {
    font-size: 12px;
    line-height: 1.4;
}

body[data-view="dashboard"] .metrics-grid {
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: 14px;
}

body[data-view="dashboard"] .metric-card {
    position: relative;
    min-height: 146px;
    padding: 16px 18px;
    border-color: #e8ebf0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .045);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body[data-view="dashboard"] .metric-card:hover {
    transform: translateY(-3px);
    border-color: rgba(227, 6, 19, .22);
    box-shadow: 0 18px 34px rgba(17, 24, 39, .09);
}

body[data-view="dashboard"] .metric-card::before {
    display: none;
}

body[data-view="dashboard"] .metric-card::after {
    content: attr(data-trend);
    position: absolute;
    right: 14px;
    top: 16px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-radius: 999px;
    color: #16a34a;
    background: rgba(22, 163, 74, .1);
    font-size: 11px;
    font-weight: 800;
}

body[data-view="dashboard"] .metric-card[data-trend-tone="warning"]::after {
    color: #dc2626;
    background: rgba(220, 38, 38, .09);
}

body[data-view="dashboard"] .metric-card__label {
    color: #9aa2af;
    font-size: 10px;
    letter-spacing: .04em;
    padding-right: 96px;
}

body[data-view="dashboard"] .metric-card__value {
    max-width: 100%;
    margin: 20px 0 5px;
    color: #111827;
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 850;
    letter-spacing: 0;
}

body[data-view="dashboard"] .metric-card__caption {
    max-width: 18ch;
    color: #8b95a3;
    font-size: 11px;
    line-height: 1.35;
}

.metric-card__breakdown {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.metric-card__breakdown span {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid #edf0f4;
    border-radius: 999px;
    color: #536071;
    background: #fafbfc;
    font-size: 10px;
    font-weight: 800;
}

.overview-report {
    padding: 14px 16px 16px;
    animation: overviewFadeUp .42s ease both;
}

.overview-report__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.overview-report__label {
    display: block;
    color: var(--kc-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.overview-report__top strong {
    display: block;
    margin-top: 6px;
    color: var(--kc-ink);
    font-size: 26px;
    line-height: 1;
}

.overview-report__subvalue {
    margin: 8px 0 0;
    color: #667085;
    font-size: 13px;
    font-weight: 800;
}

.overview-report__badge {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    color: #dc2626;
    background: rgba(220, 38, 38, .08);
    font-size: 12px;
    font-weight: 800;
}

.overview-chart {
    min-height: 170px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    gap: 18px;
    padding: 20px 12px 8px;
    border: 1px solid #edf0f4;
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(124, 92, 255, .08), rgba(124, 92, 255, 0)),
        repeating-linear-gradient(180deg, transparent 0 39px, #eef1f5 40px);
}

.overview-chart--area {
    min-height: 330px;
    display: block;
    padding: 4px 6px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.overview-chart--area svg {
    width: 100%;
    height: 330px;
    display: block;
}

.overview-chart__empty {
    margin: -10px 0 0;
    color: #9aa2af;
    font-size: 12px;
    text-align: center;
}

.overview-chart__grid line {
    stroke: #edf0f5;
    stroke-width: 1;
}

.overview-chart__area {
    opacity: 0;
    animation: overviewAreaIn .7s ease .12s forwards;
}

.overview-chart__line {
    fill: none;
    stroke: #7d82f2;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: overviewLineDraw .9s ease .18s forwards;
}

.overview-chart__marker-line {
    stroke: rgba(17, 24, 39, .14);
    stroke-width: 1;
}

.overview-chart__marker {
    fill: var(--point-color, #6f74e8);
    stroke: #fff;
    stroke-width: 4;
    transform-box: fill-box;
    transform-origin: center;
    animation: overviewPulse 1.9s ease-in-out infinite;
}

.overview-chart__point {
    fill: var(--point-color, #6f74e8);
    stroke: #fff;
    stroke-width: 2;
    opacity: 0;
    transform-box: fill-box;
    transform-origin: center;
    animation: overviewPointIn .46s ease .72s forwards;
}

.overview-chart__lane-label {
    fill: #111827;
    font-size: 13px;
    font-weight: 900;
}

.overview-chart__lane-total {
    fill: #7b8492;
    font-size: 10px;
    font-weight: 800;
}

.overview-chart__tooltip {
    min-height: 42px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid #edf0f5;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .08);
    color: #172033;
    font: 700 11px "Plus Jakarta Sans", "Segoe UI", sans-serif;
}

.overview-chart__tooltip span {
    color: #9aa2af;
    font-weight: 700;
}

.overview-chart__tooltip strong {
    margin-top: 2px;
    font-size: 12px;
}

.overview-chart__labels text {
    fill: #4b5563;
    font-size: 12px;
    font-weight: 700;
    text-anchor: middle;
}

.overview-chart__bar {
    position: relative;
    height: var(--h);
    min-height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    border-radius: 999px 999px 8px 8px;
    background: linear-gradient(180deg, #8270f2, rgba(130, 112, 242, .28));
}

.overview-chart__bar strong {
    position: absolute;
    top: -24px;
    color: var(--kc-ink);
    font-size: 12px;
}

.overview-chart__bar small {
    position: absolute;
    bottom: -24px;
    color: #7d8794;
    font-size: 11px;
    font-weight: 800;
}

.overview-report__summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 18px;
}

.overview-report__summary .overview-metric {
    min-height: 92px;
    padding: 13px;
}

.overview-report__insights {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.overview-report__insights article {
    min-height: 72px;
    padding: 12px;
    border: 1px solid #edf0f4;
    border-radius: 8px;
    background: #fff;
}

.overview-report__insights span,
.overview-report__insights small {
    display: block;
    color: #8b95a3;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.overview-report__insights strong {
    display: block;
    margin: 7px 0 4px;
    color: #111827;
    font-size: 15px;
}

.overview-donut-panel {
    display: grid;
    gap: 18px;
    padding: 16px;
    animation: overviewFadeUp .44s ease both;
}

.overview-donut-grid {
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}

.overview-donut-card {
    flex: 0 0 285px;
    display: grid;
    gap: 14px;
    min-height: 318px;
    padding: 16px 15px 14px;
    border: 1px solid #e7ebf0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(17, 24, 39, .055);
    scroll-snap-align: start;
}

.overview-donut-card h4 {
    margin: 0;
    color: var(--kc-ink);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}

.overview-donut-card .overview-donut {
    width: min(176px, 70%);
}

.overview-donut-card .overview-donut__legend {
    gap: 8px 12px;
}

.overview-donut-card .overview-donut__legend article {
    font-size: 11px;
}

.overview-brand-dropdowns {
    display: grid;
    gap: 10px;
}

.overview-brand-dropdown {
    border: 1px solid #e7ebf0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .045);
    overflow: hidden;
}

.overview-brand-dropdown summary {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 16px;
    color: var(--kc-ink);
    cursor: pointer;
    list-style: none;
}

.overview-brand-dropdown summary::-webkit-details-marker {
    display: none;
}

.overview-brand-dropdown summary::after {
    content: "";
    width: 9px;
    height: 9px;
    border-right: 2px solid #94a3b8;
    border-bottom: 2px solid #94a3b8;
    transform: rotate(45deg);
    transition: transform .18s ease;
}

.overview-brand-dropdown[open] summary::after {
    transform: rotate(225deg);
}

.overview-brand-dropdown summary span {
    min-width: 0;
    color: #172033;
    font-size: 13px;
    font-weight: 850;
}

.overview-brand-dropdown summary strong {
    margin-left: auto;
    color: var(--kc-muted);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.overview-brand-dropdown__body {
    display: grid;
    grid-template-columns: minmax(190px, 240px) minmax(180px, 240px) minmax(300px, 1fr);
    align-items: center;
    gap: 18px;
    padding: 4px 16px 16px;
    border-top: 1px solid #eef0f3;
}

.overview-brand-stats {
    display: grid;
    gap: 8px;
}

.overview-brand-stats article {
    min-height: 58px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid #eef0f3;
    border-radius: 8px;
    background: #fafbfc;
}

.overview-brand-stats span {
    color: var(--kc-muted);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.overview-brand-stats strong {
    min-width: 0;
    color: #172033;
    font-size: 13px;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-brand-dropdown__body .overview-donut {
    width: min(220px, 100%);
}

.inventory-audit {
    display: grid;
    gap: 14px;
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid #e8ebf0;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff 0%, #fbfcfd 100%);
}

.inventory-audit__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.inventory-audit__header h4 {
    margin: 8px 0 6px;
    color: #111827;
    font-size: 18px;
}

.inventory-audit__header p {
    max-width: 62rem;
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.55;
}

.inventory-audit__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.inventory-audit__actions .button {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 11px;
}

.inventory-audit__stats {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.inventory-audit__stats article,
.inventory-audit__list {
    border: 1px solid #edf0f4;
    border-radius: 8px;
    background: #fff;
}

.inventory-audit__stats article {
    min-height: 92px;
    padding: 12px;
}

.inventory-audit__stats span,
.inventory-audit__stats small {
    display: block;
    color: #8b95a3;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.inventory-audit__stats strong {
    display: block;
    margin: 8px 0 5px;
    color: #111827;
    font-size: 26px;
    line-height: 1;
}

.inventory-audit__lists {
    display: grid;
    grid-template-columns: 1.4fr .8fr .8fr;
    gap: 10px;
}

.inventory-audit__list {
    overflow: hidden;
}

.inventory-audit__list summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 13px 40px 13px 12px;
    color: #111827;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    list-style: none;
    transition: background .18s ease;
}

.inventory-audit__list summary::-webkit-details-marker {
    display: none;
}

.inventory-audit__list summary:hover {
    background: #fafbfc;
}

.inventory-audit__list summary::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #94a3b8;
    border-bottom: 2px solid #94a3b8;
    transform: translateY(-65%) rotate(45deg);
    transition: transform .18s ease, border-color .18s ease;
}

.inventory-audit__list[open] summary {
    border-bottom: 1px solid #edf0f4;
    background: #fff;
}

.inventory-audit__list[open] summary::after {
    border-color: #d71d28;
    transform: translateY(-35%) rotate(225deg);
}

.inventory-audit__list summary strong {
    color: #d71d28;
    font-size: 12px;
}

.inventory-audit__list-body {
    display: grid;
    max-height: 440px;
    overflow: auto;
}

.inventory-audit__list:not([open]) .inventory-audit__list-body,
.inventory-audit__list:not([open]) p {
    display: none;
}

.inventory-audit__list-body article,
.inventory-audit__list p {
    margin: 0;
    padding: 11px 12px;
    border-bottom: 1px solid #f1f3f6;
}

.inventory-audit__list-body article:last-child {
    border-bottom: 0;
}

.inventory-audit__list strong,
.inventory-audit__list span,
.inventory-audit__list small {
    display: block;
}

.inventory-audit__list-body article strong {
    color: #111827;
    font-size: 12px;
}

.inventory-audit__list-body article span {
    margin-top: 4px;
    color: #4b5563;
    font-size: 12px;
    line-height: 1.35;
}

.inventory-audit__list-body article small,
.inventory-audit__list p {
    color: #8b95a3;
    font-size: 11px;
}

.overview-donut {
    position: relative;
    width: min(220px, 78%);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    justify-self: center;
    border-radius: 50%;
    background: #f8fafc;
    transition: transform .22s ease, filter .22s ease;
}

.overview-donut__svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
}

.overview-donut__svg path {
    cursor: help;
    transition: opacity .16s ease, filter .16s ease, transform .16s ease;
    transform-origin: 50% 50%;
}

.overview-donut__svg path:hover {
    opacity: .86;
    filter: drop-shadow(0 4px 8px rgba(15, 23, 42, .22));
    transform: scale(1.018);
}

.overview-donut:hover {
    transform: translateY(-3px) scale(1.025);
    filter: drop-shadow(0 16px 20px rgba(17, 24, 39, .1));
}

.overview-donut__hole {
    position: relative;
    z-index: 1;
    width: 58%;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #edf0f4;
}

.overview-donut__hole strong {
    color: var(--kc-ink);
    font-size: 24px;
    line-height: 1;
}

.overview-donut__hole span {
    color: var(--kc-muted);
    font-size: 11px;
    font-weight: 800;
}

.overview-donut__legend {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

.overview-donut__legend article {
    display: grid;
    grid-template-columns: 8px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    color: var(--kc-muted);
    font-size: 12px;
    transition: color .18s ease, transform .18s ease;
}

.overview-donut__legend article:hover {
    color: var(--kc-ink);
    transform: translateX(2px);
}

.overview-donut__legend article::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--dot);
}

.overview-donut__legend span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-donut__legend strong {
    color: var(--kc-ink);
    font-size: 12px;
}

.overview-donut__legend small {
    grid-column: 2 / 4;
    color: #8a95a6;
    font-size: 10px;
    font-weight: 700;
}

.overview-bars {
    display: grid;
    gap: 14px;
    padding: 16px;
    animation: overviewFadeUp .46s ease both;
}

.overview-bar-row {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(140px, 1fr) 44px;
    align-items: center;
    gap: 14px;
    transition: transform .18s ease;
}

.overview-bar-row:hover {
    transform: translateX(3px);
}

.overview-bar-row div:first-child {
    min-width: 0;
}

.overview-bar-row strong,
.overview-table__row strong {
    display: block;
    color: var(--kc-ink);
    font-size: 13px;
}

.overview-bar-row span {
    display: block;
    margin-top: 4px;
    color: var(--kc-muted);
    font-size: 11px;
}

.overview-bar-track {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef1f5;
}

.overview-bar-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #77c943, #a6d95d);
    transform-origin: left center;
    animation: overviewBarGrow .72s ease both;
}

.overview-bar-row--danger .overview-bar-track span {
    background: linear-gradient(90deg, #ef4444, #fb7185);
}

.overview-bar-row--warning .overview-bar-track span {
    background: linear-gradient(90deg, #f59e0b, #facc15);
}

.overview-bar-row--accent .overview-bar-track span {
    background: linear-gradient(90deg, #7c5cff, #9f8cff);
}

.overview-bar-row--info .overview-bar-track span {
    background: linear-gradient(90deg, #06b6d4, #67e8f9);
}

.overview-bar-row--ok .overview-bar-track span {
    background: linear-gradient(90deg, #16a34a, #86efac);
}

.overview-bar-row em {
    color: #4b5563;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    text-align: right;
}

.overview-table {
    padding: 12px 16px 16px;
    animation: overviewFadeUp .48s ease both;
}

.overview-table__head,
.overview-table__row {
    display: grid;
    grid-template-columns: .7fr minmax(150px, 1.6fr) .45fr .8fr;
    gap: 14px;
    align-items: center;
}

.overview-table__head {
    min-height: 34px;
    color: #9aa2af;
    font-size: 11px;
    font-weight: 800;
}

.overview-table__row {
    min-height: 54px;
    border-top: 1px solid #edf0f4;
    color: #4b5563;
    font-size: 12px;
    transition: background .18s ease, transform .18s ease;
}

.overview-table__row:hover {
    background: #fafbfc;
    transform: translateX(3px);
}

.overview-table__row span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-table__row em {
    justify-self: start;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.overview-table__row em.status-pill--active,
.status-pill--active {
    color: #0f766e;
    background: rgba(20, 184, 166, .13);
}

.overview-table__row em.status-pill--open,
.status-pill--open {
    color: #b91c1c;
    background: rgba(239, 68, 68, .12);
}

.overview-table__row em.status-pill--progress {
    color: #1d4ed8;
    background: rgba(59, 130, 246, .12);
}

.overview-table__row em.status-pill--closed {
    color: #15803d;
    background: rgba(22, 163, 74, .12);
}

.overview-table__row em.status-pill--pending {
    color: #b45309;
    background: rgba(245, 158, 11, .13);
}

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

@keyframes overviewLineDraw {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes overviewAreaIn {
    to {
        opacity: 1;
    }
}

@keyframes overviewPointIn {
    from {
        opacity: 0;
        transform: scale(.55);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes overviewPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.18);
    }
}

@keyframes overviewBarGrow {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

@media (max-width: 1180px) {
    .overview-metric-list--wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-view="dashboard"] .dashboard-grid--overview-panels {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }

    body[data-view="dashboard"] .metrics-grid,
    .overview-report__summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-report__insights,
    .inventory-audit__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventory-audit__header {
        flex-direction: column;
    }

    .inventory-audit__actions {
        justify-content: flex-start;
    }

    .inventory-audit__lists {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body[data-view="dashboard"] .dashboard-grid--overview-panels {
        grid-template-columns: 1fr;
    }

    .overview-metric-list,
    .overview-metric-list--wide,
    .overview-report__insights,
    .inventory-audit__stats {
        grid-template-columns: 1fr;
    }

    .overview-donut-grid {
        display: flex;
    }

    .overview-brand-dropdown__body {
        grid-template-columns: 1fr;
    }

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

    .overview-metric {
        min-height: 112px;
        padding: 14px;
    }

    body[data-view="dashboard"] .metrics-grid,
    .overview-report__summary,
    .overview-donut__legend,
    .overview-bar-row,
    .overview-table__head,
    .overview-table__row {
        grid-template-columns: 1fr;
    }

    .overview-table__head {
        display: none;
    }

    .overview-chart {
        gap: 10px;
    }
}

.customer-preview__pill,
.customer-card__pill,
.stock-pill,
.status-pill,
.product-card__sku {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.stock-pill--unknown {
    color: #5f6673;
    background: rgba(95, 102, 115, .12);
}

/* ─── Hide topbar elements: WhatsApp, language, description, right-side actions ─── */
.portal-topbar__button--whatsapp,
.portal-topbar__button--lang,
.portal-topbar__button--language,
.portal-topbar__message,
.portal-topbar__actions,
.portal-topbar__icon {
    display: none !important;
}

/* ─── Improved sidebar navigation buttons UI/UX ─── */
body[data-view="dashboard"] .dashboard-sidebar {
    width: 218px;
    padding: 16px 12px 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
    border-right: 1px solid #eaecf0;
}

body[data-view="dashboard"] .dashboard-main {
    margin-left: 218px;
}

body[data-view="dashboard"] .sidebar-nav {
    gap: 2px;
    margin: 0;
}

body[data-view="dashboard"] .nav-button {
    position: relative;
    min-height: 44px;
    gap: 10px;
    padding: 0 12px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #3f4654;
    font-size: 13px;
    font-weight: 600;
    transition: all .2s ease;
    cursor: pointer;
}

body[data-view="dashboard"] .nav-button__icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    transition: all .2s ease;
}

/* Color-coded icon backgrounds per section */
body[data-view="dashboard"] .nav-button[data-pedidos-view="overview"] .nav-button__icon {
    color: #6366f1;
    background: rgba(99, 102, 241, .1);
}
body[data-view="dashboard"] .nav-button[data-pedidos-group="productos"] .nav-button__icon,
body[data-view="dashboard"] [data-pedidos-view="products-grid"] .nav-button__icon,
body[data-view="dashboard"] [data-pedidos-view="products-list"] .nav-button__icon {
    color: #0891b2;
    background: rgba(8, 145, 178, .1);
}
body[data-view="dashboard"] .nav-button[data-pedidos-group="almacen"] .nav-button__icon,
body[data-view="dashboard"] [data-pedidos-view="warehouse-stock"] .nav-button__icon,
body[data-view="dashboard"] [data-pedidos-view="warehouse-low"] .nav-button__icon,
body[data-view="dashboard"] [data-pedidos-view="warehouse-empty"] .nav-button__icon {
    color: #059669;
    background: rgba(5, 150, 105, .1);
}
body[data-view="dashboard"] .nav-button[data-pedidos-view="quotes"] .nav-button__icon {
    color: #d97706;
    background: rgba(217, 119, 6, .1);
}
body[data-view="dashboard"] .nav-button[data-pedidos-view="customers"] .nav-button__icon {
    color: #7c3aed;
    background: rgba(124, 58, 237, .1);
}

body[data-view="dashboard"] .nav-button:hover {
    background: #f3f4f6;
    color: #111827;
}

body[data-view="dashboard"] .nav-button--active {
    background: linear-gradient(135deg, rgba(227, 6, 19, .06), rgba(227, 6, 19, .03));
    color: #b91c1c;
    box-shadow: inset 0 0 0 1px rgba(227, 6, 19, .12);
}

body[data-view="dashboard"] .nav-button--active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--kc-red);
}

body[data-view="dashboard"] .nav-button--active .nav-button__icon {
    color: #fff;
    background: var(--kc-red);
    box-shadow: 0 4px 12px rgba(227, 6, 19, .25);
}

body[data-view="dashboard"] .nav-subnav {
    gap: 1px;
    padding-left: 18px;
    margin-left: 26px;
    border-left: 2px solid #eaecf0;
}

body[data-view="dashboard"] .nav-subnav__button {
    position: relative;
    min-height: 36px;
    padding: 0 12px;
    border: none;
    border-radius: 8px;
    color: #6b7280;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    transition: all .18s ease;
}

body[data-view="dashboard"] .nav-subnav__button:hover {
    background: #f3f4f6;
    color: #374151;
}

body[data-view="dashboard"] .nav-subnav__button--active {
    background: rgba(227, 6, 19, .06);
    color: #b91c1c;
    font-weight: 700;
}

body[data-view="dashboard"] .nav-subnav__button--active::before {
    display: none;
}

body[data-view="dashboard"] .dashboard-content::after {
    content: "K";
    position: fixed;
    right: 5vw;
    top: 150px;
    z-index: 0;
    color: rgb(17 24 39 / 0%);
    font-size: clamp(220px, 28vw, 460px);
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

body[data-view="dashboard"] .sidebar-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    margin: 2px 0 16px;
    padding: 16px 10px 12px;
    border: 0;
    border-bottom: 1px solid #edf0f4;
    border-radius: 0;
    background: transparent;
    text-align: center;
}

body[data-view="dashboard"] .sidebar-avatar {
    width: 74px;
    height: 74px;
    padding: 3px;
    border: 1px solid rgba(227, 6, 19, .12);
    border-radius: 50%;
    background: linear-gradient(180deg, #fff, #f5f6f8);
    box-shadow: 0 14px 30px rgba(17, 24, 39, .1);
}

body[data-view="dashboard"] .sidebar-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50%;
}

body[data-view="dashboard"] .sidebar-profile__copy {
    min-width: 0;
    margin-top: 10px;
}

body[data-view="dashboard"] .sidebar-profile__copy h2 {
    max-width: 132px;
    margin: 0;
    overflow: hidden;
    color: #172033;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body[data-view="dashboard"] .sidebar-profile__copy p {
    margin: 4px 0 0;
    color: #a0a7b3;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
}

body[data-view="dashboard"] .sidebar-profile__copy span {
    display: block;
    max-width: 132px;
    margin-top: 4px;
    overflow: hidden;
    color: #b6bdc8;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Nav group separator */
body[data-view="dashboard"] .nav-group {
    margin-top: 2px;
    padding-top: 2px;
}

/* Sidebar footer */
body[data-view="dashboard"] .dashboard-sidebar__footer {
    width: 100%;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f0f2f5;
}

body[data-view="dashboard"] .dashboard-sidebar__footer .button {
    min-height: 34px;
    width: 100%;
    border-radius: 999px;
    background: #f9fafb;
    color: #7a8391;
    border: 1px solid #edf0f4;
    font-size: 11px;
    font-weight: 800;
    transition: all .18s ease;
}

body[data-view="dashboard"] .dashboard-sidebar__footer .button:hover {
    background: #fee2e5;
    color: #b91c1c;
    border-color: rgba(227, 6, 19, .2);
}

body[data-view="dashboard"] .dashboard-sidebar {
    width: 193px;
    display: flex;
    flex-direction: column;
    padding: 8px 12px 12px;
}

body[data-view="dashboard"] .dashboard-main {
    margin-left: 193px;
}

body[data-view="dashboard"] .dashboard-sidebar__top,
body[data-view="dashboard"] .sidebar-radar,
body[data-view="dashboard"] .sidebar-promo,
body[data-view="dashboard"] .sidebar-section__label {
    display: none;
}

body[data-view="dashboard"] .sidebar-section {
    flex: 1;
    margin: 0;
}

body[data-view="dashboard"] .sidebar-nav {
    gap: 8px;
}

body[data-view="dashboard"] .nav-button {
    min-height: 40px;
    justify-content: flex-start;
    padding: 0 10px;
    border-radius: 7px;
    color: #172033;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.2;
}

body[data-view="dashboard"] .nav-button--active {
    color: #e30613;
    background: linear-gradient(135deg, rgba(227, 6, 19, .08), rgba(227, 6, 19, .02));
    border: 1px solid rgba(227, 6, 19, .16);
    box-shadow: none;
}

body[data-view="dashboard"] .nav-button--active::before {
    left: -1px;
    top: 7px;
    bottom: 7px;
    width: 2px;
}

body[data-view="dashboard"] .nav-group {
    margin-top: 8px;
    padding-top: 0;
}

body[data-view="dashboard"] .nav-subnav {
    gap: 10px;
    margin: 9px 0 7px 22px;
    padding-left: 26px;
    border-left: 1px solid #e5e9ef;
}

body[data-view="dashboard"] .nav-subnav__button {
    min-height: 32px;
    justify-content: flex-start;
    padding: 0;
    color: #32415b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
}

body[data-view="dashboard"] .nav-subnav__button:hover,
body[data-view="dashboard"] .nav-subnav__button--active {
    background: transparent;
    color: #e30613;
    box-shadow: none;
}

body[data-view="dashboard"] .sidebar-profile {
    margin: auto 0 0;
    padding: 22px 8px 12px;
    border-top: 1px solid #edf0f4;
    border-bottom: 1px solid #edf0f4;
}

body[data-view="dashboard"] #pedidosOverviewView > .hero-panel {
    display: none;
}

body[data-view="dashboard"] .dashboard-grid--overview {
    grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr);
    margin-bottom: 14px;
}

body[data-view="dashboard"] .dashboard-grid--overview-panels {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    align-items: stretch;
}

body[data-view="dashboard"] .dashboard-grid--overview-panels > .overview-metric-panel {
    min-width: 0;
}

body[data-view="dashboard"] .dashboard-grid--brand-lines {
    grid-template-columns: 1fr;
    margin-top: 14px;
}

body[data-view="dashboard"] .dashboard-grid--overview-secondary {
    grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr);
}

body[data-view="dashboard"] .dashboard-grid--overview-secondary > article:first-child {
    order: 2;
}

body[data-view="dashboard"] .dashboard-grid--overview-secondary > article:nth-child(2) {
    order: 1;
}

body[data-view="dashboard"] .surface-card {
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(17, 24, 39, .045);
}

body[data-view="dashboard"] .section-head {
    min-height: 54px;
    padding: 14px 16px 0;
    border-bottom: 0;
}

body[data-view="dashboard"] .section-eyebrow {
    display: none;
}

body[data-view="dashboard"] .section-head h3 {
    margin: 0;
    color: #172033;
    font-size: 15px;
    font-weight: 850;
}

/* Responsive override for wider sidebar */
@media (max-width: 820px) {
    body[data-view="dashboard"] .dashboard-main {
        margin-left: 0 !important;
    }
    body[data-view="dashboard"] .dashboard-sidebar {
        width: 260px;
    }
}

/* Customers filter bar styling */
.customers-filter-bar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    gap: 16px;
    align-items: end;
    margin-bottom: 22px;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--kc-line);
}

.customers-filter-bar .form-control {
    min-height: 40px;
    border-radius: 8px;
}

.customers-filter-bar__actions {
    display: flex;
    align-items: end;
    gap: 4px;
    justify-content: flex-end;
    min-width: max-content;
}

.customers-filter-bar__actions .button {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 12px;
}

@media (max-width: 640px) {
    .customers-filter-bar {
        grid-template-columns: 1fr;
        padding: 14px;
    }
}

/* Enforce Gilroy globally and cap font-weight as requested */
* { font-family: 'Gilroy', sans-serif !important; }
strong, b, .font-bold, h1, h2, h3, h4, h5, h6, .nav-button, .nav-subnav__button, th { font-weight: 500 !important; }

/* Removed finance and order editor styles */
.removed-module-removed-items-panel {
    min-height: calc(100vh - 150px);
    padding-bottom: 16px;
}

.removed-module-removed-items-panel .section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 16px 4px;
}

.removed-module-removed-items-panel .section-head > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.panel-counter {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 4px;
    background: #f6f7fb;
    color: #5f6b7a;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.removed-module-removed-items-toolbar {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(220px, 320px) auto auto;
    gap: 12px;
    align-items: end;
    margin: 14px 16px 12px;
    padding: 12px;
    border: 1px solid var(--kc-line);
    border-radius: 6px;
    background: #fbfbfc;
}

.removed-module-removed-items-toolbar .form-label {
    display: grid;
    gap: 6px;
    color: var(--kc-ink);
    font-size: 11px;
    font-weight: 800;
}

.removed-module-removed-items-toolbar .form-control {
    min-height: 36px;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
}

.removed-module-removed-items-toolbar .button {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}

.removed-module-removed-items-toolbar .button--secondary {
    border: 1px solid var(--kc-line);
    background: #fff;
    color: var(--kc-ink);
}

.removed-module-removed-items-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 0 16px 12px;
}

.removed-module-removed-items-summary article {
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid var(--kc-line);
    border-radius: 6px;
    background: #fff;
}

.removed-module-removed-items-summary span {
    display: block;
    color: var(--kc-muted);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.removed-module-removed-items-summary strong {
    display: block;
    margin-top: 6px;
    color: var(--kc-ink);
    font-size: 16px;
    font-variant-numeric: tabular-nums;
}

.removed-module-removed-items-table-wrap {
    margin: 0 16px;
}

.data-table--removed-items {
    min-width: 1180px;
}

.data-table--removed-items .table-cell-amount,
.data-table--quote-form .table-cell-amount {
    font-variant-numeric: tabular-nums;
}

.table-icon-button {
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid #cbd7e4;
    border-radius: 3px;
    background: #fff;
    color: #1f6fbf;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.table-icon-button:hover,
.table-icon-button:focus-visible {
    border-color: #1f6fbf;
    background: #eef6ff;
}

.removed-module-order-form-panel {
    border-radius: 4px;
    background: #f3f4f6;
}

.removed-module-order-form-panel__head {
    min-height: 42px;
    padding: 10px 12px;
    background: #fff;
}

.removed-module-order-form-panel__head h3 {
    margin: 0;
    font-size: 13px;
}

.removed-module-order-form-panel__head p {
    display: none;
}

.removed-module-order-editor {
    padding: 12px;
}

.quote-form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px 12px;
}

.quote-form-field span {
    font-size: 10px;
}

.quote-form-field input,
.data-table--quote-form input {
    min-height: 32px;
    border-radius: 2px;
    background: #f0f0f1;
}

.quote-form-field input[readonly] {
    color: #5e6673;
}

.quote-form-toolbar .button,
.quote-form-actions .button {
    min-height: 34px;
    border-radius: 3px;
}

.quote-form-totals {
    grid-template-columns: repeat(5, minmax(130px, 1fr));
}

.quote-form-totals .quote-form-field {
    padding: 0;
}

@media (max-width: 980px) {
    .removed-module-removed-items-toolbar,
    .quote-form-grid {
        grid-template-columns: 1fr 1fr;
    }

    .removed-module-removed-items-summary {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .removed-module-removed-items-toolbar,
    .quote-form-grid,
    .removed-module-removed-items-summary,
    .quote-form-totals {
        grid-template-columns: 1fr;
    }
}
/* Quote confirmation workflow */
.data-table--quotes tbody tr {
  cursor: pointer;
}

.data-table--quotes tbody tr.data-table__row--selected td {
  background: #fff7f8;
  box-shadow: inset 3px 0 0 var(--kc-red, #e30613);
}

.button--quote-export {
  background: #1f6fbf;
  color: #fff;
}

.quote-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.quote-editor-modal[hidden] {
  display: none !important;
}

.quote-editor-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 24, 39, .54);
}

.quote-editor-panel {
  position: relative;
  z-index: 1;
  width: min(960px, 100%);
  max-height: min(760px, calc(100vh - 48px));
  margin: 0;
  border: 1px solid var(--kc-line, #e6e8ec);
  border-radius: 8px;
  background: #fff;
  overflow: auto;
  box-shadow: 0 24px 80px rgba(17, 24, 39, .24);
}

.quote-editor-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--kc-line, #e6e8ec);
  background: #fafafb;
}

.quote-editor-panel__head h3 {
  margin: 8px 0 0;
  color: var(--kc-ink, #111827);
  font-size: 18px;
}

.quote-editor-panel__head p {
  margin: 4px 0 0;
  color: var(--kc-muted, #647084);
  font-size: 13px;
}

.quote-editor {
  padding: 16px;
}

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

.quote-editor-field--wide {
  grid-column: span 4;
}

.quote-editor-notes {
  min-height: 92px;
  padding-top: 12px;
  resize: vertical;
}

.quote-editor-items {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--kc-line, #e6e8ec);
  border-radius: 8px;
  background: #fafafb;
}

.quote-form-actions {
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid var(--kc-line, #e6e8ec);
}

.quote-form-actions .button {
  min-width: 170px;
}

.quote-editor-items strong {
  display: block;
  margin-bottom: 10px;
  color: var(--kc-ink, #111827);
  font-size: 12px;
  text-transform: uppercase;
}

.quote-editor-items ul {
  margin: 0;
  padding-left: 18px;
  color: var(--kc-muted, #647084);
  font-size: 13px;
  line-height: 1.7;
}

.quote-editor-items span {
  color: var(--kc-ink, #111827);
  font-weight: 800;
}

@media (max-width: 980px) {
  .quote-editor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quote-editor-field--wide {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .quote-editor-panel__head {
    align-items: flex-start;
    flex-direction: column;
  }

  .quote-editor-modal {
    padding: 10px;
  }

  .quote-editor-grid {
    grid-template-columns: 1fr;
  }

  .quote-editor-field--wide {
    grid-column: span 1;
  }
}

/* ==========================================================================
   MÓDULO DE ANALÍTICA COMERCIAL Y WEB B2B – DISEÑO PREMIUM Y DISTRIBUCIÓN
   ========================================================================== */

/* Desacoplar la doble tarjeta para evitar el aspecto squished y pegado.
   El contenedor de primer nivel se vuelve un layout transparente e interactivo,
   permitiendo que cada widget brille individualmente como su propia tarjeta */
#pedidosAnalyticsView > .surface-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 32px; /* Espaciado amplio y elegante de 32px */
}

/* Encabezado del Módulo Principal */
#pedidosAnalyticsView > .surface-card > .section-head {
    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 16px;
    padding: 24px 28px;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.025);
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

#pedidosAnalyticsView > .surface-card > .section-head h3 {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a;
    letter-spacing: -0.02em;
    margin-top: 4px;
}

#pedidosAnalyticsView > .surface-card > .section-head p {
    font-size: 13.5px;
    color: #64748b;
    margin-top: 4px;
}

/* Barra de Filtros de Analítica (Tarjeta Independiente Premium) */
.analytics-filter-bar {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    align-items: end;
    background: #ffffff;
    border: 1px solid #edf0f4;
    border-radius: 16px;
    padding: 26px;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.025);
    margin-bottom: 0;
}

.analytics-filter-bar .field-select {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.analytics-filter-bar .field-select span {
    color: #475569;
    font-size: 11px;
    font-weight: 750 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.analytics-filter-bar .form-control,
.analytics-filter-bar .select-control {
    width: 100%;
    height: 42px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background-color: #f8fafc;
    color: #0f172a;
    font-size: 13.5px;
    outline: none;
    transition: all 0.2s ease;
}

.analytics-filter-bar .form-control:hover,
.analytics-filter-bar .select-control:hover {
    border-color: #94a3b8;
    background-color: #ffffff;
}

.analytics-filter-bar .form-control:focus,
.analytics-filter-bar .select-control:focus {
    border-color: #e30613;
    box-shadow: 0 0 0 4px rgba(227, 6, 19, 0.08);
    background-color: #ffffff;
}

.analytics-filter-bar__actions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    height: 42px;
    width: 100%;
}

.analytics-filter-bar__actions .button {
    flex: 1;
    height: 42px;
    min-height: 42px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700 !important;
    text-align: center;
    padding: 0 18px;
    transition: all 0.25s ease;
}

.analytics-filter-bar__actions .button--quote-search {
    background: linear-gradient(135deg, #e30613 0%, #b90410 100%);
    color: #ffffff;
    border: none;
    box-shadow: 0 4px 12px rgba(227, 6, 19, 0.15);
}

.analytics-filter-bar__actions .button--quote-search:hover {
    background: linear-gradient(135deg, #ff0818 0%, #d70514 100%);
    transform: translateY(-1.5px);
    box-shadow: 0 6px 16px rgba(227, 6, 19, 0.25);
}

.analytics-filter-bar__actions .button--tertiary {
    background: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.analytics-filter-bar__actions .button--tertiary:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
    transform: translateY(-1.5px);
}

@media (max-width: 1200px) {
    .analytics-filter-bar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .analytics-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .analytics-filter-bar__actions {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .analytics-filter-bar {
        grid-template-columns: 1fr;
    }
}

/* Rejilla y Tarjetas de Métricas KPI (Rediseño UI Premium) */
#pedidosAnalyticsView .metrics-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 0;
}

#pedidosAnalyticsView .metric-card {
    min-height: 130px;
    padding: 22px 20px;
    border-radius: 16px;
    border: 1px solid #edf0f4;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 10px 20px rgba(17, 24, 39, 0.012);
}

#pedidosAnalyticsView .metric-card::before {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
    border-radius: 10px;
    background-size: 22px;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* Card 1: Visitas Totales - Índigo */
#pedidosAnalyticsView .metric-card:nth-child(1) {
    border-left: 4px solid #6366f1;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #f5f3ff 100%);
}
#pedidosAnalyticsView .metric-card:nth-child(1)::before {
    background-color: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.15);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%236366f1" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>');
}
#pedidosAnalyticsView .metric-card:nth-child(1):hover {
    border-color: #cbd5e1;
    border-left-color: #6366f1;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(99, 102, 241, 0.08);
}

/* Card 2: Usuarios Registrados - Ámbar */
#pedidosAnalyticsView .metric-card:nth-child(2) {
    border-left: 4px solid #f59e0b;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #fffbeb 100%);
}
#pedidosAnalyticsView .metric-card:nth-child(2)::before {
    background-color: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.15);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23f59e0b" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 003.741-.479 3 3 0 00-4.682-2.72m.94 3.198l.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0112 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 016 18.719m12 0a5.971 5.971 0 00-.941-3.197m0 0A5.995 5.995 0 0012 12.75a5.995 5.995 0 00-5.058 2.772m0 0a3 3 0 00-4.681 2.72 8.986 8.986 0 003.74.477m.94-3.197a5.971 5.971 0 00-.94 3.197M15 6.75a3 3 0 11-6 0 3 3 0 016 0zm6 3a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0zm-13.5 0a2.25 2.25 0 11-4.5 0 2.25 2.25 0 014.5 0z"/></svg>');
}
#pedidosAnalyticsView .metric-card:nth-child(2):hover {
    border-color: #cbd5e1;
    border-left-color: #f59e0b;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(245, 158, 11, 0.08);
}

/* Card 3: Cotizaciones Web - Rojo Corporativo Katherine Corp */
#pedidosAnalyticsView .metric-card:nth-child(3) {
    border-left: 4px solid #e30613;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #fff5f5 100%);
}
#pedidosAnalyticsView .metric-card:nth-child(3)::before {
    background-color: rgba(227, 6, 19, 0.06);
    border: 1px solid rgba(227, 6, 19, 0.12);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23e30613" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z"/></svg>');
}
#pedidosAnalyticsView .metric-card:nth-child(3):hover {
    border-color: #cbd5e1;
    border-left-color: #e30613;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(227, 6, 19, 0.08);
}

/* Card 4: Descargas de Ofertas - Esmeralda */
#pedidosAnalyticsView .metric-card:nth-child(4) {
    border-left: 4px solid #10b981;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #f0fdf4 100%);
}
#pedidosAnalyticsView .metric-card:nth-child(4)::before {
    background-color: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.15);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%2310b981" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>');
}
#pedidosAnalyticsView .metric-card:nth-child(4):hover {
    border-color: #cbd5e1;
    border-left-color: #10b981;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(16, 185, 129, 0.08);
}

/* Card 5: Permanencia Promedio - Pizarra Oscura */
#pedidosAnalyticsView .metric-card:nth-child(5) {
    border-left: 4px solid #0f172a;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #f1f5f9 100%);
}
#pedidosAnalyticsView .metric-card:nth-child(5)::before {
    background-color: rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.15);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%230f172a" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>');
}
#pedidosAnalyticsView .metric-card:nth-child(5):hover {
    border-color: #cbd5e1;
    border-left-color: #0f172a;
    transform: translateY(-3px);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

#pedidosAnalyticsView .metric-card__label {
    font-size: 11px;
    font-weight: 750 !important;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.06em;
}

#pedidosAnalyticsView .metric-card__value {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #0f172a;
    margin: 8px 0;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

#pedidosAnalyticsView .metric-card__caption {
    font-size: 11.5px;
    color: #64748b;
    font-weight: 600 !important;
}

@media (max-width: 1200px) {
    #pedidosAnalyticsView .metrics-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    #pedidosAnalyticsView .metrics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    #pedidosAnalyticsView .metrics-grid {
        grid-template-columns: 1fr;
    }
}

/* Paneles de Evolución y Rankings */
#pedidosAnalyticsView .dashboard-grid--overview-panels {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px !important;
    align-items: stretch;
    margin-top: 8px;
    margin-bottom: 0;
}

#pedidosAnalyticsView .overview-metric-panel {
    display: flex;
    flex-direction: column;
    border-radius: 18px;
    border: 1px solid #edf0f4;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.025);
    padding: 28px;
    transition: all 0.3s ease;
}

#pedidosAnalyticsView .overview-metric-panel:hover {
    box-shadow: 0 15px 35px rgba(17, 24, 39, 0.05);
}

#pedidosAnalyticsView .overview-metric-panel .section-head {
    min-height: auto;
    padding: 0 0 16px 0;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 20px;
}

#pedidosAnalyticsView .overview-chart {
    flex: 1;
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent;
    min-height: 280px;
}

#pedidosAnalyticsView .overview-bars {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 12px 0 0;
}

/* Pestañas de Filtro Rápido en Rankings */
#pedidosAnalyticsView .analytics-tabs {
    display: inline-flex;
    gap: 6px;
    background: #f1f5f9;
    padding: 6px;
    border-radius: 10px;
    margin: 4px 0 16px;
    width: fit-content;
    border: 1px solid #edf0f4;
}

#pedidosAnalyticsView .analytics-tabs .status-tab {
    min-height: 32px;
    padding: 0 16px;
    font-size: 12px;
    font-weight: 700 !important;
    border: none;
    border-radius: 8px;
    color: #475569;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#pedidosAnalyticsView .analytics-tabs .status-tab:hover {
    color: #0f172a;
    background: rgba(255, 255, 255, 0.5);
}

#pedidosAnalyticsView .analytics-tabs .status-tab.active {
    color: #e30613;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(17, 24, 39, 0.06);
}

@media (max-width: 1024px) {
    #pedidosAnalyticsView .dashboard-grid--overview-panels {
        grid-template-columns: 1fr;
    }
}

/* Zonas de Interés y Recomendaciones */
#analyticsRecommendations {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 24px !important;
    margin-top: 24px !important;
}

#analyticsRecommendations .metric-card {
    min-height: auto;
    border-radius: 16px !important;
    border: 1px solid #edf0f4 !important;
    border-left-width: 5px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 25px rgba(17, 24, 39, 0.02) !important;
    padding: 24px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#analyticsRecommendations .metric-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 35px rgba(17, 24, 39, 0.05) !important;
    border-color: #cbd5e1 !important;
}

#analyticsRecommendations .metric-card::before {
    display: none !important;
}

#analyticsRecommendations .metric-card--green {
    border-left-color: #10b981 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%) !important;
}
#analyticsRecommendations .metric-card--red {
    border-left-color: #ef4444 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fef2f2 100%) !important;
}
#analyticsRecommendations .metric-card--blue {
    border-left-color: #3b82f6 !important;
    background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
}

#analyticsRecommendations .metric-card__label {
    font-size: 13.5px;
    font-weight: 750 !important;
    color: #0f172a !important;
    text-transform: none;
    letter-spacing: 0;
}

#analyticsRecommendations .status-chip {
    min-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: none !important;
}

#analyticsRecommendations .metric-card--green .status-chip {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #047857 !important;
}

#analyticsRecommendations .metric-card--red .status-chip {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #b91c1c !important;
}

#analyticsRecommendations .metric-card--blue .status-chip {
    background: rgba(59, 130, 246, 0.1) !important;
    color: #1d4ed8 !important;
}

#analyticsRecommendations p {
    font-size: 13px;
    color: #475569;
    line-height: 1.6;
    margin-top: 12px;
    font-weight: 500;
}

/* Tablas Detalladas */
#pedidosAnalyticsView .table-wrap {
    border-radius: 16px;
    border: 1px solid #edf0f4;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.025);
    overflow: hidden;
    margin-top: 24px;
}

#pedidosAnalyticsView .data-table thead th {
    padding: 16px 20px;
    font-size: 11px;
    font-weight: 750 !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: #f8fafc;
    color: #475569;
    border-bottom: 2px solid #edf0f4;
}

#pedidosAnalyticsView .data-table tbody td {
    padding: 16px 20px;
    font-size: 13.5px;
    color: #0f172a;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

#pedidosAnalyticsView .data-table tbody tr:hover td {
    background-color: #f8fafc;
}

#pedidosAnalyticsView,
#pedidosAnalyticsView :is(h1, h2, h3, h4, h5, h6, p, span, strong, b, label, button, input, select, textarea, th, td, a, small, li, div) {
    font-weight: 600 !important;
}

#pedidosAnalyticsView#pedidosAnalyticsView,
#pedidosAnalyticsView#pedidosAnalyticsView * {
    font-weight: 600 !important;
}

body[data-pedidos-view="analytics"] .dashboard-header,
body[data-pedidos-view="analytics"] .dashboard-header *,
body[data-pedidos-view="analytics"] [data-pedidos-view="analytics"],
body[data-pedidos-view="analytics"] [data-pedidos-view="analytics"] * {
    font-weight: 600 !important;
}