*{box-sizing:border-box;margin:0;padding:0}
  :root{
    --bg:#08111b;--bg2:#0f1b2d;--bg3:#16253b;--bg4:#1e3250;
    --border:#223754;--border2:#3a5f88;
    --text:#e5edf6;--muted:#93abc4;--faint:#48627f;
    --blue:#5b7ef5;--blue2:#7c9bfa;--blue3:#b3c8fd;
    --green:#28c27b;--amber:#f2a93b;--red:#ef5a5a;--purple:#9d8cff;--cyan:#37c7c9;
    --teal:#5bc0be;--teal2:#8fe2dc;
    /* semantic shades */
    --text2:#d4e0ec;   /* secondary text - vessel names, values */
    --text3:#9ab0c7;   /* tertiary/dim text - dates, descriptions */
    --text4:#8098b2;   /* very dim - company, PO, elapsed */
    --text5:#688099;   /* faintest readable - sub-labels */
    --row-border:rgba(34,55,84,.58);
    --parts-highlight:rgba(91,192,190,.13);
    --parts-highlight-border:rgba(91,192,190,.38);
    --amountbg:linear-gradient(135deg,#10284a,#163153);
    --section-title:#6d89a8;
    --panel-shadow:0 24px 60px rgba(2,6,23,.34);
    --panel-shadow-soft:0 12px 28px rgba(2,6,23,.22);
    --panel-glow:inset 0 1px 0 rgba(255,255,255,.04);
    --surface-grad:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:14px;
    --font-body:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    --font-display:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    --font-mono:'SFMono-Regular','SF Mono',Consolas,'Liberation Mono',Menlo,monospace;
  }
  .light{
    --bg:#f6f7fb;--bg2:#ffffff;--bg3:#ffffff;--bg4:#f7f9fc;
    --border:#e3e8ef;--border2:#d3dbe6;
    --text:#1f2a37;--muted:#66778a;--faint:#a3afbf;
    --blue:#1273ea;--blue2:#0f68d8;--blue3:#0b57b8;
    --green:#1b8f5a;--amber:#b76b16;--red:#c64545;--purple:#7252d6;--cyan:#157f79;
    --teal:#157f79;--teal2:#157f79;
    /* semantic shades - light versions */
    --text2:#1b2c3f;
    --text3:#3e5873;
    --text4:#4d6680;
    --text5:#68839d;
    --row-border:#e2e8f0;
    --parts-highlight:rgba(31,138,138,.10);
    --parts-highlight-border:rgba(31,138,138,.28);
    --amountbg:linear-gradient(180deg,#f8fbff,#eef5ff);
    --section-title:#7a8798;
    --tl-empty:#b0c8e0;
    --panel-shadow:0 8px 24px rgba(15,23,42,.05);
    --panel-shadow-soft:0 2px 8px rgba(15,23,42,.04);
    --panel-glow:none;
    --surface-grad:none;
  }

  /* ── LIGHT MODE OVERRIDES ── */
  .light header{background:#fff;border-bottom:1px solid var(--border);box-shadow:none}
  .light .k-card.sel{background:#dbeafe;border-color:var(--blue)}
  .light tbody tr.sel{background:#edf4ff}
  .light .d-amount-box:not([style]){background:var(--amountbg);border:1px solid #bfdbfe}
  .light .d-amount-val{color:var(--blue)}
  .light .d-amount-box[style*="052e16"]{background:linear-gradient(135deg,#f0fdf4,#dcfce7) !important;border-color:#16a34a !important}
  .light .d-amount-box[style*="2d0a0a"]{background:linear-gradient(135deg,#fff1f2,#ffe4e6) !important;border-color:#dc2626 !important}
  .light .alert-box{background:#fff7ed !important;border:1px solid #fed7aa !important;color:#92400e !important}
  .light .top10-bar-label{color:rgba(0,0,0,.6)}
  .light #drop-screen{background:var(--bg)}
  .light .drop-zone{background:var(--bg2);border-color:var(--border2)}
  .light .cr-section{background:var(--bg2);border:1px solid var(--border);box-shadow:var(--panel-shadow-soft)}
  .light .cr-section-head{border-bottom:1px solid var(--border)}
  .light .contact-card{background:var(--bg2);border:1px solid var(--border)}
  .light .contact-card:hover{border-color:#c9d4e2;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.05)}
  .light .vessel-card{background:var(--bg2);border:1px solid var(--border)}
  .light .vessel-card:hover{border-color:#c9d4e2;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.05)}
  .light .cr-deal-table tr:hover{background:#f8fbff;box-shadow:inset 2px 0 0 var(--blue2)}
  .light .cr-search{background:var(--bg2);border-color:var(--border2);color:var(--text)}
  .light .cr-dropdown{background:var(--bg2);border-color:var(--border);box-shadow:0 12px 28px rgba(15,23,42,.08)}
  .light .cr-dropdown-item{color:var(--text)}
  .light .cr-dropdown-item:hover,.light .cr-dropdown-item.active{background:rgba(37,99,235,.08)}
  .light .kpi-card{background:#fff;border:1px solid var(--border);box-shadow:none}
  .light ::-webkit-scrollbar-track{background:var(--bg)}
  .light ::-webkit-scrollbar-thumb{background:var(--border2)}
  .light .filter-bar{background:#fff;border-color:var(--border);box-shadow:none}
  .light .filter-bar input,.light .filter-bar select{background:var(--bg2);border-color:var(--border);color:var(--text)}
  .light .filter-bar select option{background:var(--bg2);color:var(--text)}
  .light .view-btn.active{background:#eff6ff;border-color:#d5e5fb;color:var(--blue2);box-shadow:none}
  .light .tbl-outer,.light .tbl-wrap{background:#fff}
  .light th{background:#fbfcfe;box-shadow:inset 0 -1px 0 var(--border);color:#728295}
  .light .li-table thead tr{background:var(--bg3);border-bottom:1px solid var(--border)}
  .light .li-footer{background:var(--bg3);border-top:1px solid var(--border)}
  .light .ui-btn{background:#1273ea;box-shadow:none}
  .light .ui-btn-subtle,.light .ui-btn-icon,.light .reload-btn,.light .theme-toggle{
    background:#fff;border-color:var(--border);color:var(--muted);box-shadow:none
  }
  .light .ui-btn-subtle:hover,.light .ui-btn-icon:hover,.light .reload-btn:hover,.light .theme-toggle:hover{
    background:#f7faff;border-color:#cdd8e6;color:var(--blue2)
  }
  .light .h-view-chip{background:#eff6ff;border-color:#dbe8fb;color:var(--blue2)}
  .light .content::before{box-shadow:none}
  .light .apm-row-vessel:hover,.light .apm-row-co:hover{background:#f8fbff !important;box-shadow:inset 2px 0 0 var(--blue2)}
  .light .drill-bar{background:#f8fbff;border-color:#dbe6f4;box-shadow:none}
  .light .top10-panel,.light .sr-hero-card,.light .sr-stat,.light .sr-funnel,.light .sr-target-panel{background:#fff;border:1px solid var(--border);box-shadow:none}
  .light .kpi-card:hover{box-shadow:0 4px 14px rgba(15,23,42,.05)}
  .light .sparkbar{background:#e7edf5}
  .theme-toggle{
    display:flex;align-items:center;gap:7px;padding:7px 10px;
    border:1px solid var(--border2);border-radius:10px;background:var(--surface-grad);
    color:var(--muted);font-family:inherit;font-size:12px;font-weight:700;
    cursor:pointer;transition:all .18s ease;box-shadow:var(--panel-glow);
  }
  .theme-toggle:hover{border-color:var(--blue);color:var(--blue2);transform:translateY(-1px)}
  html,body{
    height:100%;font-family:var(--font-body);color:var(--text);font-size:14px;
    margin:0;overflow:hidden;overflow-x:hidden;max-width:100vw;
    background:
      radial-gradient(circle at top left, rgba(74,144,255,.13), transparent 28%),
      radial-gradient(circle at top right, rgba(55,199,201,.12), transparent 26%),
      linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
      var(--bg);
  }
  input,select,textarea,button,optgroup,option{
    font-family:var(--font-body);
  }
  select,option,optgroup,datalist{
    font-family:var(--font-body);
    font-size:12px;
  }
  .light html,.light body{
    background:linear-gradient(180deg,#f8f9fc 0%, #f6f7fb 100%);
  }
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.16;
    background-image:
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size:28px 28px,28px 28px;
    mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 82%);
  }
  .light body::before{display:none}
  ::-webkit-scrollbar{width:5px;height:5px}
  ::-webkit-scrollbar-track{background:var(--bg2)}
  ::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}

  /* ── DROP SCREEN ── */
  #drop-screen{
    position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:var(--bg);z-index:200;transition:opacity .3s;
  }
  #drop-screen.hidden{opacity:0;pointer-events:none}
  .drop-zone{
    width:420px;height:260px;border:2px dashed var(--border2);border-radius:20px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
    cursor:pointer;transition:all .2s;background:var(--bg2);position:relative;
  }
  .drop-zone.over{border-color:var(--blue);background:rgba(59,130,246,.07);box-shadow:0 0 40px rgba(59,130,246,.12)}
  .drop-zone:hover{border-color:var(--blue2);background:rgba(59,130,246,.04)}
  .drop-icon{font-size:41px;filter:grayscale(0.4);line-height:1}
  .drop-icon .lucide{width:52px;height:52px;stroke-width:1.5;color:var(--blue2);opacity:.75}
  .drop-label{font-size:14px;font-weight:600;color:var(--text)}
  .drop-sub{font-size:12px;color:var(--muted)}
  .drop-btn{
    margin-top:8px;padding:8px 22px;background:var(--blue);border:none;border-radius:8px;
    color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s
  }
  .drop-btn:hover{background:#2563eb}
  #file-input{display:none}
  .logo-row{display:flex;align-items:center;justify-content:center;margin-bottom:32px}
  .brand-logo{
    display:block;height:auto;width:auto;max-width:min(44vw,450px);
    filter:drop-shadow(0 12px 28px rgba(2,6,23,.22));
  }
  .brand-logo.compact{max-width:none;height:28px;filter:none}
  .brand-logo-wrap{
    display:inline-flex;align-items:center;justify-content:center;
    padding:7px 10px;border-radius:10px;
    background:rgba(255,255,255,.94);
    box-shadow:0 10px 24px rgba(2,6,23,.12);
  }
  .h-brand .brand-logo-wrap{
    padding:5px 8px;
    background:transparent;
    box-shadow:none;
  }
  .light .brand-logo-wrap{
    background:transparent;
    box-shadow:none;
  }
  :root:not(.light) .h-brand .brand-logo-wrap{
    background:rgba(255,255,255,.95);
    box-shadow:0 8px 18px rgba(2,6,23,.18);
  }
  #parse-status{font-size:12px;color:var(--amber);margin-top:14px;font-family:var(--font-mono);min-height:18px}



  /* ── SEGMENTED CONTROL ── */
  .seg-ctrl{display:flex;gap:2px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:2px}
  .seg-btn{padding:5px 10px;border:none;border-radius:6px;background:none;color:var(--muted);font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}
  .seg-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(59,130,246,.12));color:var(--text2);box-shadow:var(--panel-glow)}
  .seg-btn:hover:not(.active){color:var(--text3)}
  .light .seg-ctrl{background:var(--bg3);border-color:var(--border)}
  .light .seg-btn.active{background:#dbeafe;color:var(--blue)}

  /* ── NAV ARROWS ── */
  .nav-arrows{display:flex;gap:4px;align-items:center}
  .lucide{width:16px;height:16px;stroke-width:1.9;vertical-align:middle;pointer-events:none}
  .nav-arrow{
    width:28px;height:28px;border:1px solid #2a4a7a;border-radius:6px;
    background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));color:#7aa4cc;font-size:14px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:all .18s ease;
    font-family:inherit;padding:0;line-height:1
  }
  .nav-arrow:hover:not(:disabled){border-color:var(--blue);color:#fff;background:#1e3a6e;transform:translateY(-1px)}
  .nav-arrow:disabled{opacity:.3;cursor:default}
  .light .nav-arrow{background:#e8eef6;border:1px solid #b0c4d8;color:#3d6a9a}
  .light .nav-arrow:hover:not(:disabled){background:#dbeafe;border-color:var(--blue);color:var(--blue)}


  /* ── SURVEY FLAG BADGE ── */
  .survey-badge{border-radius:8px;padding:8px 14px;text-align:center}
  /* dark mode */
  .survey-badge.overdue{background:#450a0a;border:1px solid #ef4444;}
  .survey-badge.soon{background:#431206;border:1px solid #f97316;}
  .survey-badge-label{font-size:9px;text-transform:uppercase;letter-spacing:.6px}
  .survey-badge.overdue .survey-badge-label{color:#fca5a5}
  .survey-badge.soon    .survey-badge-label{color:#fed7aa}
  .survey-badge-val{font-size:14px;font-weight:700;margin-top:2px}
  .survey-badge.overdue .survey-badge-val{color:#f87171}
  .survey-badge.soon    .survey-badge-val{color:#fb923c}
  /* light mode */
  .light .survey-badge.overdue{background:#fee2e2;border:1px solid #ef4444}
  .light .survey-badge.soon{background:#fff3e0;border:1px solid #f97316}
  .light .survey-badge.overdue .survey-badge-label{color:#7f1d1d}
  .light .survey-badge.soon    .survey-badge-label{color:#7c2d12}
  .light .survey-badge.overdue .survey-badge-val{color:#dc2626}
  .light .survey-badge.soon    .survey-badge-val{color:#c2410c}
  .survey-badge.urgent{box-shadow:0 0 0 2px #f97316,0 0 12px #f9731666;animation:pulse-badge 1.5s ease-in-out infinite}
  @keyframes pulse-badge{0%,100%{box-shadow:0 0 0 2px #f97316,0 0 8px #f9731644}50%{box-shadow:0 0 0 3px #f97316,0 0 18px #f9731688}}
  /* ── ALERT STRIP ── */
  /* ── ALERT BAR ── */
  #alert-strip{display:none;flex-direction:column;margin-bottom:10px}
  .alert-bar{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);font-size:11px;cursor:default;user-select:none}
  .alert-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:opacity .12s;white-space:nowrap}
  .alert-badge:hover{opacity:.8}
  .alert-badge.ab-red{background:#450a0a;border-color:#ef4444;color:#fca5a5}
  .alert-badge.ab-amber{background:#431206;border-color:#f97316;color:#fed7aa}
  .alert-badge.ab-green{background:#052e16;border-color:#22c55e;color:#86efac}
  .alert-badge.ab-purple{background:#2d1654;border-color:#a78bfa;color:#ddd6fe}
  .light .alert-badge.ab-red{background:#fee2e2;border-color:#ef4444;color:#991b1b}
  .light .alert-badge.ab-amber{background:#fff3e0;border-color:#f97316;color:#92400e}
  .light .alert-badge.ab-green{background:#dcfce7;border-color:#22c55e;color:#14532d}
  .light .alert-badge.ab-purple{background:#ede9fe;border-color:#7c3aed;color:#3b0764}
  .alert-detail-row{display:none;padding:6px 10px 6px 14px;border-radius:0 0 8px 8px;border:1px solid var(--border);border-top:none;background:var(--bg2);font-size:11px;color:var(--muted);line-height:1.7}
  .alert-detail-row.open{display:block}
  .alert-detail-item{display:flex;align-items:flex-start;gap:6px;padding:2px 0}
  .alert-detail-icon{flex-shrink:0;width:16px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
  .alert-detail-icon .lucide{width:13px;height:13px}
  /* ── SEARCH SPOTLIGHT ── */
  #spotlight-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;display:none;align-items:flex-start;justify-content:center;padding-top:120px}
  #spotlight-overlay.open{display:flex}
  #spotlight-box{background:var(--bg2);border:1px solid var(--border2);border-radius:14px;width:760px;max-width:94vw;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
  #spotlight-input{width:100%;box-sizing:border-box;padding:14px 18px;font-size:15px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;outline:none}
  #spotlight-results{max-height:340px;overflow-y:auto}
  .spot-item{
    padding:9px 16px;cursor:pointer;display:grid;grid-template-columns:18px minmax(0,1fr) minmax(220px,.95fr);align-items:center;gap:10px;font-size:12px;border-bottom:1px solid var(--faint);
    transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease;
  }
  .spot-item:hover{background:var(--bg3)}
  .spot-item.spot-active{
    background:rgba(37,99,235,.14);
    box-shadow:inset 3px 0 0 var(--blue);
  }
  .spot-item.spot-active .spot-item-label{color:var(--blue2)}
  .spot-item.spot-active .spot-item-icon{color:var(--blue)}
  .light .spot-item.spot-active{
    background:#dbeafe;
    box-shadow:inset 3px 0 0 var(--blue);
  }
  .spot-item-icon{width:18px;height:18px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
  .spot-item-label{min-width:0;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .spot-item-sub{min-width:0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
  @media (max-width: 760px){
    .spot-item{grid-template-columns:18px minmax(0,1fr)}
    .spot-item-sub{grid-column:2;text-align:left;padding-left:0}
  }
  .spot-group-hdr{padding:5px 16px 3px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--faint);background:var(--bg2);position:sticky;top:0}
  .spot-empty{padding:18px;text-align:center;color:var(--muted);font-size:13px}
  .spot-footer{padding:6px 16px;font-size:10px;color:var(--faint);text-align:right;border-top:1px solid var(--faint)}
  /* ── APP SHELL ── */
  #app{display:none;flex-direction:column;height:100vh;overflow:hidden;width:100%;max-width:100%;min-height:0}
  #app.visible{display:flex}
  #app[data-view="overview"]{--view-accent:var(--blue2);--view-accent-soft:rgba(18,115,234,.14)}
  #app[data-view="table"]{--view-accent:var(--blue2);--view-accent-soft:rgba(74,144,255,.16)}
  #app[data-view="company"]{--view-accent:var(--cyan);--view-accent-soft:rgba(55,199,201,.16)}
  #app[data-view="vessel"]{--view-accent:var(--teal2);--view-accent-soft:rgba(91,192,190,.16)}
  #app[data-view="apm"]{--view-accent:var(--amber);--view-accent-soft:rgba(242,169,59,.16)}
  #app[data-view="ss"]{--view-accent:var(--purple);--view-accent-soft:rgba(157,140,255,.16)}
  #app[data-view="tasks"]{--view-accent:var(--green);--view-accent-soft:rgba(40,194,123,.16)}
  #app[data-view="top10"],#app[data-view="quarterly"],#app[data-view="insights"],#app[data-view="meeting"]{--view-accent:var(--green);--view-accent-soft:rgba(40,194,123,.16)}
  #app[data-view="quote"],#app[data-view="purchases"]{--view-accent:var(--cyan);--view-accent-soft:rgba(55,199,201,.16)}

  /* ── HEADER ── */
  header{
    background:rgba(6,12,26,.76);backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(120,148,184,.14);box-shadow:0 10px 24px rgba(2,6,23,.12);
    padding:8px 18px;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;
    position:relative;z-index:240;overflow:visible
  }
  .h-left{display:flex;align-items:center;gap:12px}
  .h-brand{display:flex;align-items:center;gap:10px}
  .h-context{display:flex;align-items:center;min-width:0}
  .h-context-top{display:flex;align-items:center;gap:8px}
  .h-view-chip{
    display:inline-flex;align-items:center;padding:4px 9px;border-radius:10px;
    background:var(--view-accent-soft, rgba(74,144,255,.16));border:1px solid color-mix(in srgb, var(--view-accent, var(--blue2)) 34%, transparent);
    color:var(--view-accent, var(--blue2));font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase
  }
  .h-divider{width:1px;height:18px;background:var(--border)}
  .h-filename{display:none}
  .h-nav{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1;max-width:760px;position:relative;z-index:241}
  .h-groups{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .h-shortcut{
    width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:9px;
    background:rgba(255,255,255,.02);color:var(--text4);cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;
    transition:color .15s,border-color .15s,background .15s,box-shadow .15s;
  }
  .h-shortcut svg{width:18px;height:18px;stroke-width:2.4}
  .h-shortcut:hover{color:var(--text2);border-color:var(--border2);background:rgba(255,255,255,.04)}
  .h-shortcut.active{
    color:var(--view-accent, var(--blue2));
    border-color:color-mix(in srgb, var(--view-accent, var(--blue2)) 52%, transparent);
    background:var(--view-accent-soft, rgba(91,126,245,.18));
    box-shadow:0 2px 10px color-mix(in srgb, var(--view-accent, var(--blue2)) 22%, transparent);
  }
  .h-group{
    padding:0 11px;border:1px solid var(--border);background:rgba(255,255,255,.02);font-family:inherit;font-size:11px;font-weight:700;
    letter-spacing:.08em;color:var(--text4);cursor:pointer;white-space:nowrap;text-transform:uppercase;
    height:28px;transition:color .15s,border-color .15s,background .15s,transform .15s;
    border-radius:10px;display:flex;align-items:center;justify-content:center;
  }
  .h-group:hover{color:var(--text2);border-color:var(--border2);background:rgba(255,255,255,.04)}
  .h-group.active{
    color:var(--view-accent, var(--blue2));
    border-color:color-mix(in srgb, var(--view-accent, var(--blue2)) 52%, transparent);
    background:var(--view-accent-soft, rgba(91,126,245,.18));
    box-shadow:0 2px 10px color-mix(in srgb, var(--view-accent, var(--blue2)) 22%, transparent);
  }
  .h-tabs{
    display:none;align-items:stretch;gap:4px;padding:6px;background:var(--bg4);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:220px;
    box-shadow:0 18px 40px rgba(2,6,23,.34);position:absolute;top:34px;left:var(--submenu-left,0px);z-index:260
  }
  .h-nav.subtabs-open .h-tabs{display:flex}
  .h-tab{
    padding:0 12px;border:1px solid transparent;background:none;font-family:inherit;font-size:11px;font-weight:700;
    letter-spacing:.1px;color:var(--muted);cursor:pointer;white-space:nowrap;
    height:34px;transition:color .15s,border-color .15s,background .15s;
    border-radius:8px;padding-inline:12px;display:flex;align-items:center;justify-content:flex-start;
  }
  .h-tab-section{display:flex;flex-direction:column;gap:4px}
  .h-tab-section + .h-tab-section{border-top:1px solid var(--row-border);padding-top:6px;margin-top:3px}
  .h-tab-heading{
    padding:5px 12px 2px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
    color:var(--text4);line-height:1;
  }
  .h-tab:hover{color:var(--text2);background:rgba(255,255,255,.06)}
  .h-tab.active{
    color:#fff;border-color:transparent;
    background:linear-gradient(135deg,rgba(59,130,246,.95),rgba(37,99,235,.72));
    font-weight:700;box-shadow:none;
  }
  .light .h-tab:hover{background:rgba(0,0,0,.05)}
  .light .h-tab.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2563eb,#1d4ed8)}
  .light .h-group{background:#fff;border-color:var(--border);color:var(--text4)}
  .light .h-group:hover{background:#f5f9ff;border-color:#cad8e8;color:var(--text2)}
  .light .h-group.active{background:#eff6ff;border-color:#dbe8fb;color:var(--blue2)}
  .light .h-shortcut{background:#fff;border-color:var(--border);color:var(--text4)}
  .light .h-shortcut:hover{background:#f5f9ff;border-color:#cad8e8;color:var(--text2)}
  .light .h-shortcut.active{background:#eff6ff;border-color:#dbe8fb;color:var(--blue2)}
  .h-month-kpis{
    display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto;min-width:270px;
    position:relative;z-index:241
  }
  .h-month-kpi{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label trend" "value trend";column-gap:10px;row-gap:0;
    align-items:center;min-width:142px;padding:6px 9px;border:1px solid var(--border);border-radius:11px;
    background:rgba(255,255,255,.035);box-shadow:0 8px 20px rgba(2,6,23,.08);overflow:visible;
    cursor:pointer;text-align:left;color:inherit;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease
  }
  .h-month-kpi:hover{transform:translateY(-1px);border-color:var(--blue2);box-shadow:0 10px 22px rgba(37,99,235,.12)}
  .h-month-kpi-label{
    grid-area:label;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    color:var(--text4);line-height:1;white-space:nowrap
  }
  .h-month-kpi-value{
    grid-area:value;margin-top:3px;font-family:var(--font-mono);font-size:13px;font-weight:900;
    color:var(--text2);line-height:1;white-space:nowrap;min-width:0
  }
  .h-month-kpi-trend{
    grid-area:trend;display:inline-flex;align-items:center;justify-content:center;gap:2px;
    font-family:var(--font-mono);font-size:10px;font-weight:900;line-height:1;white-space:nowrap
  }
  .h-month-kpi-trend .lucide{width:12px;height:12px;stroke-width:2.8}
  .h-month-kpi.up .h-month-kpi-trend{color:#22c55e}
  .h-month-kpi.down .h-month-kpi-trend{color:#ef4444}
  .h-month-kpi.flat .h-month-kpi-trend{color:var(--muted)}
  .light .h-month-kpi{background:#fff;border-color:#dbe3ee;box-shadow:0 8px 18px rgba(15,23,42,.04)}
  .h-sales-month-overlay{
    position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,.28);
    display:flex;align-items:flex-start;justify-content:center;padding:98px 24px 24px;
    backdrop-filter:blur(3px)
  }
  .h-sales-month-panel{
    width:min(1180px,calc(100vw - 48px));max-height:min(74vh,720px);overflow:hidden;
    border:1px solid var(--border);border-radius:12px;background:var(--panel);
    box-shadow:0 22px 60px rgba(2,6,23,.24);display:flex;flex-direction:column
  }
  .light .h-sales-month-panel{background:#fff;border-color:#dbe3ee}
  .h-sales-month-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:16px 18px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.035)
  }
  .light .h-sales-month-head{background:#f8fafc}
  .h-sales-month-title{
    font-size:15px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);line-height:1.1
  }
  .h-sales-month-sub{
    margin-top:5px;font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--muted)
  }
  .h-sales-month-close{
    width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface-grad);
    color:var(--text4);display:inline-flex;align-items:center;justify-content:center;cursor:pointer
  }
  .h-sales-month-close:hover{border-color:var(--blue2);color:var(--blue2)}
  .h-sales-month-close .lucide{width:17px;height:17px}
  .h-sales-month-table-wrap{overflow:auto}
  .h-sales-month-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--text2)}
  .h-sales-month-table th{
    position:sticky;top:0;z-index:1;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);
    background:var(--panel);color:var(--text4);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap
  }
  .light .h-sales-month-table th{background:#fff}
  .h-sales-month-table td{padding:11px 12px;border-bottom:1px solid var(--row-border);vertical-align:top}
  .h-sales-month-row{cursor:pointer}
  .h-sales-month-row:hover,.h-sales-month-row.active{background:rgba(59,130,246,.06)}
  .h-sales-month-table .mono{font-family:var(--font-mono);font-weight:800;white-space:nowrap}
  .h-sales-month-table .money{text-align:right;color:var(--blue2)}
  .h-sales-month-detail td{padding:0 12px 14px 12px;background:rgba(59,130,246,.035)}
  .h-sales-month-items{width:100%;border-collapse:collapse;margin:0 0 2px 0;font-size:11px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;overflow:hidden}
  .h-sales-month-items th{
    position:static;padding:8px 10px;background:rgba(148,163,184,.08);font-size:9px;
    color:var(--text4);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border)
  }
  .h-sales-month-items td{padding:8px 10px;border-bottom:1px solid var(--row-border)}
  .h-sales-month-items tbody tr:last-child td{border-bottom:none}
  .h-sales-month-items th.num,.h-sales-month-items td.num{text-align:right}
  .h-sales-month-items th.num{font-family:var(--font-mono)}
  .h-sales-month-items .col-qty{width:72px}
  .h-sales-month-items .col-unit,.h-sales-month-items .col-discount,.h-sales-month-items .col-total{width:128px}
  .h-sales-month-empty{padding:28px 12px!important;text-align:center;color:var(--muted);font-weight:700}
  .h-right{display:flex;align-items:center;gap:10px}
  .h-meta{display:flex;align-items:flex-end;gap:10px;flex-direction:column}
  .reload-btn{
    padding:7px 10px;border:1px solid var(--border2);border-radius:10px;background:var(--surface-grad);
    color:var(--muted);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:var(--panel-glow)
  }
  .reload-btn:hover{border-color:var(--blue);color:var(--blue2);transform:translateY(-1px)}

  /* ── BODY ── */
  .body-wrap{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0}
  .content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px 32px;padding-right:24px;min-height:0;min-width:0}
  .content::before{
    content:"";position:sticky;top:0;display:block;height:0;z-index:0;
    box-shadow:0 -24px 120px 48px var(--view-accent-soft, rgba(74,144,255,.14));
    pointer-events:none
  }
  .content.panel-open{padding-right:calc(600px + 32px)}
  .content.workspace-panel-open,.content.purchases-panel-open,.content.vessel-panel-open{padding-right:740px}

  /* ── KPIs ── */
  .kpi-grid{
    display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-bottom:16px;
    padding:2px 0 0;
  }
  #wallet-share-row{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;
  }
  #purpose-row{
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px;
  }
  .kpi-card{
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),linear-gradient(135deg,var(--bg3),var(--bg4));border:1px solid var(--border);
    border-radius:var(--radius-md);padding:18px 18px 16px;transition:border-color .2s,transform .18s,box-shadow .18s ease;box-shadow:var(--panel-shadow-soft);position:relative;overflow:hidden
  }
  .kpi-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--view-accent,var(--blue)),rgba(96,165,250,.12));opacity:.95}
  .kpi-card:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--panel-shadow)}
  .kpi-label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .kpi-val{font-family:var(--font-mono);font-size:clamp(16px,1.8vw,26px);font-weight:600;letter-spacing:-.03em}
  .kpi-sub{font-size:11px;color:var(--text5);margin-top:3px}
  .sparkbar{height:4px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:12px}
  .sparkbar-fill{height:100%;border-radius:999px;transition:width .8s ease}

  /* ── FILTER BAR ── */
  .filter-bar{
    display:flex;gap:14px;margin-bottom:18px;align-items:center;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--border);
    border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:var(--panel-shadow-soft)
  }
  #app[data-view="table"] .filter-bar{
    position:sticky;
    top:0;
    z-index:120;
    background:var(--bg2);
    box-shadow:0 1px 0 var(--border);
    isolation:isolate;
  }
  .filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .filter-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .filter-bar input,.filter-bar select{
    background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:8px;
    color:var(--text);padding:9px 12px;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s,background .15s
  }
  .filter-bar input{width:240px}
  .filter-bar input:focus,.filter-bar select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
  .filter-bar select option{background:var(--bg2)}
  .filter-count{
    margin-left:auto;font-family:var(--font-mono);font-size:11px;color:var(--muted);
    padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg2)
  }
  .filter-summary{
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    margin:-6px 0 14px;padding:0 4px;
  }
  .filter-summary-label{
    font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  }
  .filter-chip{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 10px;border-radius:8px;border:1px solid var(--border2);
    background:var(--surface-grad);color:var(--text3);font-size:11px;font-weight:700;
    box-shadow:var(--panel-glow)
  }
  .filter-chip strong{color:var(--text)}
  .filter-chip-clear{
    margin-left:4px;background:none;border:none;color:var(--muted);cursor:pointer;
    font:inherit;font-size:12px;line-height:1;padding:0;
  }
  .needs-action-toggle.active{
    color:#ef4444;
    border-color:rgba(239,68,68,.26);
    background:rgba(239,68,68,.08);
  }
  .focus-toggle.active{
    color:var(--view-accent, var(--blue2));
    border-color:color-mix(in srgb, var(--view-accent, var(--blue2)) 38%, transparent);
    background:var(--view-accent-soft, rgba(74,144,255,.16));
  }
  .ui-btn,.ui-btn-subtle,.ui-btn-icon{
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    font-family:inherit;font-weight:700;cursor:pointer;text-decoration:none;
    transition:all .18s ease;white-space:nowrap;
  }
  .ui-btn{
    padding:8px 12px;border-radius:8px;border:1px solid transparent;
    background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;
    box-shadow:0 10px 18px rgba(37,99,235,.18);
  }
  .ui-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
  .ui-btn:disabled,.ui-btn-subtle:disabled,.ui-btn-icon:disabled{
    opacity:.46;cursor:not-allowed;transform:none!important;filter:none!important;pointer-events:none
  }
  .ui-btn-subtle{
    padding:7px 11px;border-radius:8px;border:1px solid var(--border2);
    background:var(--surface-grad);color:var(--muted);box-shadow:var(--panel-glow)
  }
  .ui-btn-subtle:hover,.ui-btn-icon:hover{border-color:var(--view-accent, var(--blue));color:var(--view-accent, var(--blue2));transform:translateY(-1px)}
  .ui-btn-icon{
    width:30px;height:30px;border-radius:8px;border:1px solid var(--border2);
    background:var(--surface-grad);color:var(--muted);box-shadow:var(--panel-glow)
  }
  .icon-btn-inline{display:inline-flex;align-items:center;justify-content:center}
  .icon-label-btn{display:inline-flex;align-items:center;gap:6px}
  .icon-label-btn .lucide,
  .icon-btn-inline .lucide,
  .nav-arrow .lucide,
  .d-close .lucide,
  .d-expand .lucide{width:14px;height:14px}
  .cr-search-icon,
  .planner-inline-icon{
    display:inline-flex;align-items:center;justify-content:center;color:var(--muted)
  }
  .cr-search-icon .lucide,
  .planner-inline-icon .lucide{width:14px;height:14px}
  .coll-arrow .lucide,.apm-arrow .lucide,.apm-co-arrow .lucide,.task-overdue-arrow .lucide{width:12px;height:12px;stroke-width:2.2}
  .alert-badge .lucide{width:12px;height:12px;stroke-width:2.2}
  .drop-btn .lucide{width:14px;height:14px;vertical-align:-2px;margin-right:4px}
  .reload-btn .lucide,.theme-toggle .lucide{width:13px;height:13px;vertical-align:-2px;margin-right:4px}
  .drill-nav-btn .lucide{width:13px;height:13px;vertical-align:-2px;margin-left:4px}
  .drill-clear .lucide{width:12px;height:12px;vertical-align:-1px;margin-right:3px}
  .filter-chip-clear .lucide{width:10px;height:10px;vertical-align:0}
  .ui-btn-subtle .lucide{width:13px;height:13px;vertical-align:-2px;margin-right:4px}
  #search-clear,
  .d-close,
  .d-expand,
  #apm-purchases > div:first-child button,
  #vessel-side > div:first-child button,
  #ops-side > div:first-child button,
  #workspace-side > div:first-child button{
    display:inline-flex;align-items:center;justify-content:center;gap:6px
  }
  .drill-nav-btn{
    padding:7px 11px;border:1px solid var(--border2);border-radius:8px;background:var(--surface-grad);
    color:var(--view-accent, var(--blue2));font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;
    transition:all .15s;white-space:nowrap;box-shadow:var(--panel-glow)
  }
  .drill-nav-btn:hover{background:var(--view-accent, var(--blue));color:#fff;border-color:transparent}
  .light .drill-nav-btn{color:var(--blue);border-color:var(--blue)}
  .light .drill-nav-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

  /* ── Quote Studio ── */
  .q-input{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text2);font-family:inherit;font-size:12px;padding:5px 8px;width:100%;outline:none;transition:border-color .15s}
  .q-input:focus{border-color:var(--blue)}
  .q-input::placeholder{color:var(--muted)}
  .ir-ac-wrap{position:relative;display:block;width:100%}
  .ir-ac-input{padding-right:30px!important}
  .ir-ac-toggle{
    position:absolute;right:7px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--muted);
    font-size:11px;font-family:inherit;line-height:1;cursor:pointer;padding:4px
  }
  .ir-ac-menu{
    display:none;position:absolute;z-index:10080;left:0;right:0;top:calc(100% + 5px);max-height:220px;overflow:auto;min-width:100%;
    background:var(--bg2);border:1px solid var(--border2);border-radius:10px;box-shadow:0 14px 34px rgba(15,23,42,.22);
    padding:4px
  }
  .ir-ac-item{
    display:block;width:100%;border:none;background:transparent;text-align:left;color:var(--text2);font-family:var(--font-body);
    font-size:12px;font-weight:700;line-height:1.25;padding:8px 9px;border-radius:7px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
  }
  .ir-ac-item:hover{background:rgba(59,130,246,.12);color:var(--blue2)}
  .ir-ac-empty{padding:8px 9px;color:var(--muted);font-size:11px;font-family:var(--font-body)}
  .q-cell{font-size:11px!important}
  .q-input[type=number]{-moz-appearance:textfield}
  .q-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
  select.q-input{cursor:pointer}
  textarea.q-input{font-size:12px;line-height:1.5}
  .light .q-input{background:#fff;border-color:#cbd5e1;color:#1e293b}
  .light .q-input:focus{border-color:#3b82f6}

  /* ── VIEW TOGGLE ── */
  .view-btns{display:flex;gap:4px;margin-bottom:16px}
  .view-btn{
    padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-grad);
    color:var(--muted);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:var(--panel-glow)
  }
  .view-btn.active{background:linear-gradient(135deg,rgba(59,130,246,.88),rgba(37,99,235,.72));border-color:transparent;color:#fff;box-shadow:none}
  .deals-view-toolbar{
    display:inline-flex;align-items:center;gap:5px;
    padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--bg2)
  }
  .deals-view-btn{
    width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer
  }
  .deals-view-btn.active{background:#eaf3ff;color:#2563eb;border-color:#bfdbfe}
  .light .deals-view-btn.active{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}
  .kanban-sort-wrap{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-left:6px
  }
  .kanban-sort-label{
    font-size:11px;
    font-weight:700;
    color:var(--muted);
    letter-spacing:.02em;
    text-transform:uppercase
  }
  #kanban-sort-select{
    height:30px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--bg2);
    color:var(--text);
    font-family:inherit;
    font-size:12px;
    padding:0 10px;
    outline:none
  }
  .light #kanban-sort-select{
    background:#fff;
    border-color:#cbd5e1;
    color:#1e293b
  }
  .top-sync-status{
    display:inline-flex;
    align-items:center;
    height:30px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid var(--border);
    font-size:11px;
    font-weight:700;
    letter-spacing:.02em;
    color:var(--muted);
    background:var(--bg2);
    margin-left:6px
  }
  .top-sync-status.synced{color:#16a34a;border-color:#22c55e66;background:#22c55e14}
  .top-sync-status.syncing{color:#2563eb;border-color:#3b82f666;background:#3b82f614}
  .top-sync-status.local{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b14}
  .top-sync-status.error{color:#ef4444;border-color:#ef444466;background:#ef444414}

  /* ── KANBAN ── */
  .kanban-wrap{position:relative}
  .kanban-head-row{
    position:sticky;
    top:var(--kanban-sticky-top,58px);
    z-index:100;
    display:grid;
    grid-template-columns:repeat(5,minmax(210px,1fr));
    gap:14px;
    width:100%;
    padding:2px 2px 6px;
    margin-bottom:2px;
    background:var(--bg2);
    box-shadow:0 1px 0 var(--border);
    isolation:isolate;
  }
  .kanban{
    display:grid;
    grid-template-columns:repeat(5,minmax(210px,1fr));
    gap:14px;
    width:100%;
    overflow:visible;
    padding:0 2px 10px;
    align-items:flex-start;
    min-height:0
  }
  #view-pipeline,
  #view-pipeline .kanban-wrap{
    transform:translateZ(0);
    backface-visibility:hidden;
  }
  #view-pipeline{overflow:visible}
  .k-col{
    background:transparent;
    border:none;
    border-radius:0;
    min-width:0;
    overflow:visible;
    box-shadow:none
  }
  .k-col.k-col-drop-ok .k-body{
    background:color-mix(in srgb, #22c55e 8%, transparent);
    outline:1px dashed rgba(34,197,94,.55);
    outline-offset:-2px;
    border-radius:8px;
  }
  .k-col.k-col-drop-denied .k-body{
    background:color-mix(in srgb, #ef4444 8%, transparent);
    outline:1px dashed rgba(239,68,68,.55);
    outline-offset:-2px;
    border-radius:8px;
  }
  .k-head{
    padding:2px 2px 4px;
    border-bottom:none;
    margin-bottom:0
  }
  .kanban-head-cell{
    background:var(--bg2);
    border-bottom:none;
    padding-bottom:2px;
    border-radius:8px 8px 0 0;
  }
  .kanban-head-cell .k-head{background:transparent}
  .k-head-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}
  .k-stage-name{font-size:18px;font-weight:800;letter-spacing:.01em;text-transform:none;color:var(--text)}
  .k-head-sub{font-size:12px;color:var(--muted);margin-top:0}
  .k-count{font-family:inherit;font-size:12px;color:var(--muted);font-weight:600}
  .k-val{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
  .k-body{
    padding:11px 0 10px;
    max-height:none;
    overflow:visible;
    background:transparent
  }
  .k-empty{padding:14px 10px;text-align:center;font-size:11px;color:var(--faint)}
  .k-card{
    position:relative;
    background:var(--bg2);
    border:1px solid color-mix(in srgb, var(--border) 76%, transparent);
    border-radius:9px;
    padding:10px 11px 9px;
    margin:0 0 11px;
    cursor:pointer;
    transition:all .15s ease;
    box-shadow:none
  }
  .k-card[draggable="true"]{cursor:grab}
  .k-card[draggable="true"]:active{cursor:grabbing}
  .k-card:hover{border-color:#93c5fd;background:var(--bg2);box-shadow:0 0 0 1px rgba(59,130,246,.16)}
  .k-card.sel{border-color:#60a5fa;box-shadow:0 0 0 1px rgba(59,130,246,.24)}
  .k-card-stage-warn{background:linear-gradient(180deg,rgba(245,158,11,.10),rgba(245,158,11,0) 58%),var(--bg2);border-color:rgba(245,158,11,.30)}
  .k-card-stage-hot{background:linear-gradient(180deg,rgba(239,68,68,.12),rgba(239,68,68,0) 62%),var(--bg2);border-color:rgba(239,68,68,.32)}
  .k-card-stage-warn:hover{border-color:rgba(245,158,11,.55);box-shadow:0 0 0 1px rgba(245,158,11,.18)}
  .k-card-stage-hot:hover{border-color:rgba(239,68,68,.58);box-shadow:0 0 0 1px rgba(239,68,68,.18)}
  .k-card-actions{
    position:absolute;right:76px;top:12px;z-index:3;display:flex;align-items:center;gap:3px;
    opacity:0;transform:translateY(-2px);transition:opacity .12s,transform .12s;pointer-events:none
  }
  .k-card:hover .k-card-actions,.k-card.sel .k-card-actions{opacity:1}
  .k-card:hover .k-card-actions,.k-card.sel .k-card-actions{transform:translateY(0);pointer-events:auto}
  .k-mini-action{
    width:18px;height:18px;border:1px solid var(--border);border-radius:6px;background:var(--bg3);
    color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0
  }
  .k-mini-action svg{width:10px;height:10px;stroke-width:2.7}
  .k-mini-action:hover{color:var(--blue2);border-color:#93c5fd;background:#eff6ff}
  .k-mini-action.active{color:#2563eb;border-color:#93c5fd;background:#dbeafe}
  .k-missing-email-dot{
    position:absolute;right:48px;top:17px;z-index:4;width:8px;height:8px;border-radius:50%;
    border:1px solid rgba(255,255,255,.95);background:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.16);
    padding:0;cursor:pointer
  }
  .k-next.hot{color:#ef4444;font-weight:850}
  .k-card.sel .k-vessel{color:var(--text2)!important}
  .k-card.sel .k-amount{color:#0f766e!important}
  .k-rfq{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-bottom:3px}
  .k-vessel{font-size:13px;font-weight:800;color:var(--text2);line-height:1.2;margin-bottom:2px}
  .k-company{font-size:12px;color:var(--text4);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .k-meta-row{font-size:10px;color:var(--muted);font-family:var(--font-mono);margin-top:1px}
  .k-next{font-size:10px;margin-top:3px}
  .k-next.today{color:#16a34a;font-weight:700}
  .k-next.overdue{color:#ef4444;font-weight:700}
  .k-next.future{color:var(--muted)}
  .k-bottom{display:flex;justify-content:space-between;align-items:center}
  .k-amount{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#0f766e}
  .k-task-footer{
    margin-top:8px;
    padding-top:7px;
    border-top:1px solid var(--row-border);
    display:grid;
    gap:2px;
    color:var(--text3);
    cursor:pointer
  }
  .k-task-footer span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
    font-weight:850;
    color:var(--text2)
  }
  .k-task-footer small{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-family:var(--font-mono);
    font-size:10px;
    color:var(--muted)
  }
  .k-task-footer.today small{color:#16a34a;font-weight:800}
  .k-task-footer.hot span,
  .k-task-footer.hot small{color:#ef4444;font-weight:850}
  .k-stage-age-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:20px;
    padding:0 7px;
    border-radius:999px;
    border:1px solid rgba(100,116,139,.22);
    background:rgba(100,116,139,.08);
    color:var(--muted);
    font-family:var(--font-mono);
    font-size:10px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    margin-left:8px
  }
  .k-stage-age-pill.ok{border-color:rgba(100,116,139,.22);background:rgba(100,116,139,.08);color:var(--muted)}
  .k-stage-age-pill.warn{border-color:rgba(245,158,11,.45);background:rgba(245,158,11,.13);color:#d97706}
  .k-stage-age-pill.hot{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.13);color:#ef4444}
  .k-elapsed{font-size:10px;margin-top:3px}
  .k-card-action{border-color:rgba(239,68,68,.35)!important;background:linear-gradient(180deg,rgba(239,68,68,.06),rgba(239,68,68,0)),var(--bg3)!important}
  .k-card-action:hover{border-color:#ef4444!important;background:linear-gradient(180deg,rgba(239,68,68,.12),rgba(239,68,68,0)),var(--bg4)!important}
  .k-action-badge{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ef4444;background:rgba(239,68,68,.13);border-radius:4px;padding:2px 5px;margin-bottom:5px}
  .k-card-head{display:flex;align-items:flex-start;gap:10px}
  .k-card-main{flex:1 1 auto;min-width:0}
  .deal-activity-arrow{
    width:22px;height:22px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
    color:#fff;cursor:pointer;flex-shrink:0;box-shadow:none;transition:box-shadow .16s ease
  }
  .deal-activity-arrow:hover{
    box-shadow:0 0 0 3px rgba(176,187,203,.95);
  }
  .kanban-compact .k-card{padding:8px 9px 7px;margin-bottom:8px}
  .kanban-compact .k-vessel{font-size:12px}
  .kanban-compact .k-company{font-size:11px;margin-bottom:4px}
  .kanban-compact .k-task-footer{margin-top:6px;padding-top:5px}
  .kanban-compact .k-card-actions{top:10px;right:74px}
  .kanban-compact .k-missing-email-dot{top:15px;right:48px}
  .deal-activity-arrow.future{background:#94a3b8}
  .deal-activity-arrow.today{background:#22c55e}
  .deal-activity-arrow.past{background:#ef4444}
  .deal-activity-arrow.no-task{
    background:rgba(244,191,26,.10);
    color:#e0a40a;
    border:1px solid rgba(244,191,26,.32);
    box-shadow:none;
  }
  .deal-activity-arrow.no-task:hover{
    background:rgba(244,191,26,.16);
    color:#b77906;
    border-color:rgba(224,164,10,.5);
    box-shadow:0 0 0 3px rgba(244,191,26,.14);
  }
  .light .deal-activity-arrow.no-task{
    background:#fff7db;
    color:#d49205;
    border:1px solid rgba(224,164,10,.26);
  }
  .light .deal-activity-arrow.no-task:hover{
    background:#fff1bf;
    color:#b77906;
    border-color:rgba(183,121,6,.35);
    box-shadow:0 0 0 3px rgba(244,191,26,.16);
  }
  .light .kanban{background:#fff}
  .light .k-col{background:transparent;border-color:transparent}
  .light .k-head{background:transparent}
  .light .k-body{background:transparent}
  .light .kanban-head-row{background:#fff}
  .light #app[data-view="table"] .filter-bar{background:#fff}
  .light .kanban-head-cell{border-bottom:none}

  /* Keep table top area fully opaque and consistent across List/Kanban */
  #app[data-view="table"] header{
    background:var(--bg2);
    backdrop-filter:none;
    box-shadow:0 1px 0 var(--border);
  }
  #app[data-view="table"] .body-wrap,
  #app[data-view="table"] .content{
    background:var(--bg2);
  }
  #app[data-view="table"] .content::before{
    box-shadow:none;
  }
  .light .k-card{background:#fff;border-color:#dbe2ea}
  .light .k-card:hover{border-color:#93c5fd;box-shadow:0 0 0 2px rgba(59,130,246,.14)}
  .light .k-rfq{color:#64748b}
  .light .k-company{color:#475569}
  .light .k-amount{color:#0f766e}
  @media (max-width: 1680px){
    .kanban-head-row{grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px}
    .kanban{grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px}
  }
  @media (max-width: 1360px){
    .kanban-head-row{grid-template-columns:repeat(5,minmax(175px,1fr));gap:10px}
    .kanban{grid-template-columns:repeat(5,minmax(175px,1fr));gap:10px}
    .k-stage-name{font-size:16px}
  }
  .deal-activity-menu{
    position:fixed;z-index:10060;min-width:320px;max-width:420px;background:var(--bg2);
    border:1px solid var(--border2);border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.35);overflow:hidden
  }
  .deal-activity-menu .item{display:flex;gap:10px;align-items:flex-start;padding:14px 14px 12px 14px}
  .deal-activity-menu .item+.item{border-top:1px solid var(--row-border)}
  .deal-activity-menu .bullet{
    width:15px;height:15px;border:1.5px solid #cbd5e1;border-radius:999px;flex-shrink:0;margin-top:3px;background:transparent;padding:0;cursor:pointer
  }
  .deal-activity-menu .title{font-size:14px;font-weight:800;color:var(--text)}
  .deal-activity-menu .meta{font-size:11px;margin-top:4px}
  .deal-activity-menu .meta.today{color:#16a34a;font-weight:700}
  .deal-activity-menu .meta.future{color:#94a3b8}
  .deal-activity-menu .meta.past{color:#ef4444;font-weight:700}
  .deal-activity-menu .schedule-btn{
    width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;
    color:var(--text);font:inherit;font-size:12px;font-weight:700;padding:12px 14px
  }
  .deal-activity-menu .no-task-item .no-task-text{
    font-size:11px;
    font-weight:500;
    color:var(--muted);
    line-height:1.35;
    letter-spacing:0;
  }
  .deals-list-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden}
  .deals-list-table{width:100%;border-collapse:collapse;font-size:12px}
  .deals-list-table thead th{
    position:static;background:var(--bg3);box-shadow:none;border-bottom:1px solid var(--border);
    color:var(--muted);font-size:10px;letter-spacing:.6px;text-transform:uppercase;padding:9px 10px
  }
  .deals-list-table td{padding:8px 10px;border-bottom:1px solid var(--row-border);vertical-align:middle}
  .deals-list-table tbody tr:hover{background:rgba(59,130,246,.06)}
  .deals-list-title{font-weight:700;color:var(--text2)}
  .deals-list-owner{color:var(--muted)}
  .deals-forecast{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;align-items:flex-start}
  .f-col{background:var(--bg2);border:1px solid var(--border);border-radius:12px;min-width:310px;flex:0 0 310px;overflow:hidden}
  .f-head{padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg3)}
  .f-month{font-size:15px;font-weight:800;color:var(--text)}
  .f-sub{font-size:11px;color:var(--muted);margin-top:3px}
  .f-body{padding:4px 0;max-height:calc(100vh - 320px);overflow-y:auto}
  .f-empty{padding:22px 12px;color:var(--muted);font-size:11px;text-align:center}
  .f-card{
    background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:9px 10px;margin:7px;cursor:pointer
  }
  .f-card:hover{border-color:#93c5fd;background:var(--bg4)}
  .f-card-head{display:flex;align-items:flex-start;gap:8px}
  .f-card-main{flex:1 1 auto;min-width:0}
  .f-title{font-size:12px;font-weight:700;color:var(--text2);line-height:1.25}
  .f-meta{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .f-amount{font-family:var(--font-mono);font-size:12px;color:#16a34a;font-weight:700;margin-top:7px}

  .sales-control-map{padding:16px 20px 24px}
  .scm-hero{
    display:flex;justify-content:space-between;gap:18px;align-items:flex-end;
    margin-bottom:14px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--bg2)
  }
  .scm-title{font-size:22px;font-weight:900;color:var(--text);letter-spacing:-.03em}
  .scm-sub{font-size:12px;color:var(--muted);margin-top:3px}
  .scm-kpis{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .scm-kpis>div{min-width:82px;padding:8px 10px;border:1px solid var(--border);border-radius:11px;background:var(--bg3)}
  .scm-kpis strong{display:block;font-family:var(--font-mono);font-size:15px;color:var(--text2)}
  .scm-kpis span{display:block;margin-top:2px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
  .scm-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
  .scm-filter{
    display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border);
    border-radius:999px;background:var(--bg2);color:var(--text3);font-family:inherit;font-size:11px;font-weight:900;cursor:pointer
  }
  .scm-filter span{font-family:var(--font-mono);font-size:10px;color:var(--muted)}
  .scm-filter.active{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}
  .scm-filter.active span{color:#1d4ed8}
  .scm-grid{display:grid;grid-template-columns:repeat(5,minmax(230px,1fr));gap:12px;align-items:flex-start}
  .scm-lane{border:1px solid var(--border);border-radius:14px;background:var(--bg2);overflow:hidden;min-width:0}
  .scm-lane.red{border-top:3px solid #ef4444}
  .scm-lane.amber{border-top:3px solid #f59e0b}
  .scm-lane.blue{border-top:3px solid #3b82f6}
  .scm-lane.green{border-top:3px solid #22c55e}
  .scm-lane.purple{border-top:3px solid #8b5cf6}
  .scm-lane-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:12px;border-bottom:1px solid var(--border);background:var(--bg3)}
  .scm-lane-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;color:var(--text2)}
  .scm-lane-hint{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.35}
  .scm-lane-kpi{text-align:right;font-family:var(--font-mono);font-size:22px;font-weight:900;color:var(--text);line-height:1}
  .scm-lane-kpi span{display:block;font-size:13px;color:var(--text2);font-weight:900;margin-top:6px;white-space:nowrap}
  .scm-lane-body{padding:8px;max-height:calc(100vh - 360px);overflow:auto}
  .scm-card{padding:10px;border:1px solid var(--border);border-radius:11px;background:var(--bg3);cursor:pointer;margin-bottom:8px;transition:border-color .12s,background .12s,transform .12s}
  .scm-card:hover{border-color:#93c5fd;background:var(--bg4);transform:translateY(-1px)}
  .scm-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
  .scm-vessel{font-size:12px;font-weight:900;color:var(--text);line-height:1.25}
  .scm-meta{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
  .scm-value{font-family:var(--font-mono);font-size:11px;color:#0f766e;font-weight:900;white-space:nowrap}
  .scm-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
  .scm-tag{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;border:1px solid var(--border);font-size:9px;font-weight:900;color:var(--muted);background:var(--bg2)}
  .scm-tag.red{border-color:#fecaca;background:#fee2e2;color:#dc2626}
  .scm-tag.amber{border-color:#fed7aa;background:#ffedd5;color:#ea580c}
  .scm-tag.blue{border-color:#bfdbfe;background:#dbeafe;color:#2563eb}
  .scm-tag.green{border-color:#bbf7d0;background:#dcfce7;color:#16a34a}
  .scm-tag.purple{border-color:#ddd6fe;background:#ede9fe;color:#7c3aed}
  .scm-action{font-size:12px;font-weight:900;color:var(--text2);margin-top:8px;line-height:1.3}
  .scm-reason{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.35}
  .scm-task{font-size:10px;color:var(--text3);margin-top:8px;padding-top:7px;border-top:1px solid var(--row-border);line-height:1.35}
  .scm-task.hot{color:#ef4444;font-weight:800}
  .scm-empty{padding:24px 8px;text-align:center;color:var(--muted);font-size:11px}
  @media(max-width:1400px){.scm-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}
  @media(max-width:780px){.scm-hero{align-items:flex-start;flex-direction:column}.scm-grid{grid-template-columns:1fr}.scm-lane-body{max-height:none}}

  /* ── TABLE ── */
  .tbl-outer{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--panel-shadow-soft);background:var(--bg2)}
  #view-table.detail-open .tbl-outer{margin-right:0}
  #view-table.detail-open .tbl-wrap{overflow-x:hidden}
  #view-table.detail-open table{table-layout:fixed}
  #view-table.detail-open th,
  #view-table.detail-open td{
    padding:8px 8px;
    word-break:break-word;
  }
  #view-table.detail-open th{
    white-space:normal;
    line-height:1.25;
  }
  #view-table.detail-open .td-rfq,
  #view-table.detail-open .td-vessel,
  #view-table.detail-open .td-company,
  #view-table.detail-open .td-date{
    white-space:normal !important;
    overflow:visible;
    text-overflow:clip;
  }
  #view-table.detail-open td[style*="white-space:nowrap"]{
    white-space:normal !important;
  }
  #view-table.detail-open .lk-track{
    min-width:34px;
  }
  #view-table.detail-open .lk-pct{
    font-size:10px;
    white-space:nowrap;
  }
  #view-overview.detail-open,
  #view-top10.detail-open,
  #view-company.detail-open,
  #view-vessel.detail-open,
  #view-tasks.detail-open,
  #view-quarterly.detail-open,
  #view-insights.detail-open,
  #view-meeting.detail-open{
    padding-right:584px;
  }
  .tbl-wrap{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--bg2);overflow-x:auto}
  table{width:100%;border-collapse:collapse;font-size:12px}
  th{
    padding:10px 12px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.7px;
    text-transform:uppercase;color:var(--muted);cursor:pointer;user-select:none;white-space:nowrap;
    transition:color .1s;
    position:sticky;top:0;z-index:2;background:rgba(14,26,43,.92);backdrop-filter:blur(12px);
    box-shadow:inset 0 -1px 0 var(--border);
  }
  th.no-sort{cursor:default}
  th:not(.no-sort):hover{color:var(--blue3)}
  th.sort-asc::after{content:" \2191"}
  th.sort-desc::after{content:" \2193"}
  th.sort-asc::after{content:" \2191"}
  th.sort-desc::after{content:" \2193"}
  tbody tr{border-bottom:1px solid var(--row-border);cursor:pointer;transition:background .12s,box-shadow .12s}
  .apm-row-vessel{transition:background .12s,box-shadow .12s;background:var(--bg2) !important}
  .apm-row-vessel:hover{background:var(--bg4) !important;box-shadow:inset 3px 0 0 var(--blue)}
  .apm-row-co{transition:background .12s,box-shadow .12s}
  .apm-row-co:hover{background:var(--bg4) !important;box-shadow:inset 3px 0 0 var(--blue2)}
  .apm-co-vessels{border-left:2px solid var(--border2);margin-left:12px;padding-left:6px;padding-bottom:2px}
  .apm-contact-cell{min-width:132px;justify-self:end}
  .apm-contact-btn,.apm-contact-empty{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    width:100%;min-height:30px;padding:6px 12px;border-radius:6px;
    font-size:11px;font-weight:700;line-height:1;text-decoration:none;
    white-space:nowrap;box-sizing:border-box;
  }
  .apm-contact-btn{background:var(--blue2);color:#fff;border:1px solid var(--blue2)}
  .apm-contact-empty{background:var(--bg4);color:var(--muted);border:1px solid var(--border)}
  tbody tr:hover{background:rgba(96,165,250,.08);box-shadow:inset 2px 0 0 var(--blue2)}
  .light tbody tr:hover{background:var(--bg4);box-shadow:inset 3px 0 0 var(--blue)}
  tbody tr.sel{background:rgba(59,130,246,.14)}
  tbody tr.followup-today{background:rgba(239,68,68,.09);box-shadow:inset 2px 0 0 rgba(239,68,68,.72)}
  tbody tr.followup-today:hover{background:rgba(239,68,68,.13);box-shadow:inset 3px 0 0 rgba(239,68,68,.9)}
  .light tbody tr.followup-today{background:#fff1f2;box-shadow:inset 3px 0 0 #ef4444}
  .light tbody tr.followup-today:hover{background:#ffe4e6;box-shadow:inset 3px 0 0 #dc2626}
  td{padding:9px 12px;vertical-align:middle}
  .td-rfq{font-family:var(--font-mono);font-size:11px;color:var(--blue)}
  .td-vessel{font-weight:700;color:var(--text)}
  .td-company{color:var(--text4);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .td-amount{font-family:var(--font-mono);font-weight:700;color:var(--teal2)}
  .td-date{font-family:var(--font-mono);font-size:11px;color:var(--text4)}
  .td-date.urgency-overdue,.td-meta.urgency-overdue{color:#ef4444;font-weight:700}
  .td-date.urgency-today,.td-meta.urgency-today{color:#f97316;font-weight:700}
  .td-date.urgency-soon,.td-meta.urgency-soon{color:#f59e0b;font-weight:700}
  .td-date .urgency-note,.td-meta .urgency-note{font-size:10px;margin-left:4px}
  .td-date .urgency-note.muted,.td-meta .urgency-note.muted{color:var(--muted)}
  .table-badge{
    display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;
    font-size:10px;font-weight:700;border:1px solid transparent
  }
  .table-badge.danger{color:#ef4444;background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.18)}
  .table-badge.warn{color:#f97316;background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.2)}
  .table-badge.info{color:#f59e0b;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.22)}
  .td-product{font-family:var(--font-mono);font-size:11px;color:var(--text5)}
  .deals-stage-section{margin-bottom:8px}
  .deals-stage-header{
    display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg3);
    border:1px solid var(--border);border-radius:10px 10px 0 0;cursor:pointer;user-select:none
  }
  .deals-stage-header.is-collapsed{border-radius:10px}
  .deals-stage-chevron{color:var(--muted)}
  .deals-stage-title{font-size:13px;font-weight:800;letter-spacing:0}
  .deals-stage-count{font-size:12px;color:var(--muted)}
  .deals-stage-total{font-size:12px;font-weight:800;color:var(--text3);margin-left:auto}
  .deals-stage-table-wrap{border-radius:0 0 10px 10px;border:1px solid var(--border);border-top:none}
  #view-table .deals-stage-table th{
    background:var(--bg3);backdrop-filter:none;box-shadow:inset 0 -1px 0 var(--border);
    color:var(--muted);font-size:10px;letter-spacing:.6px
  }
  #view-table .deals-stage-table td{padding:9px 10px}
  #view-table .deals-stage-table tbody tr:hover{background:rgba(59,130,246,.06);box-shadow:inset 2px 0 0 #3b82f6}
  .light .deals-stage-header{background:#f8fafc;border-color:#dbe3ee}
  .light .deals-stage-table-wrap{border-color:#dbe3ee}
  .light #view-table .deals-stage-table th{
    background:#f8fafc;color:#64748b;box-shadow:inset 0 -1px 0 #dbe3ee
  }
  .light #view-table .deals-stage-table td{border-bottom:1px solid #edf2f7}
  .deals-monday-board{padding-top:10px!important}
  .monday-group{
    margin-bottom:14px;
    border:1px solid #dbe5f1;
    border-radius:14px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.04);
  }
  .monday-group-header{
    position:relative;
    min-height:52px;
    gap:12px;
    padding:12px 16px 12px 18px;
    background:#fff;
    border:none;
    border-radius:0;
    box-shadow:inset 0 -1px 0 #e7edf5;
  }
  .monday-group-accent{
    width:6px;
    align-self:stretch;
    border-radius:999px;
    flex:0 0 6px;
  }
  .monday-group-title-wrap{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .monday-group-label{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
  }
  .monday-table-wrap{
    border:none;
    border-top:1px solid #edf2f7;
    border-radius:0;
    background:#fff;
  }
  .monday-board-table{
    border-collapse:separate;
    border-spacing:0;
    width:100%;
    table-layout:auto;
    background:#fff;
  }
  #view-table .monday-board-table th{
    position:sticky;
    top:0;
    z-index:1;
    background:#f5f7fb;
    color:#6b7280;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:inset 0 -1px 0 #dbe5f1;
    border-right:1px solid #e9eef5;
  }
  #view-table .monday-board-table th:last-child{border-right:none}
  #view-table .monday-board-table td{
    padding:11px 12px;
    border-bottom:1px solid #eef3f8;
    border-right:1px solid #eef3f8;
    background:#fff;
    vertical-align:middle;
  }
  #view-table .monday-board-table td:last-child{border-right:none}
  #view-table .monday-board-table tbody tr:last-child td{border-bottom:none}
  #view-table .monday-board-table tbody tr:hover td{
    background:#f8fbff;
    box-shadow:none;
  }
  #view-table .monday-board-table .td-rfq{
    font-family:var(--font-mono);
    font-size:12px;
    font-weight:700;
    color:#2563eb;
  }
  #view-table .monday-board-table .td-vessel{
    font-size:12px;
    font-weight:800;
    color:#1f2937;
  }
  #view-table .monday-board-table .td-company{
    color:#334155;
    font-size:12px;
  }
  #view-table .monday-board-table .td-amount{
    font-family:var(--font-mono);
    font-size:12px;
    font-weight:800;
    color:#0f766e;
  }
  #view-table .monday-board-table .td-date{
    font-weight:700;
    color:#334155;
  }
  .light .monday-group{
    background:#fff;
    border-color:#dbe5f1;
    box-shadow:0 10px 24px rgba(15,23,42,.04);
  }
  .light .monday-group-header{
    background:#fff;
    box-shadow:inset 0 -1px 0 #e7edf5;
  }
  .light .monday-table-wrap{background:#fff;border-top-color:#edf2f7}
  #pur-table{border-collapse:separate !important;border-spacing:0}
  .pur-sticky-head{
    position:sticky;top:0;z-index:8;background:var(--bg3);
    border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;
    overflow:hidden;box-shadow:var(--panel-shadow-soft)
  }
  .pur-sticky-head-inner{will-change:transform}
  .pur-sticky-table{width:100%;border-collapse:separate;border-spacing:0;font-size:11px;min-width:1725px;table-layout:fixed}

  /* ── PILLS ── */
  .pill{
    display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;
    font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase
  }

  /* ── DETAIL PANEL ── */
  #detail{
    position:fixed;right:0;top:62px;bottom:0;width:min(560px,calc(100vw - 36px));
    background:var(--bg2);border-left:1px solid var(--border);
    padding:20px;overflow-y:auto;z-index:140;visibility:hidden;pointer-events:none;
    transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1),visibility 0s linear .25s;box-shadow:-12px 0 28px rgba(2,6,23,.12)
  }
  #detail.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1)}
  #detail.detail-half{width:min(50vw,calc(100vw - 24px))}
  body.deal-view-open{overflow:hidden}
  #deal-view-overlay{
    position:fixed;inset:0;z-index:9200;display:none;
    background:rgba(2,8,18,.70);
    backdrop-filter:blur(10px) saturate(150%)
  }
  #deal-view-overlay.open{display:block}
  #deal-view-shell{
    position:absolute;inset:8px;border-radius:20px;
    background:var(--bg2);border:1px solid var(--border2);
    box-shadow:0 40px 80px rgba(2,6,23,.55),inset 0 1px 0 rgba(255,255,255,.04);
    overflow:hidden;display:flex;flex-direction:column
  }
  #deal-view-shell::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,var(--blue) 0%,var(--cyan) 50%,var(--teal) 100%);
    z-index:2;border-radius:20px 20px 0 0;pointer-events:none
  }
  #deal-view-head{
    display:flex;justify-content:flex-end;align-items:center;
    padding:0 18px;height:50px;flex-shrink:0;
    background:var(--bg3);
    border-bottom:1px solid var(--border)
  }
  #deal-view-close{
    width:32px;height:32px;border-radius:9px;border:1px solid var(--border);
    background:transparent;color:var(--text4);cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    transition:border-color .15s,color .15s,background .15s
  }
  #deal-view-close:hover{border-color:var(--red);color:var(--red);background:rgba(239,90,90,.08)}
  #deal-view-body{
    flex:1;display:flex;flex-direction:column;overflow:hidden;
    padding:0 24px 18px 24px
  }
  .deal-view-header{
    display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;
    padding:20px 0 16px 0;flex-shrink:0;
    border-bottom:1px solid var(--border);
    margin-bottom:2px
  }
  .deal-view-rfq{
    display:inline-flex;align-items:center;gap:6px;
    font-size:10px;font-weight:800;letter-spacing:.10em;
    color:var(--blue2);background:rgba(91,126,245,.10);
    border:1px solid rgba(91,126,245,.22);
    border-radius:6px;padding:3px 9px;
    margin-bottom:10px;text-transform:uppercase
  }
  .deal-view-name{font-size:28px;line-height:1.05;font-weight:900;letter-spacing:-.04em;color:var(--text)}
  .deal-view-meta{margin-top:6px;font-size:12px;line-height:1.5;color:var(--text4)}
  .deal-view-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:4px}
  .deal-view-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
  .deal-view-pill{
    display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;
    font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent
  }
  .deal-view-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
  .deal-view-top-grid{
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr) minmax(220px,.72fr);
    gap:14px;flex-shrink:0;padding:14px 0 6px 0
  }
  .deal-view-age-card,.deal-view-value-card,.deal-view-potential-card{
    background:var(--bg3);border:1px solid var(--border);border-radius:14px;padding:18px 20px
  }
  .deal-view-age-card .deal-view-age-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
  .deal-view-age-label{font-size:15px;font-weight:700;color:var(--text)}
  .deal-view-age-days{font-size:16px;font-weight:800;color:var(--text2)}
  .deal-view-age-bar{height:12px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}
  .deal-view-age-fill{height:100%;border-radius:999px}
  .deal-view-metric-list{display:grid;gap:8px;margin-top:14px}
  .deal-view-metric-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .deal-view-metric-row span:first-child{font-size:12px;color:var(--text4)}
  .deal-view-metric-row span:last-child{font-size:12px;font-weight:800;color:var(--text2)}
  .deal-view-value-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:8px}
  .deal-view-value-amount{font-size:40px;line-height:.94;letter-spacing:-.06em;font-weight:900;color:var(--blue)}
  .deal-view-value-sub{margin-top:4px;font-size:11px;color:var(--text5)}
  .deal-view-value-card{
    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
  }
  .deal-view-potential-card{
    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center
  }
  .deal-view-potential-score{
    font-size:40px;line-height:.94;letter-spacing:-.06em;font-weight:900
  }
  .deal-view-potential-label{
    margin-top:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase
  }
  .deal-view-potential-empty{
    font-size:28px;line-height:1;font-weight:900;color:var(--text3)
  }
  .deal-view-wrap{
    flex:1;min-height:0;display:grid;
    grid-template-columns:360px minmax(0,1fr);
    gap:0;border-top:1px solid var(--border);margin-top:10px
  }
  .deal-view-rail,.deal-view-main{min-width:0;min-height:0}
  .deal-view-rail{
    overflow:auto;
    padding:18px 18px 18px 0;
    border-right:1px solid var(--border)
  }
  .deal-view-main{
    overflow:auto;padding:18px 0 18px 22px
  }
  .deal-view-side-section{
    background:var(--bg3);
    border:1px solid var(--border);
    border-radius:12px;padding:14px 15px;
    margin-bottom:10px
  }
  .deal-view-side-section:last-child{margin-bottom:0}
  .deal-view-title{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .deal-view-sub{margin-top:4px;font-size:11px;line-height:1.55;color:var(--text4)}
  .deal-view-entity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
  .deal-view-entity-name{font-size:15px;font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em}
  .deal-view-entity-kpis{display:grid;grid-template-columns:1fr;gap:0}
  .deal-view-kpi{
    display:flex;align-items:baseline;justify-content:space-between;gap:14px;
    padding:6px 0;border-bottom:1px solid rgba(148,163,184,.07)
  }
  .deal-view-kpi:last-child{padding-bottom:0;border-bottom:none}
  .deal-view-kpi-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text5)}
  .deal-view-kpi-value{font-size:12px;font-weight:800;color:var(--text2);text-align:right}
  .deal-view-kpi-value.soft{color:var(--text4)}
  .deal-view-main-panel{
    background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:16px 18px;
    margin-bottom:12px;overflow:visible
  }
  .deal-view-main-panel:last-child{margin-bottom:0}
  .deal-view-main-panel + .deal-view-main-panel{margin-top:0}
  .deal-view-composer-tabs{
    display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);
    margin:0 -18px 0 -18px;padding:0 18px;overflow:auto
  }
  .deal-view-composer-tab{
    border:none;background:none;padding:9px 14px;cursor:pointer;color:var(--text4);
    font:inherit;font-size:12px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent;
    transition:color .15s
  }
  .deal-view-composer-tab.active{color:var(--blue2);border-bottom-color:var(--blue2)}
  .deal-view-composer-tab:hover:not(.active){color:var(--text2)}
  .deal-view-composer-body{padding:18px 0 10px 0}
  .deal-view-offer-meta-grid{
    display:grid;grid-template-columns:minmax(380px,1fr) minmax(320px,.95fr);gap:22px;
    align-items:start;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.14)
  }
  .deal-view-offer-meta-section{
    min-width:0;padding:0 0 2px 0
  }
  .deal-view-kv-list{display:grid;gap:0}
  .deal-view-kv-row{
    display:flex;align-items:flex-start;justify-content:space-between;gap:18px;
    padding:10px 0;border-bottom:1px solid rgba(148,163,184,.10)
  }
  .deal-view-kv-row:last-child{border-bottom:none;padding-bottom:0}
  .deal-view-kv-row span:first-child{
    flex:0 0 138px;min-width:138px;
    font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)
  }
  .deal-view-kv-row span:last-child{
    flex:1;min-width:0;
    font-size:12px;font-weight:700;color:var(--text2);text-align:right;
    overflow-wrap:anywhere;word-break:normal
  }
  .deal-view-main-head{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:0 0 12px 0
  }
  .deal-view-main-head.compact{padding-bottom:10px}
  .deal-view-section-title{font-size:17px;font-weight:800;color:var(--text)}
  .deal-view-collapse-btn{
    border:none;background:none;color:var(--text2);cursor:pointer;font:inherit;
    display:inline-flex;align-items:center;gap:8px;font-weight:800;padding:0
  }
  .deal-view-panel-body{padding:8px 0 0 0}
  .deal-view-focus-list{display:grid;gap:12px}
  .deal-view-focus-item{
    padding:0 0 16px 0;border-bottom:1px solid rgba(148,163,184,.12);background:transparent
  }
  .deal-view-focus-item:last-child{padding-bottom:0;border-bottom:none}
  .deal-view-focus-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .deal-view-focus-item-title{font-size:17px;font-weight:800;color:var(--text2);line-height:1.15}
  .deal-view-focus-item-meta{margin-top:6px;font-size:11px;color:var(--text4);display:flex;gap:8px;flex-wrap:wrap}
  .deal-view-focus-item-note{margin-top:8px;font-size:12px;color:var(--text3);line-height:1.55;white-space:pre-wrap}
  .deal-view-flow-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
  .deal-view-flow-chip{
    display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;
    border:1px solid var(--border2);background:var(--bg4);font-size:11px;font-weight:700;color:var(--text2);
    cursor:pointer;transition:border-color .15s,color .15s,background .15s
  }
  .deal-view-flow-chip:hover{border-color:var(--blue2);color:var(--blue2);background:rgba(91,126,245,.08)}
  .deal-view-inline-form{display:grid;grid-template-columns:minmax(0,1.5fr) 148px auto;gap:8px;align-items:end}
  .deal-view-log-form{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:8px;align-items:end}
  .deal-view-note{
    width:100%;border:1px solid var(--border);border-radius:10px;background:var(--bg2);
    color:var(--text);font:inherit;padding:10px 12px;min-height:80px;resize:vertical
  }
  .deal-view-note:focus{outline:none;border-color:var(--blue)}
  .deal-view-history-feed{display:grid}
  .deal-view-history-item{padding:16px 0;border-top:1px solid rgba(148,163,184,.12)}
  .deal-view-history-item:first-child{padding-top:0;border-top:none}
  .deal-view-history-date{font-size:11px;color:var(--text4);margin-bottom:3px}
  .deal-view-history-title{font-size:14px;font-weight:800;color:var(--text2);line-height:1.35}
  .deal-view-history-meta{margin-top:4px;font-size:12px;color:var(--text3);line-height:1.55;white-space:pre-wrap}
  .deal-view-subsection{margin-top:22px;padding-top:18px;border-top:1px solid rgba(148,163,184,.12)}
  .deal-view-subsection:first-child{margin-top:0;padding-top:0;border-top:none}
  .deal-view-subsection-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
  .deal-view-simple-table{width:100%;border-collapse:collapse;font-size:11px}
  .deal-view-simple-table thead tr{border-bottom:1px solid rgba(148,163,184,.14)}
  .deal-view-simple-table th{padding:8px 0;text-align:left;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .deal-view-simple-table td{padding:11px 0;border-bottom:1px solid rgba(148,163,184,.10);color:var(--text2);vertical-align:top}
  .deal-view-simple-table tbody tr:last-child td{border-bottom:none}
  .deal-view-simple-table tbody tr:hover{background:transparent}
  .deal-view-empty{font-size:12px;color:var(--muted)}
  @media (max-width: 1260px){
    #deal-view-shell{inset:6px}
    .deal-view-top-grid,.deal-view-wrap{grid-template-columns:1fr}
    .deal-view-offer-meta-grid{grid-template-columns:1fr}
    .deal-view-rail{border-right:none;border-bottom:1px solid var(--border);padding:0 0 16px 0;overflow:visible}
    .deal-view-main{padding:16px 0 0 0;overflow:visible}
    #deal-view-body{overflow:auto}
  }
  .light #deal-view-shell{background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.12)}
  .light #deal-view-head{background:#f8fafc;border-bottom-color:var(--border)}
  .light .deal-view-side-section{background:#f8fafc;border-color:var(--border)}
  .light .deal-view-main-panel{background:#f8fafc;border-color:var(--border)}
  .light .deal-view-age-card,.light .deal-view-value-card{background:#f8fafc;border-color:var(--border)}
  .light .deal-view-rfq{background:#eff6ff;border-color:#bfdbfe;color:var(--blue2)}
  .light .deal-view-flow-chip{background:#f1f5f9;border-color:var(--border2);color:var(--text2)}
  .light .deal-view-note{background:#fff;border-color:var(--border2)}
  .light #deal-view-close{background:transparent;color:var(--text4)}

  /* line items table inside panel */
  .li-wrap{margin-top:14px;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--panel-shadow-soft)}
  .li-table{width:100%;border-collapse:collapse;font-size:11px}
  .li-table thead tr{background:var(--bg3);border-bottom:1px solid var(--border)}
  .li-table th{padding:7px 8px;text-align:left;font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);white-space:nowrap}
  .li-table th.right,.li-table td.right{text-align:right}
  .li-table tbody tr{border-bottom:1px solid var(--row-border)}
  .li-table tbody tr:last-child{border-bottom:none}
  .li-table tbody tr:hover{background:var(--bg3);box-shadow:inset 3px 0 0 var(--blue2)}
  .deal-view-offer-table-wrap{overflow:auto}
  .deal-view-offer-table{width:100%;min-width:1040px;table-layout:fixed}
  .deal-view-offer-table th,
  .deal-view-offer-table td{white-space:nowrap}
  .deal-view-offer-table th:nth-child(2),
  .deal-view-offer-table td:nth-child(2){white-space:normal}
  .deal-view-offer-table td:nth-child(1),
  .deal-view-offer-table th:nth-child(1){overflow-wrap:anywhere}
  .deal-view-offer-table td:nth-child(2) > div:first-child{overflow-wrap:anywhere}

  #apm-purchases,#vessel-side,#ops-side,#workspace-side{
    top:62px !important;
    width:720px !important;
  }
  #apm-purchases > div:first-child,
  #vessel-side > div:first-child,
  #ops-side > div:first-child,
  #workspace-side > div:first-child{
    padding:14px 20px !important;
    background:var(--bg3) !important;
    border-bottom:1px solid var(--border) !important;
  }
  #apm-purchases > div:first-child button,
  #vessel-side > div:first-child button,
  #ops-side > div:first-child button,
  #workspace-side > div:first-child button{
    border-radius:8px !important;
    border:1px solid var(--border2) !important;
    background:var(--surface-grad) !important;
    color:var(--text3) !important;
    box-shadow:var(--panel-glow);
  }
  #apm-purchases > div:first-child button:hover,
  #vessel-side > div:first-child button:hover,
  #ops-side > div:first-child button:hover,
  #workspace-side > div:first-child button:hover{
    border-color:var(--view-accent, var(--blue)) !important;
    color:var(--view-accent, var(--blue2)) !important;
  }
  .table-empty{
    border:1px dashed var(--border2);border-radius:12px;background:var(--bg2);
    padding:44px 20px;text-align:center;color:var(--muted);box-shadow:var(--panel-shadow-soft);
  }
  .table-empty-title{font-size:15px;font-weight:800;color:var(--text2);margin-bottom:6px}
  .table-empty-sub{font-size:12px;line-height:1.6;max-width:420px;margin:0 auto}
  #app.table-focus #kpi-grid,
  #app.table-focus #wallet-share-row,
  #app.table-focus #purpose-row,
  #app.table-focus #alert-strip{display:none !important}
  #app.table-focus .filter-bar{padding:9px 12px;margin-bottom:12px}
  #app.table-focus th{padding:8px 10px}
  #app.table-focus td{padding:7px 10px}
  #app.table-focus .tbl-wrap{border-radius:10px}
  #app.table-focus .td-company{max-width:220px}
  .planner-vessel-row{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:10px 14px;background:var(--bg3);border-radius:8px;margin:0 0 3px 0;cursor:pointer;
  }
  .planner-vessel-main{
    display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;flex-wrap:wrap;
  }
  .planner-vessel-name{
    font-weight:700;font-size:13px;color:var(--text2);min-width:180px;
  }
  .planner-vessel-meta{
    display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0;flex:1 1 auto;
  }
  .planner-vessel-meta-item{
    font-size:10px;color:var(--muted);white-space:nowrap;
  }
  .planner-vessel-meta-item.mono{
    font-family:var(--font-mono);color:var(--faint);
  }
  .planner-vessel-actions{
    display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto;
  }
  .planner-action-btn.active{
    color:var(--view-accent, var(--blue2));
    border-color:color-mix(in srgb, var(--view-accent, var(--blue2)) 42%, transparent);
    background:var(--view-accent-soft, rgba(74,144,255,.16));
    box-shadow:var(--panel-glow), inset 0 0 0 1px color-mix(in srgb, var(--view-accent, var(--blue2)) 18%, transparent);
  }
  .planner-action-btn.active:hover{
    color:var(--view-accent, var(--blue2));
    background:var(--view-accent-soft, rgba(74,144,255,.16));
    transform:none;
  }
  .planner-vessel-date{
    display:flex;flex-direction:column;align-items:flex-end;gap:1px;
  }
  .planner-vessel-status{
    font-size:10px;color:#4ade80;font-weight:600;white-space:nowrap;
  }
  .planner-vessel-link{
    font-size:12px;text-decoration:none;opacity:.7;transition:opacity .15s;line-height:1;
  }
  .planner-vessel-link:hover{opacity:1}
  @media (max-width: 1320px){
    .planner-vessel-row{align-items:flex-start}
    .planner-vessel-actions{justify-content:flex-start}
    .planner-vessel-date{align-items:flex-start}
  }
  .li-table td{padding:7px 8px;vertical-align:top}
  .li-partno{font-family:'Space Mono',monospace;color:var(--blue);white-space:nowrap}
  .li-desc{color:var(--text3);max-width:160px;line-height:1.35}
  .li-qty{font-family:'Space Mono',monospace;color:var(--text2);white-space:nowrap}
  .li-price{font-family:'Space Mono',monospace;color:var(--text3);white-space:nowrap}
  .li-total{font-family:'Space Mono',monospace;font-weight:700;color:var(--blue3);white-space:nowrap}
  .li-discount{font-family:'Space Mono',monospace;font-size:10px;color:var(--amber)}
  .li-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg3);border-top:1px solid var(--border)}
  .li-footer-label{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
  .li-footer-total{font-family:'Space Mono',monospace;font-size:13px;font-weight:700;color:var(--blue)}
  .d-close{
    float:right;padding:6px 10px;border:1px solid var(--border);border-radius:999px;
    background:none;color:var(--muted);cursor:pointer;font-size:13px;transition:all .15s;font-family:inherit
  }
  .d-close:hover{border-color:var(--blue);color:var(--text)}
  .d-expand{
    float:right;margin-right:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;
    background:none;color:var(--muted);cursor:pointer;font-size:13px;transition:all .15s;font-family:inherit
  }
  .d-expand:hover{border-color:var(--blue);color:var(--text)}
  #detail-body{clear:both;padding-top:10px}
  .d-rfq{font-family:var(--font-mono);font-size:11px;color:var(--blue);margin-bottom:5px}
  .d-vessel{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);line-height:1.15;margin-bottom:12px;letter-spacing:-.02em}
  .d-pills{display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap;align-items:center}
  .d-top-actions{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}
  .d-top-actions .ui-btn-subtle{padding:6px 10px;font-size:11px}
  .d-amount-box{
    background:var(--amountbg);border:1px solid var(--border2);
    border-radius:14px;padding:16px 16px;margin-bottom:16px;text-align:center;box-shadow:var(--panel-shadow-soft)
  }
  .d-amount-label{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px}
  .d-amount-val{font-family:var(--font-mono);font-size:26px;font-weight:700;color:var(--teal2)}
  .d-rows{margin-bottom:14px}
  .d-row{display:flex;justify-content:space-between;align-items:flex-start;padding:7px 0;border-bottom:1px solid var(--row-border)}
  .d-row-label{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);padding-top:1px;flex-shrink:0}
  .d-row-val{font-size:12px;color:var(--text2);text-align:right;max-width:62%;word-break:break-word}
  .d-section-title{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--section-title);margin-bottom:9px}
  .d-section-card{
    background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--bg3);
    border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:14px;
    box-shadow:var(--panel-glow)
  }
  .d-section-head{
    display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px
  }
  .d-section-head .d-section-title{margin-bottom:0}
  .d-section-sub{font-size:10px;color:var(--text5);line-height:1.45}
  .d-flow-wrap{display:flex;flex-direction:column;gap:8px}
  .d-flow-track{
    display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;
    padding:6px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;
  }
  .d-flow-step{
    min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center;
    padding:4px 6px;border-radius:8px;border:1px solid var(--border2);
    font-size:10px;font-weight:700;letter-spacing:.2px;color:var(--muted);background:var(--bg2);
    user-select:none;
  }
  .d-flow-step.done{
    color:#16a34a;border-color:#22c55e55;background:#22c55e12;
  }
  .d-flow-step.active{
    color:#1d4ed8;border-color:#3b82f666;background:#3b82f618;box-shadow:inset 0 0 0 1px #3b82f633;
  }
  .d-flow-step.clickable{cursor:pointer;transition:all .15s}
  .d-flow-step.clickable:hover{border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px)}
  .d-flow-current{font-size:10px;color:var(--muted)}
  .d-workspace-toggle{min-width:112px}
  .d-guidance-stack{display:flex;flex-direction:column;gap:12px}
  .timeline-item{display:flex;align-items:center;gap:9px;margin-bottom:7px}
  .tl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
  .tl-label{font-size:11px;color:var(--muted);width:85px;flex-shrink:0}
  .tl-val{font-family:var(--font-mono);font-size:11px;color:var(--text3)}
  .alert-box{border-radius:7px;padding:10px 12px;margin-top:10px;font-size:11px;font-weight:600}

  /* ── TOP 10 ── */
  .top10-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .top10-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--panel-shadow-soft)}
  .home-hero{
    display:grid;grid-template-columns:1.4fr .9fr;gap:14px;margin-bottom:14px;
  }
  .home-card{
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);
    border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--panel-shadow-soft);
  }
  .home-card-title{
    font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;
  }
  .home-hero-title{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1.05}
  .home-hero-sub{font-size:13px;color:var(--text4);margin-top:8px;max-width:760px;line-height:1.5}
  .home-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
  .home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px}
  .home-stack{display:flex;flex-direction:column;gap:14px}
  .home-list{display:flex;flex-direction:column;gap:10px}
  .work-item{
    display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:12px;
    background:var(--bg3);transition:border-color .15s,box-shadow .15s,background .15s;
  }
  .work-item:hover{border-color:var(--border2);box-shadow:var(--panel-shadow-soft)}
  .work-rank{
    width:28px;height:28px;border-radius:8px;background:var(--view-accent-soft, rgba(18,115,234,.12));
    color:var(--view-accent, var(--blue2));display:flex;align-items:center;justify-content:center;
    font-family:var(--font-mono);font-size:11px;font-weight:700;flex-shrink:0;
  }
  .work-main{flex:1;min-width:0}
  .work-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
  .work-title{font-size:13px;font-weight:700;color:var(--text)}
  .work-sub{font-size:11px;color:var(--text4);line-height:1.45}
  .work-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .work-chip{
    display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;
    font-size:10px;font-weight:700;color:var(--muted);background:var(--bg2);
  }
  .work-chip.action{
    color:#1d4ed8;border-color:rgba(37,99,235,.18);background:rgba(59,130,246,.08);
  }
  .work-chip.action.hot{
    color:#ef4444;border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.08);
  }
  .recent-list{display:flex;flex-direction:column;gap:10px}
  .recent-item{
    display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;
    background:var(--bg3);
  }
  .recent-kind{
    width:28px;height:28px;border-radius:8px;background:var(--view-accent-soft, rgba(18,115,234,.12));
    color:var(--view-accent, var(--blue2));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;
  }
  .recent-main{flex:1;min-width:0}
  .recent-title{font-size:13px;font-weight:700;color:var(--text)}
  .recent-sub{font-size:11px;color:var(--text4);margin-top:4px;line-height:1.45}
  .recent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .perf-chart-card{
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);
    border:1px solid var(--border);border-radius:16px;padding:14px 16px 12px;box-shadow:var(--panel-shadow-soft);margin-bottom:18px;
  }
  .perf-chart-svg{width:100%;height:auto;display:block;max-height:360px}
  .perf-chart-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:10px;color:var(--muted)}
  .perf-chart-legend span{display:inline-flex;align-items:center;gap:6px}
  .perf-chart-dot{width:8px;height:8px;border-radius:999px;display:inline-block}
  .state-tag{
    display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;
    text-transform:uppercase;border:1px solid transparent;
  }
  .state-tag.red{background:rgba(198,69,69,.1);color:#c64545;border-color:rgba(198,69,69,.18)}
  .state-tag.amber{background:rgba(245,158,11,.12);color:#b76b16;border-color:rgba(183,107,22,.2)}
  .state-tag.green{background:rgba(34,197,94,.12);color:#15803d;border-color:rgba(21,128,61,.2)}
  .state-tag.blue{background:rgba(18,115,234,.1);color:#1273ea;border-color:rgba(18,115,234,.16)}
  .state-tag.gray{background:rgba(148,163,184,.1);color:#6b7280;border-color:rgba(148,163,184,.24)}
  .state-tag.slate{background:rgba(96,165,250,.1);color:#6b86a8;border-color:rgba(96,165,250,.18)}
  .state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .state-field{display:flex;flex-direction:column;gap:5px}
  .state-field label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .state-input,.state-select,.state-note{
    width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);
    font-family:inherit;font-size:12px;padding:9px 10px;outline:none;transition:border-color .15s,box-shadow .15s;
  }
  .state-input:focus,.state-select:focus,.state-note:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.12)}
  .state-note{min-height:84px;resize:vertical}
  .state-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:10px;color:var(--text5)}
  .deal-log-form{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}
  .deal-log-date{height:44px}
  .deal-log-note{min-height:72px;resize:both}
  .deal-log-btn{height:44px;padding:0 16px;align-self:end}
  .deal-log-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
  .deal-log-head label{margin:0}
  .deal-log-add-btn{width:28px;height:28px;padding:0;font-size:18px;line-height:1}
  .deal-log-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
  .deal-log-item{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg2)}
  .deal-log-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
  .deal-log-date-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text2)}
  .deal-log-body{font-size:12px;color:var(--text3);line-height:1.55;white-space:pre-wrap}
  .task-shell{display:flex;flex-direction:column;gap:14px;max-width:1180px;margin:0 auto;padding:0 30px 28px}
  .task-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}
  .task-card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--panel-shadow-soft)}
  .task-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .task-kpi{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--bg3)}
  .task-kpi-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .task-kpi-val{font-family:var(--font-mono);font-size:18px;font-weight:700;margin-top:4px}
  .task-form{display:grid;grid-template-columns:150px 150px auto;gap:10px;align-items:end}
  .task-upcoming-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
  .task-upcoming-title{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-.04em;color:var(--text);line-height:1.02}
  .task-upcoming-sub{font-size:12px;color:var(--text4);margin-top:6px}
  .task-month-grid{display:grid;grid-template-columns:44px repeat(7,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid var(--border)}
  .task-month-weekhead{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding:4px 0 8px}
  .task-month-weekhead:first-child{text-align:left}
  .task-month-weekno{font-family:var(--font-mono);font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:flex-start;padding:8px 6px}
  .task-month-day{min-height:48px;border:1px solid var(--border);border-radius:10px;padding:7px 8px;background:var(--bg3);display:flex;flex-direction:column;gap:5px}
  .task-month-day.muted{opacity:.42}
  .task-month-day.today{border-color:#dc4c3e55;box-shadow:inset 0 0 0 1px #dc4c3e22}
  .task-month-day.has-tasks{background:linear-gradient(180deg,rgba(59,130,246,.05),rgba(59,130,246,0)),var(--bg3)}
  .task-month-num{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text3)}
  .task-month-day.today .task-month-num{color:#dc4c3e}
  .task-month-badges{display:flex;gap:4px;flex-wrap:wrap}
  .task-month-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-family:var(--font-mono);font-size:10px;font-weight:700}
  .task-month-badge.overdue{background:#fee2e2;color:#dc2626}
  .task-month-badge.today{background:#ffedd5;color:#ea580c}
  .task-month-badge.other{background:#e8f1ff;color:#2563eb}
  .task-sections{display:flex;flex-direction:column;gap:18px}
  .task-section{padding-top:2px}
  .task-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 10px;margin-bottom:2px;border-bottom:1px solid var(--border)}
  .task-section-title{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}
  .task-section-count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
  .task-day-group{padding-top:2px}
  .task-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;margin-bottom:2px;border-bottom:1px solid var(--border)}
  .task-day-title{font-size:18px;font-weight:900;color:var(--text);letter-spacing:-.02em}
  .task-day-count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
  .task-overdue-toggle{display:flex;align-items:center;gap:10px;padding:10px 0 12px;border-bottom:1px solid rgba(239,68,68,.22);cursor:pointer;user-select:none}
  .task-overdue-arrow{font-size:10px;color:#ef4444}
  .task-overdue-title{font-size:16px;font-weight:800;color:#ef4444;letter-spacing:-.01em}
  .task-overdue-count{font-family:var(--font-mono);font-size:11px;color:#ef4444}
  .task-col-title{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
  .task-list{display:flex;flex-direction:column}
  .task-item{padding:11px 0;border-bottom:1px solid var(--row-border);background:none}
  .task-item:last-child{border-bottom:none}
  .task-item.done{opacity:.72}
  .task-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
  .task-item-main{display:flex;gap:12px;min-width:0;flex:1}
  .task-title{font-size:15px;font-weight:700;color:var(--text);line-height:1.32}
  .task-sub{font-size:12px;color:var(--text4);line-height:1.5;margin-top:3px}
  .task-context{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
  .task-context-line{font-size:11px;color:var(--text3)}
  .task-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:8px}
  .task-fact{font-size:11px;color:var(--text3);line-height:1.4}
  .task-fact strong{color:var(--text);font-weight:700}
  .task-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:7px}
  .task-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 0;border:none;border-radius:0;font-size:11px;font-weight:700;color:var(--muted);background:none}
  .task-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
  .task-empty{font-size:12px;color:var(--muted);padding:10px 0}
  .task-source{font-size:11px;font-weight:700;color:var(--text3);white-space:nowrap}
  .task-complete-btn{padding:6px 10px;font-size:11px}
  .task-add-note{font-size:11px;color:var(--muted);margin-top:8px}
  @media (max-width: 1180px){
    .task-shell{padding:0 18px 24px}
    .task-top{grid-template-columns:1fr}
  }
  @media (max-width: 760px){
    .task-shell{padding:0 10px 20px}
    .task-upcoming-head{flex-direction:column}
    .task-kpis{grid-template-columns:repeat(3,1fr)}
    .task-form{grid-template-columns:1fr}
    .task-month-grid{grid-template-columns:32px repeat(7,minmax(0,1fr));gap:4px}
    .task-month-day{min-height:42px;padding:6px 5px}
    .task-facts{grid-template-columns:1fr}
  }
  .workspace-entry-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}
  .workspace-entry-date{height:44px}
  .workspace-entry-comment{min-height:44px;height:44px;resize:none}
  .workspace-entry-btn{height:44px;padding:0 16px;align-self:end}
  .light .home-card,.light .work-item{background:#fff;box-shadow:none}
  .light .work-item:hover{box-shadow:0 4px 14px rgba(15,23,42,.05)}
  .light .work-chip,.light .state-input,.light .state-select,.light .state-note{background:#fff}
  .control-page{padding:22px;max-width:1680px;margin:0 auto;color:var(--text)}
  .control-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 0 20px;border-bottom:1px solid var(--border);margin-bottom:18px}
  .control-title{font-size:26px;font-weight:900;letter-spacing:-.01em;color:var(--text)}
  .control-sub{font-size:13px;color:var(--text4);margin-top:5px;max-width:760px}
  .control-hero-kpis{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:10px;min-width:min(680px,50vw)}
  .control-hero-kpis div{border:1px solid var(--border);background:var(--bg2);border-radius:10px;padding:12px 14px}
  .control-hero-kpis strong{display:block;font-family:var(--font-mono);font-size:22px;color:var(--text2);line-height:1}
  .control-hero-kpis span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
  .control-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;align-items:start}
  .control-panel{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--panel-shadow-soft)}
  .control-panel.wide{grid-column:1/-1}
  .control-panel-title{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}
  .control-row{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(220px,.85fr) 110px auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--row-border)}
  .control-row:first-of-type{border-top:none;padding-top:0}
  .control-row-title{font-size:14px;font-weight:850;color:var(--text2)}
  .control-row-meta,.control-row-reason{font-size:12px;color:var(--text4);line-height:1.35}
  .control-row-amount{font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--teal2);text-align:right}
  .control-mini-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--row-border);font-size:12px;color:var(--text3)}
  .control-mini-row:first-of-type{border-top:none;padding-top:0}
  .control-mini-row strong{font-family:var(--font-mono);color:var(--text2)}
  .control-empty{padding:18px;color:var(--muted);font-size:13px;text-align:center;border:1px dashed var(--border);border-radius:10px}
  .control-table{width:100%;border-collapse:collapse;font-size:12px}
  .control-table th{padding:9px 10px;text-align:left;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}
  .control-table td{padding:11px 10px;border-bottom:1px solid var(--row-border);vertical-align:top;color:var(--text3)}
  .timeline-feed{display:flex;flex-direction:column}
  .timeline-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:14px;align-items:start;padding:12px 0;border-top:1px solid var(--row-border)}
  .timeline-row:first-child{border-top:none;padding-top:0}
  .timeline-date{font-family:var(--font-mono);font-size:12px;font-weight:800;color:var(--text2)}
  .timeline-title{font-size:14px;font-weight:850;color:var(--text2)}
  .timeline-meta,.timeline-detail{font-size:12px;color:var(--text4);margin-top:3px;line-height:1.35}
  .deal-view-next-action-title{font-size:20px;font-weight:900;letter-spacing:-.01em}
  .deal-view-next-action-reason{font-size:13px;color:var(--text4);margin-top:5px}
  .light .control-panel,.light .control-hero-kpis div{background:#fff;box-shadow:none}
  @media(max-width:1100px){
    .control-hero{align-items:stretch;flex-direction:column}
    .control-hero-kpis{min-width:0;width:100%;grid-template-columns:repeat(2,1fr)}
    .control-grid{grid-template-columns:1fr}
    .control-row{grid-template-columns:1fr;gap:6px}
    .control-row-amount{text-align:left}
  }
  .sr-info-btn{position:absolute;top:10px;right:10px;width:16px;height:16px;border-radius:50%;background:var(--bg3);border:1px solid var(--border2);color:var(--muted);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;line-height:1;font-style:normal}
  .sr-info-btn:hover{background:var(--border2);color:var(--text)}
  .sr-info-tip{display:none;position:absolute;top:28px;right:8px;z-index:99;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;padding:8px 10px;font-size:11px;color:var(--text3);line-height:1.5;max-width:220px;box-shadow:0 4px 16px rgba(0,0,0,.3)}
  /* Sales Report layout */
  .sr-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
  .sr-hero-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border);border-radius:16px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:var(--panel-shadow-soft)}
  .sr-hero-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
  .sr-hero-card.rev::before{background:linear-gradient(90deg,var(--blue),var(--cyan))}
  .sr-hero-card.prf::before{background:linear-gradient(90deg,var(--green),var(--teal2))}
  .sr-hero-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}
  .sr-hero-value{font-size:31px;font-weight:900;font-family:var(--font-mono);letter-spacing:-1px;line-height:1.1}
  .sr-hero-sub{font-size:11px;color:var(--text4);margin-top:3px}
  .sr-progress-wrap{margin-top:10px;background:var(--faint);border-radius:4px;height:6px;overflow:hidden}
  .sr-progress-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}
  .sr-progress-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}
  .sr-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
  .sr-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
  .sr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
  .sr-stat{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border);border-radius:14px;padding:14px 15px;position:relative;box-shadow:var(--panel-glow)}
  .sr-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:5px}
  .sr-stat-val{font-size:20px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.5px}
  .sr-stat-sub{font-size:11px;color:var(--text4);margin-top:2px}
  .sr-stat-delta{font-size:10px;font-weight:700;margin-top:5px}
  .sr-funnel{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--panel-shadow-soft)}
  .sr-funnel-row{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border)}
  .sr-funnel-row:last-child{border-bottom:none}
  .sr-funnel-cell{padding:10px 14px;font-size:12px}
  .sr-funnel-head{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);background:var(--bg3)}
  .sr-target-panel{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border2);border-radius:14px;padding:14px 18px;margin-bottom:20px;box-shadow:var(--panel-shadow-soft)}
  .sr-target-input{background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:6px 10px;font-family:'Space Mono',monospace;font-size:13px;color:var(--text);width:130px;outline:none}
  .sr-target-input:focus{border-color:#3b82f6}
  .sr-section-head{display:flex;align-items:baseline;gap:10px;margin:22px 0 11px;border-bottom:1px solid var(--border);padding-bottom:8px}
  .sr-section-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2)}
  .sr-section-sub{font-size:11px;color:var(--muted)}
  .report-two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
  .report-two-card{min-width:0}
  .report-two-card .sr-funnel{height:100%}
  .top10-header{padding:16px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between}
  .top10-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text);letter-spacing:.02em}
  .top10-subtitle{font-size:11px;color:var(--muted)}
  .top10-body{padding:12px 20px 16px}
  .top10-row{display:flex;align-items:center;gap:12px;margin-bottom:13px;cursor:default}
  .top10-row:last-child{margin-bottom:0}
  .top10-rank{font-family:var(--font-mono);font-size:11px;color:var(--faint);width:18px;text-align:right;flex-shrink:0}
  .top10-rank.gold{color:#f59e0b}
  .top10-rank.silver{color:var(--text3)}
  .top10-rank.bronze{color:#b45309}
  .top10-name{font-size:12px;font-weight:600;color:var(--text2);width:160px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .top10-bar-wrap{flex:1;position:relative;height:20px;background:var(--faint);border-radius:4px;overflow:hidden}
  .top10-bar-fill{height:100%;border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}
  .top10-bar-label{position:absolute;right:7px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;font-weight:700;color:rgba(255,255,255,.7);white-space:nowrap}
  .top10-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;width:80px}
  .top10-amount{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--teal2)}
  .top10-deals{font-size:10px;color:var(--muted)}
  .top10-winpill{display:inline-flex;padding:1px 6px;border-radius:10px;font-size:9px;font-weight:700}
  @media (max-width: 1180px){
    .report-two-grid{grid-template-columns:1fr}
  }

  /* ── DRILL BREADCRUMB ── */
  .drill-bar{
    display:flex;align-items:center;gap:10px;padding:10px 14px;
    background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(59,130,246,.04));border:1px solid rgba(59,130,246,.22);
    border-radius:12px;margin-bottom:12px;box-shadow:var(--panel-glow);
  }
  .drill-icon{font-size:13px}
  .drill-label{font-size:12px;color:var(--muted)}
  .drill-value{font-size:13px;font-weight:700;color:var(--blue3);flex:1}
  .drill-stats{font-family:var(--font-mono);font-size:11px;color:var(--muted)}
  .drill-clear{
    padding:7px 11px;border:1px solid var(--border2);border-radius:999px;
    background:var(--surface-grad);color:var(--view-accent, var(--blue2));font-family:inherit;font-size:11px;cursor:pointer;transition:all .15s;box-shadow:var(--panel-glow)
  }
  .drill-clear:hover{background:var(--view-accent-soft, rgba(59,130,246,.15));border-color:var(--view-accent, var(--blue))}
  .clickable-cell{
    cursor:pointer;transition:color .1s;
  }
  .clickable-cell:hover{color:var(--blue2) !important;text-decoration:underline;text-underline-offset:3px}

  td.clickable:hover{color:var(--blue2) !important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

  /* ── HEALTH DOT ── */
  .health-dot{
    width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;
  }
  .health-dot.red{background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.6);animation:pulse-red 1.4s infinite}
  .health-dot.amber{background:#f59e0b}
  .health-dot.green{background:#22c55e}
  @keyframes pulse-red{
    0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}
    70%{box-shadow:0 0 0 6px rgba(239,68,68,0)}
    100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
  }
  .deal-dot{
    display:inline-block;width:8px;height:8px;border-radius:50%;
    background:#3b82f6;margin-left:auto;flex-shrink:0;
    box-shadow:0 0 0 0 rgba(59,130,246,.7);
    animation:pulse-deal 2s ease-in-out infinite;
  }
  .gone-dot{
    display:inline-block;width:8px;height:8px;border-radius:50%;
    background:#ef4444;margin-left:auto;flex-shrink:0;
    box-shadow:0 0 0 0 rgba(239,68,68,.7);
    animation:pulse-gone 2s ease-in-out infinite;
  }
  @keyframes pulse-deal{
    0%{box-shadow:0 0 0 0 rgba(59,130,246,.7);transform:scale(1)}
    50%{box-shadow:0 0 0 5px rgba(59,130,246,0);transform:scale(1.15)}
    100%{box-shadow:0 0 0 0 rgba(59,130,246,0);transform:scale(1)}
  }
  @keyframes pulse-gone{
    0%{box-shadow:0 0 0 0 rgba(239,68,68,.7);transform:scale(1)}
    50%{box-shadow:0 0 0 5px rgba(239,68,68,0);transform:scale(1.15)}
    100%{box-shadow:0 0 0 0 rgba(239,68,68,0);transform:scale(1)}
  }
  .likelihood-bar{
    display:flex;align-items:center;gap:5px;white-space:nowrap;
  }
  .lk-track{width:40px;height:4px;background:var(--faint);border-radius:2px;overflow:hidden}
  .lk-fill{height:100%;border-radius:2px}
  .lk-pct{font-family:var(--font-mono);font-size:10px;font-weight:700}

  /* ── COMPANY REPORT ── */
  .cr-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap;position:relative}
  .cr-search-wrap{position:relative;flex:1;max-width:420px}
  .cr-search{
    width:100%;background:var(--bg2);border:1px solid var(--border2);border-radius:8px;
    color:var(--text);padding:9px 14px 9px 38px;font-size:13px;font-family:inherit;
    outline:none;transition:border-color .15s;box-sizing:border-box
  }
  .cr-search:focus{border-color:var(--blue)}
  .cr-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}
  .cr-dropdown{
    max-height:340px;
    position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;
    background:var(--bg2);border:1px solid var(--border2);border-radius:8px;
    max-height:260px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.4)
  }
  .cr-dropdown-item{
    padding:9px 14px;font-size:13px;cursor:pointer;transition:background .1s;color:var(--text)
  }
  .cr-dropdown-item:hover,.cr-dropdown-item.active{background:rgba(59,130,246,.15);color:var(--blue2)}
  .cr-dropdown-item mark{background:none;color:var(--blue);font-weight:700}
  .cr-body{display:flex;flex-direction:column;gap:18px}
  .cr-section{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--bg2);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--panel-shadow-soft)}
  .quote-line-items-section{overflow:visible}
  .quote-line-items-section .cr-section-head{position:relative;overflow:visible;z-index:3}
  .cr-section-head{
    padding:14px 18px;border-bottom:1px solid var(--border);
    display:flex;align-items:center;justify-content:space-between
  }
  .cr-section-title{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
  .cr-section-body{padding:16px 18px}
  .cr-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
  .cr-kpi{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--bg3);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:var(--panel-glow)}
  .cr-kpi-label{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .cr-kpi-val{font-family:var(--font-mono);font-size:16px;font-weight:700}
  .cr-kpi-sub{font-size:10px;color:var(--text5);margin-top:2px}

  /* year chart */
  .yr-chart{display:flex;align-items:flex-end;gap:6px;height:180px;padding:0 4px}
  .yr-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0;height:100%}
  .yr-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
  .yr-bar{
    flex:1;border-radius:3px 3px 0 0;transition:height .7s ease;cursor:default;
    position:relative;min-height:2px;
  }
  .yr-bar:hover .yr-tip{display:block}
  .yr-tip{
    display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);
    background:var(--bg4);border:1px solid var(--border2);border-radius:5px;
    padding:4px 8px;font-size:10px;white-space:nowrap;z-index:10;font-family:var(--font-mono);color:var(--text)
  }
  .light .yr-tip{background:#1e293b;color:#f1f5f9;border-color:#334e68}
  .yr-label{font-size:10px;color:var(--muted);font-family:var(--font-mono);flex-shrink:0}
  .yr-legend{display:flex;gap:14px;font-size:10px;color:var(--muted)}
  .yr-legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:4px}

  /* vessel grid */
  .vessel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
  .vessel-card{
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--bg3);border:1px solid var(--border);border-radius:14px;
    padding:13px 14px;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:var(--panel-glow)
  }
  .vessel-card:hover{border-color:var(--blue);background:var(--bg4);transform:translateY(-1px);box-shadow:0 14px 28px rgba(2,6,23,.18)}
  .vessel-card--empty{
    background:transparent;border:1px dashed var(--faint);opacity:.65;
  }
  .vessel-card--empty:hover{border-color:var(--muted);background:var(--bg3);opacity:1}
  .light .vessel-card--empty{background:transparent;border:1px dashed #b0c4d8}
  .light .vessel-card--empty:hover{background:var(--bg4);border-color:#7aa0bc}
  .vessel-card--empty .vessel-name{color:var(--muted)}
  .vessel-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .vessel-name{font-size:12px;font-weight:700;color:var(--text2);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vessel-stats{display:flex;flex-direction:column;gap:3px}
  .vessel-stat-row{display:flex;justify-content:space-between;font-size:10px}
  .vessel-stat-label{color:var(--muted)}
  .vessel-stat-val{font-family:var(--font-mono);color:var(--text3)}

  /* contacts */
  .contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
  .contact-card{
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),var(--bg3);border:1px solid var(--border);border-radius:14px;
    padding:13px 14px;cursor:pointer;transition:all .15s;box-shadow:var(--panel-glow)
  }
  .contact-card:hover{border-color:var(--blue);background:var(--bg4);transform:translateY(-1px);box-shadow:0 14px 28px rgba(2,6,23,.18)}
  .contact-card.active{border-color:var(--blue);background:var(--bg4);box-shadow:0 14px 28px rgba(37,99,235,.14)}
  .light .contact-card.active{background:#dbeafe;border-color:var(--blue)}
  .contact-name{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .contact-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
  .contact-kpi{font-size:9px}
  .contact-kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
  .contact-kpi-val{font-family:var(--font-mono);font-size:11px;font-weight:700;margin-top:1px}

  /* deal mini-table */
  .cr-deal-table{width:100%;border-collapse:collapse;font-size:11px}
  .cr-deal-table th{
    padding:7px 10px;text-align:left;font-size:9px;font-weight:700;
    letter-spacing:.7px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border)
  }
  .cr-deal-table td{padding:7px 10px;border-bottom:1px solid var(--row-border);vertical-align:middle}
  .cr-deal-table tbody tr:hover{background:var(--bg3);box-shadow:inset 3px 0 0 var(--blue2);cursor:pointer}
  .cr-deal-table tbody tr:last-child td{border-bottom:none}

  /* trend arrow */
  .trend-arrow{font-size:13px;font-weight:700}

  /* ── EMPTY / LOADING ── */
  .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--muted);gap:10px}
  .empty-icon{font-size:36px;filter:grayscale(.35);line-height:1}
  .empty-icon .lucide{width:40px;height:40px;stroke-width:1.4;color:var(--muted);opacity:.6}

  @media (max-width: 1400px){
    .kpi-grid,.cr-kpis,.sr-grid4{grid-template-columns:repeat(3,1fr)}
    #purpose-row{grid-template-columns:repeat(3,minmax(0,1fr))}
    .sr-grid3{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width: 980px){
    .content{padding:18px 18px 28px}
    .h-context,.h-meta{display:none}
    header{padding:8px 14px;align-items:flex-start}
    .h-left{flex-wrap:wrap}
    .h-nav{max-width:none;width:100%}
    .h-month-kpis{width:100%;min-width:0;justify-content:flex-start;flex-wrap:wrap}
    .h-month-kpi{min-width:132px}
    .h-groups{width:100%}
    .h-tabs{left:0 !important;right:0;min-width:0;width:min(320px,100%)}
    .kpi-grid,.cr-kpis,.sr-grid4,.sr-grid3,.sr-grid2,.top10-grid,.sr-hero,#wallet-share-row,#purpose-row{grid-template-columns:1fr}
    .filter-bar{padding:12px}
    .filter-count{width:100%;margin-left:0}
    .contact-grid,.vessel-grid{grid-template-columns:1fr}
  }

  /* ── QUOTE SAVE BADGE ── */
  .q-save-badge{
    display:inline-flex;align-items:center;gap:5px;
    padding:3px 10px;border-radius:8px;border:1px solid var(--border);
    font-size:10px;font-weight:700;letter-spacing:.04em;
    background:var(--bg3);color:var(--muted);
    transition:color .2s,border-color .2s,background .2s;
    white-space:nowrap;
  }
  .q-save-badge::before{
    content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7;flex-shrink:0;
  }
  .q-save-badge.dirty{color:var(--amber);border-color:rgba(242,169,59,.35);background:rgba(242,169,59,.08)}
  .q-save-badge.saved{color:var(--green);border-color:rgba(40,194,123,.35);background:rgba(40,194,123,.08)}
  .light .q-save-badge{background:var(--bg3);border-color:var(--border);color:var(--muted)}
  .light .q-save-badge.dirty{color:#b76b16;border-color:rgba(183,107,22,.3);background:#fff8ed}
  .light .q-save-badge.saved{color:#1b8f5a;border-color:rgba(27,143,90,.3);background:#f0fdf4}

  /* ── DROP ZONE RING ANIMATION ── */
  .drop-zone-ring{
    position:absolute;inset:-2px;border-radius:20px;pointer-events:none;
    border:2px dashed var(--border2);opacity:0;
    transition:opacity .3s,border-color .5s,box-shadow .5s;
  }
  .drop-zone:hover .drop-zone-ring,.drop-zone.over .drop-zone-ring{
    opacity:1;border-color:var(--blue2);
    box-shadow:0 0 22px rgba(91,126,245,.18),inset 0 0 18px rgba(91,126,245,.06);
    animation:ring-pulse 3s ease-in-out infinite;
  }
  @keyframes ring-pulse{
    0%,100%{border-color:var(--blue2);box-shadow:0 0 18px rgba(91,126,245,.14),inset 0 0 12px rgba(91,126,245,.05)}
    50%{border-color:var(--teal);box-shadow:0 0 28px rgba(91,192,190,.22),inset 0 0 20px rgba(91,192,190,.07)}
  }
  .drop-zone .drop-icon{transition:transform .3s ease}
  .drop-zone:hover .drop-icon{transform:scale(1.1) translateY(-3px)}

  /* ── FILTER EXTRAS COLLAPSE ── */
  #filter-extras{display:contents}
  .filter-bar.filters-collapsed #filter-extras{display:none}
  #filter-toggle-btn{
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 12px;border-radius:8px;border:1px solid var(--border2);
    background:var(--surface-grad);color:var(--muted);
    font-family:inherit;font-size:11px;font-weight:700;
    cursor:pointer;transition:all .18s;box-shadow:var(--panel-glow);
    white-space:nowrap;flex-shrink:0;
  }
  #filter-toggle-btn .lucide{width:13px;height:13px;vertical-align:-2px;margin-right:2px}
  #filter-toggle-btn:hover{border-color:var(--blue);color:var(--blue2);transform:translateY(-1px)}
  #filter-toggle-btn.active{
    color:var(--blue2);
    border-color:color-mix(in srgb,var(--blue2) 52%,transparent);
    background:rgba(91,126,245,.12);
  }
  .light #filter-toggle-btn{background:#fff;border-color:var(--border);color:var(--muted)}
  .light #filter-toggle-btn:hover{color:var(--blue2);border-color:var(--blue);background:#eff6ff}
  .light #filter-toggle-btn.active{color:var(--blue2);border-color:var(--blue);background:#eff6ff}

  /* ── DETAIL PANEL RESIZE HANDLE ── */
  #detail-resize-handle{
    position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:10;
    display:flex;align-items:center;justify-content:center;
    opacity:0;transition:opacity .2s;
  }
  #detail.open #detail-resize-handle{opacity:1}
  #detail-resize-handle::after{
    content:"";width:3px;height:40px;border-radius:3px;
    background:var(--border2);transition:background .2s,height .2s;
  }
  #detail-resize-handle:hover::after,#detail-resize-handle.dragging::after{
    background:var(--blue2);height:60px;
  }
  .side-resize-handle{
    position:absolute;left:0;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:10;
    display:flex;align-items:center;justify-content:center;
  }
  .side-resize-handle::after{
    content:"";width:3px;height:40px;border-radius:3px;
    background:var(--border2);transition:background .2s,height .2s;
  }
  .side-resize-handle:hover::after,.side-resize-handle.dragging::after{
    background:var(--blue2);height:60px;
  }

  /* Multiple offer variants indicator */
  .multi-offer-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    margin-left:8px;
    padding:3px 8px;
    border-radius:999px;
    border:1px solid rgba(37,99,235,.26);
    background:linear-gradient(180deg, rgba(37,99,235,.09), rgba(37,99,235,.045));
    color:var(--blue2);
    font-family:inherit;
    font-size:10px;
    font-weight:900;
    line-height:1;
    letter-spacing:.035em;
    text-transform:uppercase;
    white-space:nowrap;
    vertical-align:middle;
  }
  .multi-offer-badge.is-compact{
    gap:4px;
    padding:2px 6px;
    font-size:9px;
    letter-spacing:.02em;
  }
  .multi-offer-badge.has-ordered{
    border-color:rgba(34,197,94,.34);
    background:linear-gradient(180deg, rgba(34,197,94,.12), rgba(37,99,235,.045));
    color:#15803d;
  }
  .multi-offer-badge.has-ordered .multi-offer-glyph{
    background:rgba(34,197,94,.14);
    color:#15803d;
  }
  .multi-offer-glyph{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    height:14px;
    padding:0 4px;
    border-radius:999px;
    background:rgba(37,99,235,.13);
    color:var(--blue2);
    font-size:8px;
    font-weight:900;
    letter-spacing:.03em;
    line-height:1;
  }
  .multi-offer-badge.is-compact .multi-offer-glyph{
    min-width:16px;
    height:13px;
    padding:0 3px;
    font-size:7px;
  }
  .multi-offer-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
  }
  .multi-offer-chip{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border:1px solid rgba(37,99,235,.18);
    border-radius:999px;
    background:rgba(37,99,235,.055);
    color:var(--text2);
    font-size:11px;
    font-weight:800;
  }
  .multi-offer-chip.is-primary{
    border-color:rgba(37,99,235,.32);
    background:rgba(37,99,235,.075);
  }
  .multi-offer-chip.is-ordered{
    border-color:rgba(34,197,94,.38);
    background:rgba(34,197,94,.09);
  }
  .multi-offer-chip small{
    display:inline-flex;
    align-items:center;
    gap:3px;
    color:var(--muted);
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .multi-offer-tag{
    display:inline-flex;
    align-items:center;
    padding:2px 5px;
    border-radius:999px;
    background:rgba(100,116,139,.1);
    color:var(--muted);
    line-height:1;
  }
  .multi-offer-tag.is-primary{
    background:rgba(37,99,235,.12);
    color:var(--blue2);
  }
  .multi-offer-tag.is-ordered{
    background:rgba(34,197,94,.14);
    color:#16a34a;
  }

  /* Native Daily Planner view mounted by LISA */
  #app[data-view="planner"] .content{
    padding:0;
    overflow:hidden;
  }
  .lisa-daily-planner-native{
    height:100%;
    min-height:0;
    margin:0;
    border:0;
    border-radius:0;
    background:#fff;
    overflow:hidden;
    box-shadow:none;
  }
  .lisa-daily-planner-native-host{
    width:100%;
    height:100%;
    display:block;
    background:#fff;
  }

  .invoice-register-menu-btn{
    width:34px;
    height:34px;
    display:inline-grid;
    place-items:center;
    border:1px solid var(--border);
    border-radius:10px;
    background:var(--bg2);
    color:var(--text2);
    font-size:22px;
    line-height:1;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(15,23,42,.04);
  }
  .invoice-register-menu-btn:hover{
    border-color:var(--blue);
    color:var(--blue);
    background:rgba(37,99,235,.06);
  }
  .invoice-register-row-menu{
    display:none;
    min-width:180px;
    background:var(--bg2);
    border:1px solid var(--border2);
    border-radius:10px;
    box-shadow:0 14px 34px rgba(15,23,42,.2);
    overflow:hidden;
    text-align:left;
  }
  .invoice-delivery-badge{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:3px 8px;
    border:1px solid #7dd3fc;
    border-radius:999px;
    background:#e0f2fe;
    color:#0369a1;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .invoice-delivery-notice{
    margin:0;
    padding:10px 12px;
    border-bottom:1px solid #bae6fd;
    background:linear-gradient(90deg,#e0f2fe,#f0f9ff);
    color:#075985;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    line-height:1.35;
  }
  .invoice-delivery-notice strong{
    font-weight:950;
    white-space:nowrap;
  }
  
  /* ── SIDE PANELS (base + widths) ── */
  .side-panel {
    position: fixed; right: 0; top: 54px; bottom: 0;
    background: var(--bg2); border-left: 1px solid var(--border);
    overflow-y: auto;
    transition: transform .25s cubic-bezier(.4,0,.2,1);
  }
  #apm-purchases  { width: 680px; padding: 24px; z-index: 51; }
  #vessel-side    { width: 720px; padding: 0;    z-index: 52; }
  #units-side     { width: 640px; padding: 0;    z-index: 52; }
  #ops-side       { width: 640px; padding: 0;    z-index: 52; }
  #workspace-side { width: 560px; padding: 0;    z-index: 53; }

  /* ── TOAST ANIMATIONS ── */
  @keyframes toast-in  {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0);    }
  }
  @keyframes toast-out {
    from { opacity: 1; transform: translateY(0);   }
    to   { opacity: 0; transform: translateY(5px); }
  }
  .ui-toast     { animation: toast-in  220ms cubic-bezier(.2,.8,.4,1) both; }
  .ui-toast-out { animation: toast-out 180ms ease-in both; }

  /* LISA Mobile Companion: isolated shell, active only through JS gating */
  .lisa-mobile-shell{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;
    background:#f6f8fb;
    color:#172334;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  body.lisa-mobile-active{
    overflow:hidden;
    background:#f6f8fb;
  }
  body.lisa-mobile-active #app,
  body.lisa-mobile-active #drop-screen,
  body.lisa-mobile-active .spotlight-overlay,
  body.lisa-mobile-active #detail,
  body.lisa-mobile-active .side-panel{
    display:none !important;
  }
  body.lisa-mobile-active .lisa-mobile-shell{
    display:flex;
    flex-direction:column;
  }
  .lm-topbar{
    height:72px;
    padding:12px 16px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid #dbe3ee;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
    padding-top:max(12px, env(safe-area-inset-top));
  }
  .lm-brand{
    font-size:12px;
    font-weight:900;
    letter-spacing:.22em;
    color:#2563eb;
  }
  .lm-title{
    margin-top:2px;
    font-size:22px;
    font-weight:900;
    letter-spacing:0;
    color:#172334;
  }
  .lm-sync{
    width:44px;
    height:44px;
    border-radius:14px;
    border:1px solid #d6e0ec;
    background:#fff;
    color:#64748b;
    display:grid;
    place-items:center;
    box-shadow:0 2px 8px rgba(15,23,42,.06);
  }
  .lm-sync svg{
    width:20px;
    height:20px;
  }
  .lm-sync.loading svg{
    animation:lm-spin .8s linear infinite;
  }
  @keyframes lm-spin{
    to{transform:rotate(360deg)}
  }
  .lm-body{
    flex:1;
    min-height:0;
    overflow:auto;
    padding:14px 14px 92px;
    -webkit-overflow-scrolling:touch;
  }
  .lm-section{
    margin-bottom:14px;
  }
  .lm-section-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:2px 2px 10px;
  }
  .lm-section-head h2{
    margin:0;
    font-size:14px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#5f7085;
  }
  .lm-section-head span,
  .lm-section-head button{
    border:0;
    background:transparent;
    color:#2563eb;
    font-size:12px;
    font-weight:800;
  }
  .lm-stat-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .lm-stat{
    padding:14px;
    border:1px solid #dbe3ee;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
  }
  .lm-stat-label{
    color:#6b7d92;
    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .lm-stat-value{
    margin-top:5px;
    font-family:var(--mono);
    font-size:25px;
    font-weight:900;
    letter-spacing:0;
    color:#2563eb;
  }
  .lm-stat.ok .lm-stat-value{color:#16a34a}
  .lm-stat.danger .lm-stat-value{color:#ef4444}
  .lm-stat-sub{
    margin-top:2px;
    font-size:12px;
    font-weight:700;
    color:#6b7d92;
  }
  .lm-list{
    display:grid;
    gap:10px;
  }
  .lm-stage-strip{
    margin:-2px -14px 12px;
    padding:0 14px 4px;
    display:flex;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .lm-stage-strip::-webkit-scrollbar{display:none}
  .lm-stage-strip button{
    flex:0 0 auto;
    min-width:82px;
    height:46px;
    padding:0 12px;
    border:1px solid #d6e0ec;
    border-radius:15px;
    background:#fff;
    color:#64748b;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:2px;
    box-shadow:0 5px 16px rgba(15,23,42,.055);
  }
  .lm-stage-strip button.active{
    border-color:#93c5fd;
    background:#eff6ff;
    color:#2563eb;
    box-shadow:0 0 0 2px rgba(37,99,235,.1), 0 6px 18px rgba(37,99,235,.09);
  }
  .lm-stage-strip span{
    font-size:12px;
    font-weight:950;
    line-height:1;
  }
  .lm-stage-strip b{
    font-family:var(--mono);
    font-size:11px;
    color:inherit;
    opacity:.82;
  }
  .lm-segments{
    margin:-2px 0 12px;
    padding:4px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:4px;
    border:1px solid #dbe3ee;
    border-radius:16px;
    background:#edf3fa;
  }
  .lm-segments button{
    min-width:0;
    height:38px;
    border:0;
    border-radius:12px;
    background:transparent;
    color:#64748b;
    font-size:12px;
    font-weight:900;
    letter-spacing:0;
  }
  .lm-segments button.active{
    background:#fff;
    color:#2563eb;
    box-shadow:0 4px 12px rgba(15,23,42,.08);
  }
  .lm-segments b{
    margin-left:3px;
    font-family:var(--mono);
    font-size:11px;
  }
  .lm-deal-card{
    width:100%;
    padding:13px;
    border:1px solid #d6e0ec;
    border-radius:18px;
    background:#fff;
    color:inherit;
    text-align:left;
    box-shadow:0 8px 22px rgba(15,23,42,.055);
  }
  .lm-deal-card.selected{
    border-color:#93c5fd;
    box-shadow:0 0 0 2px rgba(37,99,235,.14), 0 10px 24px rgba(37,99,235,.08);
  }
  .lm-deal-main{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
  }
  .lm-deal-vessel{
    font-size:17px;
    font-weight:950;
    line-height:1.1;
    color:#172334;
  }
  .lm-deal-customer{
    margin-top:4px;
    font-size:14px;
    color:#475569;
    line-height:1.25;
  }
  .lm-deal-ref{
    margin-top:5px;
    font-family:var(--mono);
    font-size:12px;
    font-weight:700;
    color:#64748b;
  }
  .lm-deal-value{
    flex:0 0 auto;
    font-family:var(--mono);
    font-size:15px;
    font-weight:950;
    color:#087f72;
    white-space:nowrap;
  }
  .lm-deal-task{
    margin-top:11px;
    padding-top:10px;
    border-top:1px solid #e2e8f0;
    font-size:13px;
    font-weight:850;
    line-height:1.3;
  }
  .lm-deal-task.danger{color:#ef4444}
  .lm-deal-task.today{color:#f59e0b}
  .lm-deal-task.future{color:#2563eb}
  .lm-deal-task.muted{color:#94a3b8}
  .lm-deal-detail{
    margin-top:12px;
    padding-top:12px;
    border-top:1px dashed #cbd5e1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .lm-deal-detail .lm-deal-actions{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .lm-deal-detail div{
    min-width:0;
  }
  .lm-deal-detail span{
    display:block;
    font-size:10px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#7b8da3;
  }
  .lm-deal-detail strong{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    color:#172334;
  }
  .lm-deal-detail button,
  .lm-deal-detail a{
    height:42px;
    border:1px solid #bfdbfe;
    border-radius:13px;
    background:#eff6ff;
    color:#2563eb;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
  }
  .lm-deal-detail button svg,
  .lm-deal-detail a svg{
    width:16px;
    height:16px;
  }
  .lm-empty{
    padding:22px 16px;
    border:1px dashed #cbd5e1;
    border-radius:18px;
    background:rgba(255,255,255,.68);
    color:#64748b;
    text-align:center;
    font-size:14px;
    font-weight:700;
  }
  .lm-search{
    height:54px;
    padding:0 14px;
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid #cbd5e1;
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.055);
  }
  .lm-search svg{
    width:21px;
    height:21px;
    color:#64748b;
  }
  .lm-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#172334;
    font-size:16px;
    font-weight:650;
  }
  .lm-search input::placeholder{
    color:#94a3b8;
  }
  .lm-action-list{
    display:grid;
    gap:10px;
  }
  .lm-action-list button{
    height:58px;
    padding:0 16px;
    border:1px solid #d6e0ec;
    border-radius:17px;
    background:#fff;
    color:#172334;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:15px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(15,23,42,.055);
  }
  .lm-action-list svg{
    width:21px;
    height:21px;
    color:#2563eb;
  }
  .lm-nav{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:76px;
    padding:7px 10px max(7px, env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px;
    background:rgba(255,255,255,.94);
    border-top:1px solid #dbe3ee;
    box-shadow:0 -10px 28px rgba(15,23,42,.08);
  }
  .lm-nav button{
    border:0;
    border-radius:15px;
    background:transparent;
    color:#64748b;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    font-size:11px;
    font-weight:900;
  }
  .lm-nav button.active{
    background:#eff6ff;
    color:#2563eb;
  }
  .lm-nav svg{
    width:20px;
    height:20px;
  }
  .lm-edit-overlay{
    position:fixed;
    inset:0;
    z-index:10040;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    background:rgba(15,23,42,.42);
    backdrop-filter:blur(8px);
  }
  .lm-edit-sheet{
    width:100%;
    max-height:92vh;
    overflow:auto;
    padding:16px 16px max(18px, env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    background:#fff;
    box-shadow:0 -18px 48px rgba(15,23,42,.24);
  }
  .lm-edit-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
  }
  .lm-edit-kicker{
    font-family:var(--mono);
    font-size:12px;
    font-weight:850;
    color:#64748b;
  }
  .lm-edit-head h3{
    margin:4px 0 0;
    font-size:19px;
    font-weight:950;
    letter-spacing:0;
    color:#172334;
  }
  .lm-edit-head button{
    width:42px;
    height:42px;
    border:1px solid #dbe3ee;
    border-radius:14px;
    background:#f8fafc;
    color:#64748b;
    display:grid;
    place-items:center;
  }
  .lm-edit-head svg{
    width:19px;
    height:19px;
  }
  .lm-edit-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:11px;
  }
  .lm-edit-grid label{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#64748b;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .lm-edit-grid label.wide{
    grid-column:1 / -1;
  }
  .lm-edit-grid input,
  .lm-edit-grid select,
  .lm-edit-grid textarea{
    width:100%;
    min-width:0;
    padding:0 12px;
    border:1px solid #cbd5e1;
    border-radius:14px;
    background:#fff;
    color:#172334;
    font-size:15px;
    font-weight:750;
    letter-spacing:0;
    text-transform:none;
    outline:0;
  }
  .lm-edit-grid input,
  .lm-edit-grid select{
    height:46px;
  }
  .lm-date-trigger{
    width:100%;
    height:46px;
    padding:0 12px;
    border:1px solid #cbd5e1;
    border-radius:14px;
    background:#fff;
    color:#172334;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    font-size:15px;
    font-weight:850;
  }
  .lm-date-trigger svg{
    width:20px;
    height:20px;
    color:#64748b;
  }
  .lm-edit-grid textarea{
    min-height:132px;
    padding:12px;
    resize:vertical;
    line-height:1.42;
    font-weight:600;
  }
  .lm-deal-picker{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
  }
  .lm-deal-picker input{
    height:46px;
  }
  .lm-deal-picker button{
    height:46px;
    padding:0 12px;
    border:1px solid #d6e0ec;
    border-radius:14px;
    background:#f8fafc;
    color:#64748b;
    font-size:13px;
    font-weight:850;
    white-space:nowrap;
  }
  .lm-picked-deal{
    margin-top:2px;
    padding:0 2px;
    color:#64748b;
    font-size:12px;
    font-weight:700;
    letter-spacing:0;
    text-transform:none;
  }
  .lm-deal-picker-results{
    max-height:220px;
    overflow:auto;
    border:1px solid #e3e9f2;
    border-radius:14px;
    background:#fff;
  }
  .lm-deal-picker-results button{
    width:100%;
    min-height:54px;
    padding:9px 12px;
    border:0;
    border-bottom:1px solid #edf2f7;
    background:#fff;
    color:#172334;
    text-align:left;
  }
  .lm-deal-picker-results button:last-child{
    border-bottom:0;
  }
  .lm-deal-picker-results strong{
    display:block;
    font-size:13px;
    line-height:1.22;
    font-weight:850;
  }
  .lm-deal-picker-results span,
  .lm-deal-picker-empty{
    display:block;
    margin-top:3px;
    color:#64748b;
    font-size:11px;
    line-height:1.25;
    font-weight:600;
  }
  .lm-deal-picker-empty{
    padding:14px;
    margin:0;
  }
  .lm-edit-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:16px;
  }
  .lm-edit-actions button{
    height:48px;
    border:1px solid #d6e0ec;
    border-radius:15px;
    background:#fff;
    color:#64748b;
    font-size:15px;
    font-weight:950;
  }
  .lm-edit-actions button.primary{
    border-color:#2563eb;
    background:#2563eb;
    color:#fff;
  }

  /* Pipedrive-inspired mobile CRM shell */
  .lisa-mobile-shell{
    background:#f7f7f8;
    color:#171a22;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;
    overflow:hidden;
    touch-action:manipulation;
  }
  .lm-topbar{
    height:118px;
    padding:42px 18px 14px;
    border-bottom:0;
    background:rgba(255,255,255,.84);
    box-shadow:0 12px 26px rgba(0,0,0,.08);
    backdrop-filter:blur(18px);
    justify-content:center;
  }
  .lm-detail-mode .lm-topbar{
    display:none;
  }
  .lm-body{
    padding:18px 0 116px;
    background:#f7f7f8;
    overflow-x:hidden;
  }
  .lm-detail-mode .lm-body{
    padding:0 0 106px;
    background:#fff;
  }
  .lm-round-btn{
    width:54px;
    height:54px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    color:#111318;
    display:grid;
    place-items:center;
    box-shadow:0 12px 28px rgba(0,0,0,.08), inset 0 0 0 1px rgba(0,0,0,.04);
  }
  .lm-round-btn svg{width:25px;height:25px;stroke-width:2.2}
  .lm-logo-btn{
    overflow:hidden;
  }
  .lm-logo-btn img{width:30px;height:30px;display:block}
  .lm-top-title{
    border:0;
    background:transparent;
    color:#111318;
    display:flex;
    align-items:center;
    gap:6px;
    font-size:21px;
    font-weight:700;
  }
  .lm-top-title svg{width:18px;height:18px}
  .lm-top-search{
    flex:1;
    min-width:0;
    height:54px;
    max-width:none;
    padding:0 18px;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    display:flex;
    align-items:center;
    gap:12px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.04), 0 12px 28px rgba(0,0,0,.07);
  }
  .lm-top-search svg{width:22px;height:22px}
  .lm-top-search input{
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    color:#111318;
    font-size:18px;
  }
  .lm-top-segment{
    flex:1;
    max-width:330px;
    height:54px;
    padding:5px;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    display:grid;
    grid-template-columns:1fr 1fr;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.04), 0 12px 28px rgba(0,0,0,.07);
  }
  .lm-top-segment button{
    border:0;
    border-radius:999px;
    background:transparent;
    color:#242833;
    font-size:16px;
    font-weight:650;
  }
  .lm-top-segment button.active{
    background:#e6e6e7;
  }
  .lm-focus-hero{
    padding:8px 22px 22px;
  }
  .lm-focus-hero h1{
    margin:0;
    font-size:36px;
    line-height:1.05;
    font-weight:780;
    letter-spacing:0;
  }
  .lm-focus-hero p{
    margin:12px 0 0;
    color:#737373;
    font-size:23px;
  }
  .lm-schedule-list{
    padding:0 20px;
  }
  .lm-schedule-day{
    margin:26px 0 34px;
  }
  .lm-schedule-day h2{
    margin:0 0 14px;
    font-size:24px;
    font-weight:720;
    letter-spacing:0;
  }
  .lm-section-toggle{
    width:100%;
    min-height:38px;
    margin:0 0 10px;
    padding:0;
    border:0;
    background:transparent;
    color:#111318;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font:720 24px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  }
  .lm-section-toggle span{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .lm-section-toggle svg{
    width:18px;
    height:18px;
    stroke-width:2.4;
  }
  .lm-section-toggle strong{
    color:#737373;
    font-size:16px;
    font-weight:650;
  }
  .lm-section-toggle.danger span{
    color:#d14343;
  }
  .lm-activity-stack{
    overflow:hidden;
    border-radius:12px;
    background:#fff;
  }
  .lm-activity-stack .lm-activity-row{
    border-radius:0;
  }
  .lm-activity-stack .lm-activity-row:first-child{
    border-top-left-radius:12px;
    border-top-right-radius:12px;
  }
  .lm-activity-stack .lm-activity-row:last-child{
    border-bottom-left-radius:12px;
    border-bottom-right-radius:12px;
    border-bottom:0;
  }
  .lm-activity-stack .lm-activity-row:only-child{
    border-radius:12px;
  }
  .lm-day-add{
    width:100%;
    height:62px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    color:#1f67ae;
    display:grid;
    place-items:center;
  }
  .lm-day-add svg{width:34px;height:34px;stroke-width:1.8}
  .lm-stage-head{
    padding:24px 20px 28px;
    background:#f2f2f3;
  }
  .lm-stage-head h1{
    margin:0;
    font-size:28px;
    font-weight:700;
    letter-spacing:0;
  }
  .lm-stage-head p{
    margin:6px 0 0;
    color:#777;
    font-size:18px;
  }
  .lm-pipeline-progress,
  .lm-stage-bars{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:3px;
    height:5px;
    background:#dfe9df;
  }
  .lm-stage-wrap .lm-stage-control{
    border-radius:5px 5px 0 0;
  }
  .lm-stage-wrap .lm-stage-bars{
    margin-top:-1px;
    height:7px;
    gap:2px;
    border:1px solid #8bc59a;
    border-top:0;
    border-radius:0 0 5px 5px;
    overflow:hidden;
    background:#e7f1e7;
  }
  .lm-stage-wrap .lm-stage-bars span.done{
    background:#39854b;
  }
  .lm-stage-wrap .lm-stage-bars.result-lost{
    border-color:#d96a6a;
    background:#fde8e8;
  }
  .lm-stage-wrap .lm-stage-bars.result-lost span.done{
    background:#d14343;
  }
  .lm-stage-wrap .lm-stage-bars.result-won{
    border-color:#8bc59a;
    background:#e7f1e7;
  }
  .lm-pipeline-progress button{
    border:0;
    background:#dfe9df;
  }
  .lm-pipeline-progress button.active,
  .lm-stage-bars span.done{
    background:#39854b;
  }
  .lm-pipedrive-list{
    gap:0;
    background:#fff;
  }
  .lm-deal-row{
    min-height:96px;
    padding:22px 18px;
    border-bottom:1px solid #e5e5e5;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
  }
  .lm-deal-row-main{
    min-width:0;
  }
  .lm-deal-row-title{
    font-size:23px;
    line-height:1.15;
    font-weight:650;
    color:#111318;
    overflow-wrap:anywhere;
  }
  .lm-deal-row-meta{
    margin-top:7px;
    color:#71717a;
    font-size:18px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .lm-deal-row-value{
    color:#111318;
    font-weight:700;
  }
  .lm-deal-row-task{
    margin-top:8px;
    font-size:14px;
    font-weight:700;
    overflow-wrap:anywhere;
  }
  .lm-deal-row-task.danger,
  .lm-activity-row span.danger{color:#d14343}
  .lm-deal-row-task.today,
  .lm-activity-row span.today{color:#39854b}
  .lm-deal-row-task.future,
  .lm-activity-row span.future{color:#1f67ae}
  .lm-deal-row-arrow{
    flex:0 0 auto;
    width:34px;
    height:34px;
    border-radius:999px;
    background:#94a3b8;
    color:#fff;
    display:grid;
    place-items:center;
    line-height:1;
  }
  .lm-deal-row-arrow.future{background:#94a3b8}
  .lm-deal-row-arrow.today{background:#22c55e}
  .lm-deal-row-arrow.past{background:#ef4444}
  .lm-deal-row-arrow.no-task{
    background:#fff7db;
    color:#d49205;
    border:1px solid rgba(224,164,10,.26);
  }
  .lm-deal-row-arrow svg{width:21px;height:21px;stroke-width:3}
  .lm-deal-row-arrow.past svg{transform:translateX(-1px)}
  .lm-activity-view{
    background:#f7f7f8;
  }
  .lm-activity-count{
    height:72px;
    padding:0 20px;
    border-bottom:1px solid #e3e3e3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#6b6b6b;
    font-size:21px;
  }
  .lm-activity-row,
  .lm-contact-row{
    min-height:92px;
    padding:16px 18px;
    border-bottom:1px solid #e7e7e7;
    background:#fff;
    display:grid;
    grid-template-columns:42px 1fr 36px;
    gap:12px;
    align-items:center;
  }
  .lm-activity-row > div,
  .lm-contact-row > div{
    min-width:0;
  }
  .lm-contact-row{
    grid-template-columns:42px 1fr;
  }
  .lm-activity-row > svg,
  .lm-contact-row > svg{
    width:29px;
    height:29px;
    color:#111318;
  }
  .lm-activity-row strong,
  .lm-contact-row strong{
    display:block;
    min-width:0;
    font-size:22px;
    line-height:1.1;
    font-weight:650;
    overflow-wrap:anywhere;
  }
  .lm-activity-row span,
  .lm-contact-row span{
    display:block;
    margin-top:4px;
    color:#39854b;
    font-size:17px;
  }
  .lm-activity-row em,
  .lm-contact-row em{
    display:block;
    min-width:0;
    margin-top:4px;
    color:#707070;
    font-size:16px;
    font-style:normal;
    overflow-wrap:anywhere;
  }
  .lm-search-results{
    border-top:1px solid #e7e7e7;
    background:#fff;
  }
  .lm-search-result{
    width:100%;
    min-height:70px;
    padding:11px 14px;
    border:0;
    border-bottom:1px solid #e7e7e7;
    background:#fff;
    display:grid;
    grid-template-columns:34px 1fr;
    gap:11px;
    align-items:center;
    text-align:left;
  }
  .lm-search-result > svg{
    width:22px;
    height:22px;
    color:#1f67ae;
  }
  .lm-search-result strong{
    display:block;
    color:#111318;
    font-size:16px;
    line-height:1.15;
    font-weight:650;
    overflow-wrap:anywhere;
  }
  .lm-search-result span{
    display:block;
    margin-top:3px;
    color:#1f67ae;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .lm-search-result em{
    display:block;
    margin-top:3px;
    color:#707070;
    font-size:12px;
    line-height:1.25;
    font-style:normal;
    overflow-wrap:anywhere;
  }
  .lm-activity-row button{
    width:32px;
    height:32px;
    border:1px solid #cfcfcf;
    border-radius:999px;
    background:#fff;
  }
  .lm-detail-page{
    min-height:100%;
    padding:46px 18px 120px;
    background:#fff;
  }
  .lm-detail-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .lm-detail-actions{
    height:54px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    display:flex;
    gap:8px;
    box-shadow:0 12px 28px rgba(0,0,0,.08), inset 0 0 0 1px rgba(0,0,0,.04);
  }
  .lm-detail-actions button{
    width:46px;
    border:0;
    background:transparent;
    color:#111318;
  }
  .lm-detail-actions svg{width:26px;height:26px}
  .lm-detail-hero{
    margin-top:34px;
    display:grid;
    grid-template-columns:74px 1fr;
    gap:18px;
    align-items:start;
  }
  .lm-deal-icon{
    width:58px;
    height:58px;
    border-radius:8px;
    background:#f0f0f1;
    display:grid;
    place-items:center;
  }
  .lm-deal-icon svg{width:34px;height:34px}
  .lm-detail-hero h1{
    margin:0;
    font-size:28px;
    line-height:1.16;
    font-weight:560;
    letter-spacing:0;
  }
  .lm-detail-hero h1 span{
    display:block;
  }
  .lm-detail-hero p{
    margin:8px 0 0;
    color:#333;
    font-size:18px;
  }
  .lm-detail-meta-lines{
    margin-top:8px;
    display:grid;
    gap:3px;
  }
  .lm-detail-hero small{
    display:block;
    margin-top:0;
    color:#72727a;
    font-size:15px;
    line-height:1.25;
  }
  .lm-link-rows{
    margin:34px 0 26px;
    display:grid;
    gap:22px;
  }
  .lm-link-rows button,
  .lm-link-rows .lm-link-static{
    border:0;
    background:transparent;
    color:#1f67ae;
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    text-align:left;
    font-size:24px;
  }
  .lm-link-rows .lm-link-static.disabled{
    color:#8a8f98;
  }
  .lm-link-rows svg{width:25px;height:25px}
  .lm-stage-control{
    height:64px;
    border:1px solid #cfcfcf;
    border-radius:4px;
    display:grid;
    grid-template-columns:58px 1fr 58px;
    align-items:center;
    text-align:center;
  }
  .lm-stage-row{
    display:block;
  }
  .lm-stage-row.has-status-menu{
    display:grid;
    grid-template-columns:minmax(0, 1fr) 56px;
    gap:10px;
    align-items:start;
  }
  .lm-stage-wrap{
    min-width:0;
  }
  .lm-stage-more{
    height:64px;
    border:1px solid #cfcfcf;
    border-radius:4px;
    background:#fff;
    color:#15171c;
    display:grid;
    place-items:center;
    box-shadow:none;
  }
  .lm-stage-more svg{
    width:24px;
    height:24px;
    stroke-width:2.6;
  }
  .lm-stage-control.result-won{
    border-color:#2f8f46;
    background:#f0fbf3;
    color:#2f8f46;
  }
  .lm-stage-control.result-lost{
    border-color:#d14343;
    background:#fff3f3;
    color:#a33a3a;
  }
  .lm-stage-control.result-won button,
  .lm-stage-control.result-won strong{
    color:#2f8f46;
  }
  .lm-stage-control.result-lost button,
  .lm-stage-control.result-lost strong{
    color:#a33a3a;
  }
  .lm-stage-control button{
    height:100%;
    border:0;
    background:transparent;
    color:#111318;
  }
  .lm-stage-control strong{
    display:block;
    font-size:20px;
    font-weight:650;
    line-height:1;
  }
  .lm-stage-control span{
    display:none;
    margin-top:2px;
    color:#777;
    font-size:16px;
  }
  .lm-winlose{
    margin-top:14px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .lm-winlose button{
    height:60px;
    border:1px solid #d0d0d0;
    border-radius:5px;
    background:#fff;
    color:#2f7d3f;
    font-size:23px;
    font-weight:500;
  }
  .lm-winlose button.lost{color:#a33a3a}
  .lm-detail-tabs{
    margin:28px 0 0;
    padding:4px;
    height:55px;
    border-radius:999px;
    background:#ededee;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .lm-detail-tabs button{
    border:0;
    border-radius:999px;
    background:transparent;
    color:#222;
    font-size:18px;
    font-weight:580;
  }
  .lm-detail-tabs button.active{
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
  }
  .lm-focus-panel{
    margin:22px -18px 0;
    background:#f2f2f3;
  }
  .lm-focus-panel h2{
    margin:0;
    padding:22px 18px;
    color:#666;
    font-size:23px;
    font-weight:500;
  }
  .lm-empty.plain{
    border:0;
    border-radius:0;
    background:#fff;
    color:#222;
    font-size:15px;
    line-height:1.35;
    font-weight:500;
  }
  .lm-empty.plain button{
    margin-top:7px;
    border:0;
    background:transparent;
    color:#1f67ae;
    font-size:14px;
    font-weight:500;
  }
  .lm-details-list{
    margin:20px -18px 0;
    border-top:1px solid #e6e6e6;
  }
  .lm-details-list div,
  .lm-details-list button{
    width:100%;
    min-height:78px;
    padding:14px 18px;
    border-bottom:1px solid #e6e6e6;
    border-left:0;
    border-right:0;
    border-top:0;
    background:#fff;
    display:grid;
    grid-template-columns:34px 1fr 1fr;
    align-items:center;
    gap:10px;
  }
  .lm-details-list button{
    text-align:left;
    font:inherit;
    cursor:pointer;
  }
  .lm-profile-section .lm-details-list.entity-facts{
    margin:0;
    border-top:0;
  }
  .lm-details-list span{
    color:#737373;
    font-size:16px;
  }
  .lm-details-list strong{
    color:#111318;
    font-size:19px;
    font-weight:500;
    text-align:right;
  }
  .lm-offered-list{
    margin:14px -18px 0;
    border-top:1px solid #e7e7e7;
    background:#fff;
  }
  .lm-offered-item{
    padding:12px 16px 10px;
    border-bottom:1px solid #e7e7e7;
    background:#fff;
  }
  .lm-offered-main{
    display:grid;
    grid-template-columns:24px 1fr;
    gap:9px;
    align-items:start;
  }
  .lm-offered-main small{
    color:#7b7f87;
    font-size:11px;
    font-weight:650;
    line-height:1.35;
  }
  .lm-offered-main strong{
    display:block;
    color:#111318;
    font-size:14px;
    line-height:1.2;
  }
  .lm-offered-main span{
    display:block;
    margin-top:2px;
    color:#666b74;
    font-size:12px;
    line-height:1.25;
  }
  .lm-offered-numbers{
    margin-top:9px;
    padding-left:33px;
    display:grid;
    grid-template-columns:.6fr .9fr .7fr 1.2fr;
    gap:8px;
  }
  .lm-offered-numbers span{
    min-width:0;
  }
  .lm-offered-numbers em{
    display:block;
    color:#858a92;
    font-size:9px;
    font-style:normal;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
  }
  .lm-offered-numbers b{
    display:block;
    margin-top:2px;
    color:#111318;
    font-size:11px;
    font-weight:650;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .lm-floating-pill{
    position:fixed;
    left:50%;
    bottom:96px;
    transform:translateX(-50%);
    z-index:10010;
    height:64px;
    min-width:230px;
    padding:0 20px;
    border-radius:999px;
    background:#438b4c;
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:18px;
    box-shadow:0 14px 30px rgba(34,79,42,.22);
  }
  .lm-floating-pill button,
  .lm-floating-pill a{
    width:54px;
    height:54px;
    border:0;
    background:transparent;
    color:#fff;
    display:grid;
    place-items:center;
    text-decoration:none;
  }
  .lm-floating-pill button:disabled,
  .lm-floating-pill a[aria-disabled="true"]{
    opacity:.42;
  }
  .lm-floating-pill svg{width:34px;height:34px;stroke-width:2.1}
  .lm-nav{
    left:20px;
    right:20px;
    width:calc(100vw - 40px);
    box-sizing:border-box;
    bottom:20px;
    height:78px;
    padding:7px 8px;
    grid-template-columns:repeat(5,1fr);
    gap:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.9);
    box-shadow:0 18px 42px rgba(0,0,0,.16), inset 0 0 0 1px rgba(255,255,255,.7);
    backdrop-filter:blur(18px);
  }
  .lm-nav button{
    border-radius:999px;
    color:#111318;
    font-size:12px;
    font-weight:500;
  }
  .lm-nav button.active{
    background:#e7e7e8;
    color:#6d5bd0;
  }
  .lm-nav svg{
    width:25px;
    height:25px;
    stroke-width:2.25;
  }
  .lm-bottom-overlay{
    position:fixed;
    inset:0;
    z-index:10080;
    display:flex;
    align-items:flex-end;
  }
  .lm-bottom-dim{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.38);
    backdrop-filter:blur(2px);
  }
  .lm-bottom-sheet{
    position:relative;
    width:100%;
    padding:24px 18px max(22px, env(safe-area-inset-bottom));
    background:#f6f6f7;
  }
  .lm-bottom-sheet h3{
    margin:0 0 20px;
    text-align:center;
    font-size:21px;
    font-weight:600;
  }
  .lm-sheet-list{
    overflow:hidden;
    border-radius:7px;
    background:#fff;
  }
  .lm-sheet-list button,
  .lm-sheet-list a{
    width:100%;
    min-height:56px;
    padding:0 16px;
    border:0;
    border-bottom:1px solid #e4e4e4;
    background:#fff;
    color:#111318;
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
    font-size:18px;
    font-weight:450;
  }
  .lm-sheet-list button:last-child,
  .lm-sheet-list a:last-child{border-bottom:0}
  .lm-sheet-list button:disabled{
    color:#9b9b9b;
  }
  .lm-status-sheet-list button{
    justify-content:center;
    grid-template-columns:1fr;
    text-align:center;
  }
  .lm-status-sheet-list span{
    margin:0 auto;
  }
  .lm-sheet-list svg{width:22px;height:22px}
  .lm-sheet-list em{
    margin-left:auto;
    color:#777;
    font-style:normal;
    font-size:14px;
  }
  .lm-sheet-empty{
    padding:22px;
    color:#777;
    text-align:center;
  }
  .lm-sheet-cancel{
    width:100%;
    height:56px;
    margin-top:18px;
    border:0;
    border-radius:7px;
    background:#fff;
    color:#1f67ae;
    font-size:19px;
  }

  /* Mobile density tuning */
  .lm-topbar{
    height:96px;
    padding:32px 16px 10px;
  }
  .lm-round-btn{
    width:46px;
    height:46px;
  }
  .lm-round-btn svg{width:21px;height:21px}
  .lm-logo-btn{font-size:25px}
  .lm-logo-btn img{width:26px;height:26px}
  .lm-top-title{
    font-size:18px;
  }
  .lm-top-search{
    height:46px;
    padding:0 14px;
  }
  .lm-top-search input{
    font-size:15px;
  }
  .lm-top-segment{
    height:46px;
  }
  .lm-focus-hero{
    padding:4px 18px 18px;
  }
  .lm-focus-hero h1{
    font-size:29px;
  }
  .lm-focus-hero p{
    margin-top:7px;
    font-size:18px;
  }
  .lm-schedule-list{
    padding:0 14px;
  }
  .lm-schedule-day{
    margin:20px 0 26px;
  }
  .lm-schedule-day h2{
    margin-bottom:10px;
    font-size:20px;
  }
  .lm-section-toggle{
    min-height:34px;
    margin-bottom:9px;
    font-size:20px;
  }
  .lm-section-toggle strong{
    font-size:14px;
  }
  .lm-day-add{
    height:50px;
  }
  .lm-stage-head{
    padding:18px 16px 20px;
  }
  .lm-stage-head h1{
    font-size:24px;
  }
  .lm-stage-head p{
    font-size:15px;
  }
  .lm-deal-row{
    min-height:78px;
    padding:15px 16px;
  }
  .lm-deal-row-title{
    font-size:18px;
  }
  .lm-deal-row-meta{
    margin-top:5px;
    font-size:14px;
  }
  .lm-deal-row-task{
    margin-top:6px;
    font-size:12px;
  }
  .lm-deal-row-arrow{
    width:28px;
    height:28px;
  }
  .lm-deal-row-arrow svg{
    width:18px;
    height:18px;
  }
  .lm-activity-count{
    height:56px;
    font-size:17px;
  }
  .lm-activity-row,
  .lm-contact-row{
    min-height:74px;
    padding:12px 16px;
    grid-template-columns:34px 1fr 30px;
  }
  .lm-contact-row{
    grid-template-columns:34px 1fr;
  }
  .lm-activity-row > svg,
  .lm-contact-row > svg{
    width:23px;
    height:23px;
  }
  .lm-activity-row strong,
  .lm-contact-row strong{
    font-size:18px;
  }
  .lm-activity-row span,
  .lm-contact-row span{
    font-size:14px;
  }
  .lm-activity-row em,
  .lm-contact-row em{
    font-size:13px;
  }
  .lm-detail-page{
    padding:34px 16px 104px;
  }
  .lm-detail-actions{
    height:46px;
  }
  .lm-detail-actions button{
    width:38px;
  }
  .lm-detail-actions svg{width:22px;height:22px}
  .lm-detail-hero{
    margin-top:26px;
    grid-template-columns:56px 1fr;
    gap:14px;
  }
  .lm-deal-icon{
    width:46px;
    height:46px;
  }
  .lm-deal-icon svg{width:27px;height:27px}
  .lm-detail-hero h1{
    font-size:22px;
  }
  .lm-detail-hero p{
    font-size:15px;
  }
  .lm-detail-hero small{
    font-size:12px;
  }
  .lm-link-rows{
    margin:25px 0 20px;
    gap:16px;
  }
  .lm-link-rows button,
  .lm-link-rows .lm-link-static{
    grid-template-columns:34px 1fr;
    font-size:19px;
  }
  .lm-stage-control{
    height:54px;
    grid-template-columns:48px 1fr 48px;
  }
  .lm-stage-control strong{
    font-size:17px;
  }
  .lm-stage-control span{
    font-size:13px;
  }
  .lm-winlose button{
    height:48px;
    font-size:18px;
  }
  .lm-detail-tabs{
    margin-top:22px;
    height:46px;
  }
  .lm-detail-tabs button{
    font-size:15px;
  }
  .lm-focus-panel h2{
    padding:16px;
    font-size:18px;
  }
  .lm-details-list div,
  .lm-details-list button{
    min-height:62px;
    padding:11px 16px;
  }
  .lm-details-list span{
    font-size:13px;
  }
  .lm-details-list strong{
    font-size:15px;
  }
  .lm-floating-pill{
    height:56px;
    min-width:200px;
    bottom:88px;
  }
  .lm-floating-pill button,
  .lm-floating-pill a{
    width:46px;
    height:46px;
  }
  .lm-floating-pill svg{
    width:27px;
    height:27px;
  }
  .lm-nav{
    height:68px;
    bottom:14px;
  }
  .lm-nav button{
    font-size:11px;
  }
  .lm-nav svg{
    width:22px;
    height:22px;
  }

  /* Second mobile density pass + stage swipe motion */
  .lm-topbar{
    height:86px;
    padding:28px 14px 8px;
  }
  .lm-round-btn{
    width:40px;
    height:40px;
  }
  .lm-round-btn svg{width:19px;height:19px}
  .lm-logo-btn{font-size:22px}
  .lm-logo-btn img{width:24px;height:24px}
  .lm-top-title{font-size:16px}
  .lm-top-search{height:40px}
  .lm-top-search input{font-size:14px}
  .lm-top-segment{height:40px}
  .lm-top-segment button{font-size:14px}
  .lm-focus-hero h1{font-size:25px}
  .lm-focus-hero p{font-size:15px}
  .lm-schedule-day h2{font-size:17px}
  .lm-section-toggle{font-size:17px}
  .lm-section-toggle svg{width:15px;height:15px}
  .lm-section-toggle strong{font-size:12px}
  .lm-stage-head{
    padding:14px 14px 16px;
  }
  .lm-stage-head h1{font-size:20px}
  .lm-stage-head p{font-size:13px}
  .lm-deal-row{
    min-height:66px;
    padding:11px 14px;
  }
  .lm-deal-row-title{
    font-size:15px;
    line-height:1.18;
  }
  .lm-deal-row-meta{
    font-size:12px;
    line-height:1.22;
  }
  .lm-deal-row-task{
    font-size:11px;
  }
  .lm-deal-row-arrow{
    width:24px;
    height:24px;
  }
  .lm-deal-row-arrow svg{
    width:15px;
    height:15px;
  }
  .lm-activity-row,
  .lm-contact-row{
    min-height:64px;
    padding:10px 14px;
  }
  .lm-activity-row strong,
  .lm-contact-row strong{
    font-size:15px;
  }
  .lm-activity-row span,
  .lm-contact-row span{
    font-size:12px;
  }
  .lm-activity-row em,
  .lm-contact-row em{
    font-size:11px;
  }
  .lm-search{
    height:46px;
    margin-bottom:10px;
    border-radius:14px;
  }
  .lm-search input{
    font-size:14px;
    font-weight:560;
  }
  .lm-search-result{
    min-height:62px;
    padding:10px 14px;
  }
  .lm-search-result strong{
    font-size:15px;
  }
  .lm-search-result em{
    font-size:11px;
  }
  .lm-detail-hero h1{font-size:18px;line-height:1.12}
  .lm-detail-hero{
    margin-top:22px;
    grid-template-columns:58px 1fr;
    gap:12px;
  }
  .lm-deal-icon{
    width:42px;
    height:42px;
  }
  .lm-deal-icon svg{
    width:24px;
    height:24px;
  }
  .lm-detail-hero p{
    margin-top:6px;
    font-size:14px;
  }
  .lm-detail-meta-lines{gap:2px}
  .lm-link-rows{
    margin:20px 0 16px;
    gap:13px;
  }
  .lm-link-rows button,
  .lm-link-rows .lm-link-static{
    min-height:34px;
  }
  .lm-link-rows button{font-size:15px}
  .lm-link-rows svg{width:21px;height:21px}
  .lm-stage-control{
    height:48px;
    grid-template-columns:44px 1fr 44px;
  }
  .lm-stage-control strong{font-size:15px}
  .lm-stage-more{height:48px}
  .lm-winlose{
    margin-top:10px;
    gap:10px;
  }
  .lm-winlose button{
    height:42px;
    font-size:15px;
  }
  .lm-detail-tabs{
    margin-top:18px;
    height:42px;
  }
  .lm-detail-tabs.three{
    grid-template-columns:repeat(3, 1fr);
  }
  .lm-detail-tabs button{
    font-size:13px;
  }
  .lm-focus-panel{
    margin-top:16px;
  }
  .lm-focus-panel h2{
    padding:13px 16px;
    font-size:16px;
  }
  .lm-floating-pill{
    height:50px;
    min-width:178px;
    padding:0 12px;
    gap:8px;
  }
  .lm-floating-pill button,
  .lm-floating-pill a{
    width:40px;
    height:40px;
  }
  .lm-floating-pill svg{
    width:24px;
    height:24px;
  }
  .lm-nav{
    height:62px;
    bottom:12px;
  }
  .lm-nav button{font-size:10px}
  .lm-nav svg{width:19px;height:19px}
  .lm-pipeline-stage{
    will-change:transform,opacity;
    touch-action:pan-y;
  }
  .lisa-mobile-shell.lm-view-deals .lm-topbar{
    height:62px;
    padding:8px 12px;
    display:grid;
    grid-template-columns:36px 1fr 36px;
    align-items:center;
    justify-content:normal;
    gap:10px;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 18px rgba(0,0,0,.06);
  }
  .lisa-mobile-shell.lm-view-deals .lm-topbar .lm-top-title{
    grid-column:2;
    justify-self:center;
    align-self:center;
    line-height:1;
  }
  .lisa-mobile-shell.lm-view-deals .lm-topbar .lm-round-btn{
    grid-column:3;
    justify-self:end;
    align-self:center;
    width:36px;
    height:36px;
  }
  .lisa-mobile-shell.lm-view-deals .lm-body{
    padding-top:0;
  }
  .lm-stage-sticky{
    position:sticky;
    top:0;
    z-index:18;
    margin:0;
    background:#f2f2f3;
    box-shadow:0 1px 0 rgba(17,24,39,.08), 0 10px 18px rgba(15,23,42,.05);
  }
  .lm-stage-sticky .lm-stage-head{
    margin:0;
    padding:14px 14px 16px;
  }
  .lisa-mobile-shell.lm-view-deals .lm-stage-sticky .lm-stage-head{
    padding:12px 14px 13px;
  }
  .lm-stage-sticky .lm-pipeline-progress{
    margin:0;
  }
  .lm-stage-slide-out-left{animation:lm-stage-out-left .16s ease-in forwards}
  .lm-stage-slide-out-right{animation:lm-stage-out-right .16s ease-in forwards}
  .lm-stage-slide-in-right{animation:lm-stage-in-right .22s cubic-bezier(.2,.8,.25,1) both}
  .lm-stage-slide-in-left{animation:lm-stage-in-left .22s cubic-bezier(.2,.8,.25,1) both}
  @keyframes lm-stage-out-left{to{opacity:.35;transform:translateX(-32px)}}
  @keyframes lm-stage-out-right{to{opacity:.35;transform:translateX(32px)}}
  @keyframes lm-stage-in-right{from{opacity:.35;transform:translateX(44px)}to{opacity:1;transform:translateX(0)}}
  @keyframes lm-stage-in-left{from{opacity:.35;transform:translateX(-44px)}to{opacity:1;transform:translateX(0)}}
  .lm-calendar-view{
    background:#fff;
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .lm-calendar-week{
    flex:0 0 auto;
    padding:6px 0 0;
    background:#f3f3f4;
    border-bottom:1px solid #e4e4e5;
    max-height:275px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .lm-calendar-dow,
  .lm-calendar-days{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    text-align:center;
  }
  .lm-calendar-dow span{
    color:#707070;
    font-size:13px;
    padding-bottom:8px;
  }
  .lm-calendar-days button{
    position:relative;
    height:56px;
    border:0;
    background:transparent;
    color:#20242b;
    display:grid;
    place-items:center;
    align-content:center;
    font-size:18px;
    border-top:1px solid #e4e4e5;
  }
  .lm-calendar-days button em{
    position:absolute;
    left:10px;
    top:9px;
    color:#2f6fd3;
    font-style:normal;
    font-size:12px;
    line-height:1;
  }
  .lm-calendar-days button.today span{
    width:32px;
    height:32px;
    border-radius:999px;
    background:#2f6fd3;
    color:#fff;
    display:grid;
    place-items:center;
  }
  .lm-calendar-days button.selected:not(.today) span{
    width:32px;
    height:32px;
    border-radius:999px;
    background:#e5eefc;
    color:#2f6fd3;
    display:grid;
    place-items:center;
  }
  .lm-calendar-days b{
    position:absolute;
    left:50%;
    bottom:2px;
    width:4px;
    height:4px;
    border-radius:999px;
    background:#39854b;
    transform:translateX(-50%);
  }
  .lm-calendar-view h2{
    flex:0 0 auto;
    margin:0;
    padding:12px 14px;
    color:#2f6fd3;
    text-align:center;
    font-size:18px;
    font-weight:600;
    border-bottom:1px solid #ececec;
  }
  .lm-calendar-grid{
    flex:1;
    min-height:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding-top:9px;
  }
  .lm-calendar-hour{
    min-height:58px;
    display:grid;
    grid-template-columns:50px 1fr;
    border-top:0;
  }
  .lm-calendar-hour:last-child > div{border-bottom:1px solid #ededed}
  .lm-calendar-hour > span{
    padding:0;
    color:#777;
    text-align:center;
    font-size:12px;
    transform:translateY(-8px);
  }
  .lm-calendar-hour > div{
    position:relative;
    border-left:0;
    border-top:1px solid #ededed;
  }
  .lm-calendar-hour.has-now-line > span{visibility:hidden}
  .lm-now-line{
    position:absolute;
    left:0;
    right:0;
    height:1px;
    background:#c73a43;
    z-index:2;
  }
  .lm-now-line:before{
    content:"";
    position:absolute;
    left:-4px;
    top:-3px;
    width:7px;
    height:7px;
    border-radius:999px;
    background:#c73a43;
  }
  .lm-now-line span{
    position:absolute;
    left:-44px;
    top:-9px;
    width:44px;
    color:#c73a43;
    text-align:center;
    font-size:12px;
    visibility:visible;
  }
  .lm-calendar-hour button{
    width:calc(100% - 8px);
    min-height:52px;
    margin:3px 4px;
    padding:7px 10px;
    border:0;
    background:#dfeaff;
    color:#111318;
    text-align:left;
  }
  .lm-calendar-hour strong{
    display:block;
    font-size:13px;
    font-weight:650;
  }
  .lm-calendar-hour em{
    display:block;
    margin-top:3px;
    color:#555;
    font-size:12px;
    font-style:normal;
  }

  .lm-stage-control.updating{
    opacity:.72;
  }
  .lm-stage-control.updated{
    animation:lm-stage-control-updated .42s ease-out both;
  }
  @keyframes lm-stage-control-updated{
    0%{box-shadow:0 0 0 0 rgba(57,133,75,.38);border-color:#39854b}
    100%{box-shadow:0 0 0 9px rgba(57,133,75,0);border-color:#cfcfcf}
  }
  .lm-detail-page .lm-floating-pill{
    bottom:104px;
  }
  .lm-schedule-day .lm-activity-stack + .lm-day-add,
  .lm-schedule-day .lm-activity-row + .lm-day-add{
    margin-top:10px;
    border-top:1px solid #e5e7eb;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
  }
  .lm-schedule-day .lm-activity-row:has(+ .lm-day-add){
    border-bottom-color:#e5e5e5;
  }
  .lm-note-feed{
    margin:0 -16px;
    background:#fff;
    border-top:1px solid #e5e5e5;
  }
  .lm-note-feed h2{
    margin:0;
    padding:14px 16px 8px;
    color:#777;
    font-size:16px;
    font-weight:500;
    letter-spacing:0;
  }
  .lm-note-card{
    display:grid;
    grid-template-columns:34px 1fr;
    gap:12px;
    padding:12px 16px 14px;
    border-top:1px solid #efefef;
    background:#fff;
    align-items:start;
  }
  .lm-note-card.follow-up{
    background:#f5f9ff;
  }
  .lm-note-card > svg,
  .lm-note-card > i{
    width:23px;
    height:23px;
    margin-top:2px;
    color:#15171c;
  }
  .lm-note-edit{
    width:100%;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    text-align:left;
  }
  .lm-note-edit.static{
    justify-content:flex-start;
  }
  .lm-note-card strong{
    display:inline-block;
    color:#111318;
    font-size:16px;
    font-weight:650;
    letter-spacing:0;
  }
  .lm-note-edit span{
    color:#1f67ae;
    font-size:12px;
    font-weight:600;
  }
  .lm-note-card time{
    display:block;
    margin-top:2px;
    color:#777;
    font-size:12px;
  }
  .lm-note-card p{
    margin:7px 0 0;
    color:#2b2d32;
    font-size:14px;
    line-height:1.38;
  }
  .lm-entity-notes{
    margin:10px -16px 0;
    background:#fff;
    border-top:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb;
  }
  .lm-entity-notes-head{
    height:42px;
    padding:0 16px;
    background:#f7f7f8;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid #e5e7eb;
  }
  .lm-entity-notes-head h2{
    margin:0;
    color:#5f6673;
    font-size:15px;
    font-weight:560;
  }
  .lm-entity-notes-head button{
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    background:#fff;
    color:#1f67ae;
    display:grid;
    place-items:center;
    box-shadow:inset 0 0 0 1px #e3e7ef;
  }
  .lm-entity-notes-head svg{
    width:17px;
    height:17px;
  }
  .lm-entity-note-card button{
    width:100%;
    padding:12px 16px;
    border:0;
    border-bottom:1px solid #eceff3;
    background:#fffdf0;
    display:grid;
    grid-template-columns:32px 1fr;
    gap:10px;
    text-align:left;
  }
  .lm-entity-note-card:last-child button{
    border-bottom:0;
  }
  .lm-entity-note-card svg{
    width:20px;
    height:20px;
    margin-top:2px;
    color:#5b616b;
  }
  .lm-entity-note-card strong{
    display:block;
    color:#111318;
    font-size:14px;
    line-height:1.2;
  }
  .lm-entity-note-card time{
    display:block;
    margin-top:2px;
    color:#777;
    font-size:12px;
  }
  .lm-entity-note-card p{
    margin:5px 0 0;
    color:#242830;
    font-size:13px;
    line-height:1.34;
  }
  .lm-activity-row button{
    width:24px;
    height:24px;
    justify-self:end;
  }
  .lm-date-overlay{
    position:fixed;
    inset:0;
    z-index:10095;
    display:flex;
    align-items:flex-end;
  }
  .lm-date-sheet{
    position:relative;
    width:100%;
    padding:18px 18px max(18px, env(safe-area-inset-bottom));
    border-radius:22px 22px 0 0;
    background:#fff;
    box-shadow:0 -18px 44px rgba(15,23,42,.16);
  }
  .lm-date-head{
    height:44px;
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    text-align:center;
  }
  .lm-date-head button{
    height:38px;
    border:0;
    border-radius:999px;
    background:#f3f4f6;
    color:#172334;
    display:grid;
    place-items:center;
  }
  .lm-date-head strong{
    font-size:17px;
    font-weight:800;
  }
  .lm-date-dow,
  .lm-date-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    text-align:center;
  }
  .lm-date-dow{
    margin-top:10px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
  }
  .lm-date-grid{
    gap:4px;
    margin-top:8px;
  }
  .lm-date-grid button{
    aspect-ratio:1;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#172334;
    font-size:15px;
    font-weight:750;
  }
  .lm-date-grid button.muted{
    color:#b8c1ce;
  }
  .lm-date-grid button.today{
    box-shadow:inset 0 0 0 1px #2f6fd3;
  }
  .lm-date-grid button.selected{
    background:#2f6fd3;
    color:#fff;
    box-shadow:none;
  }
  .lm-date-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:14px;
  }
  .lm-date-actions button{
    height:46px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    color:#1f67ae;
    font-size:15px;
    font-weight:850;
  }
  .lm-entity-page{
    min-height:100%;
    padding:30px 16px 112px;
    background:#fff;
  }
  .lm-entity-hero{
    margin-top:24px;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:14px;
    align-items:center;
  }
  .lm-entity-avatar{
    width:46px;
    height:46px;
    border-radius:999px;
    background:#eeeeef;
    color:#242833;
    display:grid;
    place-items:center;
    font-size:18px;
    font-weight:760;
  }
  .lm-entity-avatar.company{
    border-radius:8px;
  }
  .lm-entity-avatar svg{
    width:25px;
    height:25px;
    color:#8a8f99;
  }
  .lm-entity-hero h1{
    margin:0;
    color:#111318;
    font-size:23px;
    line-height:1.12;
    font-weight:560;
  }
  .lm-entity-hero button{
    margin-top:16px;
    padding:0;
    border:0;
    background:transparent;
    color:#1f67ae;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
  }
  .lm-entity-hero button svg{
    width:19px;
    height:19px;
  }
  .lm-entity-tabs{
    margin:28px 0 0;
    padding:4px;
    height:42px;
    border-radius:999px;
    background:#ededee;
    display:grid;
    grid-template-columns:repeat(3,1fr);
  }
  .lm-entity-tabs.four{
    grid-template-columns:repeat(4,1fr);
  }
  .lm-entity-tabs button{
    border:0;
    border-radius:999px;
    background:transparent;
    color:#222;
    font-size:13px;
    font-weight:650;
  }
  .lm-entity-tabs.four button{
    font-size:12px;
  }
  .lm-entity-tabs button.active{
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.08);
  }
  .lm-profile-section{
    margin:18px -16px 0;
    border-top:1px solid #e6e6e6;
    background:#fff;
  }
  .lm-profile-section h2,
  .lm-sales-summary{
    margin:0;
    padding:12px 16px;
    background:#f2f2f3;
    color:#666;
    font-size:15px;
    font-weight:500;
  }
  .lm-profile-row{
    width:100%;
    min-height:58px;
    padding:9px 16px;
    box-sizing:border-box;
    border:0;
    border-bottom:1px solid #e6e6e6;
    background:#fff;
    color:#111318;
    display:grid;
    grid-template-columns:30px 1fr auto;
    gap:9px;
    align-items:center;
    text-align:left;
    text-decoration:none;
  }
  .lm-profile-row.contact-detail{
    grid-template-columns:1fr auto;
  }
  .lm-profile-row.person-row{
    grid-template-columns:30px 1fr;
  }
  .lm-profile-row span{
    display:block;
    color:#777;
    font-size:11px;
  }
  .lm-profile-row strong{
    display:block;
    color:#111318;
    font-size:15px;
    font-weight:500;
  }
  .lm-profile-row > svg,
  .lm-profile-row > i{
    width:21px;
    height:21px;
    color:#1f67ae;
  }
  .lm-collapsible-block{
    border-bottom:1px solid #e6e6e6;
    background:#fff;
  }
  .lm-collapsible-head{
    width:100%;
    min-height:38px;
    padding:8px 16px;
    border:0;
    background:#f2f2f3;
    color:#666;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    text-align:left;
    font:inherit;
    font-size:14px;
    font-weight:500;
  }
  .lm-collapsible-head span{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .lm-collapsible-head svg{
    width:16px;
    height:16px;
  }
  .lm-collapsible-block.collapsed .lm-collapsible-head svg{
    transform:rotate(-90deg);
  }
  .lm-collapsible-head strong{
    color:#777;
    font-size:12px;
    font-weight:500;
  }
  .lm-collapsible-body{
    background:#fff;
  }
  .lm-compressor-card{
    border-bottom:1px solid #e6e6e6;
    background:#fff;
  }
  .lm-compressor-title{
    min-height:38px;
    padding:7px 16px;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .lm-compressor-title svg{
    width:17px;
    height:17px;
    color:#1f67ae;
  }
  .lm-compressor-title strong{
    color:#111318;
    font-size:14px;
    font-weight:650;
  }
  .lm-details-list.compressor-facts{
    margin:0;
    border-top:1px solid #f0f0f0;
  }
  .lm-details-list.compressor-facts div{
    min-height:36px;
    grid-template-columns:1fr 1fr;
    padding:6px 16px 6px 42px;
  }
  .lm-details-list.compressor-facts span{
    font-size:13px;
  }
  .lm-details-list.compressor-facts strong{
    font-size:14px;
  }
  .lm-profile-section .lm-details-list.entity-facts div,
  .lm-profile-section .lm-details-list.entity-facts button{
    min-height:42px;
    padding:7px 16px;
    grid-template-columns:22px 1fr 1fr;
  }
  .lm-profile-section .lm-details-list.entity-facts span{
    font-size:12px;
  }
  .lm-profile-section .lm-details-list.entity-facts strong{
    font-size:14px;
  }
  .lm-sales-summary{
    margin:18px -16px 0;
    width:calc(100% + 32px);
    border:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    text-align:left;
  }
  .lm-sales-summary.closed{
    margin-top:0;
    border-top:1px solid #e6e6e6;
  }
  .lm-sales-summary.won strong{color:#1f7a3a}
  .lm-sales-summary.lost strong{color:#a33a3a}
  .lm-sales-summary span{
    display:flex;
    align-items:center;
    gap:6px;
  }
  .lm-sales-summary svg{
    width:16px;
    height:16px;
    transition:transform .16s ease;
  }
  .lm-sales-summary.collapsed svg{
    transform:rotate(-90deg);
  }
  .lm-sales-summary strong{
    font-weight:500;
  }
  .lm-vessel-compressor-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    background:#2f6fd3;
    box-shadow:0 0 0 4px rgba(47,111,211,.12);
    justify-self:end;
  }
  .lm-entity-page .lm-pipedrive-list{
    margin:0 -16px;
  }
  .lm-entity-page .lm-deal-row{
    min-height:62px;
    padding:10px 16px;
  }
  .lm-entity-page .lm-deal-row-title{
    font-size:14px;
    line-height:1.16;
  }
  .lm-entity-page .lm-deal-row-meta{
    margin-top:4px;
    font-size:11.5px;
  }
  .lm-entity-page .lm-deal-row-task{
    margin-top:5px;
    font-size:10.5px;
  }
  .lm-entity-page .lm-deal-row-arrow{
    width:22px;
    height:22px;
  }
  .lm-entity-page .lm-deal-row-arrow svg{
    width:14px;
    height:14px;
  }
  .lm-deal-row-arrow{
    line-height:1;
  }
  .lm-deal-row-arrow.past svg{
    transform:translateX(-1px);
  }
  .lm-result-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    justify-self:end;
    box-shadow:0 0 0 4px rgba(0,0,0,.04);
  }
  .lm-result-dot.won{
    background:#2f8f46;
    box-shadow:0 0 0 4px rgba(47,143,70,.12);
  }
  .lm-result-dot.lost{
    background:#d14343;
    box-shadow:0 0 0 4px rgba(209,67,67,.12);
  }
  .lm-deal-row.result-won .lm-deal-row-title{
    color:#1f7a3a;
  }
  .lm-deal-row.result-lost .lm-deal-row-title{
    color:#a33a3a;
  }
  @keyframes lm-soft-in{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes lm-sheet-up{
    from{opacity:0;transform:translateY(18px)}
    to{opacity:1;transform:translateY(0)}
  }
  @keyframes lm-dim-in{
    from{opacity:0}
    to{opacity:1}
  }
  .lisa-mobile-shell button,
  .lisa-mobile-shell a,
  .lisa-mobile-shell input,
  .lisa-mobile-shell textarea,
  .lm-deal-row,
  .lm-search-result,
  .lm-profile-row,
  .lm-stage-control,
  .lm-stage-more,
  .lm-sales-summary,
  .lm-entity-note-card button,
  .lm-note-card,
  .lm-floating-pill{
    transition:
      transform .14s ease,
      opacity .14s ease,
      background-color .14s ease,
      border-color .14s ease,
      box-shadow .14s ease,
      color .14s ease;
  }
  .lisa-mobile-shell button:active,
  .lisa-mobile-shell a:active,
  .lm-deal-row:active,
  .lm-search-result:active,
  .lm-profile-row:active{
    transform:scale(.985);
  }
  .lm-body > section{
    animation:lm-soft-fade .16s ease both;
  }
  .lm-bottom-dim{
    animation:lm-dim-in .14s ease both;
  }
  .lm-bottom-sheet{
    animation:lm-sheet-up .18s cubic-bezier(.2,.8,.25,1) both;
  }
  .lm-link-rows{
    margin:14px 0 16px;
    gap:6px;
  }
  .lm-link-rows button,
  .lm-link-rows .lm-link-static{
    min-height:38px;
    grid-template-columns:30px 1fr;
    font-size:17px;
    line-height:1.12;
  }
  .lm-link-rows svg{
    width:20px;
    height:20px;
  }
  .lm-detail-hero{
    margin-top:28px;
  }
  .lm-entity-notes{
    margin:12px -16px 10px;
  }
  @keyframes lm-soft-fade{
    from{opacity:0}
    to{opacity:1}
  }
  .lm-detail-top{
    position:sticky;
    top:0;
    z-index:10030;
    margin:-18px -18px 0;
    padding:10px 18px 8px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(16px);
  }
  .lm-detail-actions{
    height:46px;
    padding:0 6px;
  }
  .lm-detail-actions button{
    width:42px;
  }
  .lm-detail-actions svg{
    width:22px;
    height:22px;
  }
  .lm-floating-pill{
    position:fixed !important;
    left:50%;
    bottom:calc(78px + env(safe-area-inset-bottom)) !important;
    transform:translateX(-50%) !important;
    z-index:10040;
  }
  .lm-search{
    position:relative;
  }
  .lm-search input{
    padding-right:42px;
  }
  .lm-search-clear{
    position:absolute;
    right:8px;
    top:50%;
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    background:#eef1f5;
    color:#5f6673;
    transform:translateY(-50%);
    display:grid;
    place-items:center;
  }
  .lm-search-clear svg{
    width:16px;
    height:16px;
  }
  .lm-search-clear[hidden]{
    display:none;
  }
  .lm-calendar-week.compact{
    max-height:none;
    overflow:hidden;
  }
  .lm-calendar-week.expanded{
    max-height:none;
    overflow:hidden;
  }
  .lm-calendar-week.expanded .lm-calendar-days{
    max-height:224px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .lm-calendar-expand{
    width:100%;
    height:24px;
    border:0;
    border-top:1px solid #e4e4e5;
    background:#f3f3f4;
    color:#596170;
    display:grid;
    place-items:center;
  }
  .lm-calendar-expand svg{
    width:18px;
    height:18px;
  }
  .lm-calendar-view{
    height:100%;
  }
  .lm-calendar-grid{
    padding-top:6px;
    padding-bottom:0;
  }
  .lm-calendar-hour{
    min-height:62px;
    grid-template-columns:44px 1fr;
  }
  .lm-calendar-hour > span{
    transform:translateY(-7px);
  }
  .lm-edit-actions .danger,
  .lm-sheet-list button.danger{
    color:#c73a43;
  }
  .lm-sheet-copy{
    padding:0 8px 14px;
    color:#5f6673;
    font-size:14px;
    line-height:1.35;
    text-align:center;
  }
  @media (prefers-reduced-motion: reduce){
    .lisa-mobile-shell *,
    .lm-body > section,
    .lm-bottom-dim,
    .lm-bottom-sheet{
      animation:none !important;
      transition:none !important;
    }
  }