/*
 * LISA Harbor — desktop modules (presentation only).
 * Loaded after lisa-desktop-redesign.css. Scoped to desktop widths; mobile and print are untouched.
 *
 *   1. Shared components: buttons, menus, chips, cards, tables
 *   2. Commercial documents workspace (PO, OC, Proforma, Commercial Invoice)
 *   3. Quote Studio
 */

@media screen and (min-width:761px){

#app [style*="Space Mono"],#app [style*="monospace"],#detail [style*="Space Mono"]{font-family:var(--hb-font)!important;font-variant-numeric:tabular-nums}

/* 1. Shared components ----------------------------------------------------- */
#app .hb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;height:28px;min-height:28px;padding:0 14px;border:1px solid var(--border2)!important;border-radius:9px!important;
  background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;letter-spacing:0;line-height:1;white-space:nowrap;cursor:pointer;
  box-shadow:none!important;text-transform:none;transition:background .12s ease,border-color .12s ease,color .12s ease
}
#app .hb-btn:hover{background:var(--bg4)!important;color:var(--text)!important}
#app .hb-btn-primary{background:var(--hb-accent)!important;border-color:var(--hb-accent)!important;color:#fff!important}
#app .hb-btn-primary:hover{background:var(--hb-accent-hover)!important;border-color:var(--hb-accent-hover)!important;color:#fff!important}
#app .hb-btn-save{border-color:color-mix(in srgb,var(--hb-accent) 45%,var(--border2))!important;color:var(--hb-accent-ink)!important}
#app .hb-btn-save:hover{background:var(--hb-accent-soft)!important;color:var(--hb-accent-ink)!important}
#app .hb-btn-ghost{border-color:transparent!important;background:transparent!important;color:var(--text4)!important}
#app .hb-btn-ghost:hover{background:var(--bg4)!important;color:var(--text)!important}
#app .hb-btn svg{width:15px;height:15px;flex:none}
#app summary.hb-btn{list-style:none}
#app summary.hb-btn::-webkit-details-marker{display:none}

#app .hb-menu,#app .hb-more{position:relative}
#app .hb-menu>div,#app .hb-more-menu{
  position:absolute!important;right:0;left:auto!important;top:calc(100% + 6px)!important;z-index:80;min-width:210px;padding:6px!important;
  border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg2)!important;box-shadow:var(--hb-shadow-pop)!important
}
#app .hb-menu>div a,#app .hb-menu>div button,#app .hb-menu-item{
  display:flex!important;align-items:center;gap:9px;width:100%;height:28px;min-height:28px;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;
  color:var(--text2)!important;font:500 13px var(--hb-font)!important;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box;box-shadow:none!important
}
#app .hb-menu>div a:hover,#app .hb-menu>div button:hover,#app .hb-menu-item:hover{background:var(--bg4)!important}
#app .hb-menu-item.is-danger{color:var(--hb-danger)!important}
#app .hb-menu-item.is-danger:hover{background:var(--hb-danger-soft)!important}
#app .hb-menu-title{padding:8px 10px 4px;color:var(--text5);font:600 11.5px var(--hb-font)}
#app .hb-menu-sep{height:1px;margin:6px -2px;background:var(--border)}
#app .hb-menu-check{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:8px 10px!important;border-radius:8px;color:var(--text2)!important;font:500 13px var(--hb-font)!important;cursor:pointer}
#app .hb-menu-check:hover{background:var(--bg4)}
#app .hb-more-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;border:1px solid var(--border2);border-radius:9px;background:var(--bg2);color:var(--text3);cursor:pointer;list-style:none}
#app .hb-more-btn::-webkit-details-marker{display:none}
#app .hb-more-btn:hover,#app .hb-more[open]>.hb-more-btn{background:var(--bg4);color:var(--text)}
#app .hb-linkbtn{padding:0!important;border:0!important;background:none!important;color:var(--hb-accent-ink)!important;font:600 12.5px var(--hb-font)!important;min-height:0!important;cursor:pointer;box-shadow:none!important}
#app .hb-linkbtn:hover{text-decoration:underline}

/* 2. Commercial documents workspace ----------------------------------------- */
#app .hb-docpage{padding:0!important}

/* header: title + tools, then the document flow as tabs */
#app .hb-dochead{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title tools' 'tabs tabs';align-items:end;gap:14px 24px;margin:0 0 20px!important
}
#app .hb-dochead-left{display:contents!important}
#app .hb-dochead-title{grid-area:title;font:700 26px/1.15 var(--hb-font)!important;letter-spacing:-.03em;color:var(--text)!important}
#app .hb-dochead-title::before{content:'Commercial documents';display:block;margin-bottom:5px;color:var(--text5);font:500 12.5px var(--hb-font);letter-spacing:0}
#app .hb-doctabs-wrap{grid-area:tabs;margin:0!important;border-bottom:1px solid var(--border)}
#app .hb-doctabs-wrap>div{display:flex!important;flex-wrap:nowrap!important;gap:2px!important}
#app .hb-doctab{
  position:relative;height:42px;padding:0 16px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text4)!important;
  font:600 13.5px var(--hb-font)!important;box-shadow:none!important;clip-path:none!important;margin:0!important;cursor:pointer
}
#app .hb-doctab:hover{color:var(--text)!important;background:transparent!important}
#app .hb-doctab.is-active{color:var(--hb-accent-ink)!important}
#app .hb-doctab.is-active::after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--hb-accent)}
#app .hb-dochead-tools{grid-area:tools;display:flex!important;align-items:center;gap:8px!important;flex-wrap:nowrap!important}
#app .hb-dochead-tools>div{display:block!important}
#app .hb-dochead-tools input.q-input{width:280px;min-width:0!important;height:28px;min-height:28px}
#app .hb-tool{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap}
#app .hb-tool:hover{background:var(--bg4)!important}
/* SuperOffice entry: styled by context, not by a class, because the app replaces this button after it resolves the link */
#app .hb-tool-so,#app .hb-dochead-tools .lisa-so-btn,#view-quote .quote-page-actions .lisa-so-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-width:188px;height:28px;min-height:28px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;
  color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap
}
#app .hb-tool-so img,#app .hb-dochead-tools .lisa-so-btn img,#view-quote .quote-page-actions .lisa-so-btn img{width:16px;height:16px}
#app .hb-tool-so.lisa-so-missing-link::after,#app .hb-dochead-tools .lisa-so-btn.lisa-so-missing-link::after,#view-quote .quote-page-actions .lisa-so-btn.lisa-so-missing-link::after{content:'';width:7px;height:7px;border-radius:50%;background:var(--hb-warn)}
/* One-click deal creation: the button itself shows that SuperOffice is being written. */
#view-quote .quote-page-actions .lisa-so-btn.is-creating{cursor:progress;opacity:1!important}
#view-quote .quote-page-actions .lisa-so-btn.is-creating::after{display:none}
#view-quote .quote-page-actions .lisa-so-btn.is-creating img{animation:lisa-so-creating 1.1s ease-in-out infinite}
@keyframes lisa-so-creating{0%,100%{opacity:1}50%{opacity:.35}}

/* body: queue + editor */
#app .hb-docbody{position:relative;display:grid!important;grid-template-columns:var(--hb-queue-w,272px) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
#app .hb-docbody.hb-queue-collapsed:has(.hb-doc-top){grid-template-columns:minmax(0,1fr)!important;gap:0!important}
#app .hb-docbody.hb-queue-collapsed:has(.hb-doc-top)>.hb-queue,#app .hb-docbody.hb-queue-collapsed:has(.hb-doc-top)>.hb-resizer{display:none!important}
/* With no document open there is nothing to show and no list button: the list stays visible. */

/* adjustable side lists */
#app .hb-resizer{position:absolute;top:0;bottom:0;left:calc(var(--hb-queue-w,272px) + 2px);z-index:45;width:16px;cursor:col-resize;touch-action:none;outline:0}
#app .hb-regbody>.hb-resizer{left:calc(var(--hb-list-w,320px) + 2px)}
#app .hb-resizer::after{content:'';position:absolute;top:14px;bottom:14px;left:50%;width:3px;margin-left:-1.5px;border-radius:3px;background:transparent;transition:background .12s ease}
#app .hb-resizer:hover::after,#app .hb-resizer:focus-visible::after,#app .hb-resizer.is-dragging::after{background:var(--hb-accent)}
body.hb-resizing{cursor:col-resize!important;user-select:none!important}
body.hb-resizing *{cursor:col-resize!important}

/* queue */
#app .hb-queue{
  position:sticky;top:12px;display:flex!important;flex-direction:column;max-height:calc(100vh - 150px);overflow:hidden!important;
  border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important
}
#app .hb-q-search{padding:12px 12px 8px!important;border:0!important;background:transparent!important}
#app .hb-q-search input{width:100%!important;height:28px;min-height:28px;font-size:13.5px!important;padding:0 12px 0 34px!important;background:var(--bg3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a7e86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 11px 50%!important;border-color:transparent!important}
#app .hb-q-search input:focus{background-color:var(--bg2)!important;border-color:var(--hb-accent)!important}
#app .hb-q-legacy{display:none!important}
#app .hb-q-tabs{display:flex;gap:4px;margin:0 12px 10px;padding:3px;border-radius:10px;background:var(--bg4)}
#app .hb-q-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--text4);font:600 12.5px var(--hb-font);cursor:pointer;transition:background .12s ease,color .12s ease}
#app .hb-q-tab em{padding:1px 7px;border-radius:999px;background:rgba(17,37,45,.08);font:600 11px var(--hb-font);font-style:normal;color:var(--text4)}
#app .hb-q-tab.is-active{background:var(--bg2);color:var(--text);box-shadow:0 1px 2px rgba(17,37,45,.12)}
#app .hb-q-archive-actions{display:none;justify-content:flex-end;padding:0 14px 10px}
#app .hb-queue[data-q='archive']>.hb-q-archive-actions{display:flex}
#app .hb-q-archive-actions>button{padding:4px 8px!important;border:1px solid var(--border2)!important;border-radius:7px!important;background:transparent!important;color:var(--hb-danger)!important;font:600 11px var(--hb-font)!important;cursor:pointer}
#app .hb-q-list{display:none!important;flex:1;min-height:0;max-height:none!important;overflow:auto;border:0!important;border-top:1px solid var(--border)!important;background:transparent!important}
#app .hb-queue[data-q='work']>.hb-q-work{display:block!important}
#app .hb-queue[data-q='archive']>.hb-q-archive{display:block!important}
#app .hb-q-list>button{
  display:flex!important;flex-wrap:wrap;align-items:baseline;gap:3px 10px;width:100%;padding:13px 16px!important;border:0!important;border-bottom:1px solid var(--row-border)!important;border-left:3px solid transparent!important;
  background:transparent!important;text-align:left;cursor:pointer;transition:background .12s ease;box-sizing:border-box
}
#app .hb-q-list>button:hover{background:var(--bg3)!important}
#app .hb-q-list>button[style*="background:#1d4ed822"],#app .hb-q-list>button[style*="1d4ed822"]{background:var(--hb-accent-soft)!important;border-left-color:var(--hb-accent)!important}
#app .hb-q-list>button>div{min-width:0;flex:0 1 auto;font-family:var(--hb-font)!important}
#app .hb-q-list>button>div:nth-child(1){flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
#app .hb-q-list>button>div:nth-child(1)>span:first-child{color:var(--text)!important;font:650 13.5px var(--hb-font)!important;letter-spacing:-.005em}
#app .hb-q-list>button>div:nth-child(1) span[style*="border-radius:999px"],#app .hb-q-list>button>div:nth-child(1)>span:last-child:not(:first-child):not(:has(span)){display:inline-flex;align-items:center;height:22px;padding:0 10px!important;border:0!important;border-radius:999px!important;background:var(--bg4)!important;color:var(--text3)!important;font:600 12px/1 var(--hb-font)!important;letter-spacing:0!important;text-transform:none}
#app .hb-q-list>button>div:nth-child(1)>span:last-child:has(span){display:inline-flex;align-items:center;gap:6px}
#app .hb-q-list>button>div:nth-child(1) span[onclick]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;color:var(--text5)!important;font:500 16px/1 var(--hb-font)!important;padding:0!important}
#app .hb-q-list>button>div:nth-child(1) span[onclick]:hover{background:var(--bg4);color:var(--text)!important}
#app .hb-q-list>button>div:nth-child(2){flex:1 0 100%;margin:0!important;color:var(--text2)!important;font:500 13px var(--hb-font)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .hb-q-list>button>div:nth-child(n+3){margin:0!important;color:var(--text5)!important;font:500 12px var(--hb-font)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#app .hb-q-list>div{padding:28px 16px!important;color:var(--text5)!important;font:500 13px var(--hb-font)!important;text-align:center}

/* empty state */
#app .hb-doc-empty{
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:380px;padding:48px!important;border:1px dashed var(--border2)!important;border-radius:14px!important;
  background:var(--bg2)!important;color:var(--text4)!important;font:500 14px var(--hb-font)!important;text-align:center
}
#app .hb-doc-empty::before{content:'';width:44px;height:44px;background:var(--text5);opacity:.55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center/contain no-repeat}

/* editor */
#app .hb-doc{display:flex!important;flex-direction:column;gap:14px;overflow:visible!important;border:0!important;background:transparent!important}
#app .hb-legacy{display:none!important}
#app .hb-doc-top{
  position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:16px 20px;
  border:1px solid var(--border);border-radius:14px;background:var(--bg2);box-shadow:0 6px 18px rgba(17,37,45,.06)
}
#app .hb-doc-id{display:flex;align-items:center;gap:14px;flex:1 1 380px;min-width:0}
#app .hb-queue-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;min-height:28px;border:1px solid var(--border);border-radius:10px;background:var(--bg2);color:var(--text4);cursor:pointer}
#app .hb-queue-toggle:hover{background:var(--bg4);color:var(--text)}
#app .hb-queue-toggle[aria-expanded="true"]{border-color:color-mix(in srgb,var(--hb-accent) 40%,var(--border));background:var(--hb-accent-soft);color:var(--hb-accent-ink)}
#app .hb-doc-idtext{flex:1;min-width:0}
#app .hb-doc-kindrow{display:flex;align-items:center;gap:12px;color:var(--text5);font:500 12.5px var(--hb-font)}
#app .hb-doc-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:2px}
#app .hb-doc-title{margin:0;color:var(--text);font:700 22px/1.2 var(--hb-font);letter-spacing:-.025em;white-space:nowrap}
#app .hb-doc-title.is-draft{color:var(--text4);font-weight:600}
#app .hb-doc-sub{margin-top:4px;color:var(--text4);font:500 13px/1.4 var(--hb-font)}
#app .hb-doc-stateslot{display:inline-flex}

/* status control (the original <select>) */
#app .hb-status{position:relative;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 8px 0 11px;border-radius:999px;background:var(--bg4);color:var(--text3);cursor:pointer;margin:0!important}
#app .hb-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text5);flex:none}
#app .hb-status-select{
  appearance:none;-webkit-appearance:none;min-height:0!important;height:28px!important;width:auto!important;padding:0 18px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23566a73' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 2px center!important;color:inherit!important;font:700 11px var(--hb-font)!important;letter-spacing:.05em;cursor:pointer;box-shadow:none!important
}
#app .hb-status[data-status='DRAFT']{background:var(--hb-warn-soft);color:var(--hb-warn)}
#app .hb-status[data-status='DRAFT'] .hb-status-dot{background:var(--hb-warn)}
#app .hb-status[data-status='READY_TO_SEND']{background:color-mix(in srgb,var(--hb-info) 12%,var(--bg2));color:var(--hb-info)}
#app .hb-status[data-status='READY_TO_SEND'] .hb-status-dot{background:var(--hb-info)}
#app .hb-status[data-status='SENT'],#app .hb-status[data-status='ISSUED'],#app .hb-status[data-status='PAID']{background:var(--hb-ok-soft);color:var(--hb-ok)}
#app .hb-status[data-status='SENT'] .hb-status-dot,#app .hb-status[data-status='ISSUED'] .hb-status-dot,#app .hb-status[data-status='PAID'] .hb-status-dot{background:var(--hb-ok)}
#app .hb-status[data-status='CANCELLED']{background:var(--hb-danger-soft);color:var(--hb-danger)}
#app .hb-status[data-status='CANCELLED'] .hb-status-dot{background:var(--hb-danger)}

/* actions */
#app .hb-doc-actionsrow{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-left:auto}
#app .hb-doc-state{display:flex;align-items:center;gap:7px;color:var(--text5);font:500 12.5px var(--hb-font);white-space:nowrap}
#app .hb-doc-state>div{margin:0!important;color:inherit!important;font:inherit!important}
#app .hb-doc-state::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--hb-ok)}
#app .hb-doc-state[data-state='unsaved']{color:var(--hb-warn)}
#app .hb-doc-state[data-state='unsaved']::before{background:var(--hb-warn)}
#app .hb-doc-actions{display:flex;align-items:center;gap:8px}
#app .hb-doc-actions>.hb-btn,#app .hb-doc-actions>.hb-menu>summary{height:28px;min-height:28px}

/* stats */
#app .hb-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg2)}
#app .hb-stats:empty{display:none}
#app .hb-stat{padding:15px 22px;border-left:1px solid var(--border)}
#app .hb-stat:first-child{border-left:0}
#app .hb-stat-label{color:var(--text5);font:500 12.5px var(--hb-font)}
#app .hb-stat-value{margin-top:4px;color:var(--text);font:650 17px/1.25 var(--hb-font);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
#app .hb-stat.is-total{background:linear-gradient(180deg,var(--hb-accent-soft),var(--bg2))}
#app .hb-stat.is-total .hb-stat-value{color:var(--hb-accent-ink);font-size:21px;font-weight:700}

/* details: summary bar + the original form */
#app .hb-details-head{display:flex;align-items:center;gap:18px;padding:12px 14px 12px 20px;border:1px solid var(--border);border-radius:14px;background:var(--bg2)}
#app .hb-details-title{flex:none;color:var(--text);font:650 14px var(--hb-font)}
#app .hb-details-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
#app .hb-chipfield{display:inline-flex;align-items:baseline;gap:7px;padding:5px 11px;border-radius:8px;background:var(--bg3);font:500 12.5px var(--hb-font);color:var(--text2)}
#app .hb-chipfield em{color:var(--text5);font-style:normal}
#app .hb-chipfield b{font-weight:600;color:var(--text)}
#app .hb-details-toggle{display:inline-flex;align-items:center;gap:6px;flex:none;height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--hb-accent-ink);font:600 13px var(--hb-font);cursor:pointer}
#app .hb-details-toggle:hover{background:var(--hb-accent-soft)}
#app .hb-details-toggle svg{transition:transform .15s ease}
#app .hb-doc.hb-details-open .hb-details-toggle svg{transform:rotate(180deg)}
#app .hb-details-form{display:none!important}
#app .hb-doc.hb-details-open>.hb-details-form{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:18px 22px!important;padding:22px!important;margin:0!important;
  border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important
}
#app .hb-details-form>div{min-width:0}
#app .hb-details-form label,#app .hb-details-form span.ci-vat-control-title{display:block!important;margin:0 0 6px!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#app .hb-details-form label:has(input[type=checkbox]){display:flex!important;align-items:center;gap:8px;color:var(--text2)!important;font-size:13px!important}
#app .hb-details-form>div>div[style*="font-size:12px"]{color:var(--text)!important;font:500 13.5px/1.5 var(--hb-font)!important}
#app .hb-details-form textarea{min-height:76px}
#app .hb-details-form .hb-sub{grid-column:1/-1;padding:14px 0 0!important;border-top:1px solid var(--border)!important}
#app .hb-sub-title{display:flex;align-items:center;margin:0 0 4px!important;color:var(--text)!important;font:650 13.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;user-select:none}
#app .hb-sub-title::before{content:'';width:6px;height:6px;margin:0 10px 2px 2px;border-right:2px solid var(--text5);border-bottom:2px solid var(--text5);transform:rotate(45deg);transition:transform .15s ease}
#app .hb-sub-folded .hb-sub-title::before{transform:rotate(-45deg)}
#app .hb-sub-folded>:not(:first-child){display:none!important}
#app .hb-sub>div:last-child{margin-top:14px}

/* line items */
#app .hb-items-head{display:flex;align-items:center;gap:10px;margin:0 0 -14px!important;padding:16px 20px;border:1px solid var(--border);border-bottom:0;border-radius:14px 14px 0 0;background:var(--bg2)}
#app .hb-items-title{color:var(--text);font:650 15px var(--hb-font)}
#app .hb-count{padding:1px 9px;border-radius:999px;background:var(--bg4);color:var(--text4);font:600 12px var(--hb-font)}
#app .hb-items{overflow:auto!important;border:1px solid var(--border)!important;border-radius:0 0 14px 14px!important;background:var(--bg2)!important}
#app .hb-items table{width:100%;min-width:0!important;font-size:13px!important;border-collapse:collapse}
#app .hb-items thead tr{background:transparent!important;border:0!important}
#app .hb-items thead th{padding:11px 10px!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
#app .hb-items tbody tr{border:0!important;background:transparent!important;transition:background .12s ease}
#app .hb-items tbody tr:hover{background:var(--bg3)!important}
#app .hb-items tbody td{padding:9px 10px!important;border-bottom:1px solid var(--row-border)!important;color:var(--text2)!important;font-size:13px!important;vertical-align:middle}
#app .hb-items tbody tr:last-child td{border-bottom:0!important}
#app .hb-items tbody td:first-child{color:var(--text)!important;font-weight:650}
#app .hb-items td[style*="text-align:right"],#app .hb-items th[style*="text-align:right"]{font-variant-numeric:tabular-nums}
#app .hb-items td:last-child{color:var(--text)!important;font-weight:650}
#app .hb-items td input.q-input,#app .hb-items td select.q-input{
  width:100%!important;min-width:0!important;max-width:none;height:34px;min-height:34px!important;padding:0 10px!important;border-color:transparent!important;background:transparent!important;
  color:inherit!important;font-size:13px!important;box-shadow:none!important;border-radius:8px!important
}
#app .hb-items td input.q-input[style*="text-align:right"]{text-align:right}
#app .hb-items td select.q-input{background-color:var(--bg3)!important;font-weight:600}
#app .hb-items td input[type=number].q-input{width:64px!important}
#app .hb-items td input[inputmode=decimal].q-input{width:92px!important}
#app .hb-items td input.q-input[style*="text-align:center"]{width:68px!important}
#app .hb-items tbody td{white-space:nowrap}
#app .hb-items tbody td:nth-child(2){white-space:normal;min-width:140px}
#app .hb-items tbody tr,#app .hb-items tbody td:first-child{border-left:0!important;box-shadow:none!important}
#app .hb-items thead th:last-child,#app .hb-items tbody td:last-child{position:sticky;right:0;z-index:2;background:var(--bg2);box-shadow:-10px 0 12px -10px rgba(17,37,45,.18)!important}
#app .hb-items thead th:last-child{background:var(--bg3)}
#app .hb-items tbody tr:hover td:last-child{background:var(--bg3)}
#app .hb-items td select.q-input{min-width:118px!important}
#app .hb-items td input[type=number].q-input{width:56px!important}
#app .hb-items td input[inputmode=decimal].q-input{width:84px!important}
#app .hb-items td input.q-input[style*="text-align:center"]{width:60px!important}
#app .hb-items tr:hover td input.q-input{border-color:var(--border)!important}
#app .hb-items td input.q-input:hover{border-color:var(--border2)!important;background:var(--bg2)!important}
#app .hb-items td input.q-input:focus,#app .hb-items td select.q-input:focus{border-color:var(--hb-accent)!important;background:var(--bg2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hb-accent) 16%,transparent)!important}
#app .hb-items [data-hb-hide]{display:none!important}

/* 3. Quote Studio ----------------------------------------------------------- */
#view-quote .quote-studio-guided{max-width:none!important;margin:0!important;padding:0 0 28px!important}

/* page header */
#view-quote .quote-studio-guided .quote-page-head{
  position:static!important;display:flex!important;flex-wrap:wrap;align-items:flex-end!important;justify-content:space-between!important;gap:16px 24px;
  min-height:0!important;margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important
}
#view-quote .quote-studio-guided .quote-page-title-wrap{flex:1 1 300px;min-width:0}
#view-quote .quote-studio-guided .quote-page-eyebrow{margin:0 0 5px;color:var(--text5);font:500 12.5px var(--hb-font);letter-spacing:0;text-transform:none}
#view-quote .quote-studio-guided .quote-page-title{color:var(--text);font:700 26px/1.15 var(--hb-font)!important;letter-spacing:-.03em!important}
#view-quote .quote-studio-guided .hb-qref{display:flex;align-items:center;gap:8px;margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important}
#view-quote .quote-studio-guided .hb-qref .quote-reference-text{color:var(--text3)!important;font:500 13.5px/1.4 var(--hb-font)!important;white-space:normal}
#view-quote .quote-studio-guided .quote-page-subtitle{display:block!important;margin:2px 0 0;color:var(--text5);font:500 12.5px var(--hb-font)}
#view-quote .quote-studio-guided .qsg-economics{display:none!important}
#view-quote .quote-studio-guided .quote-page-actions{flex:0 1 auto;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
#view-quote .quote-open-existing{display:flex!important;align-items:center;gap:6px;max-width:none!important}
#view-quote .quote-open-existing input.q-input{width:230px!important;min-width:0!important;height:28px;min-height:28px!important}
#view-quote .quote-open-existing button,#view-quote .quote-page-actions>button.ui-btn-subtle,#view-quote .quote-page-actions>div>button.ui-btn-subtle:not([aria-label]){
  height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap
}
#view-quote .quote-open-existing button:hover,#view-quote .quote-page-actions>button.ui-btn-subtle:hover{background:var(--bg4)!important}
#view-quote .quote-page-actions>div>button[aria-label="More quote actions"]{width:28px;height:28px;min-height:28px;padding:0!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text3)!important}
#view-quote #q-top-menu{padding:6px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg2)!important;box-shadow:var(--hb-shadow-pop)!important;min-width:200px}
#view-quote #q-top-menu button{display:flex!important;align-items:center;height:28px;min-height:28px;padding:0 10px!important;border:0!important;border-radius:8px!important;color:var(--text2)!important;font:500 13px var(--hb-font)!important;background:none!important}
#view-quote #q-top-menu button:hover{background:var(--bg4)!important}
#view-quote #q-top-menu button:last-child{color:var(--hb-danger)!important}
.qsn-mode-switch{display:inline-flex!important;gap:2px;padding:3px;border:0;border-radius:10px;background:var(--bg4)}
.qsn-mode-option{height:30px;padding:0 12px;white-space:nowrap;border:0;border-radius:8px;background:transparent;color:var(--text4);font:600 12.5px var(--hb-font)}
.qsn-mode-option.is-active{background:var(--bg2);color:var(--text);box-shadow:0 1px 2px rgba(17,37,45,.12)}

/* stepper */
#view-quote .qsg-stepper{
  position:static!important;display:flex!important;gap:0;margin:0 0 24px!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important
}
#view-quote .qsg-step{
  position:relative;display:flex!important;flex:1 1 0;align-items:center;gap:12px;min-width:0;min-height:0!important;padding:0 14px 0 0!important;border:0!important;border-radius:0!important;background:none!important;
  color:var(--text4)!important;text-align:left;cursor:pointer
}
#view-quote .qsg-step:last-child{flex:0 0 auto;padding-right:0!important}
#view-quote .qsg-step::after{content:''!important;position:static!important;display:block;flex:1;height:2px!important;min-width:20px;margin-left:8px;border-radius:2px;background:var(--border)!important}
#view-quote .qsg-step:last-child::after{display:none}
#view-quote .qsg-step.is-complete::after{background:var(--hb-accent)!important}
#view-quote .qsg-step-number{
  display:grid!important;place-items:center;flex:0 0 34px;width:34px!important;height:34px!important;border:2px solid var(--border2)!important;border-radius:50%!important;background:var(--bg2)!important;
  color:var(--text4)!important;font:650 13px var(--hb-font)!important;transition:background .15s ease,border-color .15s ease
}
#view-quote .qsg-step.is-active .qsg-step-number{border-color:var(--hb-accent)!important;background:var(--hb-accent)!important;color:#fff!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--hb-accent) 16%,transparent)}
#view-quote .qsg-step.is-complete:not(.is-active) .qsg-step-number{border-color:var(--hb-accent)!important;background:var(--hb-accent-soft)!important;color:var(--hb-accent)!important}
#view-quote .qsg-step-check{width:16px!important;height:16px!important}
#view-quote .qsg-step-copy{display:flex;flex:none;flex-direction:column;gap:1px;min-width:0}
#view-quote .qsg-step-label{color:var(--text3)!important;font:600 13.5px var(--hb-font)!important}
#view-quote .qsg-step.is-active .qsg-step-label{color:var(--text)!important;font-weight:700!important}
#view-quote .qsg-step-description{color:var(--text5)!important;font:500 12px var(--hb-font)!important;white-space:nowrap}
#view-quote .qsg-step:hover .qsg-step-label{color:var(--text)!important}

/* cards and fields */
#view-quote .qsg-workspace{padding-bottom:12px!important}
#view-quote .cr-section{margin:0 0 16px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important;overflow:visible!important}
#view-quote .cr-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px!important;padding:0 24px!important;border-bottom:1px solid var(--row-border)!important;background:transparent!important}
#view-quote .cr-section-title{color:var(--text)!important;font:650 15px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
#view-quote .cr-section-body{padding:22px 24px 8px!important}
#view-quote .quote-field{margin:0!important;padding:0 0 18px!important;border:0!important}
#view-quote .quote-field-label{margin:0 0 6px!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-quote input.q-input:not(.q-cell),#view-quote select.q-input:not(.q-cell){height:28px;min-height:28px!important;padding:0 12px;border:1px solid var(--border2);border-radius:9px;background:var(--bg2);color:var(--text);font:500 13.5px var(--hb-font)}
#view-quote textarea.q-input{padding:10px 12px;border-radius:9px;font:500 13.5px/1.5 var(--hb-font)}
#view-quote input.q-input:focus,#view-quote select.q-input:focus,#view-quote textarea.q-input:focus{border-color:var(--hb-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hb-accent) 16%,transparent)!important}
#view-quote .quote-customer-section .cr-section-body,#view-quote .quote-details-section .cr-section-body>div{gap:0 32px!important}
#view-quote .quote-customer-section .cr-section-body{padding-bottom:6px!important}
#view-quote #q-quote-no{font-family:var(--hb-font)!important;font-weight:650!important;color:var(--text)!important}
#view-quote #q-validity{padding:0!important;color:var(--text)!important;font:600 13.5px var(--hb-font)!important;line-height:38px}
#view-quote .quote-field button[title]{border-radius:8px!important}
#view-quote .cr-section-head .ui-btn-subtle,#view-quote .quote-variants-section button.ui-btn-subtle,#view-quote .quote-customer-section button.ui-btn-subtle{
  height:30px!important;min-height:30px!important;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 12.5px var(--hb-font)!important;box-shadow:none!important
}
#view-quote .cr-section-head .ui-btn-subtle:hover,#view-quote .quote-variants-section button.ui-btn-subtle:hover{background:var(--bg4)!important}

/* compressor units */
#view-quote #q-units-wrap{margin:0!important}
#view-quote #q-units-wrap>div{padding:20px 24px 22px!important;border:0!important;border-top:1px solid var(--row-border)!important;border-radius:0!important;background:transparent!important}
#view-quote #q-units-wrap [style*="text-transform:uppercase"]{color:var(--text)!important;font:650 15px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
#view-quote #q-units-wrap > div > div:nth-child(2) [style*="text-transform"]{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;text-transform:none!important;letter-spacing:0!important}
#view-quote #q-units-wrap button{height:30px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 12.5px var(--hb-font)!important}

/* line items */
#view-quote .quote-line-items-section>.cr-section-head{flex-wrap:wrap;padding-top:14px!important;padding-bottom:14px!important;min-height:0!important}
/* nothing above it is sticky here, so the Line Items toolbar stays in place instead of floating, see-through, over the rows; the table keeps its own scroll and column header */
#view-quote .quote-studio-next .quote-line-items-section>.cr-section-head{position:relative!important;top:auto!important}
#view-quote .quote-line-items-section>.cr-section-head>div{display:flex;flex-wrap:wrap;align-items:center;gap:10px!important}
#view-quote #q-part-search{width:280px!important;height:28px;min-height:28px!important}
#view-quote #lisa-quote-bulk-adjust label{display:inline-flex!important;align-items:center;gap:6px;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-quote #lisa-quote-bulk-adjust input{width:64px!important;height:28px;min-height:28px!important;text-align:center}
#view-quote #lisa-rfq-import-open,#view-quote #lisa-manual-reference-quote-button,#view-quote .quote-line-items-section>.cr-section-head button:not([style*="display:none"]){
  height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap
}
#view-quote .quote-line-items-section .cr-section-body{padding:0!important}
#view-quote table[aria-label="Quote line items"]{min-width:0!important;font-size:13px!important}
#view-quote table[aria-label="Quote line items"] thead tr{background:var(--bg3)!important}
#view-quote table[aria-label="Quote line items"] thead th{padding:11px 10px!important;border-bottom:1px solid var(--border)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
#view-quote table[aria-label="Quote line items"] tbody tr{border-top:1px solid var(--row-border)!important;transition:background .12s ease}
#view-quote table[aria-label="Quote line items"] tbody tr:hover{background:var(--bg3)}
#view-quote table[aria-label="Quote line items"] tbody td{padding:7px 8px!important;vertical-align:middle}
#view-quote table[aria-label="Quote line items"] input.q-cell,#view-quote table[aria-label="Quote line items"] select.q-cell{
  height:28px;min-height:28px!important;padding:0 10px;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important;font:500 13px var(--hb-font)!important;box-shadow:none!important;transition:border-color .12s ease,background-color .12s ease
}
#view-quote table[aria-label="Quote line items"] tbody tr:hover :is(input,select).q-cell{border-color:var(--border)!important}
#view-quote table[aria-label="Quote line items"] :is(input,select).q-cell:hover{border-color:var(--border2)!important;background:var(--bg2)!important}
#view-quote table[aria-label="Quote line items"] :is(input,select).q-cell:focus{border-color:var(--hb-accent)!important;background:var(--bg2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hb-accent) 16%,transparent)!important}
#view-quote table[aria-label="Quote line items"] input[data-quote-field="partNo"]{font-weight:650!important}
#view-quote table[aria-label="Quote line items"] td button{border-radius:7px!important;box-shadow:none!important}
#view-quote table[aria-label="Quote line items"] td:last-child button{border:1px solid transparent!important;background:transparent!important;color:var(--text5)!important;font:600 12.5px var(--hb-font)!important}
#view-quote table[aria-label="Quote line items"] td:last-child button:hover{background:var(--hb-danger-soft)!important;color:var(--hb-danger)!important}
/* line items: calm rows (2026-10-13) — 44 px rows, numbers right-aligned in tabular figures,
   quiet row tools, the drag grip only on hover, compact status and a trash icon for delete */
#app #view-quote table[aria-label="Quote line items"] tbody tr[data-iid]>td{height:44px!important;padding:8px 6px!important;vertical-align:middle}
#app #view-quote table[aria-label="Quote line items"] tbody tr[data-iid]>td:first-child{padding-left:10px!important}
#view-quote table[aria-label="Quote line items"] .q-drag{width:22px;height:28px;padding:0!important;border:0!important;background:transparent!important;color:var(--text5)!important;opacity:0;transition:opacity .12s}
#view-quote table[aria-label="Quote line items"] .q-drag .lucide{width:15px;height:15px}
#view-quote table[aria-label="Quote line items"] tbody tr:hover .q-drag,#view-quote table[aria-label="Quote line items"] .q-drag:focus-visible{opacity:1}
#view-quote table[aria-label="Quote line items"] .q-row-tool{width:26px;height:26px;padding:0!important;justify-content:center;border:0!important;background:transparent!important;color:var(--text5)!important}
#view-quote table[aria-label="Quote line items"] .q-row-tool:hover{background:var(--bg4)!important;color:var(--text)!important}
#view-quote table[aria-label="Quote line items"] .q-row-tool.has-note{color:var(--hb-accent-ink)!important;background:var(--hb-accent-soft)!important}
#view-quote table[aria-label="Quote line items"] .q-row-tool .lucide{width:14px!important;height:14px!important}
#view-quote table[aria-label="Quote line items"] input.q-num{text-align:right!important;font-variant-numeric:tabular-nums}
#view-quote table[aria-label="Quote line items"] input[type="number"].q-cell{text-align:right!important;font-variant-numeric:tabular-nums;padding-right:6px!important}
#view-quote table[aria-label="Quote line items"] td[data-qcell="total"]{font:650 13px var(--hb-font)!important;color:var(--text)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
#view-quote table[aria-label="Quote line items"] select.lisa-order-status-select{height:26px!important;min-height:26px!important;min-width:0!important;width:108px;padding:0 24px 0 10px!important;border:1px solid var(--border)!important;border-radius:999px!important;font:600 12px var(--hb-font)!important}
#view-quote table[aria-label="Quote line items"] td[data-qcell="actions"] button{width:28px;height:28px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
#view-quote table[aria-label="Quote line items"] td[data-qcell="actions"] button .lucide{width:15px;height:15px}
#view-quote #lisa-superoffice-quote-btn{min-width:236px;justify-content:center}
/* Product fits its longest compressor name instead of cutting it (2026-10-13) */
#app #view-quote table[aria-label="Quote line items"] col:nth-child(4){width:var(--q-product-col,108px)!important}
#app #view-quote table[aria-label="Quote line items"] td[data-qcell="product"] :is(select,input).q-cell{width:100%!important;min-width:0!important}
#app #view-quote table[aria-label="Quote line items"] td[data-qcell="product"] select.q-cell{padding-right:4px!important}
/* manual check: one compact chip under the part no.; the explanation is its tooltip */
#app #view-quote table[aria-label="Quote line items"] .lisa-manual-check{--lm-c:var(--text5);display:flex;align-items:center;gap:6px;min-width:0;margin:3px 0 0 4px;font:500 11px/16px var(--hb-font)}
#app #view-quote table[aria-label="Quote line items"] .lisa-manual-check[data-level="ok"]{--lm-c:var(--hb-ok)}
#app #view-quote table[aria-label="Quote line items"] .lisa-manual-check:is([data-level="warn"],[data-level="other"]){--lm-c:var(--hb-warn)}
#app #view-quote table[aria-label="Quote line items"] .lisa-manual-check[data-level="missing"]{--lm-c:var(--hb-danger)}
#app #view-quote table[aria-label="Quote line items"] .lisa-manual-check[data-level="replace"]{--lm-c:#7c3aed}
#app #view-quote table[aria-label="Quote line items"] td .lisa-manual-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;width:auto!important;height:18px!important;min-height:0!important;padding:0 7px 0 6px!important;border:0!important;border-radius:999px!important;background:color-mix(in srgb,var(--lm-c) 11%,transparent)!important;color:var(--lm-c)!important;font:600 11px/18px var(--hb-font)!important;cursor:pointer}
#app #view-quote table[aria-label="Quote line items"] td .lisa-manual-chip::before{width:6px;height:6px;border-radius:50%;background:currentColor;content:''}
#app #view-quote table[aria-label="Quote line items"] td .lisa-manual-chip:hover{background:color-mix(in srgb,var(--lm-c) 18%,transparent)!important}
#app #view-quote table[aria-label="Quote line items"] .lisa-manual-location{min-width:0;overflow:hidden;color:var(--text5);text-overflow:ellipsis;white-space:nowrap}
#app #view-quote table[aria-label="Quote line items"] td .lisa-manual-use{width:auto!important;height:18px!important;padding:0 7px!important;border:1px solid color-mix(in srgb,#7c3aed 35%,transparent)!important;border-radius:999px!important;background:transparent!important;color:#7c3aed!important;font:600 11px/16px var(--hb-font)!important;cursor:pointer}
#view-quote #q-grand-total{color:var(--text)!important;font:700 22px var(--hb-font)!important;letter-spacing:-.025em;font-variant-numeric:tabular-nums}

/* review */
#view-quote .qsg-review-summary,#view-quote .qsn-readiness{margin:0 0 16px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important;overflow:hidden}
#view-quote .qsg-review-head{display:flex;align-items:baseline;gap:14px;padding:18px 24px!important;border-bottom:1px solid var(--row-border)!important}
#view-quote .qsg-review-title{color:var(--text)!important;font:650 15px var(--hb-font)!important}
#view-quote .qsg-review-copy{color:var(--text5)!important;font:500 13px var(--hb-font)!important}
#view-quote .qsg-summary-grid{padding:6px 24px 14px!important}
#view-quote .qsg-summary-item{gap:4px;padding:14px 16px 14px 0!important}
#view-quote .qsg-summary-label{color:var(--text5)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-quote .qsg-summary-value{color:var(--text)!important;font:650 14.5px var(--hb-font)!important}
#view-quote .qsn-readiness .qsn-readiness-head,#view-quote .qsn-readiness>div:first-child{padding:16px 24px!important}
#view-quote .qsn-check-list{padding:12px 24px 18px!important;gap:8px 16px!important}
#view-quote .qsn-check{color:var(--text2)!important;font:500 13px var(--hb-font)!important}

/* sticky action bar with live totals */
#view-quote .qsg-footer{
  position:sticky!important;bottom:16px;z-index:40;display:flex!important;align-items:center;gap:22px;min-height:76px;margin:22px 0 0!important;padding:12px 16px 12px 24px!important;
  border:1px solid var(--border)!important;border-radius:16px!important;background:color-mix(in srgb,var(--bg2) 96%,transparent)!important;box-shadow:0 18px 44px rgba(17,37,45,.20)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)
}
#view-quote .qsg-footer-progress{flex:0 0 auto;min-width:150px}
#view-quote .qsg-footer-step{color:var(--text)!important;font:650 13.5px var(--hb-font)!important}
#view-quote .qsg-footer-hint{color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}
#view-quote .hb-qtotals{display:flex;flex:1;align-items:stretch;justify-content:flex-end;min-width:0}
#view-quote .hb-qtotal{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 22px;border-left:1px solid var(--border);min-width:0}
#view-quote .hb-qtotal-label{color:var(--text5);font:500 12px var(--hb-font);white-space:nowrap}
#view-quote .hb-qtotal-value{color:var(--text);font:650 15px var(--hb-font);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
#view-quote .hb-qtotal.is-total .hb-qtotal-value{color:var(--hb-accent-ink);font-size:20px;font-weight:700;letter-spacing:-.02em}
#view-quote .qsg-footer-actions{display:flex;align-items:center;gap:8px;flex:none}
#view-quote .qsg-footer-actions>button{height:28px;min-height:28px!important;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap}
#view-quote .qsg-footer-actions>button:hover{background:var(--bg4)!important}
#view-quote .qsg-footer-actions>.qsg-back{border-color:transparent!important;background:transparent!important;color:var(--text4)!important}
#view-quote .qsg-footer-actions>.qsg-save{border-color:color-mix(in srgb,var(--hb-accent) 45%,var(--border2))!important;color:var(--hb-accent-ink)!important}
#view-quote .qsg-footer-actions>.qsg-next,#view-quote .qsg-footer-actions>.qsg-print{border-color:var(--hb-accent)!important;background:var(--hb-accent)!important;color:#fff!important;min-width:128px}
#view-quote .qsg-footer-actions>.qsg-next:hover,#view-quote .qsg-footer-actions>.qsg-print:hover{background:var(--hb-accent-hover)!important}

/* line item table: column plan that fits a 1440 display without clipping the actions */
#view-quote table[aria-label="Quote line items"] col:nth-child(1){width:44px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(2){width:196px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(4){width:122px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(5){width:60px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(6){width:94px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(7){width:98px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(8){width:72px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(9){width:64px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(10){width:116px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(11){width:96px!important}
#view-quote table[aria-label="Quote line items"] thead th:nth-child(12),#view-quote table[aria-label="Quote line items"] tbody td:nth-child(12){width:78px!important}
#view-quote table[aria-label="Quote line items"] tbody td:nth-child(2){min-width:0!important;width:auto!important}
#view-quote table[aria-label="Quote line items"] tbody td{padding:7px 6px!important}
#view-quote table[aria-label="Quote line items"] td:nth-child(2)>div{gap:4px!important}
#view-quote table[aria-label="Quote line items"] td:nth-child(2) button{padding:3px 6px!important;border-color:transparent!important;background:transparent!important;color:var(--text5)!important}
#view-quote table[aria-label="Quote line items"] td:nth-child(2) button:hover{background:var(--bg4)!important;color:var(--text)!important}
#view-quote table[aria-label="Quote line items"] td[style*="text-align:right"] input,#view-quote table[aria-label="Quote line items"] td input[type=number]{text-align:center}
#view-quote table[aria-label="Quote line items"] td:nth-child(7) input{text-align:right}
/* order status as a pill */
#view-quote .lisa-order-status-select{min-width:0!important;width:100%!important;height:28px!important;min-height:28px!important;padding:0 20px 0 11px!important;border:0!important;border-radius:999px!important;font:600 12px var(--hb-font)!important;letter-spacing:0;
  background-color:var(--hb-ok-soft)!important;color:var(--hb-ok)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23566a73' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 7px center!important;appearance:none;-webkit-appearance:none}
#view-quote tr[data-order-status="DECLINED"] .lisa-order-status-select,#view-quote tr[data-order-status="NOT_ORDERED"] .lisa-order-status-select{background-color:var(--hb-danger-soft)!important;color:var(--hb-danger)!important}
#view-quote .lisa-order-status-select:hover{filter:brightness(.97)}
/* grand total row */
#view-quote .quote-line-items-section .cr-section-body>div:last-child[style*="justify-content:flex-end"]{padding:18px 24px!important;border-top:1px solid var(--border)!important;background:var(--bg3)}
#view-quote .quote-line-items-section .cr-section-body>div:last-child [style*="text-transform:uppercase"]{margin:0 0 4px!important;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-quote #q-grand-total{font:700 24px var(--hb-font)!important;color:var(--hb-accent-ink)!important}
#view-quote .quote-open-existing input.q-input{width:300px!important}
#view-quote .quote-line-items-section>.cr-section-head>span.cr-section-title{margin-right:auto}

/* guided Terms step: four columns again (the "view all" rule forces one) */
#view-quote .quote-studio-guided .quote-details-section .cr-section-body>div{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0 32px!important}
#view-quote .quote-studio-guided .quote-details-section .cr-section-body>div+div{margin-top:0!important;padding-top:0!important;border-top:0!important}
#view-quote .quote-studio-guided .quote-details-section .quote-field{padding:0 0 18px!important}

/* line item column plan: total fixed width stays under a 1440 display */
#view-quote table[aria-label="Quote line items"] col:nth-child(2){width:180px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(4){width:112px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(6){width:84px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(7){width:90px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(8){width:64px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(9){width:56px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(10){width:108px!important}
#view-quote table[aria-label="Quote line items"] col:nth-child(11){width:90px!important}
#view-quote table[aria-label="Quote line items"] thead th:nth-child(12),#view-quote table[aria-label="Quote line items"] tbody td:nth-child(12){width:64px!important}
#view-quote table[aria-label="Quote line items"] td:nth-child(12) button{padding:0 8px!important;height:30px}

/* readiness card */
#view-quote .qsn-readiness-head{min-height:0!important;padding:18px 24px!important}
#view-quote .qsn-readiness-title{color:var(--text)!important;font:650 15px var(--hb-font)!important}
#view-quote .qsn-readiness-head>*:not(.qsn-readiness-title){color:var(--text5)!important;font:500 13px var(--hb-font)!important}
#view-quote .qsn-check{min-height:28px!important;padding:6px 8px!important;font:500 13.5px var(--hb-font)!important;border-radius:8px!important}
#view-quote .qsn-check-mark{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:11px!important}

/* the "view all" rules must not apply to the guided workspace */
#view-quote .quote-studio-guided .quote-line-items-section table{min-width:0!important}
#view-quote table[aria-label="Quote line items"] select.lisa-order-status-select{
  min-width:0!important;width:100%!important;height:28px!important;min-height:28px!important;padding:0 22px 0 12px!important;border:0!important;border-radius:999px!important;font:600 12px var(--hb-font)!important;
  background-color:var(--hb-ok-soft)!important;color:var(--hb-ok)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23566a73' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;appearance:none;-webkit-appearance:none
}
#view-quote tr[data-order-status="DECLINED"] table select.lisa-order-status-select,#view-quote table[aria-label="Quote line items"] tr[data-order-status="DECLINED"] select.lisa-order-status-select,#view-quote table[aria-label="Quote line items"] tr[data-order-status="NOT_ORDERED"] select.lisa-order-status-select{background-color:var(--hb-danger-soft)!important;color:var(--hb-danger)!important}

/* offer variants */
#view-quote .quote-studio-guided .quote-variants-section .cr-section-head{flex-direction:row!important;align-items:center!important;min-height:58px!important;padding:0 24px!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-head>div{gap:8px!important;width:auto!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-head button{height:30px!important;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 12.5px var(--hb-font)!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-head button:hover{background:var(--bg4)!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-body{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center!important;gap:14px 28px!important;padding:20px 24px!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-body>div{width:auto!important;flex:0 1 auto}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-body>div:first-child{flex-direction:row!important;align-items:center!important;flex:1 1 440px;min-width:0!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-body label{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-quote .quote-studio-guided .quote-variants-section .q-input{max-width:240px!important}
#view-quote .quote-studio-guided .quote-variants-section .cr-section-body>div:last-child button{height:30px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:999px!important;background:var(--bg3)!important;color:var(--text2)!important;font:600 12.5px var(--hb-font)!important}

/* 4. Registers: invoice register + credit notes ------------------------------ */
#app .hb-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:0!important;margin:0 0 16px!important;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg2)}
#app .hb-kpi{position:relative;padding:16px 20px 17px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:1px 0 0 var(--border),0 1px 0 var(--border)!important;transition:background-color .15s ease}
#app .hb-kpi[onclick]{cursor:pointer}
#app .hb-kpi[onclick]:hover{background:var(--bg3)!important}
#app .hb-kpi>div:first-child{display:flex;align-items:center;gap:8px;margin:0!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#app .hb-kpi>div:first-child::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--hb-info);flex:none}
#app .hb-kpi:nth-child(2)>div:first-child::before{background:var(--hb-warn)}
#app .hb-kpi:nth-child(3)>div:first-child::before{background:var(--hb-ok)}
#app .hb-kpi:nth-child(4)>div:first-child::before{background:var(--hb-violet)}
#app .hb-kpi:nth-child(5)>div:first-child::before{background:var(--hb-slate)}
#app .hb-kpi>div:nth-child(2){margin:8px 0 0!important;color:var(--text)!important;font:700 24px/1.15 var(--hb-font)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#app .hb-kpi>div:nth-child(n+3){margin:4px 0 0!important;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}
/* credit notes: tiles are not clickable filters; dot colours differ */
#view-creditnotes .hb-kpi:nth-child(1)>div:first-child::before{background:var(--hb-info)}
#view-creditnotes .hb-kpi:nth-child(2)>div:first-child::before{background:var(--hb-ok)}
#view-creditnotes .hb-kpi:nth-child(3)>div:first-child::before{background:var(--hb-slate)}

/* register toolbar */
#app .hb-regbar{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:space-between;gap:12px 20px;margin:0 0 16px!important;padding:0!important;border:0;border-radius:0;background:transparent}
#app .hb-regbar-filters,#app .hb-regbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#app .hb-regbar-actions{margin-left:auto}
#app .hb-regbar-filters #invoice-register-search{width:300px!important;min-width:0!important;height:28px;min-height:28px;padding:0 12px 0 34px!important;border-color:transparent!important;background:var(--bg3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a7e86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 11px 50%!important}
#app .hb-regbar-filters #invoice-register-search:focus{background-color:var(--bg2)!important;border-color:var(--hb-accent)!important}
#app .hb-regbar-filters select.q-input{width:160px!important;height:28px;min-height:28px!important}
#app .hb-regbar-filters label{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#app .hb-regbar-filters label input{width:140px!important;height:28px;min-height:28px!important}

/* register table */
#app .hb-regtable{border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;overflow:hidden}
#app .hb-regtable #invoice-register-scroll{max-height:calc(100vh - 430px)!important;min-height:240px}
#app .hb-regtable table{min-width:0!important;font-size:13px!important}
#app .hb-regtable thead{background:var(--bg3)!important}
#app .hb-regtable thead th{padding:11px 12px!important;border-bottom:1px solid var(--border)!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
#app .hb-regtable tbody tr{border-bottom:1px solid var(--row-border)!important;background:transparent!important;transition:background .12s ease}
#app .hb-regtable tbody tr:hover{background:var(--bg3)!important}
#app .hb-regtable tbody td{padding:11px 12px!important;color:var(--text2)!important;font-size:13px!important;vertical-align:middle}
#app .hb-regtable tbody td[style*="min-width:270px"],#app .hb-regtable tbody td[style*="min-width:210px"],#app .hb-regtable tbody td[style*="min-width:130px"],#app .hb-regtable tbody td[style*="min-width:150px"]{min-width:0!important}
#app .hb-regtable td:nth-child(2){color:var(--text)!important;font-weight:650!important}
#app .hb-regtable td [style*="font-weight:900"],#app .hb-regtable td [style*="font-weight:800"]{font-weight:600!important;color:var(--text)!important}
#app .hb-regtable td [style*="color:var(--muted)"]{color:var(--text5)!important}
#app .hb-regtable td:nth-child(7){text-align:right;color:var(--text)!important;font-weight:650!important;font-variant-numeric:tabular-nums}
#app .hb-regtable td:first-child span{padding:3px 11px!important;border:0!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important}
#app .hb-regtable [data-hb-hide]{display:none!important}
#app .hb-regtable td:last-child{white-space:nowrap}
#app .hb-regtable td:last-child .ui-btn-subtle{height:30px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 12.5px var(--hb-font)!important;box-shadow:none!important}
#app .hb-regtable .invoice-register-menu-btn{width:30px;height:30px;border:1px solid var(--border2);border-radius:8px;background:var(--bg2);color:var(--text3);font-size:16px;line-height:1;cursor:pointer}
#app .hb-regtable .invoice-register-menu-btn:hover{background:var(--bg4)}
#app .invoice-register-row-menu{padding:6px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg2)!important;box-shadow:var(--hb-shadow-pop)!important;min-width:200px}
#app .invoice-register-row-menu button{display:flex!important;align-items:center;width:100%;height:28px;min-height:28px;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text2)!important;font:500 13px var(--hb-font)!important;text-align:left}
#app .invoice-register-row-menu button:hover{background:var(--bg4)!important}
#app .invoice-register-row-menu button:last-child{color:var(--hb-danger)!important}

/* credit notes */
#app .hb-regbody{position:relative;display:grid!important;grid-template-columns:var(--hb-list-w,320px) minmax(0,1fr)!important;gap:20px!important;align-items:start}
#app .hb-regbody>section{display:flex!important;flex-direction:column;gap:16px;overflow:visible!important;border:0!important;background:transparent!important;padding:0!important}
#app .hb-regbody>section:first-child{border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;overflow:hidden!important;gap:0}
#app .hb-regbody>section>div[style*="border-radius:14px"],#app .hb-regbody>section>div[style*="border:1px solid"]{border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;overflow:hidden}
#app .hb-regbody div[style*="text-transform:uppercase"],#app .hb-regbody span[style*="text-transform:uppercase"]{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#app .hb-regbody section>div:first-child[style*="border-bottom"],#app .hb-regbody section>div>div:first-child[style*="border-bottom"][style*="padding:12px 14px"]{padding:16px 20px!important;min-height:56px;box-sizing:border-box;display:flex;align-items:center}
#app .hb-regbody section>div>div:first-child[style*="border-bottom"][style*="padding:12px 14px"]{color:var(--text)!important;font:650 15px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
#app .hb-regbody section>div:first-child[style*="border-bottom"]>div:first-child{color:var(--text)!important;font:650 15px var(--hb-font)!important}
#app .hb-regbody [data-cn-invoice-row]{display:block!important;width:100%;padding:13px 18px!important;border:0!important;border-bottom:1px solid var(--row-border)!important;background:transparent!important;text-align:left;cursor:pointer;transition:background .12s ease}
#app .hb-regbody [data-cn-invoice-row]:hover{background:var(--bg3)!important}
#app .hb-regbody [data-cn-invoice-row] span,#app .hb-regbody [data-cn-invoice-row] div{font-family:var(--hb-font)!important}
#app .hb-regbody [data-cn-invoice-row]>div:first-child span:first-child{color:var(--text)!important;font-weight:650!important;font-size:13.5px!important}
#app .hb-regbody [data-cn-invoice-row]>div:first-child span:last-child{color:var(--text3)!important;font-weight:600!important;font-size:13px!important}
#app .hb-regbody [data-cn-invoice-row]>div:nth-child(2){color:var(--text2)!important;font:500 13px var(--hb-font)!important}
#app .hb-regbody [data-cn-invoice-row]>div:nth-child(3){color:var(--text5)!important;font:500 12px var(--hb-font)!important}
#app .hb-regbody input.q-input,#app .hb-regbody textarea.q-input{height:28px;min-height:28px!important;padding:0 12px;border-radius:9px;font:500 13.5px var(--hb-font)!important}
#app .hb-regbody textarea.q-input{padding:10px 12px;height:auto;line-height:1.5!important}
#app .hb-regbody label>span:first-child{margin:0 0 6px!important}
#app .hb-regbody div[style*="padding:14px 16px"][style*="border-top"]{padding:16px 20px!important;background:var(--bg3)}
#app .hb-regbody button.ui-btn-subtle{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
#app .hb-regbody button[onclick*="creditNoteMarkIssued"]{background:var(--hb-accent)!important;border-color:var(--hb-accent)!important;color:#fff!important}
#app .hb-regbody button[onclick*="creditNoteDelete"]{border-color:transparent!important;background:transparent!important;color:var(--hb-danger)!important}
#app .hb-regbody button[onclick*="creditNoteDelete"]:hover{background:var(--hb-danger-soft)!important}
#app .hb-regbody div[onclick*="creditNoteOpenEdit"]{padding:13px 18px!important;border-bottom:1px solid var(--row-border)!important;cursor:pointer;transition:background .12s ease}
#app .hb-regbody div[onclick*="creditNoteOpenEdit"]:hover{background:var(--bg3)}
#app .hb-regbody span[style*="border-radius:999px"]{padding:3px 11px!important;border:0!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important}

/* 5. Account, fleet and contact reports ---------------------------------------- */
:is(#app,.side-panel) .cr-selector{display:flex;align-items:center;gap:12px;margin:0 0 20px!important}
:is(#app,.side-panel) .cr-selector>span{color:var(--text4)!important;font:500 13px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
:is(#app,.side-panel) .cr-search-wrap input.cr-search,#app input.cr-search{height:28px;min-height:28px!important;padding:0 12px 0 36px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;font:500 13.5px var(--hb-font)!important;color:var(--text)!important}
:is(#app,.side-panel) .cr-search-icon{color:var(--text5)}
:is(#app,.side-panel) .cr-dropdown{margin-top:6px;padding:6px;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg2)!important;box-shadow:var(--hb-shadow-pop)!important}
:is(#app,.side-panel) .cr-dropdown-item{height:28px;min-height:28px;display:flex;align-items:center;padding:0 10px!important;border-radius:8px!important;color:var(--text2)!important;font:500 13px var(--hb-font)!important}
:is(#app,.side-panel) .cr-dropdown-item:hover,#app .cr-dropdown-item.active{background:var(--hb-accent-soft)!important;color:var(--hb-accent-ink)!important}

:is(#app,.side-panel) .cr-body{display:flex;flex-direction:column;gap:16px}
:is(#app,.side-panel) .hb-entity-head{display:flex!important;align-items:flex-start!important;justify-content:space-between;gap:20px!important;margin:0 0 4px!important;padding:2px 0 8px}
:is(#app,.side-panel) .hb-entity-head>div:first-child>div:first-child{color:var(--text)!important;font:700 28px/1.15 var(--hb-font)!important;letter-spacing:-.03em}
:is(#app,.side-panel) .hb-entity-head .hb-meta{display:flex!important;flex-wrap:wrap;gap:8px;margin:12px 0 0!important}
:is(#app,.side-panel) .hb-metachip{display:inline-flex;align-items:baseline;gap:5px;padding:5px 11px;border-radius:8px;background:var(--bg2);border:1px solid var(--border);color:var(--text3);font:500 13px var(--hb-font)}
:is(#app,.side-panel) .hb-metachip b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}
:is(#app,.side-panel) .hb-entity-head button.ui-btn-subtle{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
:is(#app,.side-panel) .hb-entity-head button.ui-btn-subtle:hover{background:var(--bg4)!important}

/* section outline */
:is(#app,.side-panel) .hb-outline{position:sticky;top:-14px;z-index:25;display:flex;gap:2px;margin:0 0 4px!important;padding:10px 0 0!important;overflow-x:auto;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
:is(#app,.side-panel) .hb-outline::-webkit-scrollbar{height:0}
:is(#app,.side-panel) .hb-outline-item{position:relative;display:inline-flex;align-items:center;gap:7px;flex:none;height:42px;padding:0 14px;border:0;border-radius:0;background:transparent;color:var(--text4);font:600 13.5px var(--hb-font);cursor:pointer;white-space:nowrap}
:is(#app,.side-panel) .hb-outline-item em{padding:1px 7px;border-radius:999px;background:var(--bg4);color:var(--text4);font:600 11px var(--hb-font);font-style:normal}
:is(#app,.side-panel) .hb-outline-item:hover{color:var(--text)}
:is(#app,.side-panel) .hb-outline-item.is-active{color:var(--hb-accent-ink)}
:is(#app,.side-panel) .hb-outline-item.is-active::after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--hb-accent)}
:is(#app,.side-panel) .hb-anchor{scroll-margin-top:64px}

/* sections */
:is(#app,.side-panel) .cr-section,#app .cr-body>.d-section-card{margin:0!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important;overflow:hidden}
:is(#app,.side-panel) .cr-section-head,#app .cr-body>.d-section-card>.d-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:0 24px!important;border-bottom:1px solid var(--row-border)!important;background:transparent!important;margin:0!important}
:is(#app,.side-panel) .cr-section-title,#app .cr-body>.d-section-card .d-section-title{color:var(--text)!important;font:650 15px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
:is(#app,.side-panel) .cr-section-body{padding:20px 24px!important}
:is(#app,.side-panel) .cr-section-head .ui-btn-subtle,#app .cr-section-head .seg-btn{height:30px;padding:0 12px!important;border-radius:8px!important;font:600 12.5px var(--hb-font)!important;box-shadow:none!important}
:is(#app,.side-panel) .seg-ctrl{display:inline-flex;gap:2px;padding:3px;border:0!important;border-radius:10px!important;background:var(--bg4)!important}
:is(#app,.side-panel) .seg-btn{border:0!important;background:transparent!important;color:var(--text4)!important}
:is(#app,.side-panel) .seg-btn.active{background:var(--bg2)!important;color:var(--text)!important;box-shadow:0 1px 2px rgba(17,37,45,.12)!important}

/* KPIs as one strip */
:is(#app,.side-panel) .cr-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:0!important;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}
:is(#app,.side-panel) .cr-kpi{padding:16px 20px!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:is(#app,.side-panel) .cr-kpi:first-child{border-left:0!important}
:is(#app,.side-panel) .cr-kpi-label{display:flex;align-items:center;gap:7px;margin:0!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
:is(#app,.side-panel) .cr-kpi-label::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--hb-info);flex:none}
:is(#app,.side-panel) .cr-kpi:nth-child(2) .cr-kpi-label::before{background:var(--hb-info)}
:is(#app,.side-panel) .cr-kpi:nth-child(3) .cr-kpi-label::before{background:var(--hb-danger)}
:is(#app,.side-panel) .cr-kpi:nth-child(1) .cr-kpi-label::before,#app .cr-kpi:nth-child(4) .cr-kpi-label::before{background:var(--hb-ok)}
:is(#app,.side-panel) .cr-kpi:nth-child(5) .cr-kpi-label::before{background:var(--hb-violet)}
:is(#app,.side-panel) .cr-kpi:nth-child(6) .cr-kpi-label::before{background:var(--hb-warn)}
:is(#app,.side-panel) .cr-kpi-val{margin:6px 0 0!important;color:var(--text)!important;font:700 24px/1.15 var(--hb-font)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}

/* tables inside reports */
:is(#app,.side-panel) .cr-deal-table,#app .cr-section-body table{width:100%;border-collapse:collapse;font-size:13px!important}
:is(#app,.side-panel) .cr-deal-table th,#app .cr-section-body table thead th{padding:11px 12px!important;border-bottom:1px solid var(--border)!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;text-align:left;white-space:nowrap}
:is(#app,.side-panel) .cr-deal-table td,#app .cr-section-body table tbody td{padding:11px 12px!important;border-bottom:1px solid var(--row-border)!important;color:var(--text2)!important;font-size:13px!important}
:is(#app,.side-panel) .cr-deal-table tbody tr:hover td{background:var(--bg3)}
:is(#app,.side-panel) .cr-deal-table tr:last-child td{border-bottom:0!important}
:is(#app,.side-panel) .cr-section-body:has(>table){padding:0!important}

/* revenue chart legend */
:is(#app,.side-panel) .yr-legend{display:flex;gap:16px;color:var(--text4);font:500 12.5px var(--hb-font)}
:is(#app,.side-panel) .yr-label{color:var(--text4)!important;font:600 12.5px var(--hb-font)!important}

:is(#app,.side-panel) .cr-body [style*="text-transform:uppercase"]:where(:not(th)),#app #view-contacts [style*="text-transform:uppercase"]:where(:not(th)){text-transform:none!important;letter-spacing:0!important;color:var(--text4)!important;font-size:12.5px!important;font-weight:500!important}
:is(#app,.side-panel) .cr-body .d-section-card .d-section-head{padding:0 24px!important}
:is(#app,.side-panel) .yr-bar{border-radius:6px 6px 0 0;opacity:.92}
:is(#app,.side-panel) .cr-body>.correspondence-section{padding:0!important}

/* KPI grid: hairlines in both directions */
:is(#app,.side-panel) .cr-kpis{gap:1px!important;background:var(--border)!important;border:1px solid var(--border)!important}
:is(#app,.side-panel) .cr-kpi{background:var(--bg2)!important;border:0!important}

/* contact list */
:is(#app,.side-panel) .contact-card{margin:0 0 8px!important;padding:14px 16px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg2)!important;box-shadow:none!important;cursor:pointer;transition:border-color .12s ease,background .12s ease}
:is(#app,.side-panel) .contact-card:hover{border-color:var(--border2)!important;background:var(--bg3)!important}
:is(#app,.side-panel) .contact-card.active{border-color:var(--hb-accent)!important;background:var(--hb-accent-soft)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hb-accent) 14%,transparent)!important}
:is(#app,.side-panel) .contact-name{color:var(--text)!important;font:650 14px var(--hb-font)!important}
:is(#app,.side-panel) .contact-kpis{margin-top:10px!important;border-top:1px solid var(--row-border)!important;padding-top:8px}
:is(#app,.side-panel) .contact-kpi-label{color:var(--text5)!important;font:500 11.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
:is(#app,.side-panel) .contact-kpi-val{color:var(--text)!important;font:650 13px var(--hb-font)!important}
:is(#app,.side-panel) .metric-label{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}

/* 6. Data pages: purchasing history, compressors, billing addresses, settings -------- */
/* The page title already sits in the top bar, so the in-page title is dropped and the description becomes the lead line. */
#view-purchases>div,#view-installed>div,#view-addresses>div{max-width:none;padding:8px 0 24px!important}
/* lists that scroll inside the viewport: the table takes the remaining height, its header stays put */
#view-installed>div,#view-addresses>div{display:flex;flex-direction:column;height:calc(100vh - 130px);min-height:440px;padding-bottom:0!important}
#view-installed>div>*,#view-addresses>div>*{flex:none}
#view-purchases>div>div[style*="color:var(--muted)"]:not([style*="display:flex"]){margin:0 0 18px!important;color:var(--text4)!important;font:500 14px/1.5 var(--hb-font)!important}
#view-purchases>div>div:first-child[style*="font-size:20px"]{display:none}

/* shared: toolbar controls */
#view-purchases #pur-search,#view-installed #ci-search-input,#view-addresses #billing-search-input{
  height:28px;min-height:28px!important;padding:0 12px 0 36px!important;border:1px solid transparent!important;border-radius:9px!important;
  background:var(--bg3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236a7e86' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 12px 50%!important;
  font:500 13.5px var(--hb-font)!important;color:var(--text)!important}
#view-purchases #pur-search:focus,#view-installed #ci-search-input:focus,#view-addresses #billing-search-input:focus{background-color:var(--bg2)!important;border-color:var(--hb-accent)!important}
#view-purchases select.state-select,#view-installed select.q-input{height:28px;min-height:28px!important;padding:0 26px 0 10px!important;border-radius:9px!important;font:500 13.5px var(--hb-font)!important}
#view-purchases button.ui-btn-subtle,#view-installed button.ui-btn-subtle,#view-addresses button.ui-btn-subtle{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
#view-purchases button.ui-btn-subtle:hover,#view-installed button.ui-btn-subtle:hover,#view-addresses button.ui-btn-subtle:hover{background:var(--bg4)!important;color:var(--text)!important}
#view-purchases button[onclick*="purClearFilters"],#view-installed button[onclick*="ciClearFilters"]{border-color:transparent!important;background:transparent!important;color:var(--text4)!important}
#view-purchases button[onclick*="purExportExcel"]{border-color:color-mix(in srgb,var(--hb-accent) 45%,var(--border2))!important;color:var(--hb-accent-ink)!important}
#view-purchases button[onclick*="purExportExcel"]:hover{background:var(--hb-accent-soft)!important}
#view-installed button[onclick*="ciOpenAddForm"],#view-addresses button[onclick*="billingAddressOpenCreateModal"]{border-color:var(--hb-accent)!important;background:var(--hb-accent)!important;color:#fff!important}
#view-installed button[onclick*="ciOpenAddForm"]:hover,#view-addresses button[onclick*="billingAddressOpenCreateModal"]:hover{background:var(--hb-accent-hover)!important;border-color:var(--hb-accent-hover)!important;color:#fff!important}
#view-installed button[onclick*="ciToggleNorwayOnly"]{border-color:var(--border2)!important;color:var(--text3)!important}
#view-installed button[onclick*="ciToggleNorwayOnly"][style*="border-color:var(--blue2)"]{border-color:color-mix(in srgb,var(--hb-accent) 45%,var(--border2))!important;background:var(--hb-accent-soft)!important;color:var(--hb-accent-ink)!important}

/* purchasing history: KPI strip, one toolbar, quieter table */
#view-purchases>div{display:flex!important;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:0}
#view-purchases>div>*{flex:0 0 100%;min-width:0}
#view-purchases>div>div[style*="display:flex;gap:12px;margin-bottom:20px"]{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px!important;margin:0 0 18px!important;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--border)}
#view-purchases>div>div[style*="display:flex;gap:12px;margin-bottom:20px"]>div{min-width:0!important;padding:16px 20px!important;border:0!important;border-radius:0!important;background:var(--bg2)!important}
#view-purchases>div>div[style*="display:flex;gap:12px;margin-bottom:20px"]>div>div:first-child{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-purchases>div>div[style*="display:flex;gap:12px;margin-bottom:20px"]>div>div:nth-child(2){margin-top:6px!important;color:var(--text)!important;font:700 24px/1.15 var(--hb-font)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#view-purchases>div>div:has(#pur-search),#view-purchases>div>div:has(#pur-status){flex:0 0 auto;margin:0 0 14px!important;gap:8px!important}
#view-purchases #pur-search{width:214px!important}
#view-purchases #pur-count{min-width:62px;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important;font-variant-numeric:tabular-nums}
#view-purchases #pur-status{width:142px!important;min-width:0!important}
#view-purchases #pur-year{width:118px!important;min-width:0!important}
#view-purchases #pur-company{width:158px!important;min-width:0!important}
#view-purchases #pur-vessel{width:148px!important;min-width:0!important}
#view-purchases #pur-pagination:empty,#view-purchases #pur-pagination-bottom:empty{display:none}
#view-purchases .pur-sticky-head{border-radius:14px 14px 0 0;border-color:var(--border);background:var(--bg3);box-shadow:none}
#view-purchases #pur-table-wrap{border:1px solid var(--border);border-top:0;border-radius:0 0 14px 14px;background:var(--bg2)}
#view-purchases .pur-sticky-table th,#view-purchases #pur-table thead th{padding:11px 10px!important;border-bottom:1px solid var(--border)!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-purchases #pur-tbody tr{border-bottom:1px solid var(--row-border)!important}
#view-purchases #pur-tbody tr[style*="#1d4ed833"]{background:var(--hb-accent-soft)!important}
#view-purchases #pur-table td{padding:10px!important;font-size:13px!important;color:var(--text2)!important;font-family:var(--hb-font)!important}
#view-purchases #pur-table td:first-child{color:var(--hb-accent-ink)!important;font-weight:650}
#view-purchases #pur-table td:nth-child(7){color:var(--text)!important;font-weight:650!important}
#view-purchases #pur-table td:nth-child(5) span{font:600 12.5px var(--hb-font)!important;text-transform:capitalize}
#view-purchases #pur-table td:nth-child(5) span[style*="#22c55e"]{color:var(--hb-ok)!important}
#view-purchases #pur-table td:nth-child(5) span[style*="#22c55e"] span{background:var(--hb-ok)!important}
#view-purchases #pur-table td:nth-child(5) span[style*="#ef4444"]{color:var(--hb-danger)!important}
#view-purchases #pur-table td:nth-child(5) span[style*="#64748b"]{color:var(--text5)!important}
#view-purchases #pur-table td:nth-child(11){color:var(--hb-accent-ink)!important}
#view-purchases #pur-table td:last-child{color:var(--text)!important;font-weight:650!important;font-variant-numeric:tabular-nums}
#view-purchases #pur-table td[style*="var(--amber)"]{color:var(--hb-warn)!important}

/* compressors and billing addresses: lead line left, primary action right, filters on their own row */
#view-installed>div>div[style*="justify-content:space-between"],#view-addresses>div>div[style*="justify-content:space-between"]{display:flex!important;flex-wrap:wrap;align-items:center;gap:12px 10px!important;margin:0 0 18px!important}
#view-installed>div>div[style*="justify-content:space-between"]>div:first-child,#view-addresses>div>div[style*="justify-content:space-between"]>div:first-child{flex:1 1 260px;min-width:0}
#view-installed>div>div[style*="justify-content:space-between"]>div:first-child>div:first-child,#view-addresses>div>div[style*="justify-content:space-between"]>div:first-child>div:first-child{display:none}
#view-installed>div>div[style*="justify-content:space-between"]>div:first-child>div:nth-child(2),#view-addresses>div>div[style*="justify-content:space-between"]>div:first-child>div:nth-child(2){margin:0!important;color:var(--text4)!important;font:500 14px/1.5 var(--hb-font)!important}
/* compressors: the control group dissolves into the header so the Add button can sit beside the lead line */
#view-installed>div>div[style*="justify-content:space-between"]>div:last-child{display:contents!important}
#view-installed>div>div[style*="justify-content:space-between"]::after{content:'';flex:0 0 100%;order:2;height:0}
#view-installed>div>div[style*="justify-content:space-between"]>div:last-child>*{order:3}
#view-installed>div>div[style*="justify-content:space-between"]>div:first-child{order:0}
#view-installed>div>div[style*="justify-content:space-between"]>div:last-child>button[onclick*="ciOpenAddForm"]{order:1}
#view-installed #ci-search-input{width:260px!important;min-width:0!important}
#view-installed select.q-input{width:156px!important;min-width:0!important}
#view-installed select.q-input:nth-of-type(4){width:96px!important}
/* addresses: search and Add stay together at the right */
#view-addresses>div>div[style*="justify-content:space-between"]>div:last-child{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:10px!important}
#view-addresses #billing-search-input{width:340px!important;min-width:0!important}

/* count line */
#view-installed>div>div[style*="font-size:11px"][style*="margin-bottom:10px"],#view-addresses>div>div[style*="font-size:11px"][style*="margin-bottom:10px"]{margin:0 0 10px!important;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}
#view-installed>div>div[style*="font-size:11px"] strong,#view-addresses>div>div[style*="font-size:11px"] strong{color:var(--text)!important;font-weight:650}

/* compressors: the group counters become one clickable strip */
#view-installed>div>div[style*="padding:10px 12px"]{margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important}
#view-installed>div>div[style*="padding:10px 12px"]>div:first-child{margin:0 0 8px!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important}
#view-installed>div>div[style*="padding:10px 12px"]>div:first-child strong{color:var(--text)!important;font-weight:650}
#view-installed>div>div[style*="padding:10px 12px"]>div[style*="grid-template-columns"]{gap:1px!important;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--border)}
#view-installed button[onclick*="ciSetQuickGroup"]{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 20px!important;border:0!important;border-radius:0!important;background:var(--bg2)!important;text-align:left;transition:background .12s ease}
#view-installed button[onclick*="ciSetQuickGroup"]:hover{background:var(--bg3)!important}
#view-installed button[onclick*="ciSetQuickGroup"][style*="rgba(59,130,246"]{background:var(--hb-accent-soft)!important;box-shadow:inset 0 -2px 0 var(--hb-accent)}
#view-installed button[onclick*="ciSetQuickGroup"] span{color:var(--text4)!important;font:500 12.5px/1.35 var(--hb-font)!important;text-transform:none!important;letter-spacing:0!important}
#view-installed button[onclick*="ciSetQuickGroup"] div{color:var(--text)!important;font:700 24px/1.1 var(--hb-font)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}

/* register-style tables */
#view-installed div[style*="border:1px solid var(--border);border-radius:10px;overflow:auto"],#view-addresses div[style*="border:1px solid var(--border);border-radius:10px;overflow:auto"]{flex:1 1 0!important;min-height:200px;max-height:none;border-radius:14px!important;background:var(--bg2)!important;scrollbar-gutter:stable}
#view-installed table,#view-addresses table{font-size:13px!important}
#view-installed table thead th,#view-addresses table thead th{position:sticky;top:0;z-index:2;padding:11px 12px!important;border-bottom:1px solid var(--border)!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap}
#view-installed table td,#view-addresses table td{padding:11px 12px!important;border-bottom:1px solid var(--row-border)!important;border-top:0!important;color:var(--text2)!important;font-size:13px!important;vertical-align:middle}
#view-installed table tbody tr,#view-addresses table tbody tr{border-top:0!important;background:transparent!important;transition:background .12s ease}
#view-installed table tbody tr:hover,#view-addresses table tbody tr:hover{background:var(--bg3)!important}
#view-installed table tbody tr[style*="rgba(37,99,235,.08)"],#view-addresses table tbody tr[style*="rgba(37,99,235,.08)"]{background:var(--hb-accent-soft)!important}
#view-installed table td[colspan],#view-addresses table td[colspan]{padding:48px 16px!important;border-bottom:0!important;color:var(--text5)!important;font-size:14px!important;text-align:center!important}
#view-installed table td:nth-child(5){color:var(--text)!important;font-weight:650}
#view-installed table td:nth-child(3),#view-installed table td:nth-child(7){font-variant-numeric:tabular-nums}
#view-installed table td:last-child,#view-addresses table td:last-child{text-align:right;white-space:nowrap}
#view-installed table td:last-child button.ui-btn-subtle,#view-addresses table td:last-child button.ui-btn-subtle{height:30px;min-height:30px;padding:0 12px!important;border-radius:8px!important;font-size:12.5px!important}
#view-installed table td:last-child button[onclick*="Delete"],#view-addresses table td:last-child button[onclick*="uiConfirm"]{border-color:transparent!important;background:transparent!important;color:var(--hb-danger)!important}
#view-installed table td:last-child button[onclick*="Delete"]:hover,#view-addresses table td:last-child button[onclick*="uiConfirm"]:hover{background:var(--hb-danger-soft)!important}
#view-installed table input,#view-installed table select,#view-addresses table input,#view-addresses table select{height:34px;min-height:34px!important;padding:0 10px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;font:500 13px var(--hb-font)!important}

/* add / edit vessel form */
#ci-vessel-form{margin:0 0 18px!important;padding:22px 24px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important}
#ci-vessel-form>div:first-child{margin:0 0 16px!important;color:var(--text)!important;font:650 16px var(--hb-font)!important}
#ci-vessel-form [style*="font-size:10px"]{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#ci-vessel-form input{height:28px;min-height:28px!important;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:9px!important;font:500 13.5px var(--hb-font)!important}
#ci-vessel-form button[onclick*="ciVesselFormSave"]{height:28px;min-height:28px;padding:0 18px!important;border-radius:9px!important;background:var(--hb-accent)!important;font:600 13px var(--hb-font)!important}
#ci-vessel-form button[onclick*="ciVesselFormAddCompr"]{border-color:var(--border2)!important;border-radius:9px!important;color:var(--text3)!important;font:600 12.5px var(--hb-font)!important}

/* billing addresses: the five address lines read as one stacked cell */
#view-addresses table,#view-addresses thead,#view-addresses tbody{display:block}
#view-addresses table{min-width:0!important;width:100%}
#view-addresses tr{display:grid!important;grid-template-columns:minmax(150px,1fr) minmax(210px,1.4fr) minmax(250px,1.5fr) 128px 150px;align-items:center}
#view-addresses thead th:nth-child(n+3):nth-child(-n+6){display:none}
#view-addresses thead th:nth-child(2){font-size:0!important}
#view-addresses thead th:nth-child(2)::after{content:'Address';font-size:12px}
#view-addresses thead th:nth-child(7){grid-column:3}
#view-addresses thead th:nth-child(8){grid-column:4}
#view-addresses thead th:nth-child(9){grid-column:5;text-align:right}
#view-addresses tbody td:nth-child(1){grid-column:1;grid-row:1 / span 5;color:var(--text)!important;font-weight:650}
#view-addresses tbody td:nth-child(n+2):nth-child(-n+6){grid-column:2;padding-top:1px!important;padding-bottom:1px!important;border-bottom:0!important}
#view-addresses tbody td:nth-child(n+2):nth-child(-n+6):empty{display:none}
#view-addresses tbody td:nth-child(7){grid-column:3;grid-row:1 / span 5;overflow-wrap:anywhere}
#view-addresses tbody td:nth-child(8){grid-column:4;grid-row:1 / span 5}
#view-addresses tbody td:nth-child(9){grid-column:5;grid-row:1 / span 5}
#view-addresses tbody tr{border-bottom:1px solid var(--row-border)!important;padding:8px 0}
#view-addresses tbody tr td{border-bottom:0!important}
#view-addresses tbody tr:has(td[colspan]){display:block!important;padding:0}
#view-addresses tbody td:nth-child(2){padding-top:8px!important}
#view-addresses tbody td:nth-child(6){padding-bottom:8px!important}
#view-addresses tbody tr td:nth-child(7) span,#view-addresses tbody tr td:nth-child(8) span{font-size:12.5px!important}

/* settings: section navigation + calm cards */
#view-settings .cr-body{display:grid!important;grid-template-columns:224px minmax(0,940px);column-gap:36px;row-gap:16px;align-items:start;padding-bottom:48px}
#view-settings .cr-body>div:first-child{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 2px!important}
#view-settings .cr-body>div:first-child>div:first-child>div:first-child{display:none}
#view-settings .cr-body>div:first-child>div:first-child>div:nth-child(2){margin:0!important;color:var(--text4)!important;font:500 14px/1.5 var(--hb-font)!important}
#view-settings .cr-body>div:first-child>div:last-child{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg2);color:var(--text4)!important;font:500 12.5px var(--hb-font)!important}
#view-settings .cr-body>div:first-child>div:last-child strong{color:var(--text)!important;font-weight:650}
#view-settings .cr-body>*:not(.hb-snav):not(:first-child){grid-column:2}
#view-settings .cr-body>.cr-section{margin:0!important}
.hb-snav{grid-column:1;grid-row:2 / span var(--hb-sections,5);position:sticky;top:6px;align-self:start;display:flex;flex-direction:column;gap:2px}
.hb-snav-group{margin:16px 0 6px;padding:0 12px;color:var(--text5);font:600 12px var(--hb-font)}
.hb-snav-group:first-child{margin-top:0}
.hb-snav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--text3);font:550 13.5px/1.25 var(--hb-font);text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}
.hb-snav-item:hover{background:var(--bg4);color:var(--text)}
.hb-snav-item.is-active{background:var(--hb-accent-soft);color:var(--hb-accent-ink);font-weight:650}
.hb-snav-item em{flex:none;padding:1px 8px;border-radius:999px;background:var(--bg4);color:var(--text4);font:600 11px var(--hb-font);font-style:normal}
#view-settings .cr-section{scroll-margin-top:12px;border-radius:14px!important}
#view-settings .cr-section-head{min-height:60px}
#view-settings .cr-section-body{padding:22px 24px!important}
#view-settings .cr-section-body>div[style*="font-size:11px"],#view-settings .cr-section-body div[style*="font-size:11px"]{font-size:13px!important;line-height:1.6!important}
#view-settings .cr-section-body [style*="color:var(--muted)"]{color:var(--text4)!important}
#view-settings .cr-section-body [style*="color:var(--text2)"],#view-settings .cr-section-body strong{color:var(--text)!important}
#view-settings .cr-section-body input[type=file]{height:auto;min-height:42px;max-width:440px!important;padding:5px 6px;border:1px dashed var(--border2);border-radius:10px;background:var(--bg3);color:var(--text4);font:500 13px var(--hb-font)}
#view-settings .cr-section-body input[type=file]::file-selector-button{height:30px;margin-right:12px;padding:0 14px;border:1px solid var(--border2);border-radius:8px;background:var(--bg2);color:var(--text2);font:600 12.5px var(--hb-font);cursor:pointer}
#view-settings .cr-section-body input[type=file]::file-selector-button:hover{background:var(--bg4)}
#view-settings .cr-section-body .ui-btn-subtle,#view-settings .cr-section-head .ui-btn-subtle{height:28px;min-height:28px;padding:0 16px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
#view-settings .cr-section-body .ui-btn-subtle:hover,#view-settings .cr-section-head .ui-btn-subtle:hover{background:var(--bg4)!important}
#view-settings button[onclick*="settingsImportNorwaySheet"],#view-settings button[onclick*="settingsImportPricelist('replace')"],#view-settings button[onclick*="apmOpenAddContact"],#view-settings button[onclick*="settingsSavePricelistPart"],#view-settings button[onclick*="apmContactFormSave"]{border-color:var(--hb-accent)!important;background:var(--hb-accent)!important;color:#fff!important}
#view-settings button[onclick*="settingsImportNorwaySheet"]:hover,#view-settings button[onclick*="settingsImportPricelist('replace')"]:hover,#view-settings button[onclick*="apmOpenAddContact"]:hover,#view-settings button[onclick*="settingsSavePricelistPart"]:hover,#view-settings button[onclick*="apmContactFormSave"]:hover{background:var(--hb-accent-hover)!important;color:#fff!important}
#view-settings div[style*="border:1px solid #2563eb33"]{margin-top:14px!important;padding:14px 16px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg3)!important;color:var(--text3)!important;font:500 13px/1.65 var(--hb-font)!important}
#view-settings div[style*="border:1px solid #2563eb33"] div[style*="text-transform:uppercase"]{margin:0 0 4px!important;color:var(--text)!important;font:650 13px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-settings #apm-contact-form{border-radius:12px!important;background:var(--bg3)!important}
#view-settings #apm-contact-form label[style*="font-size:10px"]{margin-bottom:5px!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important}
#view-settings #apm-contact-form>div:first-child{margin-bottom:14px!important;color:var(--text)!important;font:650 15px var(--hb-font)!important}
#view-settings .cr-section-body a[style*="#60a5fa"]{color:var(--hb-accent-ink)!important}
#view-settings .cr-section-body input.q-input,#view-settings .cr-section-body input:not([type=file]):not([type=checkbox]){height:28px;min-height:28px!important;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:9px!important;font:500 13.5px var(--hb-font)!important}
#view-settings .cr-section-body table{font-size:13px!important}
#view-settings .cr-section-body table thead th{padding:11px 12px!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important}
#view-settings .cr-section-body table td{padding:11px 12px!important;color:var(--text2)!important;font-size:13px!important}

/* planners and reports: calm headings and neutral controls */
#view-quarterly [style*="text-transform:uppercase"],#view-meeting [style*="text-transform:uppercase"],#view-insights [style*="text-transform:uppercase"]{letter-spacing:0!important}

/* 7. Stability: re-renders must never animate size or position ------------------------ */
#app button,#app input,#app select,#app textarea,#app summary,#app .ui-btn,#app .ui-btn-subtle,#app .filter-chip,#app .reload-btn,#app .theme-toggle,#app .top-sync-status,
#detail button,#detail input,#detail select,#detail textarea,#deal-view-overlay button,#deal-view-overlay input,#deal-view-overlay select,#deal-view-overlay textarea{
  transition-property:background-color,border-color,color,box-shadow,opacity,filter,transform!important;transition-duration:.12s!important
}
#app .hb-docbody,#app .hb-doc,#app .hb-doc-top,#app .hb-stats,#app .hb-details-head,#app .hb-items,#app .hb-queue,#app .hb-docpage,#app .hb-dochead{transition:none!important}
/* reserve the scrollbar gutter so content never shifts sideways when a long view replaces a short one */
#app.lisa-atlas-shell .content{scrollbar-gutter:stable}
#app .hb-q-list,#app .hb-queue,#app .hb-items,#app .hb-regtable #invoice-register-scroll{scrollbar-gutter:stable}
#deal-view-overlay .deal-view-rail,#deal-view-overlay .deal-view-main{scrollbar-gutter:stable}

/* 8. Deal View: full-screen deal workspace ------------------------------------------ */
#deal-view-overlay{background:rgba(12,24,30,.52)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}
#deal-view-shell{inset:auto!important;top:12px!important;bottom:12px!important;left:12px!important;right:12px!important;width:auto!important;max-width:1640px;margin:0 auto!important;border:1px solid var(--border)!important;border-radius:16px!important;background:var(--bg)!important;box-shadow:0 32px 90px rgba(12,24,30,.40)!important;overflow:hidden}
#deal-view-shell::before{display:none!important}
#deal-view-head{position:relative;top:auto;right:auto;z-index:30;box-sizing:border-box;height:50px!important;min-height:50px!important;flex-shrink:0;gap:12px;padding:6px 24px!important;border:0!important;border-bottom:1px solid var(--border)!important;background:var(--bg2)!important}
#deal-view-head #deal-view-close{flex:0 0 36px}
#deal-view-close{width:28px!important;height:28px!important;min-height:28px!important;border:1px solid var(--border2)!important;border-radius:10px!important;background:var(--bg2)!important;color:var(--text3)!important}
#deal-view-close:hover{background:var(--bg4)!important;color:var(--text)!important;border-color:var(--border2)!important}
#deal-view-body{padding:0!important;background:var(--bg)!important;overflow:hidden}

/* header */
#deal-view-body .deal-view-header>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
#deal-view-body .deal-view-header>div:first-child>.deal-view-rfq{order:1;flex-basis:100%;margin:0}
#deal-view-body .deal-view-header>div:first-child>.deal-view-name{order:2}
#deal-view-body .deal-view-header>div:first-child>.deal-view-pills{order:3;margin:0!important}
#deal-view-body .deal-view-header>div:first-child>.deal-view-meta{order:4;flex-basis:100%;margin:2px 0 0}
#deal-view-body .deal-view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0!important;padding:24px 84px 22px 28px!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:var(--bg2)!important;box-shadow:none!important}
#deal-view-body .deal-view-rfq{display:block;margin:0 0 6px;padding:0;border:0;border-radius:0;background:none;color:var(--text5)!important;font:600 12.5px var(--hb-font);letter-spacing:.02em;text-transform:none}
#deal-view-body .deal-view-name{display:flex;align-items:center;gap:10px;color:var(--text)!important;font:700 30px/1.12 var(--hb-font);letter-spacing:-.032em}
#deal-view-body .deal-view-name button{color:var(--text5)!important}
#deal-view-body .deal-view-meta{margin-top:7px;color:var(--text4);font:500 14px var(--hb-font)}
#deal-view-body .deal-view-pills{margin-top:12px}
#deal-view-body .deal-view-pill{padding:4px 12px 4px 10px;border:0!important;border-radius:999px;background:var(--bg4)!important;color:var(--text2)!important;font:600 12px var(--hb-font);letter-spacing:0;text-transform:none}
#deal-view-body .deal-view-dot{width:7px;height:7px}
#deal-view-body .deal-view-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:0}
#deal-view-body .deal-view-actions button{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap}
#deal-view-body .deal-view-actions button:hover{background:var(--bg4)!important}
#deal-view-body .deal-view-actions .lisa-so-btn{display:inline-flex!important;align-items:center;gap:8px;min-width:180px;justify-content:center}
#deal-view-body .deal-view-actions .lisa-so-btn img{width:16px;height:16px}
#deal-view-body .deal-view-actions button[onclick*="detailQuickMarkWon"]{background:var(--hb-ok-soft)!important;border-color:color-mix(in srgb,var(--hb-ok) 30%,transparent)!important;color:var(--hb-ok)!important}
#deal-view-body .deal-view-actions button[onclick*="detailQuickMarkLost"]{background:var(--hb-danger-soft)!important;border-color:color-mix(in srgb,var(--hb-danger) 30%,transparent)!important;color:var(--hb-danger)!important}

/* indicator strip: age | value | potential */
#deal-view-body .deal-view-top-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.15fr);gap:0!important;margin:0!important;padding:0!important;border-bottom:1px solid var(--border);background:var(--bg2)}
#deal-view-body .deal-view-top-grid>*{min-width:0;min-height:0!important;margin:0!important;padding:20px 28px!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#deal-view-body .deal-view-top-grid>*:first-child{border-left:0!important}
#deal-view-body .deal-view-age-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px!important}
#deal-view-body .deal-view-age-label,#deal-view-body .deal-view-value-label{margin:0!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-age-days{color:var(--text)!important;font:700 20px var(--hb-font)!important;letter-spacing:-.02em}
#deal-view-body .deal-view-age-bar{height:6px;border-radius:999px;background:var(--bg4)}
#deal-view-body .deal-view-metric-list{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:12px!important}
#deal-view-body .deal-view-metric-row{display:inline-flex;gap:6px}
#deal-view-body .deal-view-metric-row span:first-child{color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}
#deal-view-body .deal-view-metric-row span:last-child{color:var(--text2)!important;font:600 12.5px var(--hb-font)!important}
#deal-view-body .deal-view-value-card{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;text-align:left!important}
#deal-view-body .deal-view-value-amount{margin-top:6px;color:var(--text)!important;font:700 36px/1.05 var(--hb-font)!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
#deal-view-body .deal-view-value-sub{margin-top:4px;color:var(--text5)!important;font:500 12.5px var(--hb-font)}
#deal-view-body .deal-view-value-card[data-deal-outcome="won"] .deal-view-value-amount,#deal-view-body .deal-view-value-card.is-won .deal-view-value-amount{color:var(--hb-ok)!important}
#deal-view-body .deal-view-value-card[data-deal-outcome="lost"] .deal-view-value-amount,#deal-view-body .deal-view-value-card.is-lost .deal-view-value-amount{color:var(--hb-danger)!important}
#deal-view-body .deal-view-potential-card{display:grid!important;grid-template-columns:78px minmax(0,1fr);grid-template-areas:'ring label' 'ring tag' 'ring sub';column-gap:18px;row-gap:2px;align-content:center;align-items:center;justify-items:start;text-align:left!important}
#deal-view-body .deal-view-potential-card .deal-view-value-label{grid-area:label}
#deal-view-body .deal-view-potential-score{grid-area:ring;position:relative;isolation:isolate;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--tone,var(--hb-accent)) calc(var(--pct,0)*1%),var(--bg4) 0);color:var(--text)!important;font:700 19px var(--hb-font)!important;letter-spacing:-.02em}
#deal-view-body .deal-view-potential-score::before{content:'';position:absolute;inset:7px;z-index:-1;border-radius:50%;background:var(--bg2)}
#deal-view-body .deal-view-potential-label{grid-area:tag;margin:0!important;color:var(--text)!important;font:650 15px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-potential-card .deal-view-value-sub{grid-area:sub;margin:2px 0 0;color:var(--text5)!important;font:500 12px/1.4 var(--hb-font);max-width:36ch}
#deal-view-body .deal-view-potential-empty{grid-area:ring;color:var(--text4)!important;font:600 22px var(--hb-font)!important}

/* workspace */
#deal-view-body .deal-view-wrap{display:grid!important;grid-template-columns:352px minmax(0,1fr);flex:1;min-height:0;gap:0!important;margin:0!important;padding:0!important;border:0!important;background:var(--bg)}
#deal-view-body .deal-view-rail{padding:22px 22px 28px 28px!important;border:0!important;border-right:1px solid var(--border)!important;overflow:auto}
#deal-view-body .deal-view-main{padding:0 28px 32px 24px!important;overflow:auto}
#hb-dv-tabs{position:sticky;top:0;z-index:6;display:flex;gap:24px;margin:0 -28px 20px -24px;padding:0 28px 0 24px;background:var(--bg);border-bottom:1px solid var(--border)}
#hb-dv-tabs button{position:relative;display:inline-flex;align-items:center;gap:7px;height:48px;padding:0;border:0;background:none;color:var(--text4);font:600 14px var(--hb-font);cursor:pointer}
#hb-dv-tabs button:hover{color:var(--text)}
#hb-dv-tabs button.is-active{color:var(--hb-accent-ink)}
#hb-dv-tabs button.is-active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--hb-accent)}
#hb-dv-tabs em{padding:1px 8px;border-radius:999px;background:var(--bg4);color:var(--text4);font:600 11.5px var(--hb-font);font-style:normal}
#hb-dv-tabs em:empty{display:inline-block;visibility:hidden;min-width:22px}
#deal-view-body .deal-view-main[data-hb-dv='activity']>[data-hb-dvpane='parts'],#deal-view-body .deal-view-main[data-hb-dv='parts']>[data-hb-dvpane='activity'],#deal-view-body .deal-view-main[data-hb-dv='activity']>[data-hb-dvpane='order'],#deal-view-body .deal-view-main[data-hb-dv='parts']>[data-hb-dvpane='order'],#deal-view-body .deal-view-main[data-hb-dv='order']>[data-hb-dvpane='activity'],#deal-view-body .deal-view-main[data-hb-dv='order']>[data-hb-dvpane='parts']{display:none!important}

/* rail: context cards */
#deal-view-body .deal-view-side-section{margin:0 0 14px!important;padding:20px 22px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important}
#deal-view-body .deal-view-title{margin:0 0 6px!important;color:var(--text5)!important;font:600 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-sub{margin-top:3px;color:var(--text4);font:500 12.5px var(--hb-font)}
#deal-view-body .deal-view-entity-head{margin:0 0 6px!important}
#deal-view-body .deal-view-entity-name{color:var(--text)!important;font:700 17px/1.25 var(--hb-font)!important;letter-spacing:-.02em;overflow-wrap:anywhere}
#deal-view-body .deal-view-entity-head button{height:30px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 12.5px var(--hb-font)!important;box-shadow:none!important;white-space:nowrap}
#deal-view-body .deal-view-entity-kpis{display:grid!important;grid-template-columns:1fr 1fr;gap:0 20px!important;margin-top:8px}
#deal-view-body .deal-view-kpi{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 0!important;border:0!important;border-top:1px solid var(--row-border)!important}
#deal-view-body .deal-view-kpi-label{color:var(--text5)!important;font:500 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-kpi-value{color:var(--text)!important;font:650 15px var(--hb-font)!important;text-align:left!important;font-variant-numeric:tabular-nums}
#deal-view-body .deal-view-kpi-value.soft{color:var(--text4)!important;font-weight:500!important}
#deal-view-body .deal-view-subsection-title{margin:0 0 8px;color:var(--text5)!important;font:600 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-kv-row{padding:9px 0!important;border-bottom:1px solid var(--row-border)!important}
#deal-view-body .deal-view-kv-row span:first-child{flex:0 0 auto;min-width:0!important;color:var(--text4)!important;font:500 13px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-kv-row span:last-child{color:var(--text)!important;font:600 13px var(--hb-font)!important}

/* main: cards */
#deal-view-body .deal-view-main-panel{margin:0 0 14px!important;padding:20px 22px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important}
#deal-view-body .deal-view-main-head{padding:0 0 14px!important}
#deal-view-body .deal-view-main-head.compact{padding-bottom:12px!important}
#deal-view-body .deal-view-section-title{color:var(--text)!important;font:650 15px var(--hb-font)!important;letter-spacing:-.01em}
#deal-view-body .deal-view-collapse-btn{gap:8px;color:var(--text)!important}
#deal-view-body .deal-view-panel-body{padding:0!important}
#deal-view-body .deal-view-next-action{background:var(--hb-accent-soft)!important;border-color:transparent!important}
#deal-view-body .deal-view-next-action .deal-view-section-title{color:var(--hb-accent-ink)!important;font:600 12.5px var(--hb-font)!important;letter-spacing:0}
#deal-view-body .deal-view-next-action-title{color:var(--text)!important;font:700 19px/1.25 var(--hb-font)!important;letter-spacing:-.02em}
#deal-view-body .deal-view-next-action-reason{margin-top:3px;color:var(--text3)!important;font:500 14px var(--hb-font)}
#deal-view-body .state-tag{padding:2px 10px;border-radius:999px;font:600 12px var(--hb-font)}
#deal-view-body .deal-view-composer-tabs{gap:6px;margin:0 -22px;padding:0 22px;border-bottom:1px solid var(--border)}
#deal-view-body .deal-view-composer-tab{padding:12px 12px;color:var(--text4);font:600 13.5px var(--hb-font)}
#deal-view-body .deal-view-composer-tab.active{color:var(--hb-accent-ink);border-bottom-color:var(--hb-accent)}
#deal-view-body .deal-view-composer-body{padding:18px 0 4px!important}
#deal-view-body .deal-view-inline-form{grid-template-columns:minmax(0,1.6fr) 160px auto;align-items:center;gap:10px}
#deal-view-body .deal-view-inline-form input,#deal-view-body .deal-view-log-form input{height:28px;min-height:28px!important;border-radius:9px!important}
#deal-view-body .deal-view-note{border-radius:9px!important;font:500 13.5px/1.5 var(--hb-font)}
#deal-view-body .deal-view-inline-form button,#deal-view-body .deal-view-main-panel button.ui-btn-subtle{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
#deal-view-body .deal-view-inline-form button:first-of-type:last-child,#deal-view-body .deal-view-inline-form button[onclick*="addDealViewTaskItem"]{background:var(--hb-accent)!important;border-color:var(--hb-accent)!important;color:#fff!important}
#deal-view-body .deal-view-focus-list{gap:0}
#deal-view-body .deal-view-focus-item{padding:14px 0!important;border-bottom:1px solid var(--row-border)!important}
#deal-view-body .deal-view-focus-item:first-child{padding-top:2px!important}
#deal-view-body .deal-view-focus-item-title{color:var(--text)!important;font:650 15px/1.3 var(--hb-font)!important}
#deal-view-body .deal-view-focus-item-meta{margin-top:5px;color:var(--text5);font:500 12.5px var(--hb-font)}
#deal-view-body .deal-view-focus-item-head button{height:30px!important;padding:0 12px!important;font-size:12.5px!important}
#deal-view-body .deal-view-history-feed{position:relative;padding-left:26px}
#deal-view-body .deal-view-history-feed::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--border)}
#deal-view-body .deal-view-history-item{position:relative;padding:0 0 20px!important;border:0!important}
#deal-view-body .deal-view-history-item:last-child{padding-bottom:0!important}
#deal-view-body .deal-view-history-item::before{content:'';position:absolute;left:-26px;top:3px;width:12px;height:12px;box-sizing:border-box;border:2px solid var(--hb-accent);border-radius:50%;background:var(--bg2)}
#deal-view-body .deal-view-history-date{margin:0 0 2px;color:var(--text5)!important;font:500 12.5px var(--hb-font)}
#deal-view-body .deal-view-history-title{color:var(--text)!important;font:650 14.5px/1.35 var(--hb-font)!important}
#deal-view-body .deal-view-history-meta{color:var(--text3)!important;font:500 13px/1.5 var(--hb-font)}
#deal-view-body .deal-view-main>.deal-view-subsection{margin:0 0 14px!important;padding:20px 22px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)}
#deal-view-body .deal-view-rail .deal-view-subsection{margin:0 0 14px!important;padding:0!important;border:0!important;background:transparent!important}
#deal-view-body .deal-view-rail .deal-view-subsection:last-child{margin-bottom:0!important}
#deal-view-body .deal-view-rail .deal-view-main-head{padding:0 0 4px!important}
#deal-view-body .deal-view-rail .deal-view-section-title{font:700 17px var(--hb-font)!important;letter-spacing:-.02em}
#deal-view-body .deal-view-rail .deal-view-panel-body{padding:0!important}
#deal-view-body .deal-view-simple-table{font-size:13px!important}
#deal-view-body .deal-view-simple-table th{padding:10px 12px 10px 0!important;border-bottom:1px solid var(--border)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#deal-view-body .deal-view-simple-table td{padding:12px 12px 12px 0!important;border-bottom:1px solid var(--row-border)!important;color:var(--text2)!important;font-size:13px!important}
#deal-view-body .deal-view-simple-table td:first-child{color:var(--text)!important;font-weight:650}
#deal-view-body .deal-view-empty{padding:18px 0 4px;color:var(--text5);font:500 13.5px var(--hb-font)}

/* 9. Performance report center ---------------------------------------------------- */
#view-top10 .prc-shell{--prc-blue:var(--hb-accent-ink);--prc-green:var(--hb-ok);--prc-purple:var(--text);--prc-teal:var(--hb-accent-ink);--prc-amber:var(--hb-warn);--prc-orange:var(--hb-warn);--prc-red:var(--hb-danger);--prc-muted:var(--text4);padding:4px 0 40px!important;background:transparent!important}
#view-top10 .prc-heading{align-items:flex-end;margin:0 0 6px!important}
#view-top10 .prc-heading>div:first-child>span{margin:0 0 5px;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-heading h2{color:var(--text);font:700 26px/1.15 var(--hb-font)!important;letter-spacing:-.03em}
#view-top10 .prc-heading p{margin:6px 0 0!important;color:var(--text4)!important;font:500 13.5px var(--hb-font)!important}
#view-top10 .prc-readonly,#view-top10 .prc-legacy-note{padding:5px 12px 5px 10px!important;border:1px solid var(--border)!important;border-radius:999px;background:var(--bg2)!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important}
#view-top10 .prc-readonly svg{color:var(--hb-ok)}
/* tabs: underline, not pills */
#view-top10 .prc-tabs{position:sticky;top:-14px;z-index:30;gap:2px!important;margin:14px 0 0!important;padding:10px 0 0!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:color-mix(in srgb,var(--bg) 94%,transparent)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#view-top10 .prc-tabs button{position:relative;height:42px;padding:0 14px!important;border-radius:0!important;color:var(--text4)!important;font:600 13.5px var(--hb-font)!important;box-shadow:none!important;background:transparent!important}
#view-top10 .prc-tabs button:hover{color:var(--text)!important;background:transparent!important}
#view-top10 .prc-tabs button.active{color:var(--hb-accent-ink)!important;background:transparent!important;box-shadow:none!important}
#view-top10 .prc-tabs button.active::after{content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--hb-accent)}
/* filters: one row */
#view-top10 .prc-filters{grid-template-columns:150px 210px minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr) auto auto!important;align-items:end;gap:12px!important;margin:18px 0!important;padding:14px 16px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important}
#view-top10 .prc-filters label{gap:6px!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-filters select,#view-top10 .prc-filters input{height:28px!important;min-height:28px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text)!important;font:500 13.5px var(--hb-font)!important}
#view-top10 .prc-filters button[type=submit]{height:28px!important;min-height:28px!important;padding:0 14px!important;border:1px solid var(--hb-accent)!important;border-radius:9px!important;background:var(--hb-accent)!important;color:#fff!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
#view-top10 .prc-filters button[type=submit]:hover{background:var(--hb-accent-hover)!important}
#view-top10 .prc-filters button[data-prc-clear]{height:28px!important;min-height:28px!important;border-radius:9px!important}
/* KPI strip */
#view-top10 .prc-kpi-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(176px,1fr))!important;gap:1px!important;margin:0 0 18px!important;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--border)}
#view-top10 .prc-kpi{display:flex;flex-direction:column;gap:6px;min-height:0!important;padding:18px 22px!important;border:0!important;border-radius:0!important;background:var(--bg2)!important;box-shadow:none!important;text-align:left}
#view-top10 button.prc-kpi.is-clickable:hover{background:var(--bg3)!important;transform:none!important;border:0!important;box-shadow:none!important}
#view-top10 .prc-kpi-label{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-kpi strong{color:var(--text)!important;font:700 28px/1.1 var(--hb-font)!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#view-top10 .prc-kpi strong[style*="--prc-red"]{color:var(--hb-danger)!important}
#view-top10 .prc-kpi strong[style*="--prc-orange"],#view-top10 .prc-kpi strong[style*="--prc-amber"]{color:var(--hb-warn)!important}
#view-top10 .prc-kpi small{color:var(--text5)!important;font:500 12.5px/1.4 var(--hb-font)!important}
#view-top10 .prc-kpi em{margin-top:2px;color:var(--hb-accent-ink)!important;font:600 12.5px var(--hb-font)!important;opacity:0;transition:opacity .12s ease}
#view-top10 .prc-kpi:hover em,#view-top10 .prc-kpi:focus-visible em{opacity:1}
/* sections */
#view-top10 .prc-section{margin:0 0 16px!important;padding:22px 24px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important}
#view-top10 .prc-section>header{margin:0 0 16px!important;padding:0!important;border:0!important}
#view-top10 .prc-section h3{color:var(--text)!important;font:650 16px var(--hb-font)!important;letter-spacing:-.01em}
#view-top10 .prc-section header p{margin:3px 0 0!important;color:var(--text5)!important;font:500 13px var(--hb-font)!important}
#view-top10 .prc-driver-grid{gap:0!important;margin:0 0 18px!important;overflow:hidden;border:1px solid var(--border);border-radius:12px}
#view-top10 .prc-driver-grid>div{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:14px 18px!important;border:0!important;border-left:1px solid var(--border)!important;border-radius:0!important;background:transparent!important}
#view-top10 .prc-driver-grid>div:first-child{border-left:0!important}
#view-top10 .prc-driver-grid span:first-child{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-driver-grid strong{color:var(--text);font:700 20px var(--hb-font)!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#view-top10 .prc-delta{font:600 12px var(--hb-font)!important}
#view-top10 .prc-bar-row{grid-template-columns:24px minmax(140px,.9fr) minmax(120px,2.2fr) 110px minmax(90px,.7fr)!important;min-height:38px!important;padding:6px 8px!important;border-radius:9px!important}
#view-top10 .prc-bar-row:hover{background:var(--bg3)!important}
#view-top10 .prc-rank{color:var(--text5)!important;font:600 12px var(--hb-font)!important}
#view-top10 .prc-bar-name{color:var(--text)!important;font:600 13.5px var(--hb-font)!important}
#view-top10 .prc-bar-track{height:8px!important;background:var(--bg4)!important}
#view-top10 .prc-bar-track i{background:var(--hb-accent)!important}
#view-top10 .prc-bar-row strong{color:var(--text)!important;font:650 13.5px var(--hb-font)!important;font-variant-numeric:tabular-nums}
#view-top10 .prc-bar-row small{color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}
/* tables */
#view-top10 .prc-table-wrap{border:1px solid var(--border)!important;border-radius:12px!important}
#view-top10 .prc-table{font-size:13px!important}
#view-top10 .prc-table th{padding:11px 12px!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-table td{padding:11px 12px!important;color:var(--text2)!important;font-size:13px!important}
#view-top10 .prc-table .right{font-family:var(--hb-font)!important;font-variant-numeric:tabular-nums}
#view-top10 .prc-deal-link{color:var(--hb-accent-ink)!important;font-weight:650!important}
/* actions and charts */
#view-top10 .prc-actions button{padding:14px 16px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg2)!important}
#view-top10 .prc-actions button:hover{border-color:var(--border2)!important;background:var(--bg3)!important}
#view-top10 .prc-actions strong{font:650 13.5px var(--hb-font)!important}
#view-top10 .prc-actions small{font:500 12.5px var(--hb-font)!important}
#view-top10 .prc-actions b{font:700 18px var(--hb-font)!important}
#view-top10 .prc-empty{border-radius:12px!important;font:500 13.5px var(--hb-font)!important}
#view-top10 .prc-month-chart i{background:var(--hb-accent-soft)!important}
#view-top10 .prc-month-chart b{background:var(--hb-accent)!important}
#view-top10 .prc-drill{border-radius:14px!important}

/* 10. Quarterly report (CSS only: the print copy reads #qr-print-area's markup) ----------- */
#view-quarterly>div{max-width:none!important;padding:0!important}
#view-quarterly>div>div:first-child{display:flex!important;align-items:center;gap:14px;margin:0 0 20px!important}
#view-quarterly>div>div:first-child>span{color:var(--text)!important;font:700 26px/1.15 var(--hb-font)!important;letter-spacing:-.03em}
#view-quarterly>div>div:first-child>div{display:flex!important;align-items:center;gap:8px!important;margin-left:auto}
#view-quarterly button[onclick^="window._qrQ"]{height:34px;min-width:46px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text3)!important;font:600 13px var(--hb-font)!important}
#view-quarterly button[onclick^="window._qrQ"]:hover{background:var(--bg4)!important}
#view-quarterly button[onclick^="window._qrQ"][style*="background:var(--blue2)"]{border-color:var(--hb-accent)!important;background:var(--hb-accent)!important;color:#fff!important}
#view-quarterly select{height:28px;min-height:28px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text)!important;font:500 13.5px var(--hb-font)!important}
#view-quarterly button.ui-btn-subtle{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;color:var(--text2)!important;font:600 13px var(--hb-font)!important}
/* the report: header band, then metrics beside the three totals, then the sales table */
#qr-print-area{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0 28px;padding:28px 32px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important}
#qr-print-area>*{grid-column:1/-1;min-width:0}
#qr-print-area>div:first-of-type{padding-bottom:20px;margin-bottom:22px!important;border-bottom:1px solid var(--border)}
#qr-print-area>div:first-of-type>div:first-child>div:first-child{color:var(--text)!important;font:700 22px var(--hb-font)!important;letter-spacing:-.02em!important}
#qr-print-area>div:first-of-type>div:last-child>div:first-child{color:var(--hb-accent-ink)!important;font:700 20px var(--hb-font)!important}
#qr-print-area>table:nth-of-type(1){grid-column:1;margin-bottom:0!important;align-self:start}
#qr-print-area>table:nth-of-type(1) td{padding:11px 4px!important;font-family:var(--hb-font)!important;font-size:13.5px!important}
#qr-print-area>table:nth-of-type(1) td[style*="font-weight:700"],#qr-print-area>table:nth-of-type(1) td[style*="font-weight:600"]{font-variant-numeric:tabular-nums}
#qr-print-area>table:nth-of-type(1) td[style*="color:var(--blue2)"]{color:var(--hb-accent-ink)!important}
#qr-print-area>table:nth-of-type(1) tr:first-child td{color:var(--text)!important;font:650 15px var(--hb-font)!important;padding:0 0 12px!important}
#qr-print-area>div[style*="grid-template-columns:1fr 1fr 1fr"]{grid-column:2!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important;align-self:start}
#qr-print-area>div[style*="grid-template-columns:1fr 1fr 1fr"]>div{padding:18px 22px!important;border:1px solid var(--border)!important;border-radius:12px!important;background:var(--bg3)!important;text-align:left!important}
#qr-print-area>div[style*="grid-template-columns:1fr 1fr 1fr"]>div>div:first-child{margin:0 0 6px!important;color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#qr-print-area>div[style*="grid-template-columns:1fr 1fr 1fr"]>div>div:last-child{color:var(--text)!important;font:700 28px/1.1 var(--hb-font)!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#qr-print-area>div[style*="text-transform:uppercase"]{margin:30px 0 10px!important;color:var(--text)!important;font:650 16px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
#qr-print-area>table:nth-of-type(2){border:1px solid var(--border);border-radius:12px;overflow:hidden;border-collapse:separate!important;border-spacing:0}
#qr-print-area>table:nth-of-type(2) th{padding:11px 12px!important;border-bottom:1px solid var(--border)!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#qr-print-area>table:nth-of-type(2) td{padding:11px 12px!important;border-bottom:1px solid var(--row-border)!important;color:var(--text2)!important;font-family:var(--hb-font)!important;font-size:13px!important}
#qr-print-area>table:nth-of-type(2) td:first-child{color:var(--text)!important;font-weight:650}
#qr-print-area>table:nth-of-type(2) tr[style*="border-top:2px"] td{background:var(--bg3)!important;color:var(--text)!important;font-weight:700!important;border-bottom:0!important}
#qr-print-area>div[style*="border-top:1px solid"]{color:var(--text5)!important;font:500 12px var(--hb-font)!important}

/* 11. Signals ------------------------------------------------------------------------ */
#view-insights>div{max-width:1080px;padding:2px 0 48px!important}
#view-insights .hb-sig-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 20px}
#view-insights .hb-sig-title{margin:0;color:var(--text);font:700 26px/1.15 var(--hb-font);letter-spacing:-.03em}
#view-insights .hb-sig-lead{margin:6px 0 0;max-width:64ch;color:var(--text4);font:500 14px/1.55 var(--hb-font)}
#view-insights .hb-sig{margin:0 0 12px!important;overflow:hidden;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;box-shadow:none!important;transition:border-color .12s ease}
#view-insights .hb-sig:hover{border-color:var(--border2)!important}
#view-insights .hb-sig>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;column-gap:14px!important;min-height:76px;padding:14px 22px!important;background:transparent!important}
#view-insights .hb-sig>div:first-child>span:first-child{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:14px;row-gap:2px;color:var(--text)!important;font:650 15.5px/1.3 var(--hb-font)!important;letter-spacing:-.01em}
#view-insights .hb-sig>div:first-child>span:first-child svg{grid-column:1;grid-row:1 / span 2;width:38px!important;height:38px!important;margin:0!important;padding:10px;border-radius:11px;background:var(--hb-accent-soft);color:var(--hb-accent-ink);box-sizing:border-box;stroke-width:2;vertical-align:baseline}
#view-insights .hb-sig-note{grid-column:2;color:var(--text5);font:500 13px/1.45 var(--hb-font);letter-spacing:0}
#view-insights .hb-sig>div:first-child>span[style*="font-weight:800"],#view-insights .hb-sig-empty{padding:4px 12px;border-radius:999px;background:var(--bg4);color:var(--text2)!important;font:650 12.5px var(--hb-font)!important;white-space:nowrap;font-variant-numeric:tabular-nums}
#view-insights .hb-sig-empty{color:var(--text5)!important;font-weight:600!important}
#view-insights .hb-sig>div:first-child>span[style*="#ef4444"]{background:var(--hb-danger-soft);color:var(--hb-danger)!important}
#view-insights .hb-sig>div:first-child>span[style*="#f97316"],#view-insights .hb-sig>div:first-child>span[style*="#f59e0b"]{background:var(--hb-warn-soft);color:var(--hb-warn)!important}
#view-insights .hb-sig>div:first-child>span[style*="#22c55e"]{background:var(--hb-ok-soft);color:var(--hb-ok)!important}
#view-insights .hb-sig>div:first-child>.is-arr{display:inline-flex;justify-content:center;color:var(--text5)!important}
#view-insights .hb-sig>[id^="ins-s"]{padding:20px 22px 22px!important;border-top:1px solid var(--border);background:var(--bg3)}
#view-insights .hb-sig>[id^="ins-s"]>div[style*="color:var(--muted)"]{color:var(--text5)!important;font:500 14px var(--hb-font)!important}
#view-insights .hb-sig>[id^="ins-s"] div[style*="font-size:10px"]{margin-top:12px!important;color:var(--text5)!important;font:500 12.5px/1.5 var(--hb-font)!important}
#view-insights .hb-sig>[id^="ins-s"]>div[style*="overflow-x:auto"]{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}
#view-insights table{width:100%;border-collapse:collapse;font-size:13px!important}
#view-insights table thead tr{border-bottom:0!important}
#view-insights table th{padding:11px 12px!important;border-bottom:1px solid var(--border)!important;background:var(--bg3);color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-insights table td{padding:11px 12px!important;color:var(--text2)!important;font:500 13px var(--hb-font)!important}
#view-insights table tbody tr{border-bottom:1px solid var(--row-border)!important}
#view-insights table tbody tr:last-child{border-bottom:0!important}
#view-insights table td[style*="color:var(--blue2)"]{color:var(--hb-accent-ink)!important;font-weight:650!important}
#view-insights table td[style*="color:#ef4444"]{color:var(--hb-danger)!important}
#view-insights table td[style*="color:#f97316"],#view-insights table td[style*="color:#f59e0b"]{color:var(--hb-warn)!important}
#view-insights table td[style*="color:#22c55e"]{color:var(--hb-ok)!important}
#view-insights table button[onclick]{height:30px;padding:0 12px!important;border:1px solid var(--border2)!important;border-radius:8px!important;background:var(--bg2)!important;color:var(--hb-accent-ink)!important;font:600 12.5px var(--hb-font)!important}
#view-insights table button[onclick]:hover{background:var(--hb-accent-soft)!important}
#view-insights .hb-sig>[id^="ins-s"] div[style*="border-radius:8px;margin-bottom:6px"]{margin-bottom:8px!important;border-radius:12px!important;background:var(--bg2)}
#view-insights .hb-sig>[id^="ins-s"] div[style*="padding:10px 14px"][onclick]{padding:12px 16px!important;background:var(--bg2)!important}
#view-insights .hb-sig>[id^="ins-s"] span[style*="background:var(--blue2)"]{padding:2px 9px!important;background:var(--hb-accent-soft)!important;color:var(--hb-accent-ink)!important;font:650 12px var(--hb-font)!important}

/* 12. Briefing ----------------------------------------------------------------------- */
#view-meeting #meeting-print-wrap{max-width:1080px!important;margin:0!important;padding:4px 0 60px!important}
#view-meeting #meeting-print-wrap>div:first-child{align-items:center!important;margin:0 0 18px!important}
#view-meeting #meeting-print-wrap>div:first-child>div:first-child>div:first-child{color:var(--text)!important;font:700 26px/1.15 var(--hb-font)!important;letter-spacing:-.03em}
#view-meeting #meeting-print-wrap>div:first-child svg[data-lucide="clipboard"],#view-meeting #meeting-print-wrap>div:first-child>div:first-child>div:first-child svg{display:none}
#view-meeting #meeting-print-wrap>div:first-child>div:first-child>div:nth-child(2){margin-top:6px;color:var(--text4)!important;font:500 13.5px var(--hb-font)!important}
#view-meeting #meeting-print-wrap>div:first-child>button{height:28px;min-height:28px;padding:0 14px!important;border:1px solid var(--hb-accent)!important;border-radius:9px!important;background:var(--hb-accent)!important;color:#fff!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
#view-meeting #meeting-print-wrap>div:first-child>button:hover{background:var(--hb-accent-hover)!important}
.hb-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 20px;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--border)}
.hb-glance-cell{display:flex;flex-direction:column;gap:5px;padding:18px 22px;background:var(--bg2)}
.hb-glance-label{color:var(--text4);font:500 12.5px var(--hb-font)}
.hb-glance-value{color:var(--text);font:700 28px/1.1 var(--hb-font);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.hb-glance-note{color:var(--text5);font:500 12.5px var(--hb-font)}
#view-meeting .mtg-section{margin:0 0 16px!important;padding:24px 28px!important;border:1px solid var(--border);border-radius:14px;background:var(--bg2)}
#view-meeting .mtg-section>div:first-child[style*="text-transform:uppercase"]{margin:0 0 16px!important;padding:0!important;border:0!important;color:var(--text)!important;font:650 17px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
#view-meeting .mtg-section>div:first-child svg{display:none}
#view-meeting .mtg-section>div:nth-child(2){color:var(--text2)!important;font:400 14.5px/1.75 var(--hb-font)!important}
#view-meeting .mtg-section p{margin:0 0 12px!important}
#view-meeting .mtg-section strong[style*="#22c55e"],#view-meeting .mtg-section span[style*="#22c55e"]{color:var(--hb-ok)!important}
#view-meeting .mtg-section strong[style*="#ef4444"],#view-meeting .mtg-section span[style*="#ef4444"]{color:var(--hb-danger)!important}
#view-meeting .mtg-section strong[style*="#f59e0b"],#view-meeting .mtg-section span[style*="#f59e0b"]{color:var(--hb-warn)!important}
#view-meeting .mtg-section strong[style*="#3b82f6"],#view-meeting .mtg-section span[style*="#3b82f6"],#view-meeting .mtg-section strong[style*="#2563eb"],#view-meeting .mtg-section span[style*="#2563eb"],#view-meeting .mtg-section strong[style*="#a78bfa"]{color:var(--text)!important}
#view-meeting .mtg-section div[style*="justify-content:space-between"]{padding:12px 0!important;border-bottom:1px solid var(--row-border)!important}
#view-meeting .mtg-section div[style*="justify-content:space-between"]>span:first-child{color:var(--text4)!important;font:500 14px var(--hb-font)!important}
#view-meeting .mtg-section div[style*="justify-content:space-between"]>span:last-child{font:650 14px var(--hb-font)!important;font-variant-numeric:tabular-nums}
#view-meeting #meeting-print-wrap>div:last-child{margin-top:8px;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}

/* 13. Contact intelligence ------------------------------------------------------------ */
.ci-shell{gap:16px!important;padding-bottom:40px!important}
.ci-topbar{align-items:flex-end!important;padding:0!important}
.ci-eyebrow{margin:0 0 5px;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
.ci-title{margin:0!important;color:var(--text)!important;font:700 26px/1.15 var(--hb-font)!important;letter-spacing:-.03em!important}
.ci-subtitle{margin-top:6px!important;max-width:72ch!important;color:var(--text4)!important;font:500 13.5px/1.55 var(--hb-font)!important}
.ci-primary,.ci-secondary,.ci-ghost{min-height:28px!important;padding:0 14px!important;border-radius:9px!important;font:600 13px var(--hb-font)!important;box-shadow:none!important}
.ci-primary{border-color:var(--hb-accent)!important;background:var(--hb-accent)!important}
.ci-primary:hover{background:var(--hb-accent-hover)!important;filter:none!important}
.ci-secondary:hover,.ci-ghost:hover{border-color:var(--border2)!important;background:var(--bg4)!important;color:var(--text)!important}
.ci-tabs{gap:4px!important;margin-top:4px}
.ci-tab{height:42px;padding:0 14px!important;color:var(--text4)!important;font:600 13.5px var(--hb-font)!important}
.ci-tab:hover{color:var(--text)!important}
.ci-tab.active{color:var(--hb-accent-ink)!important}
.ci-tab.active::after{background:var(--hb-accent)!important}
.ci-tab-count{background:var(--bg4)!important;color:var(--text3)!important;border-radius:999px!important;font:600 11.5px var(--hb-font)!important}
.ci-setup{padding:12px 18px!important;border:0!important;border-radius:12px!important;background:var(--hb-warn-soft)!important;color:var(--hb-warn)!important;font:500 13.5px var(--hb-font)!important}
.ci-setup strong{font-weight:650}
.ci-link{color:var(--hb-accent-ink)!important;font:600 13px var(--hb-font)!important}
.ci-overview-intro{margin:0!important;padding:18px 24px!important;border:1px solid var(--border)!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;background:var(--bg2)!important}
.ci-overview-intro strong{color:var(--text)!important;font:650 16px var(--hb-font)!important}
.ci-overview-intro span:not(.ci-badge){color:var(--text4)!important;font:500 13.5px var(--hb-font)!important}
.ci-kpis,.ci-kpis.ci-kpis-focused{gap:1px!important;margin-top:-16px;overflow:hidden;border:1px solid var(--border);border-radius:0 0 14px 14px;background:var(--border)}
.ci-kpi{min-height:0!important;padding:16px 22px!important;border:0!important;border-radius:0!important;background:var(--bg2)!important}
.ci-kpi-label{color:var(--text4)!important;font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
.ci-kpi-value{margin-top:6px!important;color:var(--text)!important;font:700 26px/1.1 var(--hb-font)!important;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ci-kpi-note{margin-top:4px!important;color:var(--text5)!important;font:500 12.5px var(--hb-font)!important}
.ci-grid{gap:16px!important}
.ci-panel{border-radius:14px!important;border-color:var(--border)!important}
.ci-panel-head{min-height:60px!important;padding:12px 24px!important}
.ci-panel-title{color:var(--text)!important;font:650 15.5px var(--hb-font)!important;letter-spacing:-.01em!important}
.ci-panel-sub{margin-top:3px!important;color:var(--text5)!important;font:500 13px var(--hb-font)!important}
.ci-panel-body{padding:20px 24px!important}
.ci-empty-title{color:var(--text)!important;font:650 15px var(--hb-font)!important}
.ci-empty-text{color:var(--text5)!important;font:500 13.5px/1.55 var(--hb-font)!important}
.ci-empty-icon{border-radius:12px!important;background:var(--bg3)!important;border:1px solid var(--border)!important}
.ci-badge{padding:4px 11px!important;border:0!important;border-radius:999px!important;font:600 12px var(--hb-font)!important}
.ci-badge.good{background:var(--hb-ok-soft)!important;color:var(--hb-ok)!important}
.ci-badge.warn{background:var(--hb-warn-soft)!important;color:var(--hb-warn)!important}
.ci-badge.bad{background:var(--hb-danger-soft)!important;color:var(--hb-danger)!important}
.ci-badge.info{background:var(--hb-accent-soft)!important;color:var(--hb-accent-ink)!important}
.ci-table{font-size:13px!important}
.ci-table th{padding:11px 12px!important;background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
.ci-table td{padding:11px 12px!important;color:var(--text2)!important}
.ci-table .ci-main-cell{color:var(--text)!important;font-weight:650!important}
.ci-field label,.ci-scan-stat-label,.ci-dry-kpi span,.ci-origin-label{font:500 12.5px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--text4)!important}
.ci-origin-label.confirmed{color:var(--hb-ok)!important}.ci-origin-label.suggested{color:var(--hb-warn)!important}
.ci-field input,.ci-field select,.ci-field textarea{min-height:28px;border:1px solid var(--border2)!important;border-radius:9px!important;font:500 13.5px var(--hb-font)!important}
.ci-field input:focus,.ci-field select:focus,.ci-field textarea:focus{border-color:var(--hb-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hb-accent) 16%,transparent)!important}

}

/* the briefing prints from the page itself: keep the added summary strip out of the printout */
@media print{.hb-glance{display:none!important}}

/* Deal View 2026-10-12 (Bogdan): no duplicated facts, one key-facts row, wider details rail, one
   next step with its tasks, history of past events only, actions that match the deal state. */
@media screen and (min-width:761px){
  #deal-view-body .dv2-header{align-items:center}
  #deal-view-body .dv2-actions{flex-wrap:nowrap}
  #deal-view-body .dv2-more{position:relative}
  #deal-view-body .dv2-more>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:0!important;border:1px solid var(--border2);border-radius:9px;background:var(--bg2);color:var(--text3);cursor:pointer}
  #deal-view-body .dv2-more>summary::-webkit-details-marker{display:none}
  #deal-view-body .dv2-more>summary:hover{background:var(--bg4);color:var(--text)}
  #deal-view-body .dv2-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:200px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);box-shadow:var(--hb-shadow-pop,0 12px 32px rgba(17,37,45,.16))}
  #deal-view-body .dv2-more-menu button{display:flex!important;align-items:center;width:100%;height:30px!important;min-height:30px!important;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--text)!important;font:500 13px var(--hb-font)!important;text-align:left;cursor:pointer;min-width:0!important;justify-content:flex-start!important}
  #deal-view-body .dv2-more-menu button:hover{background:var(--bg4)!important}
  #deal-view-body .dv2-more-menu button.is-danger{color:var(--hb-danger)!important}

  /* key facts: three equal tiles in one row */
  #deal-view-body .dv2-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #deal-view-body .dv2-facts>.dv2-fact{padding:14px 24px!important;display:flex;flex-direction:column;gap:3px;justify-content:center}
  #deal-view-body .dv2-fact-label{font:600 12.5px var(--hb-font);color:var(--text4)}
  #deal-view-body .dv2-fact-value{font:650 21px/1.2 var(--hb-font);letter-spacing:-.015em;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  #deal-view-body .dv2-fact-sub{font:500 12.5px/1.4 var(--hb-font);color:var(--text4)}

  /* rail: wider so account names and serials do not break into narrow lines */
  #deal-view-body .dv2-wrap{grid-template-columns:380px minmax(0,1fr)!important}
  #deal-view-body .dv2-subtitle{margin:14px 0 4px;font:600 12.5px var(--hb-font);color:var(--text4)}
  #deal-view-body .dv2-details .deal-view-kv-row>span:last-child{text-align:right;overflow-wrap:anywhere}
  #deal-view-body .dv2-equipment .deal-view-kv-row{align-items:flex-start}
  #deal-view-body .dv2-missing{font-style:normal;color:var(--text5)}
  #deal-view-body .dv2-documents .deal-view-flow-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:8px}
  #deal-view-body .dv2-documents .deal-view-flow-chip{justify-content:flex-start;width:100%;text-align:left}

  /* next step: the recommendation, then the open tasks, then the actions that add to them */
  #deal-view-body .dv2-next{padding:18px 20px!important}
  #deal-view-body .dv2-next-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
  #deal-view-body .dv2-next-title{margin-top:4px;font:650 18px/1.3 var(--hb-font);letter-spacing:-.01em}
  #deal-view-body .dv2-next-reason{margin-top:2px;font:500 13px var(--hb-font);color:var(--text3)}
  #deal-view-body .dv2-priority{flex:none;height:22px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid;border-radius:999px;font:600 12px var(--hb-font)}
  #deal-view-body .dv2-tasks{margin-top:10px;padding-top:4px;border-top:1px solid var(--row-border)}
  #deal-view-body .dv2-task{display:flex!important;align-items:flex-start;gap:10px;padding:10px 0!important;border:0!important;border-bottom:1px solid var(--row-border)!important;background:transparent!important;border-radius:0!important}
  #deal-view-body .dv2-task>input{width:16px;height:16px;min-height:16px;margin-top:2px;accent-color:var(--hb-accent);cursor:pointer;flex:none}
  #deal-view-body .dv2-task-body{flex:1;min-width:0}
  #deal-view-body .dv2-task-actions{display:flex;gap:6px;flex:none}
  #deal-view-body .dv2-task-actions button{height:26px!important;min-height:26px!important;padding:0 10px!important;font-size:12px!important}
  #deal-view-body .dv2-note{margin-top:4px}
  #deal-view-body .dv2-composer-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
  #deal-view-body .dv2-composer-actions button.is-active{border-color:var(--hb-accent)!important;color:var(--hb-accent-ink)!important;background:var(--hb-accent-soft)!important}
  #deal-view-body #deal-view-composer-host[hidden]{display:none!important}
  #deal-view-body .dv2-wrap .deal-view-composer-tabs{display:none!important}
}

/* Quote Studio: Sauer Easy Care maintenance schedules (2026-10-13) */
#view-quote .lisa-ms-card{margin:0 0 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg2);overflow:hidden}
#view-quote .lisa-ms-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 12px}
#app #view-quote .lisa-ms-card>.lisa-ms-head{border-bottom:0!important;box-shadow:none!important}
#view-quote .lisa-ms-head h3{margin:0;color:var(--text);font:650 15px var(--hb-font)}
#view-quote .lisa-ms-head p{margin:4px 0 0;color:var(--text5);font:500 12.5px/1.45 var(--hb-font);max-width:620px}
#view-quote .lisa-ms-count{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:var(--hb-accent-soft);color:var(--hb-accent-ink);font:600 12px var(--hb-font);white-space:nowrap}
#view-quote .lisa-ms-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;padding:0 20px 18px}
#view-quote .lisa-ms-doc{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:10px 40px 10px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);cursor:pointer;transition:border-color .12s ease,background-color .12s ease,opacity .12s ease}
#view-quote .lisa-ms-doc:hover{border-color:var(--border2);background:var(--bg3)}
#view-quote .lisa-ms-doc.is-on{border-color:color-mix(in srgb,var(--hb-accent) 45%,var(--border))}
#view-quote .lisa-ms-doc:not(.is-on){opacity:.62}
#view-quote .lisa-ms-doc:not(.is-on) img{filter:grayscale(1)}
#view-quote .lisa-ms-doc input{position:absolute;opacity:0;pointer-events:none}
#view-quote .lisa-ms-doc img{flex:0 0 auto;width:46px;height:65px;border:1px solid var(--border);border-radius:4px;background:#fff;object-fit:cover;object-position:top}
#view-quote .lisa-ms-doc-text{display:flex;min-width:0;flex-direction:column;gap:3px}
#view-quote .lisa-ms-doc-text strong{color:var(--text);font:650 13px var(--hb-font)}
#view-quote .lisa-ms-doc-text small{color:var(--text5);font:500 12px/1.35 var(--hb-font)}
#view-quote .lisa-ms-tick{position:absolute;top:50%;right:12px;width:18px;height:18px;margin-top:-9px;border:1.5px solid var(--border2);border-radius:5px;background:var(--bg2)}
#view-quote .lisa-ms-doc.is-on .lisa-ms-tick{border-color:var(--hb-accent);background:var(--hb-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center/12px no-repeat}
#view-quote .lisa-ms-doc input:focus-visible~.lisa-ms-tick{outline:2px solid color-mix(in srgb,var(--hb-accent) 50%,transparent);outline-offset:2px}

/* Performance › Legacy in the current LISA design (2026-10-13). Same report and figures: only the look
   follows the other Performance tabs — neutral cards, sentence-case labels, dark figures, red/amber only
   for figures that signal a problem, the teal accent for bars. */
#view-top10 .prc-shell[data-prc-tab="legacy"]{--lg-card:var(--bg2)}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-target-panel,.cr-section,.sr-hero-card,.sr-stat,.sr-funnel,.top10-panel,.perf-chart-card,.report-two-card){border:1px solid var(--border)!important;border-radius:14px!important;background:var(--bg2)!important;background-image:none!important;box-shadow:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-hero-card::before{display:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-hero-card{padding:20px 22px!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-stat{padding:16px 18px!important;min-height:0!important}
/* section headings */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-section-head{margin:26px 0 12px!important;padding:0!important;border:0!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-section-title,.cr-section-title,.top10-title){color:var(--text)!important;font:650 16px var(--hb-font)!important;letter-spacing:-.01em!important;text-transform:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-section-sub,.cr-section-sub,.top10-subtitle){color:var(--text5)!important;font:500 13px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-section-title,.cr-section-title,.top10-title) .lucide{width:16px!important;height:16px!important;color:var(--text5)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.cr-section-head,.top10-header){padding:18px 22px 12px!important;border-bottom:0!important;background:transparent!important}
/* labels: sentence case, quiet */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-stat-label,.sr-hero-label,[style*="text-transform:uppercase"]){color:var(--text4)!important;font-family:var(--hb-font)!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
/* figures: dark by default; red and amber keep their warning meaning */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-stat-val,.sr-hero-value){color:var(--text)!important;font-family:var(--hb-font)!important;font-weight:700!important;letter-spacing:-.03em!important;font-variant-numeric:tabular-nums}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-stat-val{font-size:24px!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-hero-value{font-size:32px!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="color:#22c55e"],[style*="color:#047857"],[style*="color:#14b8a6"]){color:var(--hb-ok)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="color:#ef4444"],[style*="color:#f87171"]){color:var(--hb-danger)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="color:#f59e0b"],[style*="color:#f97316"],[style*="color:#fbbf24"]){color:var(--hb-warn)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="color:#60a5fa"],[style*="color:#3b82f6"],[style*="color:#a78bfa"],[style*="color:#ec4899"],[style*="color:#1e3a5f"]){color:var(--text)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-stat-val,.sr-hero-value):is([style*="color:#22c55e"],[style*="color:#047857"],[style*="color:#14b8a6"],[style*="color:#f97316"],[style*="color:#f59e0b"],[style*="color:#fbbf24"]){color:var(--text)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-stat-sub,.sr-hero-sub){color:var(--text5)!important;font:500 12.5px/1.45 var(--hb-font)!important}
/* bars and fills: one accent, red/amber for warnings (solid colours only; tinted pills keep their tint) */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="background:#22c55e;"],[style$="background:#22c55e"],[style*="background: #22c55e;"],[style*="background:#3b82f6;"],[style$="background:#3b82f6"],[style*="background: #3b82f6;"],[style*="background:#60a5fa;"],[style$="background:#60a5fa"],[style*="background: #60a5fa;"],[style*="background:#2563eb;"],[style$="background:#2563eb"],[style*="background: #2563eb;"],[style*="background:#a78bfa;"],[style$="background:#a78bfa"],[style*="background: #a78bfa;"],[style*="background:#14b8a6;"],[style$="background:#14b8a6"],[style*="background: #14b8a6;"],[style*="background:#06b6d4;"],[style$="background:#06b6d4"],[style*="background: #06b6d4;"],[style*="background:#6366f1;"],[style$="background:#6366f1"],[style*="background: #6366f1;"]){background:var(--hb-accent)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="background:#93c5fd;"],[style$="background:#93c5fd"],[style*="background: #93c5fd;"],[style*="background:#bfdbfe;"],[style$="background:#bfdbfe"],[style*="background: #bfdbfe;"],[style*="background:#818cf8;"],[style$="background:#818cf8"],[style*="background: #818cf8;"],[style*="background:#a5b4fc;"],[style$="background:#a5b4fc"],[style*="background: #a5b4fc;"],[style*="background:#c7d2fe;"],[style$="background:#c7d2fe"],[style*="background: #c7d2fe;"],[style*="background:#67e8f9;"],[style$="background:#67e8f9"],[style*="background: #67e8f9;"]){background:color-mix(in srgb,var(--hb-accent) 45%,var(--bg2))!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="background:#1e3a5f;"],[style$="background:#1e3a5f"],[style*="background: #1e3a5f;"],[style*="background:#1d4ed8;"],[style$="background:#1d4ed8"],[style*="background: #1d4ed8;"]){background:var(--hb-nav)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="background:#ef4444;"],[style$="background:#ef4444"],[style*="background: #ef4444;"]){background:var(--hb-danger)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="background:#f59e0b;"],[style$="background:#f59e0b"],[style*="background: #f59e0b;"],[style*="background:#f97316;"],[style$="background:#f97316"],[style*="background: #f97316;"]){background:var(--hb-warn)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="background:#f1f5f9;"],[style$="background:#f1f5f9"],[style*="background: #f1f5f9;"],[style*="background:#dbeafe;"],[style$="background:#dbeafe"],[style*="background: #dbeafe;"],[style*="background:#d1fae5;"],[style$="background:#d1fae5"],[style*="background: #d1fae5;"],[style*="background:#f0fdf4;"],[style$="background:#f0fdf4"],[style*="background: #f0fdf4;"]){background:var(--bg3)!important}
/* large inline figures read dark like the other tabs, in the app font; only red (behind / lost) stays */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content [style*="Space Mono"]{font-family:var(--hb-font)!important;letter-spacing:-.02em}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is([style*="font-size:18px"],[style*="font-size:20px"],[style*="font-size:22px"],[style*="font-size:24px"],[style*="font-size:26px"],[style*="font-size:28px"],[style*="font-size:30px"],[style*="font-size:32px"]):is([style*="color:#22c55e"],[style*="color:#047857"],[style*="color:#14b8a6"],[style*="color:#60a5fa"],[style*="color:#3b82f6"],[style*="color:#a78bfa"],[style*="color:#f97316"],[style*="color:#f59e0b"],[style*="color:#fbbf24"]){color:var(--text)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .perf-chart-svg [stroke="#3b82f6"],#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .perf-chart-svg [stroke="#2563eb"]{stroke:var(--hb-accent)}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .perf-chart-svg [stroke="#f97316"]{stroke:var(--hb-warn)}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .perf-chart-svg [fill="#f59e0b"]{fill:var(--hb-warn)}
/* top 10 lists */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-row{padding:7px 4px!important;border-radius:9px}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-row:hover{background:var(--bg3)}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-rank{color:var(--text5)!important;font:600 12px var(--hb-font)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-rank:is(.gold,.silver,.bronze){color:var(--text3)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-name{color:var(--text)!important;font:600 13.5px var(--hb-font)!important;text-decoration:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-name:hover{color:var(--hb-accent-ink)!important;text-decoration:underline!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-bar-wrap{height:8px!important;border-radius:999px!important;background:var(--bg4)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-bar-fill{border-radius:999px!important;background:var(--hb-accent)!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .top10-amount{color:var(--text)!important;font:650 13.5px var(--hb-font)!important;font-variant-numeric:tabular-nums}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.top10-deals,.top10-meta){color:var(--text5)!important;font:500 12px var(--hb-font)!important}
/* tables and funnels */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content table th{background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content table td{font-family:var(--hb-font)!important;font-size:13px!important;font-variant-numeric:tabular-nums}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-funnel-head{background:var(--bg3)!important;color:var(--text4)!important;font:600 12px var(--hb-font)!important;letter-spacing:0!important;text-transform:none!important}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-funnel-cell{font-family:var(--hb-font)!important;font-size:13px!important}
/* info buttons: present but quiet */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-info-btn{border:0!important;background:transparent!important;color:var(--text5)!important;opacity:.55}
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content :is(.sr-stat,.sr-hero-card):hover .sr-info-btn,#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-info-btn:hover{opacity:1}
/* targets */
#view-top10 .prc-shell[data-prc-tab="legacy"] .prc-content .sr-target-input{height:28px!important;border:1px solid var(--border2)!important;border-radius:9px!important;background:var(--bg2)!important;font:500 13.5px var(--hb-font)!important}