:root {
  --bg: #f4f6f8;
  --panel: #ffffff;
  --panel-soft: #f8fafb;
  --text: #16202a;
  --muted: #697682;
  --line: #e5e9ed;
  --navy: #2457c5;
  --navy-2: #142746;
  --mint: #4b8bff;
  --mint-soft: #e8f0ff;
  --coral: #ff735d;
  --coral-soft: #ffebe7;
  --amber: #eeab3a;
  --red: #dd5262;
  --blue: #4a7de0;
  --shadow: 0 12px 30px rgba(22, 32, 42, .06);
  --radius: 16px;
}
* { box-sizing: border-box; }
html { font-size: 16px; }
body { margin: 0; font-family: "DM Sans", sans-serif; color: var(--text); background: var(--bg); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 248px 1fr; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 248px; background: var(--navy-2); color: #fff; display: flex; flex-direction: column; z-index: 20; }
.brand { height: 78px; display: flex; align-items: center; gap: 12px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.08); }
.brand-mark { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--mint); color: var(--navy-2); font: 800 14px "Manrope"; }
.brand strong, .brand small { display: block; }
.brand strong { font: 700 17px "Manrope"; letter-spacing: -.3px; }
.brand small { color: #a3b5d2; font-size: 12px; margin-top: 2px; }
nav { padding: 18px 12px; overflow-y: auto; flex: 1; }
.nav-label { padding: 14px 12px 8px; color: #91a5c5; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.nav-item { width: 100%; display: flex; align-items: center; gap: 11px; border: 0; color: #c0cde2; background: transparent; padding: 10px 12px; border-radius: 10px; text-align: left; font-size: 14px; margin: 2px 0; transition: .2s; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-item.active { color: #fff; background: rgba(75,139,255,.2); box-shadow: inset 3px 0 var(--mint); }
.nav-icon { width: 22px; text-align: center; color: var(--mint); font-weight: 700; }
.nav-badge { margin-left: auto; min-width: 22px; height: 20px; display: grid; place-items: center; border-radius: 10px; background: var(--coral); color: #fff; font-size: 11px; }
.sidebar-foot { padding: 14px; border-top: 1px solid rgba(255,255,255,.08); }
.workspace { padding: 10px; display: flex; align-items: center; gap: 9px; background: rgba(255,255,255,.05); border-radius: 12px; }
.workspace strong, .workspace small { display: block; }
.workspace strong { font-size: 13px; }.workspace small { font-size: 11px; color: #a3b5d2; }
.workspace button { margin-left: auto; border: 0; background: none; color: #a3b5d2; }
.avatar { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--mint); color: var(--navy-2); font-size: 11px; font-weight: 800; flex: none; }
.avatar.coral { background: var(--coral-soft); color: var(--coral); border-radius: 50%; }
.main { grid-column: 2; min-width: 0; }
.topbar { height: 78px; position: sticky; top: 0; z-index: 10; display: flex; align-items: center; padding: 0 28px; gap: 18px; background: rgba(255,255,255,.88); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.global-search { max-width: 520px; flex: 1; display: flex; align-items: center; gap: 10px; color: var(--muted); background: var(--panel-soft); border: 1px solid var(--line); border-radius: 11px; padding: 0 12px; }
.global-search input { width: 100%; height: 42px; border: 0; outline: 0; color: var(--text); background: transparent; }
kbd { border: 1px solid var(--line); background: var(--panel); padding: 3px 7px; border-radius: 6px; font-size: 11px; color: var(--muted); white-space: nowrap; }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.icon-button { width: 40px; height: 40px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); color: var(--text); }
.notification { position: relative; }.notification i { position: absolute; right: 8px; top: 7px; width: 7px; height: 7px; border-radius: 50%; background: var(--coral); }
.profile { display: flex; align-items: center; gap: 9px; border: 0; background: transparent; padding: 3px 6px; color: var(--text); text-align: left; }
.profile strong, .profile small { display: block; }.profile strong { font-size: 13px; }.profile small { font-size: 11px; color: var(--muted); }
.mobile-menu { display: none; }
.content { padding: 28px; max-width: 1640px; margin: 0 auto; }
.page-head { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
.page-head h1 { font: 800 28px/1.2 "Manrope"; margin: 0 0 5px; letter-spacing: -.7px; }
.page-head p { margin: 0; color: var(--muted); font-size: 14px; }
.page-actions { margin-left: auto; display: flex; gap: 9px; flex-wrap: wrap; }
.btn { min-height: 40px; border: 1px solid var(--line); border-radius: 10px; padding: 0 15px; background: var(--panel); color: var(--text); font-weight: 600; font-size: 14px; }
.btn.primary { background: var(--navy); color: #fff; border-color: var(--navy); }.btn.primary:hover { background: var(--navy-2); }
.btn.accent { background: var(--mint); color: var(--navy-2); border-color: var(--mint); }
.grid { display: grid; gap: 16px; }.grid.four { grid-template-columns: repeat(4, 1fr); }.grid.three { grid-template-columns: repeat(3, 1fr); }.grid.two { grid-template-columns: repeat(2, 1fr); }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-pad { padding: 20px; }.card h3 { font: 700 16px "Manrope"; margin: 0; }
.metric { padding: 18px; position: relative; overflow: hidden; }.metric::after { content:""; position: absolute; width: 70px; height: 70px; border-radius: 50%; right: -20px; top: -25px; background: var(--metric-soft, var(--mint-soft)); }
.metric-label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13px; }.metric-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--metric-color, var(--mint)); }
.metric strong { display: block; font: 800 28px "Manrope"; margin: 12px 0 5px; }.metric small { font-size: 12px; color: var(--muted); }.metric small b { color: #2457c5; }
.section-row { display: flex; align-items: center; margin-bottom: 16px; }.section-row p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }.section-row .link { margin-left: auto; border: 0; background: none; color: var(--blue); font-weight: 600; }
.split-main { display: grid; grid-template-columns: 1.55fr .8fr; gap: 16px; margin-top: 16px; }
.task-list { display: grid; gap: 8px; }.task { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 12px; padding: 11px 12px; background: var(--panel); }
.task-icon { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--mint-soft); color: #2457c5; font-weight: 800; }.task-icon.warn { background: #fff4dc; color: #a36c0b; }.task-icon.risk { background: var(--coral-soft); color: var(--red); }
.task button.task-icon { border: 0; }.task.done { opacity: .55; }.task.done strong { text-decoration: line-through; }.task.done .task-icon { background: var(--mint); color: var(--navy-2); }
.task strong, .task small { display: block; }.task strong { font-size: 13px; }.task small { color: var(--muted); font-size: 12px; margin-top: 3px; }.task time { color: var(--muted); font-size: 12px; }
.health-ring { --v: 79%; width: 128px; height: 128px; margin: 16px auto; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--mint) var(--v), #e9edef 0); position: relative; }
.health-ring::after { content:""; width: 98px; height: 98px; border-radius: 50%; background: var(--panel); position: absolute; }.health-ring span { z-index: 1; text-align: center; font: 800 25px "Manrope"; }.health-ring small { display:block; color:var(--muted); font:500 11px "DM Sans"; }
.legend { display: grid; gap: 8px; }.legend div { display: flex; align-items: center; font-size: 12px; color: var(--muted); }.legend b { margin-left: auto; color: var(--text); }
.toolbar { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }.control { height: 40px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); padding: 0 12px; color: var(--text); }.toolbar .search-control { min-width: 260px; flex: 1; }
.table-card { overflow: hidden; }.table-wrap { overflow-x: auto; }table { border-collapse: collapse; width: 100%; min-width: 760px; }th { background: var(--panel-soft); text-align: left; padding: 12px 16px; color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }td { padding: 14px 16px; border-top: 1px solid var(--line); font-size: 13px; }tr:hover td { background: var(--panel-soft); }.client-cell { display:flex;align-items:center;gap:10px }.client-logo { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e6eefc;color:#315fae;font-weight:800;font-size:11px }.client-cell strong,.client-cell small{display:block}.client-cell small{color:var(--muted);margin-top:2px}
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 20px; font-size: 11px; font-weight: 700; background: var(--mint-soft); color: #2457c5; }.pill.attention { background:#fff3d8;color:#9c6707 }.pill.risk { background:var(--coral-soft);color:#b84351 }.pill.neutral { background:#edf0f3;color:#5c6873 }.pill.blue { background:#e8effe;color:#345da7 }
.kanban { display: grid; grid-template-columns: repeat(4, minmax(235px, 1fr)); gap: 14px; overflow-x: auto; padding-bottom: 8px; }.column { background: #edf1f3; border-radius: 14px; padding: 12px; min-height: 520px; }.column-head { display:flex;align-items:center;margin-bottom:10px;font-weight:700;font-size:13px }.count { margin-left:auto;background:var(--panel);border-radius:12px;padding:2px 7px;color:var(--muted);font-size:11px }.kanban-card { background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:9px;box-shadow:0 5px 14px rgba(20,32,42,.05) }.kanban-card strong{display:block;font-size:13px}.kanban-card p{color:var(--muted);font-size:12px;margin:6px 0 12px}.kanban-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}
.profile-hero { padding: 22px; display:flex;gap:18px;align-items:center }.company-mark{width:58px;height:58px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 17px "Manrope"}.profile-hero h2{font:800 21px "Manrope";margin:0 0 5px}.profile-hero p{margin:0;color:var(--muted);font-size:13px}.profile-stats{margin-left:auto;display:flex;gap:30px}.profile-stats span{display:block;color:var(--muted);font-size:11px}.profile-stats strong{font:700 15px "Manrope"}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-top:16px;overflow-x:auto}.tab{border:0;background:none;color:var(--muted);padding:12px 14px;border-bottom:2px solid transparent;white-space:nowrap;font-weight:600;font-size:13px}.tab.active{color:var(--navy);border-color:var(--mint)}
.timeline { position:relative;padding-left:24px }.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}.event{position:relative;padding:0 0 20px 14px}.event::before{content:"";position:absolute;left:-22px;top:4px;width:10px;height:10px;background:var(--mint);border-radius:50%;border:3px solid var(--panel)}.event strong{font-size:13px}.event p{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.5}.event time{font-size:11px;color:var(--muted)}
.list-card{display:flex;align-items:center;gap:14px;padding:15px;border-bottom:1px solid var(--line)}.list-card:last-child{border-bottom:0}.list-icon{width:40px;height:40px;border-radius:12px;background:var(--mint-soft);display:grid;place-items:center;color:#2457c5;font-weight:800}.list-body{flex:1}.list-body strong,.list-body small{display:block}.list-body strong{font-size:13px}.list-body small{font-size:12px;color:var(--muted);margin-top:4px}.list-side{text-align:right}.list-side strong,.list-side small{display:block}.list-side small{font-size:11px;color:var(--muted);margin-top:4px}
.bar-chart{height:210px;display:flex;align-items:flex-end;gap:13px;padding-top:20px}.bar-group{flex:1;text-align:center}.bar{width:100%;max-width:36px;margin:auto;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,var(--mint),#2457c5);min-height:12px}.bar-group small{display:block;margin-top:8px;color:var(--muted);font-size:10px}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-name{text-align:center;font-size:11px;color:var(--muted);padding:6px}.day{min-height:76px;border:1px solid var(--line);border-radius:9px;padding:7px;font-size:11px;background:var(--panel)}.day.muted{opacity:.35}.day.today{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.calendar-event{display:block;margin-top:6px;background:var(--mint-soft);color:#2457c5;border-radius:5px;padding:4px;font-size:9px;overflow:hidden;white-space:nowrap}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--panel);color:var(--text)}.field.full{grid-column:1/-1}
.settings-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1040px}.settings-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px}.settings-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--mint-soft);color:var(--navy);font-size:19px}.settings-card-copy h3{font-size:14px;margin:0 0 5px}.settings-card-copy p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.settings-card .btn{white-space:nowrap}.settings-hub-note{max-width:1040px;margin-top:16px;color:var(--muted);font-size:12px;line-height:1.6}
.empty-state{text-align:center;padding:44px}.empty-state .empty-icon{width:58px;height:58px;border-radius:18px;background:var(--mint-soft);color:#2457c5;display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.empty-state h3{margin-bottom:8px}.empty-state p{max-width:430px;margin:0 auto 18px;color:var(--muted);font-size:13px;line-height:1.6}
.toast{position:fixed;right:24px;bottom:24px;z-index:50;background:var(--navy-2);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.toast[popover]{position:fixed;inset:auto 24px 24px auto;margin:0;border:0;max-width:min(420px,calc(100vw - 32px));}.toast[popover]::backdrop{background:transparent}
.modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(6,20,24,.55);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.25);transform:translateY(12px) scale(.98);transition:.2s}.modal-backdrop.open .modal{transform:none}.modal-head{display:flex;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-head>div{flex:1}.modal-head small{color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.modal-head h2{font:800 21px "Manrope";margin:4px 0 0}.modal-body{padding:22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid var(--line);background:var(--panel-soft)}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid var(--line);border-radius:10px;padding:11px 8px;text-align:center;font-size:12px;color:var(--muted)}.choice input:checked+span{border-color:var(--mint);background:var(--mint-soft);color:var(--navy);font-weight:700}.helper{font-size:11px;color:var(--muted);margin-top:6px}.required{color:var(--coral)}
body.dark{--bg:#101a2b;--panel:#17243a;--panel-soft:#1d2e48;--text:#edf3ff;--muted:#a6b6d0;--line:#30435f;--shadow:0 12px 30px rgba(0,0,0,.18)}body.dark .topbar{background:rgba(23,36,58,.9)}body.dark .column{background:#122036}
@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,1fr)}.split-main{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr 1fr}.profile-stats{gap:15px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{min-width:0}.mobile-menu{display:block}.topbar{padding:0 14px}.profile>span:not(.avatar),.profile>b,kbd{display:none}.content{padding:18px 14px}.page-head{display:block}.page-actions{margin-top:14px}.grid.four,.grid.three,.grid.two,.settings-hub{grid-template-columns:1fr}.settings-card{grid-template-columns:38px minmax(0,1fr)}.settings-card-icon{width:36px;height:36px}.settings-card .btn{grid-column:2;justify-self:start}.profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-stats{margin-left:0;width:100%;justify-content:space-between}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.choice-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;border-radius:20px 20px 0 0;max-height:94vh}}
/* Rolagem discreta: preserva a navegação sem barras visuais. */
html{scrollbar-width:none}
*,*::before,*::after{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Indicação de foco para regiões navegáveis pelo teclado. */
[data-scroll-region]:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}
.column-head{gap:8px}.column-head-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.column-head-actions .count{margin-left:0}.column-add{display:inline-flex;align-items:center;justify-content:center;width:auto;height:24px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--navy);font:600 11px/1 inherit;cursor:pointer}.column-add:hover{border-color:var(--blue);background:var(--mint-soft);color:var(--blue)}.pipeline-help{font-size:12px;color:var(--muted)}

.kanban-activities{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.kanban-activities .pill{font-size:11px}

.agreement-dialog.company-contact-editor .agreement-form label.agreement-check{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:30px;cursor:pointer}
.agreement-dialog.company-contact-editor .agreement-form label.agreement-check input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:17px!important;height:17px!important;min-height:17px;flex:0 0 17px;margin:0;accent-color:#285bd4;cursor:pointer}
 .import-client-review{margin:0 0 18px;border:1px solid var(--line,#dbe3ec);border-radius:12px;background:#f8fafc}.import-client-review summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none}.import-client-review summary::-webkit-details-marker{display:none}.import-client-review summary span,.import-client-row small{color:var(--muted,#64748b);font-size:.86em}.import-client-review>label{display:block;max-width:420px;margin:12px 0}.import-client-review input{display:block;width:100%;margin-top:5px}.import-client-list{display:grid;gap:6px;max-height:330px;overflow:auto}.import-client-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;background:#fff;border:1px solid var(--line,#dbe3ec);border-radius:8px}.import-client-row>span{display:grid;gap:3px;min-width:0}.import-client-row strong,.import-client-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-client-row .btn{flex-shrink:0}
.import-link-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}.import-link-columns section{min-width:0;border:1px solid var(--line,#dbe3ec);border-radius:10px;background:#fff;padding:12px}.import-link-columns h4{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:13px}.import-link-columns h4 span{color:var(--muted,#64748b);font-weight:500}.import-contract-list{display:grid;gap:6px;max-height:330px;overflow:auto}.import-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--line,#dbe3ec);border-radius:8px}.import-link-row>span{display:grid;gap:3px;min-width:0}.import-link-row strong,.import-link-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-link-row small{color:var(--muted,#64748b);font-size:.86em}.import-link-row em{flex:none;color:#16803c;font-size:11px;font-style:normal;font-weight:600}.import-link-row:has(em){min-height:44px}
.import-client-row>span:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ci-row-editor{margin-top:8px;min-width:360px}.ci-row-editor summary{cursor:pointer;color:var(--blue);font-weight:600}.ci-row-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(135px,1fr));gap:7px;margin:8px 0}.ci-row-edit-grid label{display:grid;gap:3px;font-size:11px;color:var(--muted)}.ci-row-edit-grid input,.ci-row-edit-grid select{width:100%;min-width:0;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text)}.ci-row-editor small{color:var(--muted)}

/* Importação: linha do tempo compacta e filtros de resultado. */
.import-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:8px auto 24px;max-width:900px;padding:12px 0 4px;}
.import-steps .import-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;text-align:center;color:var(--muted);font-size:12px;}
.import-steps .import-step::before{content:"";position:absolute;z-index:0;top:17px;left:-50%;width:100%;height:2px;background:var(--line);}
.import-steps .import-step:first-child::before{display:none;}
.import-steps .import-step span{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--line);border-radius:50%;background:var(--panel);color:var(--muted);font-weight:700;}
.import-steps .import-step strong{font-weight:600;}
.import-steps .import-step.active,.import-steps .import-step.past{color:var(--navy);}
.import-steps .import-step.active span{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:0 0 0 4px var(--mint-soft);}
.import-steps .import-step.past span{border-color:var(--blue);background:var(--mint-soft);color:var(--navy);}
.import-steps .import-step.active::before,.import-steps .import-step.past::before{background:var(--blue);}
.import-review-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
.import-review-filters .btn{font-size:12px;padding:8px 12px;}
.list-pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:12px 8px;color:var(--muted,#64748b);font-size:12px}.list-pagination[hidden]{display:none!important}.list-pagination .btn{min-width:34px;height:34px;padding:0 9px;font-size:12px}.list-pagination .list-pagination-pages{display:flex;align-items:center;gap:4px}.list-pagination .list-page-number.active{background:var(--blue,#315fce);border-color:var(--blue,#315fce);color:#fff;font-weight:700}.list-pagination-ellipsis{padding:0 4px;color:var(--muted,#64748b)}.list-pagination-count{margin:0 8px;color:var(--muted,#64748b);white-space:nowrap}.list-page-hidden{display:none!important}
@media(max-width:760px){.import-link-columns{grid-template-columns:1fr}}
@media(max-width:600px){.import-steps{margin-bottom:18px}.import-steps .import-step{font-size:10px}.import-steps .import-step strong{max-width:90%;overflow-wrap:anywhere}.import-review-filters .btn{flex:1 1 calc(50% - 8px);}}
.import-link-status{flex:none;padding:3px 7px;border-radius:999px;font-size:10px;font-style:normal;font-weight:650;white-space:nowrap}.import-link-status--success{background:#e8f7ed;color:#16803c}.import-link-status--error{background:#fff0f0;color:#b42318}.import-link-status--warning{background:#fff6df;color:#9a6700}.import-link-status--neutral{background:#eef2f6;color:#5b6573}
/* Product catalog */
.product-catalog-tabs{margin:14px 0 18px}.product-catalog-toolbar{display:flex;align-items:center;gap:10px;margin:12px 0 16px}.product-catalog-toolbar .control:first-child{flex:1;min-width:200px}.product-catalog-table-wrap{overflow:auto;border:1px solid var(--line,#e2e8f0);border-radius:12px;background:var(--surface,#fff)}.product-catalog-table-wrap .report-table{width:100%;min-width:850px}.product-catalog-table-wrap td small{display:block;color:var(--muted,#64748b);margin-top:3px}.product-aux-grid,.product-price-table-list{display:grid;gap:10px}.product-aux-card,.product-price-table{padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.product-aux-card>div{display:flex;align-items:center;gap:12px}.product-aux-card small{color:var(--muted,#64748b)}.product-unit-symbol{color:var(--muted,#64748b);font-size:13px}.product-price-table h3{margin:8px 0 4px}.product-price-table p{margin:0;color:var(--muted,#64748b)}.price-table-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.price-table-editor label{font-size:12px}@media(max-width:760px){.product-catalog-toolbar{flex-wrap:wrap}.product-catalog-toolbar .control:first-child{flex-basis:100%}.price-table-editor{grid-template-columns:1fr}}
/* Product details and inline auxiliary catalogs */
.product-description-field{display:grid;gap:6px;margin-top:12px}.product-description-field textarea{resize:vertical;min-height:76px}.product-image-field{display:grid;grid-template-columns:minmax(180px,1fr) 180px;gap:8px 18px;align-items:center;margin:14px 0}.product-image-field>label{display:grid;gap:8px}.product-image-field small{grid-column:1;color:var(--muted,#64748b)}.product-image-preview{width:180px;height:112px;border:1px dashed var(--line,#cbd5e1);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;color:var(--muted,#64748b);font-size:12px}.product-image-preview img{width:100%;height:100%;object-fit:contain}.product-list-cell{display:flex;align-items:center;gap:10px;min-width:200px}.product-list-cell>span{display:grid;gap:3px}.product-list-image{width:40px;height:40px;object-fit:cover;border-radius:7px;border:1px solid var(--line,#e2e8f0)}.commercial-product-preview{width:88px;height:88px;object-fit:contain;border-radius:10px;border:1px solid var(--line,#e2e8f0);margin-bottom:8px}.commercial-picker .commercial-cover{object-fit:contain;background:var(--surface,#fff)}@media(max-width:600px){.product-image-field{grid-template-columns:1fr}.product-image-field small{grid-column:auto}}
.product-inline-create{margin-top:6px;padding:5px 8px;border-color:transparent;color:var(--blue,#285bd4);background:transparent;font-size:11px;box-shadow:none}.product-inline-create:hover{background:color-mix(in srgb,var(--blue,#285bd4) 8%,transparent)}
.ui-icon,.nav-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto}
.ui-icon svg,.nav-icon svg{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.nav-icon{font-size:18px;line-height:1}
.task-icon .ui-icon,.list-icon .ui-icon{font-size:18px}
.task-icon .ui-icon svg,.list-icon .ui-icon svg{width:18px;height:18px}
button .ui-icon{pointer-events:none}
.product-search-fields{display:grid;grid-template-columns:minmax(155px,1fr) minmax(190px,1.4fr) minmax(140px,1fr) minmax(160px,1fr) 100px auto auto;align-items:end;gap:12px}.product-search-fields label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:500;min-width:0}.product-search-fields .control{width:100%;min-width:0!important;font-size:12px;font-weight:400;min-height:38px;padding:9px 11px}.product-search-fields input::placeholder{font-size:12px;color:var(--muted);opacity:.85}.product-search-fields .btn{font-size:12px;min-height:38px;white-space:nowrap}@media(max-width:1400px){.product-search-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.product-search-fields>.btn{justify-self:start}}@media(max-width:900px){.product-search-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.product-search-fields{grid-template-columns:1fr}}