@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800&display=swap');

*{box-sizing:border-box}html{background:#f6f7fb}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f6f7fb;color:#111827;padding-bottom:92px}
button,input,select,textarea{font:inherit}.topbar{height:68px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;padding:0 18px;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;direction:ltr}.brand small{display:block;color:#6b7280;font-size:10px;letter-spacing:.3px}.logo{width:36px;height:36px;border-radius:12px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}
main{max-width:960px;margin:auto;padding:18px}.hero{background:#111827;color:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:start;box-shadow:0 10px 25px #11182718}
.hero .eyebrow{font-size:11px;letter-spacing:1.4px;opacity:.65}.hero h1{font-size:26px;margin:7px 0 5px}.hero p{margin:0;opacity:.7}.icon-btn{border:1px solid #ffffff25;background:#ffffff12;color:#fff;border-radius:13px;width:42px;height:42px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.stat{border:0;border-radius:18px;padding:14px 8px;text-align:center;background:#fff;box-shadow:0 4px 14px #1118270b}.stat b{display:block;font-size:24px}.stat span{font-size:11px;color:#6b7280}.stat.red b{color:#dc2626}.stat.orange b{color:#ea580c}.stat.blue b{color:#2563eb}.stat.green b{color:#16a34a}
.section{margin-top:22px}.section-title,.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2{font-size:17px;margin:0}.section-title span,.section-title button,.page-head p{font-size:12px;color:#6b7280}.section-title button{border:0;background:transparent}.page-head h1{font-size:24px;margin:0}.page-head p{margin:4px 0 0}
.card{background:#fff;border:1px solid #e8eaf0;border-radius:18px;padding:15px;margin:9px 0;box-shadow:0 3px 12px #11182708}.deal{cursor:pointer}.card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card h3{font-size:15px;margin:0 0 4px}.muted{font-size:12px;color:#6b7280}.pill{padding:6px 9px;border-radius:999px;font-size:10px;white-space:nowrap}.pill.red{background:#fee2e2;color:#991b1b}.pill.orange{background:#ffedd5;color:#9a3412}.pill.blue{background:#dbeafe;color:#1d4ed8}.pill.green{background:#dcfce7;color:#166534}.pill.gray{background:#f3f4f6;color:#4b5563}.situation{font-size:13px;line-height:1.9;margin:13px 0 9px}.next{font-size:12px;background:#f8fafc;padding:9px 10px;border-radius:11px}.next span{color:#6b7280}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#6b7280;font-size:11px}.due{background:#f3f4f6;border-radius:999px;padding:4px 7px}.due.overdue{background:#fee2e2;color:#b91c1c}.due.today{background:#fef3c7;color:#92400e}.due.soon{background:#e0f2fe;color:#075985}
.price-list{background:#fff;border:1px solid #e8eaf0;border-radius:18px;overflow:hidden}.price-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:13px 14px;border-bottom:1px solid #f1f5f9;align-items:center}.price-row:last-child{border-bottom:0}.price-row b{font-size:12px;display:block}.price-row small{color:#6b7280}.price-row strong{font-size:13px}.price-row>span{font-size:10px;color:#6b7280}.filters{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin:12px 0}.filters input,.filters select,.form input,.form select,.form textarea,.modal input,.modal select{width:100%;border:1px solid #dfe3ea;background:#fff;border-radius:13px;padding:12px;outline:none}.filters input:focus,.form input:focus,.form textarea:focus{border-color:#64748b}.primary{width:100%;border:0;background:#111827;color:#fff;padding:13px 18px;border-radius:13px;font-weight:700}.primary.small{width:auto;padding:10px 13px;font-size:12px}.big-price{font-size:19px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.mini-grid span{background:#f8fafc;padding:9px;border-radius:11px;color:#6b7280;font-size:10px}.mini-grid b{display:block;color:#111827;margin-top:4px;font-size:12px}.note{margin-top:10px;padding:9px 10px;background:#fff7ed;border-radius:10px;font-size:11px;line-height:1.8}.company-lines{margin-top:12px;font-size:12px;line-height:1.8}.company-lines span{display:inline-block;color:#6b7280;width:58px}
.chooser{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chooser button{border:1px solid #e5e7eb;background:#fff;border-radius:18px;padding:18px 10px;font-size:25px}.chooser b{display:block;font-size:12px;margin-top:8px}.form{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:17px;margin-top:14px}.form h2{font-size:17px;margin-top:0}.form label,.modal label{display:block;font-size:11px;color:#4b5563;margin:11px 0}.form textarea{min-height:78px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto!important}.backup{background:#eef2ff;border-radius:18px;padding:16px;margin-top:18px}.backup h3{font-size:14px;margin:0}.backup p{font-size:11px;color:#6b7280}.backup-actions{display:flex;gap:8px}.backup-actions button,.upload{border:0;background:#fff;border-radius:11px;padding:10px 12px;font-size:11px}.upload input{display:none}.empty{text-align:center;padding:28px;color:#6b7280;font-size:12px;background:#fff;border-radius:18px;border:1px dashed #d1d5db}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #11182710}.nav-btn{border:0;background:transparent;color:#9ca3af;min-width:58px;padding:5px}.nav-btn span{display:block;font-size:18px}.nav-btn b{font-size:10px}.nav-btn.active{color:#111827}.nav-btn.add span{background:#111827;color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;margin:-18px auto 3px}
.modal-backdrop{position:fixed;inset:0;background:#11182780;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:12px}.modal{background:#fff;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:24px 24px 18px 18px;padding:20px;position:relative}.close{position:absolute;left:14px;top:12px;border:0;background:#f3f4f6;border-radius:999px;width:32px;height:32px;font-size:20px}.modal h2{margin:5px 0}.detail-status{display:flex;justify-content:space-between;margin:16px 0}.detail-block{background:#f8fafc;border-radius:13px;padding:11px;margin:9px 0}.detail-block span,.detail-grid span{display:block;font-size:10px;color:#6b7280;margin-bottom:4px}.detail-block b,.detail-grid b{font-size:12px;line-height:1.8}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-grid>div{background:#f8fafc;border-radius:13px;padding:11px}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 16px;border-radius:999px;z-index:99;font-size:12px}
@media(max-width:600px){main{padding:12px}.hero{padding:19px}.hero h1{font-size:22px}.stats{gap:6px}.stat{padding:11px 4px;border-radius:14px}.stat b{font-size:20px}.stat span{font-size:9px}.filters{grid-template-columns:1fr}.card{border-radius:15px}.page-head h1{font-size:21px}}

.auth-wrap{min-height:78vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(390px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:28px;box-shadow:0 16px 45px #11182712}.auth-logo{width:52px;height:52px;background:#111827;color:#fff;border-radius:17px;display:grid;place-items:center;font-size:24px;font-weight:900;margin:0 auto}.auth-card h1{text-align:center;margin:14px 0 5px}.auth-card>p{text-align:center;color:#6b7280;font-size:12px;margin:0 0 20px}.auth-card label{display:block;font-size:11px;color:#4b5563;margin:12px 0}.auth-card input{width:100%;border:1px solid #dfe3ea;background:#fff;border-radius:13px;padding:12px;margin-top:5px}.auth-error{color:#b91c1c;font-size:11px;line-height:1.8;margin-top:10px}.setup-note{background:#f8fafc;border-radius:13px;padding:13px;font-size:11px;line-height:2}.cloud-indicator{margin-right:auto;font-size:10px;color:#16a34a;background:#f0fdf4;padding:6px 9px;border-radius:999px}.hero-actions{display:flex;gap:6px}

.compare-box{background:#111827;color:#fff;border-radius:20px;padding:16px;margin:10px 0 16px}.compare-box .section-title span{color:#cbd5e1}.compare-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.compare-summary>div{background:#ffffff10;border-radius:12px;padding:10px}.compare-summary span{display:block;font-size:9px;color:#cbd5e1}.compare-summary b{font-size:17px}.compare-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid #ffffff12;padding:10px 2px;font-size:12px}.compare-row em{font-style:normal;font-size:9px;background:#dcfce7;color:#166534;border-radius:999px;padding:4px 7px}.company-profile{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.company-profile>div{background:#f8fafc;border-radius:12px;padding:10px}.company-profile span{display:block;color:#6b7280;font-size:9px}.company-profile b{display:block;font-size:11px;margin-top:4px;line-height:1.7}.subhead{font-size:13px;margin:18px 0 8px}.timeline-item{display:flex;justify-content:space-between;gap:12px;border-right:3px solid #e5e7eb;padding:7px 10px;margin:5px 0;background:#fafafa;border-radius:8px}.timeline-item b{font-size:11px}.timeline-item span{font-size:10px;color:#6b7280;text-align:left}.role-badge{background:#eef2ff;color:#3730a3;padding:7px 10px;border-radius:999px;font-size:10px}.log-row{padding:11px 2px;border-bottom:1px solid #f1f5f9}.log-row b{display:block;font-size:12px}.log-row span{font-size:9px;color:#6b7280}.filters:has(#dueFilter){grid-template-columns:2fr 1fr 1fr}
@media(max-width:600px){.filters:has(#dueFilter){grid-template-columns:1fr 1fr}.filters:has(#dueFilter) input{grid-column:1/-1}.company-profile{grid-template-columns:1fr}.compare-row{grid-template-columns:1fr auto}.compare-row em{grid-column:1/-1;width:max-content}}

.proc-toolbar{display:grid;grid-template-columns:2fr 1fr;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin:10px 0 16px}.proc-toolbar label{font-size:10px;color:#6b7280}.proc-toolbar select,.proc-toolbar input{width:100%;margin-top:5px;border:1px solid #dfe3ea;border-radius:12px;padding:11px;background:#fff}.winner{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;color:#111827;border-radius:17px;padding:16px;margin:12px 0}.winner span{font-size:10px;color:#16a34a}.winner h3{margin:4px 0}.winner p{margin:0;color:#6b7280;font-size:10px}.winner-price{text-align:left}.winner-price b{display:block;font-size:22px}.winner-price span{display:block;font-size:9px;color:#6b7280;margin-top:5px}.saving{background:#052e16;border:1px solid #166534;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:11px}.quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quote-card{background:#fff;color:#111827;border-radius:16px;padding:14px;border:2px solid transparent}.quote-card.best{border-color:#22c55e}.quote-top{display:flex;justify-content:space-between;gap:8px}.quote-top h3{margin:0;font-size:13px}.quote-top span{font-size:9px;color:#6b7280}.quote-top em{font-style:normal;font-size:8px;background:#dcfce7;color:#166534;padding:5px 7px;border-radius:999px;height:max-content}.quote-price{font-size:20px;font-weight:800;margin:12px 0}.quote-price small{font-size:9px;color:#6b7280}.quote-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quote-facts>div{background:#f8fafc;border-radius:9px;padding:7px}.quote-facts span{display:block;font-size:8px;color:#6b7280}.quote-facts b{display:block;font-size:10px;margin-top:3px}.quote-total{margin-top:10px;background:#f0fdf4;color:#166534;border-radius:9px;padding:8px;font-size:10px}.price-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.price-tags span{font-size:8px;background:#f1f5f9;border-radius:999px;padding:4px 7px}@media(max-width:650px){.proc-toolbar{grid-template-columns:1fr 1fr}.quote-grid{grid-template-columns:1fr}.winner{align-items:flex-start;flex-direction:column}.winner-price{text-align:right}}

.proc-toolbar.v43{grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(100px,1fr) auto;align-items:end}
.fx-button{border:0;border-radius:12px;background:#111827;color:#fff;padding:12px 16px;min-height:44px;cursor:pointer}
.fx-warning{margin:12px 0;padding:10px 12px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;color:#9a3412;font-size:12px}
.quote-total.missing-rate{background:#fff7ed;color:#9a3412}
.fx-saved{margin-top:14px}.fx-line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e5e7eb}
@media(max-width:720px){.proc-toolbar.v43{grid-template-columns:1fr 1fr}.proc-toolbar.v43 label:first-child{grid-column:1/-1}.fx-button{width:100%}}

.quote-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.edit-price-btn{border:1px solid #d9dee8;background:#fff;color:#111827;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}
.edit-price-btn:hover{background:#f3f4f6}
.quote-card.best .edit-price-btn{border-color:#bbf7d0}
.price-main-actions{display:flex;align-items:center;gap:10px}
.edit-price-btn.compact{padding:6px 9px;white-space:nowrap}
.price-edit-modal{max-width:620px;max-height:90vh;overflow:auto}
@media(max-width:650px){
  .price-main-actions{align-items:flex-end;flex-direction:column}
  .quote-actions{justify-content:flex-end}
}

.c-filter{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin-bottom:14px}.c-filter>input{width:100%;box-sizing:border-box}.c-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.c-filter-grid label{font-size:9px;color:#64748b}.c-filter-grid select{width:100%;margin-top:4px}.c-count{font-size:10px;color:#64748b;margin-top:9px}.c-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.c-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:15px;min-width:0}.c-head{display:flex;justify-content:space-between;gap:10px}.c-head h3{margin:0;font-size:15px}.c-head small{font-size:9px;color:#64748b}.c-head button{border:1px solid #dbe1ea;background:#fff;border-radius:10px;padding:7px 9px;font-size:10px}.c-owner{display:flex;justify-content:space-between;background:#f8fafc;border-radius:10px;padding:8px 10px;margin:10px 0}.c-owner span{font-size:9px;color:#64748b}.c-owner b{font-size:10px}.c-tags{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0}.c-tags span{border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700}.c-tags.industries span{background:#eef2ff;color:#3730a3}.c-tags.types span{background:#ecfdf5;color:#047857}.c-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.c-info div{border-top:1px solid #f1f5f9;padding-top:7px;min-width:0}.c-info span,.c-info b{display:block}.c-info span{font-size:8px;color:#94a3b8}.c-info b{font-size:10px;overflow-wrap:anywhere}.c-next{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:8px;margin-top:10px}.c-next span,.c-next b,.c-next small{display:block}.c-next span,.c-next small{font-size:8px;color:#92400e}.c-next b{font-size:10px}.c-modal{max-width:720px;max-height:92vh;overflow:auto}.c-field{border:1px solid #e5e7eb;border-radius:14px;padding:10px;margin:8px 0}.c-field legend{font-size:10px;font-weight:800}.c-checks{display:flex;flex-wrap:wrap;gap:5px}.c-checks input{display:none}.c-checks span{display:inline-flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:6px 9px;font-size:9px}.c-checks input:checked+span{background:#111827;color:#fff;border-color:#111827}@media(max-width:800px){.c-grid{grid-template-columns:1fr}.c-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.c-info{grid-template-columns:1fr}}

/* V5.1 price delete */
.quote-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.price-main-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.delete-price-btn{
  border:1px solid #fecaca;
  background:#fff7f7;
  color:#b91c1c;
  border-radius:10px;
  padding:7px 9px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.delete-price-btn:hover{background:#fee2e2}
.delete-price-btn.compact{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:600px){
  .quote-actions{justify-content:flex-start}
  .price-main-actions{align-items:flex-end}
}


/* =========================================================
   V5.2 — Global typography + clean price UI
   ========================================================= */

/* Global Persian-friendly font */
html,body,button,input,select,textarea{
  font-family:"Estedad",Tahoma,Arial,sans-serif !important;
}
body{
  font-weight:400;
  line-height:1.65;
}
h1,h2,h3,b,strong,.primary,.nav-btn{
  font-family:"Estedad",Tahoma,Arial,sans-serif !important;
}

/* Price page container */
#priceList.price-table{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  width:100%;
}

/* Every saved-price row is a proper card */
.price-card{
  width:100%;
  min-width:0;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:14px 16px;
  box-shadow:0 2px 8px rgba(17,24,39,.03);
  overflow:hidden;
}

.price-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  width:100%;
  min-width:0;
}

.price-main>div:first-child{
  min-width:0;
}

.price-main>div:first-child>b{
  display:block;
  margin:0;
  font-size:14px;
  line-height:1.55;
  font-weight:800;
  color:#111827;
  overflow-wrap:anywhere;
}

.price-main>div:first-child>span{
  display:block;
  margin-top:3px;
  font-size:10px;
  line-height:1.5;
  color:#6b7280;
  overflow-wrap:anywhere;
}

.price-main-actions{
  display:grid !important;
  grid-template-columns:auto auto auto;
  align-items:center !important;
  justify-content:end;
  gap:7px !important;
  min-width:max-content;
}

.price-value{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  min-width:72px;
  font-size:17px;
  font-weight:800;
  direction:ltr;
  unicode-bidi:plaintext;
  white-space:nowrap;
  color:#111827;
}

.edit-price-btn.compact,
.delete-price-btn.compact{
  min-height:34px;
  padding:6px 9px;
  border-radius:9px;
  font-size:9px;
}

.price-tags{
  display:flex !important;
  align-items:center;
  gap:6px !important;
  flex-wrap:wrap;
  margin-top:11px !important;
  padding-top:10px;
  border-top:1px solid #f1f5f9;
}

.price-tags span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  margin:0;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#f8fafc !important;
  border:1px solid #eef2f7;
  color:#475569;
  font-size:8.5px !important;
  line-height:1.4;
  white-space:nowrap;
}

/* Comparison section */
.compare-box.procurement{
  padding:18px;
}

.quote-grid{
  align-items:stretch;
}

.quote-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid #e5e7eb;
  box-shadow:0 3px 10px rgba(17,24,39,.04);
}

.quote-card.best{
  border:2px solid #22c55e;
}

.quote-top{
  align-items:flex-start;
  min-width:0;
}

.quote-top>div:first-child{
  min-width:0;
  flex:1;
}

.quote-top h3{
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.quote-top span{
  display:block;
  margin-top:2px;
  overflow-wrap:anywhere;
}

.quote-actions{
  display:flex !important;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end !important;
  gap:5px !important;
  flex-wrap:wrap;
}

.quote-actions .edit-price-btn,
.quote-actions .delete-price-btn{
  min-height:32px;
  padding:6px 8px;
  font-size:9px;
}

.quote-price{
  display:flex;
  align-items:baseline;
  gap:7px;
  flex-wrap:wrap;
  margin:14px 0 12px;
  min-height:34px;
}

.quote-price-value{
  font-size:20px;
  font-weight:800;
  direction:ltr;
  unicode-bidi:plaintext;
  white-space:nowrap;
}

.quote-price small{
  direction:ltr;
  unicode-bidi:plaintext;
  font-size:9px;
  white-space:nowrap;
}

.quote-facts{
  flex:1;
}

.quote-facts>div{
  min-width:0;
}

.quote-facts b{
  overflow-wrap:anywhere;
  line-height:1.5;
}

.quote-total{
  margin-top:10px;
}

/* Make purchase toolbar cleaner */
.proc-toolbar.v43{
  gap:9px;
}
.proc-toolbar.v43 label{
  font-size:9px;
  font-weight:600;
}
.proc-toolbar.v43 select,
.proc-toolbar.v43 input{
  min-height:43px;
}

/* Avoid Persian/Latin price strings colliding */
.winner-price b,
.quote-total b,
.quote-facts b{
  unicode-bidi:plaintext;
}

/* Mobile */
@media(max-width:650px){
  .price-card{
    padding:12px;
  }

  .price-main{
    grid-template-columns:1fr;
    gap:10px;
  }

  .price-main-actions{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr) auto auto;
    justify-content:stretch;
  }

  .price-value{
    justify-content:flex-start;
    font-size:16px;
  }

  .price-tags{
    margin-top:9px !important;
  }

  .quote-top{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  .quote-actions{
    justify-content:flex-start !important;
  }

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

@media(max-width:390px){
  .price-main-actions{
    grid-template-columns:1fr 1fr;
  }

  .price-value{
    grid-column:1/-1;
  }

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

/* =========================================================
   V6 CRM Expansion — Products / Linking / HubSpot Import
   ========================================================= */
.page-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.product-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;margin-bottom:14px}
.product-filter-panel>input{width:100%;box-sizing:border-box}
.product-filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.product-filter-grid label{font-size:9px;color:#64748b}
.product-filter-grid select{width:100%;margin-top:4px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:15px;min-width:0}
.product-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.product-card-head h3{margin:0;font-size:15px;overflow-wrap:anywhere}
.product-card-head small{display:block;margin-top:3px;color:#64748b;font-size:9px}
.product-card-head button{border:1px solid #dbe1ea;background:#fff;border-radius:10px;padding:7px 9px;font-size:9px;white-space:nowrap}
.product-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}
.product-mini-grid div{background:#f8fafc;border-radius:10px;padding:8px;min-width:0}
.product-mini-grid span,.product-mini-grid b{display:block}
.product-mini-grid span{font-size:8px;color:#94a3b8}.product-mini-grid b{font-size:10px;overflow-wrap:anywhere}
.product-suppliers,.c-linked-products{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.product-suppliers span,.c-linked-products span{display:inline-flex;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700}
.product-suppliers .muted-chip{background:#f8fafc;color:#94a3b8}
.c-linked-products{border-top:1px solid #f1f5f9;padding-top:8px;margin-top:8px}
.c-linked-products>b{font-size:8px;color:#64748b}
.link-search{width:100%;box-sizing:border-box;margin-bottom:8px}
.link-check-list{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:2px}
.link-check-list label{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:7px;font-size:9px;cursor:pointer;min-width:0}
.link-check-list label span{overflow-wrap:anywhere}
.link-check-list input{width:auto}
.modal-actions{display:flex;justify-content:space-between;gap:8px;align-items:center}
.danger-outline{border:1px solid #fecaca;background:#fff7f7;color:#b91c1c;border-radius:10px;padding:10px 12px;font-weight:800}
.hubspot-modal{max-width:620px}
.hubspot-file{display:block;border:1px dashed #cbd5e1;background:#f8fafc;border-radius:14px;padding:16px;text-align:center;margin:14px 0;cursor:pointer}
.hubspot-file input{display:block;margin:10px auto 0;max-width:100%}
.hubspot-preview{margin:10px 0}
.import-summary{display:flex;justify-content:space-between;gap:10px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;padding:10px}
.import-summary b{font-size:11px}.import-summary span{font-size:9px;color:#64748b;overflow-wrap:anywhere}
.import-names{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
.import-names span{background:#f1f5f9;border-radius:999px;padding:4px 8px;font-size:8px}

/* six bottom nav items: keep usable on mobile */
.bottom-nav{justify-content:space-between;overflow-x:auto}
.nav-btn{min-width:52px;flex:1}
.nav-btn b{font-size:9px}

@media(max-width:760px){
  .product-grid{grid-template-columns:1fr}
  .product-filter-grid{grid-template-columns:1fr 1fr}
  .product-mini-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .link-check-list{grid-template-columns:1fr}
  .page-head-actions{width:100%}
  .page-head-actions button{flex:1}
  .nav-btn{min-width:49px;padding-left:2px;padding-right:2px}
  .nav-btn b{font-size:8px}
}


/* ============================================================
   KARE TRADE HUB — V7 BRAND SYSTEM
   Visual identity derived from the supplied KARE letterhead logo
   ============================================================ */
:root{
  --kare:#07588f;
  --kare-dark:#063f68;
  --kare-deep:#082f4d;
  --kare-soft:#eaf4fa;
  --kare-pale:#f4f9fc;
  --ink:#132331;
  --muted:#6b7d8c;
  --line:#dce7ee;
  --surface:#ffffff;
  --canvas:#f5f8fa;
  --success:#18865c;
  --warning:#b97818;
  --danger:#bd3d45;
  --shadow:0 10px 30px rgba(8,47,77,.07);
  --shadow-lg:0 18px 50px rgba(8,47,77,.12);
}

*{box-sizing:border-box}
html{background:var(--canvas)}
body{
  background:
    radial-gradient(circle at 92% 0%,rgba(7,88,143,.07),transparent 28rem),
    var(--canvas) !important;
  color:var(--ink) !important;
  padding-bottom:92px !important;
}

/* Header / identity */
.topbar{
  height:78px !important;
  padding:0 max(20px,calc((100vw - 1180px)/2)) !important;
  background:rgba(255,255,255,.94) !important;
  border:0 !important;
  border-bottom:1px solid rgba(7,88,143,.10) !important;
  backdrop-filter:blur(16px);
  box-shadow:0 2px 18px rgba(8,47,77,.035);
  position:sticky;
  overflow:hidden;
}
.topbar-accent{
  position:absolute;
  top:0;right:0;left:0;height:3px;
  background:linear-gradient(90deg,var(--kare-dark),var(--kare),#3d8fbd);
}
.brand{gap:14px !important;direction:ltr !important}
.brand-logo{
  width:116px;
  height:50px;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.brand-copy{
  padding-left:14px;
  border-left:1px solid var(--line);
  line-height:1.1;
}
.brand-copy b{
  display:block;
  color:var(--kare-deep);
  font-size:15px;
  letter-spacing:.2px;
}
.brand-copy small{
  display:block;
  color:#8494a0;
  font-size:8px !important;
  margin-top:5px;
  text-transform:uppercase;
  letter-spacing:1.5px !important;
}

/* Main workspace */
#app{
  width:min(1180px,calc(100% - 32px)) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:26px 0 18px !important;
}
.page-head{
  margin:2px 0 18px !important;
  padding:0 2px;
  align-items:flex-end !important;
}
.page-head h1{
  color:var(--kare-deep);
  font-size:22px !important;
  letter-spacing:-.35px;
  margin-bottom:4px !important;
}
.page-head p{
  color:var(--muted) !important;
  font-size:10px !important;
}

/* Buttons */
button{transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border .16s ease}
button:active{transform:scale(.975)}
.primary{
  background:linear-gradient(135deg,var(--kare),var(--kare-dark)) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:11px !important;
  box-shadow:0 6px 16px rgba(7,88,143,.18) !important;
  font-weight:700 !important;
}
.primary:hover{box-shadow:0 9px 22px rgba(7,88,143,.24) !important}
.ghost,.icon-btn{
  background:#fff !important;
  color:var(--kare-dark) !important;
  border:1px solid var(--line) !important;
  box-shadow:none !important;
}
.icon-btn{
  width:36px !important;height:36px !important;border-radius:10px !important;
}

/* Cards: flatter, cleaner B2B SaaS visual language */
.card,.stat,.deal-card,.company-card,.product-card,.price-card,.quote-card,
.compare-box,.product-filter-panel,.company-filters,.filter-box,.activity-card{
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  background:rgba(255,255,255,.98) !important;
}
.card,.deal-card,.company-card,.product-card,.price-card,.quote-card{
  border-radius:15px !important;
}
.card:hover,.deal-card:hover,.company-card:hover,.product-card:hover,.price-card:hover{
  border-color:#bfd6e4 !important;
}

/* Dashboard hero */
.hero{
  position:relative;
  overflow:hidden;
  border:0 !important;
  border-radius:22px !important;
  background:linear-gradient(125deg,var(--kare-deep),var(--kare) 72%,#2b7eae) !important;
  box-shadow:0 20px 45px rgba(7,67,108,.18) !important;
  color:#fff !important;
  padding:25px !important;
}
.hero:after{
  content:"";
  position:absolute;
  width:220px;height:220px;
  left:-60px;top:-95px;
  border:34px solid rgba(255,255,255,.07);
  border-radius:30px;
  transform:rotate(10deg);
}
.hero h1,.hero h2,.hero h3,.hero b{color:#fff !important}
.hero p,.hero small,.hero span{color:rgba(255,255,255,.78) !important}
.hero .icon-btn{
  background:rgba(255,255,255,.11) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  backdrop-filter:blur(8px);
}

/* Stats */
.stats{gap:10px !important}
.stat{
  border-radius:14px !important;
  padding:14px !important;
  position:relative;
  overflow:hidden;
}
.stat:before{
  content:"";
  position:absolute;
  right:0;top:0;bottom:0;width:3px;
  background:var(--kare);
  opacity:.7;
}
.stat span{color:var(--muted) !important;font-size:9px !important}
.stat b{color:var(--kare-deep) !important;font-size:22px !important}

/* Inputs / filters */
input,select,textarea{
  background:#fbfdfe !important;
  border:1px solid #d8e4eb !important;
  border-radius:10px !important;
  color:var(--ink) !important;
  outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:#76aaca !important;
  box-shadow:0 0 0 3px rgba(7,88,143,.08) !important;
  background:#fff !important;
}
label{color:#506675 !important}
.company-filters,.product-filter-panel,.filter-box{
  border-radius:16px !important;
  padding:13px !important;
  box-shadow:none !important;
  background:#fff !important;
}

/* Deals */
.deal-card{
  padding:15px 16px !important;
  border-right:3px solid var(--kare) !important;
}
.deal-card h3{color:var(--kare-deep) !important}
.badge,.chip,.tag,.price-tags span,.c-tags span,.product-suppliers span,.c-linked-products span{
  border-radius:7px !important;
  font-weight:600 !important;
}
.badge,.chip{background:var(--kare-pale) !important;color:var(--kare-dark) !important}

/* Prices */
.compare-box.procurement{
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#fafdff) !important;
}
.winner,.winner-box{
  background:linear-gradient(135deg,#edf8f3,#f8fcfa) !important;
  border:1px solid #cfe8dc !important;
  border-radius:14px !important;
}
.quote-card.best{
  border:1.5px solid #4e9b79 !important;
  box-shadow:0 10px 26px rgba(24,134,92,.09) !important;
}
.quote-card.best:before{background:var(--success) !important}
.quote-price-value,.price-value{color:var(--kare-deep) !important}
.edit-price-btn{
  background:#f3f8fb !important;
  border:1px solid #d5e5ee !important;
  color:var(--kare-dark) !important;
}
.delete-price-btn{
  background:#fff8f8 !important;
  border:1px solid #f0d5d7 !important;
  color:#a83a41 !important;
}

/* Companies */
.company-card{padding:16px !important}
.company-card h3{color:var(--kare-deep) !important;font-size:14px !important}
.c-tags span{background:#eef6fa !important;color:#315f7a !important;border:0 !important}
.c-tags.types span{background:#f3f5f7 !important;color:#566774 !important}
.c-linked-products span,.product-suppliers span{
  background:#edf5fa !important;color:var(--kare-dark) !important;
}

/* Products */
.product-card{padding:16px !important}
.product-card-head h3{color:var(--kare-deep) !important}
.product-card-head button{
  background:#f6fafc !important;color:var(--kare-dark) !important;border-color:#dbe8ef !important;
}
.product-mini-grid div{background:#f5f9fb !important;border:1px solid #edf3f6}
.product-mini-grid span{color:#8496a2 !important}
.product-mini-grid b{color:#29485c !important}

/* Modal */
.modal-backdrop{
  background:rgba(6,35,55,.42) !important;
  backdrop-filter:blur(5px);
}
.modal{
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:20px !important;
  box-shadow:0 28px 80px rgba(8,47,77,.25) !important;
}
.modal h2{color:var(--kare-deep) !important}
.c-field{
  border:1px solid var(--line) !important;
  border-radius:13px !important;
  background:#fbfdfe !important;
}
.c-field legend{color:var(--kare-dark) !important;font-weight:700}

/* Auth / login */
.auth-wrap{
  min-height:calc(100vh - 78px) !important;
  background:
    radial-gradient(circle at 15% 15%,rgba(7,88,143,.10),transparent 25rem),
    transparent !important;
}
.auth-card{
  border:1px solid #dce8ef !important;
  border-radius:22px !important;
  box-shadow:0 25px 70px rgba(8,47,77,.13) !important;
  padding:32px !important;
}
.auth-logo{
  width:150px !important;
  height:70px !important;
  margin:0 auto 10px !important;
  border-radius:0 !important;
  background:transparent url("kare-logo.png") center/contain no-repeat !important;
  color:transparent !important;
}
.auth-card h1{color:var(--kare-deep) !important;font-size:20px !important}
.cloud-indicator{
  background:#edf8f3 !important;color:#167653 !important;border:1px solid #d5eee3;
}

/* Bottom navigation — desktop: floating control bar, mobile: app dock */
.bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:16px !important;
  transform:translateX(-50%);
  width:min(690px,calc(100% - 28px)) !important;
  height:66px !important;
  padding:7px 9px !important;
  border:1px solid rgba(191,214,228,.9) !important;
  border-radius:19px !important;
  background:rgba(255,255,255,.94) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 16px 45px rgba(8,47,77,.14) !important;
  overflow:visible !important;
  z-index:50;
}
.nav-btn{
  position:relative;
  height:50px !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#738693 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}
.nav-btn .nav-glyph{
  display:grid;
  place-items:center;
  width:24px;height:23px;
  font-size:17px !important;
  font-family:Arial,sans-serif !important;
  font-weight:400;
  line-height:1;
}
.nav-btn b{font-size:8px !important;font-weight:600 !important}
.nav-btn.active{
  background:var(--kare-soft) !important;
  color:var(--kare-dark) !important;
}
.nav-btn.active:after{
  content:"";
  position:absolute;
  bottom:3px;
  width:16px;height:2px;
  border-radius:3px;
  background:var(--kare);
}
.nav-btn.add{
  background:linear-gradient(135deg,var(--kare),var(--kare-dark)) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(7,88,143,.22) !important;
}
.nav-btn.add.active:after{display:none}

/* HubSpot import */
.hubspot-file{
  border-color:#b9d3e2 !important;
  background:var(--kare-pale) !important;
}
.import-summary{
  background:#f1f8f5 !important;
  border-color:#d5e9df !important;
}

/* Responsive */
@media(max-width:700px){
  .topbar{height:68px !important;padding:0 14px !important}
  .brand-logo{width:94px;height:43px}
  .brand-copy{display:none}
  #app{width:calc(100% - 22px) !important;padding-top:16px !important}
  .page-head{align-items:flex-start !important}
  .page-head h1{font-size:19px !important}
  .hero{padding:19px !important;border-radius:18px !important}
  .bottom-nav{
    bottom:8px !important;
    width:calc(100% - 16px) !important;
    height:64px !important;
    border-radius:17px !important;
    padding:6px !important;
  }
  .nav-btn{min-width:0 !important;height:50px !important}
  .nav-btn .nav-glyph{font-size:16px !important}
  .nav-btn b{font-size:7px !important}
  body{padding-bottom:82px !important}
}
@media(max-width:390px){
  .nav-btn b{font-size:6.5px !important}
  .bottom-nav{width:calc(100% - 10px) !important}
}


/* ============================================================
   V8 PRO — Professional commercial workspace
   Desktop: right rail navigation. Mobile: bottom dock.
   ============================================================ */
:root{
  --nav-w:184px;
  --header-h:72px;
}

/* More restrained typography */
body{
  letter-spacing:0;
}
.page-head h1{font-size:24px !important;font-weight:700 !important}
.section-title h2{font-size:13px !important;font-weight:700 !important}
.muted{color:#758895 !important}

/* Desktop CRM shell */
@media(min-width:900px){
  body{padding-bottom:0 !important;padding-right:var(--nav-w) !important}
  .topbar{
    height:var(--header-h) !important;
    right:var(--nav-w) !important;
    left:0 !important;
    width:auto !important;
    padding:0 28px !important;
  }
  #app{
    width:min(1240px,calc(100% - 48px)) !important;
    padding:30px 0 54px !important;
  }
  .bottom-nav{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    transform:none !important;
    width:var(--nav-w) !important;
    height:100vh !important;
    border:0 !important;
    border-left:1px solid #dbe7ee !important;
    border-radius:0 !important;
    padding:96px 12px 18px !important;
    background:#073f67 !important;
    box-shadow:8px 0 32px rgba(5,43,70,.10) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:5px !important;
    overflow:hidden !important;
  }
  .bottom-nav:before{
    content:"KARE";
    position:absolute;
    top:26px;right:18px;left:18px;
    color:#fff;
    font-family:Arial,sans-serif;
    font-size:21px;
    font-weight:800;
    letter-spacing:1px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
  .bottom-nav:after{
    content:"TRADEHUB CRM";
    position:absolute;
    top:52px;right:19px;
    color:rgba(255,255,255,.55);
    font-family:Arial,sans-serif;
    font-size:7px;
    letter-spacing:1.6px;
  }
  .nav-btn{
    width:100% !important;
    min-width:0 !important;
    flex:0 0 46px !important;
    height:46px !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:0 12px !important;
    color:rgba(255,255,255,.68) !important;
    border-radius:10px !important;
  }
  .nav-btn .nav-glyph{width:22px !important;color:rgba(255,255,255,.8)}
  .nav-btn b{font-size:10px !important;color:inherit !important}
  .nav-btn.active{
    color:#fff !important;
    background:rgba(255,255,255,.115) !important;
  }
  .nav-btn.active:after{
    right:0 !important;left:auto !important;bottom:9px !important;top:9px !important;
    height:auto !important;width:3px !important;background:#61b5e5 !important;
  }
  .nav-btn.add{
    margin-top:auto !important;
    background:#fff !important;
    color:#07466f !important;
    box-shadow:none !important;
  }
  .nav-btn.add .nav-glyph{color:#07466f !important}
  .brand-logo{width:108px !important}
}

/* Professional page cards */
.filters,.c-filter,.product-filter-panel,.proc-toolbar.v43{
  border:1px solid #dce7ee !important;
  background:#fff !important;
  border-radius:14px !important;
  padding:11px !important;
  box-shadow:0 5px 18px rgba(8,47,77,.035) !important;
}
.c-grid,.product-grid{gap:10px !important}
.c-card,.product-card,.price-card,.card.deal{
  border-radius:13px !important;
  box-shadow:0 4px 14px rgba(8,47,77,.035) !important;
}
.card.deal{
  border-right:1px solid var(--line) !important;
  position:relative;
}
.card.deal:before{
  content:"";
  position:absolute;
  right:0;top:14px;bottom:14px;width:3px;
  background:#1f78ad;border-radius:3px 0 0 3px;
}
.card-top h3{font-size:13px !important}
.situation{font-size:10px !important;line-height:1.8}
.next{background:#f7fafc !important;border-radius:9px !important;padding:8px 10px !important}

/* Record file tools */
.record-tools{
  display:flex;
  justify-content:flex-end;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid #eef3f6;
}
.record-tools button,.detail-file-panel button{
  border:0;
  background:transparent;
  color:#386b88;
  font-size:8.5px;
  font-weight:650;
  cursor:pointer;
  padding:5px 7px;
}
.record-tools button i{
  font-style:normal;
  min-width:17px;height:17px;
  display:inline-grid;place-items:center;
  margin-right:4px;
  border-radius:5px;
  background:#e8f3f9;color:#07588f;
}
.detail-file-panel{
  border:1px solid #dce8ef;
  background:#f7fbfd;
  border-radius:11px;
  margin:7px 0 10px;
}
.detail-file-panel button{
  display:flex;width:100%;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  font-size:9px;
}
.detail-file-panel span{
  display:grid;place-items:center;
  width:23px;height:20px;border-radius:6px;
  background:#e3f0f7;color:#07588f;
}
.c-head-actions{display:flex;gap:5px;align-items:center}
.c-head-actions button{font-size:8px !important;padding:6px 8px !important}
.file-price-btn{
  background:#f2f8fb !important;
  border:1px solid #d5e6ef !important;
  color:#285e7d !important;
  border-radius:9px;
  padding:6px 8px;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
.price-main-actions{grid-template-columns:auto auto auto auto !important}

/* Attachments */
.attachment-modal{max-width:720px !important}
.attachment-head{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:20px;margin-bottom:18px;padding-left:35px;
}
.eyebrow{
  display:block;color:#7190a2;font-size:7px;font-family:Arial,sans-serif;
  letter-spacing:1.5px;margin-bottom:3px;
}
.attachment-head h2{margin:0 0 3px !important;font-size:18px !important}
.attachment-head p{margin:0;color:#7a8c98;font-size:9px}
.file-count{
  flex:none;background:#eef6fa;color:#235c7d;border-radius:8px;
  padding:6px 9px;font-size:8px;font-weight:700;
}
.attachment-drop{
  display:flex !important;
  flex-direction:column;
  align-items:center;justify-content:center;
  min-height:135px;
  border:1.5px dashed #a9c7d8 !important;
  border-radius:14px !important;
  background:#f8fbfd !important;
  cursor:pointer;
  color:#244b62 !important;
  text-align:center;
  transition:.2s ease;
}
.attachment-drop:hover{border-color:#468ab2 !important;background:#f2f8fb !important}
.attachment-drop input{display:none}
.attachment-drop b{font-size:11px;margin-top:5px}
.attachment-drop span{font-size:8px;color:#80929e;margin-top:3px}
.upload-mark{
  width:35px;height:35px;border-radius:10px;
  display:grid;place-items:center;
  background:#e4f1f7;color:#07588f;font-size:21px;font-family:Arial,sans-serif;
}
.upload-progress{
  align-items:center;gap:8px;margin:9px 0;
  padding:8px 10px;border-radius:9px;background:#eef7fb;color:#356b88;
}
.upload-progress span{
  width:12px;height:12px;border:2px solid #9ac3d9;border-top-color:#07588f;border-radius:50%;
  animation:spin .8s linear infinite;
}
.upload-progress b{font-size:8px}
@keyframes spin{to{transform:rotate(360deg)}}
.attachment-list{margin-top:13px;display:grid;gap:7px}
.attachment-row{
  display:grid;grid-template-columns:45px minmax(0,1fr) auto;
  gap:10px;align-items:center;
  border:1px solid #e1eaf0;border-radius:11px;padding:9px 10px;background:#fff;
}
.file-type{
  width:39px;height:39px;display:grid;place-items:center;
  border-radius:9px;background:#edf4f8;color:#416b82;
  font-family:Arial,sans-serif;font-size:8px;font-weight:800;
}
.file-type.image{font-size:18px;color:#1476a6}
.file-meta{min-width:0}
.file-meta b{
  display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#203b4d;
}
.file-meta span{font-size:7.5px;color:#8a9aa5}
.file-actions{display:flex;gap:5px}
.file-actions button{
  border:1px solid #d7e4eb;background:#f8fbfc;color:#356783;
  border-radius:7px;padding:6px 8px;font-size:7.5px;font-weight:650;cursor:pointer;
}
.file-actions .file-delete{color:#a44950;background:#fffafa;border-color:#efdadd}
.attachment-empty{
  min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  border:1px solid #edf2f5;border-radius:11px;color:#728995;
}
.attachment-empty b{font-size:9px}
.attachment-empty span{font-size:8px;margin-top:3px}

/* Dashboard gets an executive feel */
.hero{
  background:linear-gradient(120deg,#073f67 0%,#07588f 72%,#1c73a5 100%) !important;
}
.stats{grid-template-columns:repeat(4,1fr) !important}
.stat{
  box-shadow:0 4px 16px rgba(8,47,77,.035) !important;
  min-height:84px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
}
.stat:before{width:2px !important}
.stat b{font-size:24px !important;font-family:Arial,"Estedad",sans-serif !important}
.section{
  margin-top:18px !important;
}

/* Price presentation */
.price-card{padding:12px 14px !important}
.price-main-actions .price-value{
  min-width:86px;
}
.quote-card{box-shadow:0 4px 14px rgba(8,47,77,.035) !important}

/* Mobile */
@media(max-width:899px){
  .price-main-actions{grid-template-columns:1fr auto auto auto !important}
}
@media(max-width:520px){
  .attachment-row{grid-template-columns:40px minmax(0,1fr)}
  .file-actions{grid-column:1/-1;justify-content:flex-end}
  .attachment-head{gap:8px}
  .price-main-actions{
    grid-template-columns:1fr 1fr 1fr !important;
  }
  .price-main-actions .price-value{grid-column:1/-1}
}


/* ============================================================
   V8.1 — Manager Login / Management View
   ============================================================ */
.login-mode-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  background:#f1f6f9;
  padding:5px;
  border-radius:11px;
  margin:0 0 16px;
}
.login-mode-tabs button{
  border:0;
  border-radius:8px;
  padding:9px 10px;
  background:transparent;
  color:#6b7f8c;
  font-size:9px;
  font-weight:700;
}
.login-mode-tabs button.active{
  background:#fff;
  color:#07588f;
  box-shadow:0 3px 10px rgba(8,47,77,.08);
}
.role-chip{
  margin-right:auto;
  padding:5px 9px;
  border-radius:8px;
  background:#f1f5f8;
  color:#627885;
  font-size:7px;
  font-weight:800;
  letter-spacing:.4px;
  font-family:Arial,sans-serif;
}
.role-chip.manager{
  background:#e8f4fa;
  color:#07588f;
}
.manager-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:16px;
  padding:24px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(120deg,#072f4d,#07588f 70%,#2a7ead);
  box-shadow:0 18px 42px rgba(7,63,103,.16);
}
.manager-hero h1{margin:2px 0 4px;color:#fff;font-size:23px}
.manager-hero p{margin:0;color:rgba(255,255,255,.72);font-size:9px}
.manager-hero .eyebrow{color:rgba(255,255,255,.55)}
.manager-badge{
  flex:none;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:9px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:8px;
  font-family:Arial,sans-serif;
  font-weight:700;
  letter-spacing:.5px;
}
.manager-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:14px;
}
.manager-kpis article{
  background:#fff;
  border:1px solid #dce7ee;
  border-radius:13px;
  padding:14px 15px;
  box-shadow:0 5px 16px rgba(8,47,77,.035);
}
.manager-kpis span{
  display:block;
  color:#78909e;
  font-size:8px;
  margin-bottom:7px;
}
.manager-kpis b{
  color:#073f67;
  font-size:24px;
  font-family:Arial,"Estedad",sans-serif;
}
.manager-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.manager-panel{
  background:#fff;
  border:1px solid #dce7ee;
  border-radius:14px;
  padding:14px;
  box-shadow:0 5px 16px rgba(8,47,77,.035);
}
.manager-panel .section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}
.manager-panel .section-title h2{
  margin:0;
  color:#153b53;
}
.manager-panel .section-title>span{
  min-width:22px;height:22px;
  display:grid;place-items:center;
  border-radius:7px;
  background:#eef5f9;
  color:#356d8c;
  font-size:8px;
}
.manager-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 2px;
  border-top:1px solid #eef3f6;
  cursor:pointer;
}
.manager-row:first-of-type{border-top:0}
.manager-row>div{min-width:0}
.manager-row b{
  display:block;
  color:#203e50;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.manager-row span{
  display:block;
  margin-top:2px;
  color:#8a9aa5;
  font-size:7.5px;
}
.manager-row small{
  flex:none;
  color:#527389;
  font-size:7.5px;
}
.manager-empty{
  padding:22px 8px;
  text-align:center;
  color:#8da0ab;
  font-size:8px;
}
@media(max-width:720px){
  .manager-kpis{grid-template-columns:1fr 1fr}
  .manager-grid{grid-template-columns:1fr}
  .manager-hero{padding:18px;align-items:flex-start}
  .manager-hero h1{font-size:19px}
}


/* ============================================================
   V9 SALES CORE
   ============================================================ */

/* Follow-up command strip */
.followup-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:0 0 12px;
}
.followup-strip button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:9px 11px;
  border:1px solid #dce7ee;
  border-radius:11px;
  background:#fff;
  color:#617784;
  box-shadow:0 3px 12px rgba(8,47,77,.025);
  cursor:pointer;
}
.followup-strip button span{font-size:8px}
.followup-strip button b{
  font-family:Arial,sans-serif;
  font-size:16px;
  color:#173f58;
}
.followup-strip button.active{
  border-color:#72a8c5;
  background:#edf6fb;
  color:#07588f;
}
.followup-strip button.active.danger{border-color:#e1a4aa;background:#fff4f5}
.followup-strip button.active.danger b{color:#a93842}

.deal-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:9px;
}
.segment{
  display:flex;
  gap:3px;
  padding:4px;
  border:1px solid #dce7ee;
  border-radius:10px;
  background:#f4f8fa;
}
.segment button{
  border:0;background:transparent;
  border-radius:7px;padding:7px 11px;
  color:#6e828e;font-size:8px;font-weight:700;
}
.segment button.active{background:#fff;color:#07588f;box-shadow:0 2px 8px rgba(8,47,77,.08)}
.v9-deal-filters{grid-template-columns:minmax(190px,1fr) 180px 170px auto !important}
.v9-deal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}

/* Pipeline */
.pipeline-scroll{
  overflow-x:auto;
  padding-bottom:8px;
  scrollbar-width:thin;
}
.pipeline-board{
  min-width:max-content;
  display:flex;
  gap:9px;
  align-items:flex-start;
}
.pipeline-col{
  width:250px;
  flex:0 0 250px;
  border:1px solid #dce7ee;
  border-radius:13px;
  background:#f5f8fa;
  overflow:hidden;
}
.pipeline-col>header{
  display:flex;
  justify-content:space-between;
  gap:6px;
  padding:11px 11px 9px;
  border-bottom:1px solid #dfe9ef;
  background:#fff;
}
.pipeline-col>header b{display:block;font-size:9px;color:#24465b}
.pipeline-col>header span{display:block;font-size:7px;color:#91a1ab;margin-top:2px}
.pipeline-col>header small{font-size:7px;color:#53768b;white-space:nowrap}
.pipeline-cards{padding:8px;display:grid;gap:7px;min-height:100px}
.pipeline-card{
  padding:10px;
  border:1px solid #dfe8ed;
  border-radius:10px;
  background:#fff;
  box-shadow:0 3px 10px rgba(8,47,77,.035);
  cursor:pointer;
}
.pipeline-card:hover{border-color:#a8c8d9}
.pipeline-card-top{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}
.pipeline-card-top b{font-size:9px;color:#1f4156;overflow-wrap:anywhere}
.pipeline-card-top span{
  flex:none;
  padding:3px 5px;border-radius:5px;
  background:#ecf5fa;color:#2e6f93;
  font:700 7px Arial,sans-serif;
}
.pipeline-card p{font-size:8px;color:#758b98;margin:5px 0}
.pipeline-card strong{display:block;font:700 10px Arial,sans-serif;color:#073f67;margin-bottom:6px}
.pipeline-next{
  border-top:1px solid #edf2f5;
  padding-top:7px;
  font-size:7.5px;color:#49697d;
  min-height:29px;
}
.pipeline-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px}
.pipeline-card footer>span{font-size:7px;color:#8496a1}
.pipeline-empty{text-align:center;padding:24px 8px;color:#9aabb4;font-size:8px}

/* Deal workspace */
.workspace-backdrop{
  align-items:stretch !important;
  justify-content:center !important;
  padding:18px !important;
}
.deal-workspace{
  width:min(1180px,100%) !important;
  max-width:none !important;
  height:calc(100vh - 36px);
  max-height:none !important;
  overflow:auto;
  padding:0 !important;
  border-radius:18px !important;
}
.deal-workspace>.close{
  position:sticky !important;
  float:left;
  top:10px;left:10px;
  z-index:8;
  margin:10px 10px -42px 0;
}
.workspace-head{
  display:flex;justify-content:space-between;align-items:flex-end;
  gap:20px;padding:24px 28px 16px;
  background:linear-gradient(120deg,#f8fbfd,#fff);
  border-bottom:1px solid #e4edf2;
}
.workspace-title h2{margin:2px 0 3px !important;font-size:22px !important;color:#143f59}
.workspace-title p{margin:0;font-size:9px;color:#758b98}
.workspace-value{text-align:left}
.workspace-value b{display:block;font:700 20px Arial,sans-serif;color:#073f67}
.workspace-value span{font-size:7px;color:#91a1ab}
.workspace-progress{height:3px;background:#e7eef2}
.workspace-progress>div{height:100%;background:linear-gradient(90deg,#0e79b1,#3a9ccc)}
.workspace-stagebar{
  display:flex;gap:3px;overflow-x:auto;
  padding:10px 26px;
  border-bottom:1px solid #e5edf2;
  background:#fff;
}
.workspace-stagebar button{
  border:1px solid #e0e8ed;background:#f8fafb;color:#78909d;
  border-radius:7px;padding:5px 8px;font-size:7px;white-space:nowrap;
}
.workspace-stagebar button.active{
  background:#eaf5fb;border-color:#a9ccde;color:#07588f;font-weight:700;
}
.workspace-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);
  gap:12px;padding:14px;background:#f5f8fa;
}
.workspace-main,.workspace-side{display:grid;gap:11px;align-content:start}
.workspace-card{
  background:#fff;border:1px solid #dce7ee;border-radius:13px;padding:14px;
  box-shadow:0 4px 15px rgba(8,47,77,.03);
}
.workspace-card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.workspace-card-title h3{margin:0;font-size:10px;color:#294c62}
.workspace-card-title .tiny,.tiny{padding:6px 8px !important;font-size:7px !important}
.action-card{border-right:3px solid #247eae}
.action-card>input{font-size:11px !important;font-weight:650;margin-bottom:8px}
.workspace-company{padding:9px 10px;border-radius:9px;background:#f7fafc;margin-bottom:9px}
.workspace-company b{display:block;font-size:9px;color:#24465b}
.workspace-company span{display:block;font-size:7px;color:#8597a2;margin-top:2px}
.contact-summary{
  display:flex;flex-direction:column;
  border-top:1px solid #edf2f5;
  border-bottom:1px solid #edf2f5;
  padding:9px 1px;margin:7px 0;
}
.contact-summary b{font-size:9px;color:#29495d}
.contact-summary span,.contact-summary small{font-size:7px;color:#8598a4}
.workspace-file-btn,.full{
  width:100%;
  border:1px solid #d7e5ed;
  background:#f7fbfd;color:#326a89;
  border-radius:9px;padding:9px;font-size:8px;font-weight:700;
}
.workspace-count{
  display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#edf5f9;color:#356d8c;font-size:8px;
}
.workspace-save{width:100%;min-height:42px}
.workspace-empty{text-align:center;padding:20px;color:#91a2ac;font-size:8px}

/* Timeline */
.timeline-list{display:grid;gap:0}
.timeline-item{
  display:grid;grid-template-columns:30px minmax(0,1fr);
  gap:9px;padding:10px 0;border-top:1px solid #edf2f5;
}
.timeline-item:first-child{border-top:0}
.timeline-dot{
  width:28px;height:28px;display:grid;place-items:center;border-radius:8px;
  background:#edf6fa;color:#126c9c;font:700 8px Arial,sans-serif;
}
.timeline-top{display:flex;justify-content:space-between;gap:10px}
.timeline-top b{font-size:8.5px;color:#294b60}
.timeline-top span{font-size:7px;color:#91a1ab}
.timeline-item p{margin:3px 0 0;font-size:8px;color:#526d7d}
.timeline-item small{display:block;margin-top:3px;font-size:7.5px;color:#8496a1;line-height:1.6}

/* Contacts */
.contact-filters{grid-template-columns:1fr 260px !important}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.contact-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) minmax(150px,.7fr) auto;
  gap:10px;align-items:center;
  padding:12px;
  border:1px solid #dce7ee;border-radius:12px;background:#fff;
  box-shadow:0 4px 14px rgba(8,47,77,.03);
}
.contact-avatar{
  width:40px;height:40px;display:grid;place-items:center;
  border-radius:11px;background:#e9f4fa;color:#07588f;font-size:14px;font-weight:800;
}
.contact-main h3{margin:0;font-size:10px;color:#23455a}
.contact-main p{margin:2px 0;font-size:7.5px;color:#718894}
.contact-main span{font-size:7px;color:#9aa9b2}
.contact-details span,.contact-details small{display:block;font-size:7.5px;color:#617987;direction:ltr;text-align:right}
.contact-actions button{
  border:1px solid #d9e5eb;background:#f8fbfc;color:#386b87;border-radius:8px;padding:6px 8px;font-size:7px;
}
.company-core-stats{
  display:flex;gap:6px;flex-wrap:wrap;
  margin:8px 0;padding:7px 0;
  border-top:1px solid #eef3f6;border-bottom:1px solid #eef3f6;
}
.company-core-stats span{font-size:7px;color:#7a8f9b}
.company-core-stats b{font:700 8px Arial,sans-serif;color:#315f79}

/* New deal form */
.v9-new-deal .form-head{padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid #edf2f5}
.v9-new-deal .form-head h2{margin:2px 0 2px !important}
.v9-new-deal .form-head p{margin:0;font-size:8px;color:#8194a0}

/* Responsive */
@media(max-width:900px){
  .followup-strip{grid-template-columns:repeat(3,1fr)}
  .v9-deal-list{grid-template-columns:1fr}
  .workspace-grid{grid-template-columns:1fr}
  .deal-workspace{height:calc(100vh - 18px)}
  .workspace-backdrop{padding:9px !important}
  .contact-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .followup-strip{display:flex;overflow-x:auto}
  .followup-strip button{min-width:128px}
  .deal-toolbar{align-items:stretch;flex-direction:column}
  .segment{overflow-x:auto}
  .v9-deal-filters{grid-template-columns:1fr 1fr !important}
  .workspace-head{padding:18px 16px 12px;align-items:flex-start}
  .workspace-title h2{font-size:18px !important}
  .workspace-value b{font-size:15px}
  .workspace-stagebar{padding:8px 14px}
  .workspace-grid{padding:8px}
  .contact-card{grid-template-columns:38px minmax(0,1fr) auto}
  .contact-details{grid-column:2/-1}
  .contact-filters{grid-template-columns:1fr !important}
}


/* ============================================================
   V10 COMMERCIAL INTELLIGENCE
   ============================================================ */
.forecast-panel{
  margin:0 0 12px;
  padding:14px;
  border:1px solid #d9e6ed;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 18px rgba(8,47,77,.035);
}
.forecast-panel .section-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.forecast-panel h2{margin:2px 0 0;font-size:12px;color:#20465e}
.forecast-panel>.section-title>span{font:700 8px Arial,sans-serif;color:#56798e}
.forecast-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.forecast-kpis>div{
  padding:11px;border:1px solid #e4edf2;border-radius:10px;background:#f9fbfc;
}
.forecast-kpis span{display:block;font-size:7.5px;color:#80929e;margin-bottom:5px}
.forecast-kpis b{display:block;font:700 16px Arial,sans-serif;color:#073f67}
.forecast-kpis small{display:block;font-size:7px;color:#8da0aa;margin-top:2px}

.commercial-card{border-right:3px solid #148096 !important}
.commercial-input-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px;
}
.commercial-currency{
  padding:4px 7px;border-radius:6px;background:#edf6f8;color:#276d7a;font:700 7px Arial,sans-serif;
}
.commercial-result{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;
  padding-top:10px;border-top:1px solid #edf2f5;
}
.commercial-result>div{
  padding:9px;border-radius:9px;background:#f7fafb;border:1px solid #e7eef2;
}
.commercial-result span{display:block;font-size:7px;color:#8194a0}
.commercial-result b{display:block;margin-top:3px;font:700 12px Arial,sans-serif;color:#20455a}
.commercial-result .positive{background:#f2faf6;border-color:#d9ede2}
.commercial-result .positive b{color:#15764e}
.commercial-result .negative{background:#fff5f5;border-color:#f0dada}
.commercial-result .negative b{color:#aa3d46}

.quote-status{
  display:inline-flex !important;
  width:max-content;
  margin-top:4px !important;
  padding:3px 6px;
  border-radius:5px;
  background:#edf7f2;color:#287457 !important;
  font-size:6.5px !important;font-weight:700;
}
.quote-status.expired{background:#fff1f1;color:#a54349 !important}
.expired-tag{background:#fff1f1 !important;color:#a54349 !important}

.product-card-actions{display:flex;gap:5px}
.product-card-actions button:first-child{
  background:#edf6fa !important;
  color:#1d6388 !important;
  border-color:#d4e7f0 !important;
}

.product-intel-modal{max-width:850px !important}
.intel-head{
  display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:12px;
}
.intel-head h2{margin:2px 0 !important}
.intel-head p{margin:0;font-size:8px;color:#7d919d}
.intel-head>span{
  padding:5px 8px;border-radius:7px;background:#eef5f9;color:#3a6d88;font-size:7px;
}
.intel-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}
.intel-kpis>div{padding:10px;border:1px solid #e2ebf0;border-radius:9px;background:#f9fbfc}
.intel-kpis span{display:block;font-size:7px;color:#8798a3}
.intel-kpis b{display:block;margin-top:3px;font:700 13px Arial,sans-serif;color:#17415a}
.intel-kpis small{font-size:7px;color:#8ca0ab}
.intel-suppliers{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.intel-suppliers span{padding:4px 7px;border-radius:6px;background:#edf5f9;color:#386d88;font-size:7px}
.intel-table{border:1px solid #dfe9ee;border-radius:10px;overflow:hidden}
.intel-tr{
  display:grid;grid-template-columns:95px 1.2fr 1fr 1fr 90px;gap:8px;
  padding:8px 10px;border-top:1px solid #eef3f6;background:#fff;
}
.intel-th{border-top:0;background:#f4f8fa;font-weight:700;color:#587386}
.intel-tr span{font-size:7.5px;color:#536f80;overflow-wrap:anywhere}

@media(max-width:760px){
  .forecast-kpis{grid-template-columns:1fr 1fr}
  .commercial-input-grid{grid-template-columns:1fr 1fr}
  .commercial-result{grid-template-columns:1fr 1fr}
  .intel-kpis{grid-template-columns:1fr 1fr}
  .intel-table{overflow-x:auto}
  .intel-tr{min-width:650px}
}


/* ============================================================
   V11 MANAGEMENT & SCALE
   ============================================================ */
.global-search-trigger{
  margin-right:auto;
  display:flex;align-items:center;gap:7px;
  border:1px solid #d8e5ec;background:#f8fbfc;color:#607986;
  border-radius:9px;padding:6px 8px;min-width:175px;
}
.global-search-trigger span{font:18px Arial;color:#397491}
.global-search-trigger b{font-size:8px;font-weight:600}
.global-search-trigger kbd{
  margin-right:auto;border:1px solid #d8e3e9;background:#fff;border-radius:5px;padding:2px 5px;
  font:6.5px Arial;color:#82949f;
}
.global-search-backdrop{
  position:fixed;inset:0;z-index:250;
  background:rgba(5,31,48,.45);backdrop-filter:blur(7px);
  padding:11vh 18px 18px;display:flex;justify-content:center;align-items:flex-start;
}
.global-search-modal{
  width:min(720px,100%);max-height:72vh;overflow:hidden;
  border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(5,42,67,.28);
}
.global-search-box{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid #e3ebf0}
.global-search-box>span{font:24px Arial;color:#226d96}
.global-search-box input{flex:1;border:0 !important;box-shadow:none !important;background:transparent !important;font-size:10px}
.global-search-box kbd{font:7px Arial;color:#81949f;border:1px solid #dbe5eb;border-radius:5px;padding:3px 5px}
.global-search-results{max-height:58vh;overflow:auto;padding:7px}
.global-result{
  width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:9px;align-items:center;
  padding:9px;border:0;border-radius:9px;background:#fff;text-align:right;cursor:pointer;
}
.global-result:hover{background:#f3f8fb}
.result-type{font-size:7px;color:#39718f;background:#eaf4f9;border-radius:6px;padding:4px 5px;text-align:center}
.global-result b{display:block;font-size:9px;color:#25465a}
.global-result small{display:block;font-size:7px;color:#8496a1;margin-top:2px}
.global-result i{font:18px Arial;color:#a0afb7;font-style:normal}
.search-help{text-align:center;padding:28px;color:#8c9ca5;font-size:8px}

.role-chip.viewer{background:#f2f3f5 !important;color:#6b7680 !important}
.viewer-mode .nav-btn.add{opacity:.4;pointer-events:none}
button:disabled{opacity:.42 !important;cursor:not-allowed !important}

.v11-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.v11-panel{
  background:#fff;border:1px solid #dce7ee;border-radius:14px;padding:14px;
  box-shadow:0 5px 16px rgba(8,47,77,.035);
}
.risk-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}
.risk-kpis>div{padding:9px;border-radius:9px;background:#f7fafc;border:1px solid #e7eef2}
.risk-kpis span{display:block;font-size:7px;color:#8295a0}
.risk-kpis b{display:block;margin-top:4px;font:700 16px Arial;color:#1f4e69}
.risk-list button{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;
  border:0;border-top:1px solid #edf2f5;background:#fff;padding:9px 1px;text-align:right;
}
.risk-list button b{display:block;font-size:8.5px;color:#29495d}
.risk-list button span{display:block;font-size:7px;color:#8a9aa4}
.risk-list button small{font:700 8px Arial;color:#76505a}
.owner-performance{display:grid;gap:0}
.owner-performance>div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:9px 1px;border-top:1px solid #edf2f5}
.owner-performance>div:first-child{border-top:0}
.owner-performance b{font-size:8.5px;color:#29495d}
.owner-performance span{grid-column:1;display:block;font-size:7px;color:#8497a2}
.owner-performance strong{grid-column:2;grid-row:1/3;align-self:center;font:700 9px Arial;color:#07588f}

.manager-admin-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.manager-admin-actions button{
  display:flex;align-items:center;gap:10px;text-align:right;padding:12px;
  border:1px solid #dce7ee;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(8,47,77,.03);
}
.manager-admin-actions>button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eaf4f9;color:#176991;font-size:15px}
.manager-admin-actions b{display:block;font-size:8.5px;color:#28495c}
.manager-admin-actions small{display:block;font-size:7px;color:#899aa4;margin-top:2px}

.admin-note{
  display:flex;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:10px;
  border:1px solid #dce8ee;border-radius:11px;background:#f8fbfc;
}
.admin-note b{font-size:8px;color:#315f79}.admin-note span{font-size:7.5px;color:#7d919d}
.admin-loading{text-align:center;padding:36px;color:#899aa4;font-size:8px}

.team-table{display:grid;gap:7px}
.team-table article{
  display:grid;grid-template-columns:40px minmax(0,1fr) 150px 100px;gap:10px;align-items:center;
  padding:10px 12px;border:1px solid #dce7ee;border-radius:11px;background:#fff;
}
.team-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#e9f4fa;color:#07588f;font:800 13px Arial}
.team-user b{display:block;font-size:9px;color:#25465a}.team-user span{display:block;font-size:7px;color:#8798a3;direction:ltr;text-align:right}
.team-table select{font-size:8px}.team-table small{font-size:7px;color:#8798a3}

.audit-filters{display:grid;grid-template-columns:1fr 180px;gap:8px;margin-bottom:9px}
.audit-list{display:grid;gap:6px}
.audit-list article{
  display:grid;grid-template-columns:100px minmax(0,1.5fr) minmax(140px,.8fr) 145px;gap:10px;align-items:center;
  padding:10px 12px;border:1px solid #e0e9ee;border-radius:10px;background:#fff;
}
.audit-action{width:max-content;padding:4px 6px;border-radius:6px;background:#edf5f9;color:#316c8c;font:700 7px Arial}
.audit-list article>div:nth-child(2) b,.audit-user b{display:block;font-size:8px;color:#29495d}
.audit-list article>div:nth-child(2) span,.audit-user span{display:block;font-size:7px;color:#8999a3;margin-top:2px}
.audit-list time{font-size:7px;color:#81939e}

.data-center-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.data-panel{
  padding:16px;border:1px solid #dce7ee;border-radius:13px;background:#fff;
  box-shadow:0 4px 15px rgba(8,47,77,.03);
}
.data-panel h2{font-size:11px;color:#284b60;margin:3px 0}
.data-panel p{font-size:7.5px;color:#8497a2;line-height:1.7;margin:0 0 11px}
.export-buttons{display:flex;flex-wrap:wrap;gap:6px}
.export-buttons button,.universal-import{
  border:1px solid #d5e4ec;background:#f7fbfd;color:#316b8a;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:700;cursor:pointer;
}
.universal-import{display:inline-block}.universal-import input{display:none}
.import-preview{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px;border-radius:8px;background:#edf7f4}
.import-preview b{font-size:8px;color:#2f6f56}.import-preview span{font-size:7px;color:#708b7c}.import-preview button{margin-right:auto}
.import-error{margin-top:8px;color:#aa444b;font-size:7.5px}

.auth-eyebrow{display:block;text-align:center;font:700 7px Arial;letter-spacing:1.3px;color:#7591a1;margin-bottom:4px}
.auth-card .login-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#eff5f8;padding:4px;border-radius:10px;margin:12px 0}
.auth-card .login-mode-tabs label{margin:0 !important}
.auth-card .login-mode-tabs input{display:none}
.auth-card .login-mode-tabs span{display:block;text-align:center;padding:8px;border-radius:7px;color:#748894;font-size:8px;font-weight:700;cursor:pointer}
.auth-card .login-mode-tabs input:checked+span{background:#fff;color:#07588f;box-shadow:0 2px 8px rgba(8,47,77,.08)}

@media(max-width:850px){
  .v11-command-grid,.data-center-grid{grid-template-columns:1fr}
  .manager-admin-actions{grid-template-columns:1fr}
  .team-table article{grid-template-columns:38px minmax(0,1fr) 120px}
  .team-table small{grid-column:2/-1}
  .audit-list article{grid-template-columns:90px 1fr}
  .audit-user,.audit-list time{grid-column:2}
}
@media(max-width:650px){
  .global-search-trigger{min-width:0;width:38px;padding:6px;justify-content:center}
  .global-search-trigger b,.global-search-trigger kbd{display:none}
  .risk-kpis{grid-template-columns:1fr}
  .team-table article{grid-template-columns:36px minmax(0,1fr)}
  .team-table article>div:nth-child(3),.team-table small{grid-column:2}
  .audit-filters{grid-template-columns:1fr}
}


/* V12 Operations Optimization */
.v12-task-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.v12-task-kpis article{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.v12-task-kpis b{font-size:26px}.v12-task-kpis span{font-size:12px;color:var(--muted,#64748b)}.v12-task-kpis .danger b{color:#b91c1c}.v12-task-list{display:grid;gap:10px}.v12-task{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.v12-task:hover{border-color:#93c5fd;box-shadow:0 8px 24px rgba(15,23,42,.05)}.v12-task-main{min-width:0;flex:1}.v12-task-main>div:first-child{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.v12-task-main b{font-size:15px}.v12-task-main span{color:#64748b;font-size:12px}.v12-task-main p{margin:8px 0;font-size:13px}.v12-reasons{display:flex;gap:6px;flex-wrap:wrap}.v12-reasons em,.v12-quote-flags em{font-style:normal;font-size:10px;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#07588f;font-weight:700}.v12-task-meta{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.v12-task-meta small{color:#64748b}.v12-manager-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.v12-manager-row>div{display:flex;flex-direction:column}.v12-manager-row small{font-size:10px;color:#b45309;margin-top:3px}.v12-quote-flags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px}.v12-quote-flags em:last-child{background:#fff7ed;color:#c2410c}.v12-home .hero-actions{align-items:center}
@media(max-width:900px){.v12-manager-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v12-task-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v12-task{align-items:flex-start}.v12-task-meta{min-width:74px}.bottom-nav{overflow-x:auto}.bottom-nav .nav-btn{min-width:58px}}


/* ================== V12.1 TRADE INTELLIGENCE ================== */
.ti-head{align-items:flex-end}.ti-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 18px}.ti-kpis article,.ti-panel{background:#fff;border:1px solid #dfe9ef;border-radius:16px;box-shadow:0 8px 24px rgba(20,61,84,.05)}.ti-kpis article{padding:14px 16px}.ti-kpis span{display:block;font-size:11px;color:#738995}.ti-kpis b{font-size:24px;color:#123f5b}.ti-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ti-panel{padding:16px}.ti-opportunity,.ti-risk{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f5;cursor:pointer}.ti-opportunity:last-child,.ti-risk:last-child{border-bottom:0}.ti-opportunity b,.ti-risk b{display:block;color:#183f57}.ti-opportunity span,.ti-risk span{display:block;margin-top:3px;font-size:11px;color:#778b97}.ti-opportunity strong{display:block;text-align:left;font-size:18px;color:#0b6a52}.ti-opportunity small{font-size:10px;color:#607985}.intel-health{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.intel-health.good{background:#e9f7f1;color:#0e7258}.intel-health.warn{background:#fff5df;color:#94620b}.intel-health.bad{background:#fdebed;color:#a43a47}.ti-table-panel{margin-top:14px}.ti-table-panel .section-title{gap:12px}.ti-table-panel input{max-width:310px}.ti-table{overflow:auto}.ti-tr{display:grid;grid-template-columns:minmax(190px,2fr) repeat(6,minmax(80px,1fr));align-items:center;gap:8px;padding:11px 8px;border-bottom:1px solid #edf2f5;min-width:850px;cursor:pointer}.ti-tr>span{font-size:12px}.ti-tr b{display:block}.ti-tr small{display:block;color:#7a8f9b;margin-top:3px}.ti-th{font-size:10px;color:#6f8795;font-weight:700;background:#f7fafb;border-radius:10px;cursor:default}.ti-product-modal{max-width:960px}.ti-decision{background:#f3f8fb;border:1px solid #d9e8f0;border-radius:14px;padding:12px 15px;margin:12px 0}.ti-decision h3{margin:0 0 6px;color:#0b588d}.ti-decision p{margin:5px 0;font-size:12px;color:#36566a}.margin-lab-modal{max-width:850px}.ml-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.ml-grid label{font-size:11px;color:#607886}.ml-grid input,.ml-grid select{width:100%;margin-top:5px}.margin-lab-result{background:#f7fafb;border:1px solid #dfe9ef;border-radius:15px;padding:14px}.ml-main{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ml-main>div,.ml-scenarios>div{background:#fff;border:1px solid #e5edf2;border-radius:11px;padding:10px}.ml-main span,.ml-scenarios span{display:block;font-size:10px;color:#758a96}.ml-main b,.ml-scenarios b{display:block;margin-top:4px;color:#173f58}.ml-scenarios{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ml-scenarios h4{grid-column:1/-1;margin:2px 0;color:#39586b}.ml-note{font-size:10px;color:#7b8f9a;margin:10px 0 0}
@media(max-width:900px){.ti-kpis{grid-template-columns:repeat(2,1fr)}.ti-grid{grid-template-columns:1fr}.ml-grid{grid-template-columns:repeat(2,1fr)}.ml-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ti-kpis{grid-template-columns:1fr 1fr}.ti-kpis article:last-child{grid-column:1/-1}.ml-grid{grid-template-columns:1fr 1fr}.ml-main,.ml-scenarios{grid-template-columns:1fr 1fr}.ml-scenarios>div:last-child{grid-column:1/-1}.ti-head{align-items:flex-start}.ti-head .primary{margin-top:8px}}
/* =============================================================== */


/* ================= V12.2 DATA QUALITY + QUICK ADD ================= */
.inline-add-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.inline-add-field>label{min-width:0}.quick-add-btn{height:44px;white-space:nowrap;border:1px dashed #8cb7d1;background:#f4f9fc;color:#07588f;border-radius:12px;padding:0 14px;font-weight:700}.quick-add-btn:hover{background:#eaf4fa}.v122-product-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.product-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v122-quick-modal{z-index:9999}@media(max-width:760px){.inline-add-field{grid-template-columns:1fr}.quick-add-btn{width:100%}.v122-product-filters{grid-template-columns:1fr 1fr}.product-mini-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.v122-product-filters{grid-template-columns:1fr}}
.render-error{max-width:720px;margin:48px auto;background:#fff;border:1px solid #f0c8c8;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(80,20,20,.06)}
.render-error h2{margin:0 0 8px;color:#9f3030}.render-error p{color:#52616b}.render-error code{display:block;direction:ltr;text-align:left;white-space:pre-wrap;background:#fff6f6;border-radius:10px;padding:10px;margin:12px 0;color:#7f1d1d}

/* V12.2.8 destructive actions */
.danger-outline.compact{border:1px solid #d7a2a2;background:#fff;color:#9b2c2c;padding:6px 10px;border-radius:10px;cursor:pointer}
.danger-outline.compact:hover{background:#fff5f5}