/*
 * LISA Command — presentation layer only.
 * The visual system is adapted from the JobHuntr product built for Bogdan:
 * calm canvas, persistent navigation, clear page hierarchy and deliberate cards.
 */

:root{
  --command-ink:#17211b;
  --command-ink-2:#3f4b43;
  --command-muted:#6d7971;
  --command-muted-2:#929b95;
  --command-canvas:#f5f7f5;
  --command-panel:#fff;
  --command-panel-soft:#fbfcfb;
  --command-lane:#eef1ee;
  --command-line:#e1e6e2;
  --command-line-2:#cbd4ce;
  --command-green:#0d7650;
  --command-green-dark:#075c3d;
  --command-green-soft:#e9f5ef;
  --command-blue:#3d63dd;
  --command-blue-soft:#edf1ff;
  --command-red:#ce4d56;
  --command-amber:#bd6b18;
  --command-sidebar:228px;
  --command-sidebar-collapsed:72px;
  --command-topbar:72px;
  --command-radius:13px;
  --command-shadow-sm:none;
  --command-shadow-md:0 12px 28px rgba(23,33,27,.12);

  --bg:#101713;
  --bg2:#17201b;
  --bg3:#202a24;
  --bg4:#2a362f;
  --panel:#17201b;
  --border:#334139;
  --border2:#4a5b51;
  --row-border:rgba(168,185,174,.14);
  --text:#f4f7f5;
  --text2:#e3e9e5;
  --text3:#b6c0b9;
  --text4:#939f97;
  --text5:#748178;
  --muted:#99a59d;
  --faint:#6d7a72;
  --blue:#79a0ff;
  --blue2:#9cb7ff;
  --blue3:#c3d1ff;
  --green:#4cc492;
  --cyan:#56b8b0;
  --teal:#48aa93;
  --teal2:#75ceb4;
  --amber:#e2a351;
  --red:#ec7379;
  --purple:#ac8ee8;
  --radius-sm:7px;
  --radius-md:10px;
  --radius-lg:14px;
  --panel-shadow:var(--command-shadow-sm);
  --panel-shadow-soft:var(--command-shadow-sm);
  --panel-glow:none;
  --surface-grad:none;
}

.light{
  --bg:var(--command-canvas);
  --bg2:var(--command-panel);
  --bg3:#f3f6f3;
  --bg4:#e9eeea;
  --panel:var(--command-panel);
  --border:var(--command-line);
  --border2:var(--command-line-2);
  --row-border:#edf0ed;
  --text:var(--command-ink);
  --text2:#2e3932;
  --text3:var(--command-ink-2);
  --text4:#657168;
  --text5:var(--command-muted);
  --muted:#6b776f;
  --faint:#9aa39d;
  --blue:var(--command-blue);
  --blue2:#3156c5;
  --blue3:#2346ab;
  --green:var(--command-green);
  --cyan:#267e83;
  --teal:#157861;
  --teal2:#0b6c55;
  --amber:var(--command-amber);
  --red:var(--command-red);
  --purple:#7452bd;
}

html,body{background:var(--bg);color:var(--text);font-family:var(--font-body),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.006em}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.k-stage-name,.k-vessel,.cr-section-title,.quote-page-title,.deal-view-title{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{opacity:0}
.sidebar-brand-monogram,.sidebar-collapse,.sidebar-nav-label,.sidebar-footer{display:none}

/* Product shell ---------------------------------------------------------- */
@media (min-width:761px){
  #app.lisa-atlas-shell{height:100vh;overflow:hidden;background:var(--bg)}
  #app.lisa-atlas-shell>header{
    position:fixed;inset:0 auto 0 0;z-index:500;width:var(--command-sidebar);min-height:100vh;
    padding:24px 16px 18px;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:visible;
    color:var(--text);background:var(--command-panel-soft);border:0;border-right:1px solid var(--command-line);box-shadow:none
  }
  .light #app.lisa-atlas-shell>header{color:var(--command-ink)}
  #app.lisa-atlas-shell>header::before{
    content:'Workspace';margin:24px 11px 9px;color:#929b95;font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase
  }
  #app.lisa-atlas-shell>header::after{
    content:'LISA · COMMERCIAL OS';margin-top:auto;padding:15px 8px 2px;border-top:1px solid var(--command-line);
    color:#929b95;font-size:8px;font-weight:800;letter-spacing:.13em
  }
  #app.lisa-atlas-shell .h-left{
    display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand arrows' 'context context';align-items:center;
    gap:9px;height:auto;padding:0 8px 16px;border-bottom:1px solid var(--command-line)
  }
  #app.lisa-atlas-shell .h-brand{grid-area:brand}
  #app.lisa-atlas-shell .h-brand .brand-logo-wrap{min-width:106px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
  #app.lisa-atlas-shell .brand-logo.compact{height:36px;filter:none;opacity:.92}
  #app.lisa-atlas-shell .nav-arrows{grid-area:arrows;display:flex;gap:5px}
  #app.lisa-atlas-shell .nav-arrow{
    width:30px;height:30px;border:1px solid var(--command-line);border-radius:9px;color:#69756d;background:#fff;box-shadow:none
  }
  #app.lisa-atlas-shell .nav-arrow:hover{color:var(--command-green);background:#f0f4f1;border-color:#cfd8d2}
  #app.lisa-atlas-shell .h-context{grid-area:context;padding-top:4px;min-width:0}
  #app.lisa-atlas-shell .h-view-chip{padding:0;border:0;background:transparent;color:#89938d;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  #app.lisa-atlas-shell .h-divider{display:none}
  #app.lisa-atlas-shell .h-nav{position:relative;display:block;flex:0;max-width:none;padding:0}
  #app.lisa-atlas-shell .h-groups{display:flex;flex-direction:column;align-items:stretch;gap:2px}
  #app.lisa-atlas-shell .h-shortcut,#app.lisa-atlas-shell .h-group{
    position:relative;width:100%;height:45px;min-height:45px;padding:0 12px;display:flex;align-items:center;justify-content:flex-start;gap:12px;
    border:0;border-radius:10px;color:#59645d;background:transparent;box-shadow:none;font-size:14px;font-weight:650;letter-spacing:-.01em;text-transform:none;text-align:left
  }
  #app.lisa-atlas-shell .h-shortcut{margin:0}
  #app.lisa-atlas-shell .h-shortcut::after{content:'Deal board'}
  #app.lisa-atlas-shell .h-shortcut svg,#app.lisa-atlas-shell .h-group svg{width:18px;height:18px;flex:0 0 18px;stroke-width:2}
  #app.lisa-atlas-shell .h-group::before{display:none}
  #app.lisa-atlas-shell .h-group:hover,#app.lisa-atlas-shell .h-shortcut:hover{color:var(--command-ink);background:#f0f3f0}
  #app.lisa-atlas-shell .h-group.active,#app.lisa-atlas-shell .h-shortcut.active{color:var(--command-green);background:var(--command-green-soft)}
  #app.lisa-atlas-shell .h-group.active::after,#app.lisa-atlas-shell .h-shortcut.active::before{display:none}
  #app.lisa-atlas-shell .h-tabs{
    top:var(--submenu-top,0px)!important;left:calc(100% + 16px)!important;min-width:260px;max-height:calc(100vh - var(--submenu-viewport-top,0px) - 24px);overflow:auto;
    padding:7px;border:1px solid var(--command-line);border-radius:13px;color:var(--text);background:var(--bg2);box-shadow:var(--command-shadow-md)
  }
  #app.lisa-atlas-shell .h-tab{height:40px;padding:0 12px;border-radius:9px;color:var(--text4);font-size:13px;font-weight:600}
  #app.lisa-atlas-shell .h-tab:hover{color:var(--text);background:var(--bg3)}
  #app.lisa-atlas-shell .h-tab.active{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--bg2));box-shadow:none}
  #app.lisa-atlas-shell .h-tab-heading{padding:8px 12px 4px;color:var(--text5)}

  #app.lisa-atlas-shell .h-right{
    position:fixed;z-index:490;top:0;right:0;left:var(--command-sidebar);height:var(--command-topbar);min-width:0;
    width:calc(100vw - var(--command-sidebar));max-width:none;flex:none;
    padding:0 34px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:9px;overflow:hidden;
    color:var(--text);background:var(--bg2);border-bottom:1px solid var(--border);box-shadow:none;backdrop-filter:none
  }
  #app.lisa-atlas-shell .h-month-kpis{
    position:fixed;z-index:495;top:0;left:calc(var(--command-sidebar) + 34px);right:550px;height:var(--command-topbar);min-width:0;
    display:flex;align-items:center;justify-content:flex-start;gap:0;pointer-events:none
  }
  #app.lisa-atlas-shell .h-month-kpi{
    min-width:158px;height:42px;padding:0 20px;border:0;border-right:1px solid var(--border);border-radius:0;color:var(--text);background:transparent;box-shadow:none;pointer-events:auto
  }
  #app.lisa-atlas-shell .h-month-kpi:first-child{border-left:1px solid var(--border)}
  #app.lisa-atlas-shell .h-month-kpi:hover{transform:none;background:var(--bg3)}
  #app.lisa-atlas-shell .h-month-kpi-label{color:var(--text5);font-size:8px;letter-spacing:.12em}
  #app.lisa-atlas-shell .h-month-kpi-value{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text2);font-size:15px;font-weight:800}
  #app.lisa-atlas-shell .h-meta{display:none}
  #app.lisa-atlas-shell .h-right .reload-btn,#app.lisa-atlas-shell .h-right .theme-toggle,
  #app.lisa-atlas-shell .h-right .top-sync-status,#app.lisa-atlas-shell #notif-bell-btn,#lisa-sync-verify-button{
    height:38px!important;min-height:38px!important;padding:0 11px!important;border:1px solid var(--border)!important;border-radius:9px!important;
    color:var(--text3)!important;background:var(--bg2)!important;box-shadow:none!important;font:700 12px var(--font-body),Inter,ui-sans-serif,system-ui,sans-serif!important
  }
  #app.lisa-atlas-shell .h-right .top-sync-status{display:inline-flex;align-items:center;white-space:nowrap}
  #app.lisa-atlas-shell .h-right [onclick='openNewQuoteStudio()']{
    height:40px!important;min-height:40px!important;padding:0 16px!important;border:1px solid var(--command-green)!important;border-radius:9px!important;
    background:var(--command-green)!important;color:#fff!important;box-shadow:none!important;font-size:12px!important
  }
  #app.lisa-atlas-shell .body-wrap{height:100vh;margin-left:var(--command-sidebar);padding-top:var(--command-topbar);background:var(--bg)}
  #app.lisa-atlas-shell .content{padding:30px 34px 54px;background:transparent!important}
  #app.lisa-atlas-shell .content.panel-open{padding-right:calc(640px + 34px)}
}

/* Compact command rail -------------------------------------------------- */
@media (min-width:761px){
  #app.lisa-atlas-shell.sidebar-collapsed{--command-sidebar:var(--command-sidebar-collapsed)}
  #app.lisa-atlas-shell>header,
  #app.lisa-atlas-shell .body-wrap,
  #app.lisa-atlas-shell .h-right,
  #app.lisa-atlas-shell .h-month-kpis{transition:width .18s ease,left .18s ease,margin-left .18s ease}
  #app.lisa-atlas-shell>header{padding:18px 12px 14px}
  #app.lisa-atlas-shell>header::before,#app.lisa-atlas-shell>header::after{display:none}
  #app.lisa-atlas-shell .h-left{
    display:grid;grid-template-columns:minmax(0,1fr) 32px;grid-template-areas:'brand collapse';gap:8px;
    padding:0 4px 17px;border-bottom:1px solid var(--command-line)
  }
  #app.lisa-atlas-shell .h-brand{grid-area:brand;min-width:0}
  #app.lisa-atlas-shell .h-brand .brand-logo-wrap{min-width:0}
  #app.lisa-atlas-shell .brand-logo.compact{height:31px;max-width:144px}
  #app.lisa-atlas-shell .sidebar-brand-monogram{display:none}
  #app.lisa-atlas-shell .sidebar-collapse{
    grid-area:collapse;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;
    border:1px solid var(--command-line);border-radius:7px;color:var(--command-muted);background:var(--bg2);cursor:pointer
  }
  #app.lisa-atlas-shell .sidebar-collapse:hover{color:var(--command-green);border-color:var(--command-line-2);background:var(--bg3)}
  #app.lisa-atlas-shell .sidebar-collapse svg{width:16px;height:16px;transition:transform .18s ease}
  #app.lisa-atlas-shell .h-context{display:none}
  #app.lisa-atlas-shell .h-nav{display:flex;flex:1;min-height:0;padding:15px 0 0}
  #app.lisa-atlas-shell .h-groups{gap:1px}
  #app.lisa-atlas-shell .sidebar-nav-label{
    display:block;margin:15px 10px 6px;color:var(--command-muted-2);font-size:8px;font-weight:850;letter-spacing:.15em;text-transform:uppercase
  }
  #app.lisa-atlas-shell .sidebar-nav-label:first-child{margin-top:0}
  #app.lisa-atlas-shell .h-shortcut,#app.lisa-atlas-shell .h-group{
    height:40px;min-height:40px;padding:0 10px;gap:10px;border-radius:6px;font-size:13px;font-weight:650
  }
  #app.lisa-atlas-shell .h-shortcut svg,#app.lisa-atlas-shell .h-group svg{width:17px;height:17px;flex-basis:17px}
  #app.lisa-atlas-shell .h-group.active,#app.lisa-atlas-shell .h-shortcut.active{
    color:var(--command-green);background:color-mix(in srgb,var(--command-green) 7%,transparent)
  }
  #app.lisa-atlas-shell .h-group.active::after,#app.lisa-atlas-shell .h-shortcut.active::before{
    content:'';display:block;position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--command-green)
  }
  #app.lisa-atlas-shell .h-tabs{left:calc(100% + 10px)!important;border-radius:8px}
  #app.lisa-atlas-shell .sidebar-footer{
    margin-top:auto;padding:12px 4px 0;display:grid;grid-template-columns:1fr auto;grid-template-areas:'label arrows' 'product product';align-items:center;gap:10px;
    border-top:1px solid var(--command-line)
  }
  #app.lisa-atlas-shell .sidebar-footer-label{grid-area:label;color:var(--command-muted-2);font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
  #app.lisa-atlas-shell .sidebar-footer .nav-arrows{grid-area:arrows;display:flex;gap:4px}
  #app.lisa-atlas-shell .sidebar-footer .nav-arrow{width:27px;height:27px;border-radius:6px;box-shadow:none}
  #app.lisa-atlas-shell .sidebar-product-label{grid-area:product;color:var(--command-muted-2);font-size:7px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

  #app.lisa-atlas-shell.sidebar-collapsed>header{padding-inline:8px}
  #app.lisa-atlas-shell.sidebar-collapsed .h-left{display:flex;flex-direction:column;align-items:center;gap:8px;padding-inline:0}
  #app.lisa-atlas-shell.sidebar-collapsed .h-brand .brand-logo-wrap{display:none}
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-brand-monogram{
    width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;
    color:#fff;background:var(--command-green);font-family:var(--font-display),Inter,sans-serif;font-size:17px;font-weight:850
  }
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-collapse{width:38px}
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}
  #app.lisa-atlas-shell.sidebar-collapsed .h-nav{padding-top:12px}
  #app.lisa-atlas-shell.sidebar-collapsed .h-group span,
  #app.lisa-atlas-shell.sidebar-collapsed .h-shortcut::after,
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-footer-label,
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-product-label{display:none}
  #app.lisa-atlas-shell.sidebar-collapsed .h-groups{align-items:center;gap:3px}
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-nav-label{
    width:24px;height:1px;margin:8px auto 6px;padding:0;display:block;overflow:hidden;
    color:transparent;background:var(--command-line);font-size:0;line-height:0
  }
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-nav-label:first-child{display:none}
  #app.lisa-atlas-shell.sidebar-collapsed .h-shortcut,#app.lisa-atlas-shell.sidebar-collapsed .h-group{
    width:44px;height:42px;min-height:42px;padding:0;justify-content:center;gap:0
  }
  #app.lisa-atlas-shell.sidebar-collapsed .h-shortcut svg,#app.lisa-atlas-shell.sidebar-collapsed .h-group svg{width:18px;height:18px;flex-basis:18px}
  #app.lisa-atlas-shell.sidebar-collapsed .h-group.active::after,#app.lisa-atlas-shell.sidebar-collapsed .h-shortcut.active::before{left:-2px}
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-footer{display:flex;justify-content:center;padding-inline:0}
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-footer .nav-arrows{flex-direction:column;gap:5px}
  #app.lisa-atlas-shell.sidebar-collapsed .sidebar-footer .nav-arrow{width:34px;height:28px}
}

/* Core controls ---------------------------------------------------------- */
.ui-btn,.ui-btn-subtle,.ui-btn-danger,.filter-chip,.reload-btn,.theme-toggle,.top-sync-status,.state-btn,.state-btn-primary,.q-btn,.q-btn-primary{
  min-height:38px;border-radius:9px;font-weight:700;box-shadow:none;transition:.16s ease
}
#app .ui-btn,#app .state-btn-primary,#app .q-btn-primary{border:1px solid var(--green);background:var(--green);color:#fff;box-shadow:none}
.light .ui-btn,.light .state-btn-primary,.light .q-btn-primary{border-color:var(--green);background:var(--green);color:#fff;box-shadow:none}
.ui-btn:hover,.state-btn-primary:hover,.q-btn-primary:hover{filter:none;transform:none;background:color-mix(in srgb,var(--green) 88%,#000);box-shadow:none}
.ui-btn-subtle,.state-btn,.q-btn{border:1px solid var(--border);color:var(--text3);background:var(--bg2)}
.ui-btn-subtle:hover,.state-btn:hover,.q-btn:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}
input,select,textarea,.q-input,.state-input,.state-select,.state-note,.deal-view-note,.ir-input,.planner-input,.mail-search-input{
  min-height:40px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--bg2);box-shadow:none
}
@media (min-width:761px){
  #app input,#app select,#app textarea,#app .q-input,#app .state-input,#app .state-select,#app .state-note,#app .deal-view-note,#app .ir-input,#app .planner-input,#app .mail-search-input{
    min-height:34px;border-radius:6px
  }
}
input:focus,select:focus,textarea:focus,.q-input:focus,.state-input:focus,.state-select:focus,.state-note:focus,.deal-view-note:focus{
  outline:0;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)
}

/* Dashboard and filters -------------------------------------------------- */
.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin-bottom:22px;background:transparent;border:0}
.kpi-card{min-height:108px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm)}
.kpi-card::before{display:none}.kpi-card:hover{transform:none;border-color:var(--border2);box-shadow:none}
.kpi-label{color:var(--text5);font-size:9px;letter-spacing:.11em}.kpi-val{margin-top:8px;font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.04em}
.filter-bar{
  min-height:58px;margin-bottom:18px;padding:9px 10px;border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm)
}
#app[data-view='table'] .filter-bar{top:-30px;background:var(--bg2);border:1px solid var(--border);box-shadow:var(--command-shadow-sm)}
.filter-label{font-size:9px;letter-spacing:.12em}.filter-bar input{min-height:38px}.filter-count,.filter-chip{min-height:34px;padding:0 11px;border-radius:9px;background:var(--bg2)}
.filter-count{display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap}
.deals-view-toolbar{padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg3)}
.deals-view-btn{border:0;border-radius:7px}.deals-view-btn.active{background:var(--bg2);box-shadow:var(--command-shadow-sm)}

/* Pipeline — real board, not a spreadsheet ------------------------------ */
.kanban-wrap{position:relative;z-index:0;isolation:isolate;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.kanban-head-row,.kanban{gap:12px;padding:0;background:transparent!important}
.kanban-head-row{top:calc(var(--kanban-sticky-top,58px) - 30px);z-index:300!important;margin-bottom:7px;background:var(--bg)!important;box-shadow:0 8px 0 var(--bg);overflow:visible;isolation:isolate}
.kanban-head-cell{
  position:relative;z-index:1;min-height:48px;padding:0 5px 10px;display:flex;align-items:flex-end;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--bg)!important
}
.kanban-head-cell::before{content:'';width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--lane,#6571e5)}
.kanban-head-cell:nth-child(2){--lane:#487fc3}.kanban-head-cell:nth-child(3){--lane:#299474}.kanban-head-cell:nth-child(4){--lane:#c27b2c}.kanban-head-cell:nth-child(5){--lane:#bc5676}
.k-stage-name{font-size:13px;font-weight:800;letter-spacing:-.02em}.k-head-sub{margin-top:2px;color:var(--text5);font-size:9px}.k-count{margin-left:auto}
.kanban{position:relative;z-index:0}
#view-pipeline,#view-pipeline .kanban-wrap{transform:none!important;backface-visibility:visible!important}
.k-col{min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.k-body{display:flex;flex-direction:column;padding:0 0 8px;gap:7px;background:transparent!important}
.k-card{
  margin:0;padding:13px;border:1px solid var(--border);border-radius:7px;background:var(--bg2);box-shadow:var(--command-shadow-sm);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease
}
.k-card:hover{transform:none;border-color:var(--border2);background:var(--bg2);box-shadow:none}
.k-card.sel,.light .k-card.sel{border-color:color-mix(in srgb,var(--green) 58%,var(--border));background:color-mix(in srgb,var(--green) 7%,var(--bg2));box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 13%,transparent)}
.k-card-stage-warn,.k-card-stage-hot{background:var(--bg2);border-color:var(--border)}
.k-card-stage-warn::before,.k-card-stage-hot::before{content:none}
.k-vessel{margin-top:7px;font-size:13px;font-weight:800;letter-spacing:-.02em}.k-company{margin-top:2px;color:var(--text4);font-size:11px}.k-rfq{color:var(--text5);font-size:9px}
.k-amount{margin-top:11px;color:var(--teal);font-size:14px}.k-task-footer{margin-top:11px;padding:9px 0 0;border-top:1px solid var(--row-border)}
.k-task-footer small{margin-top:2px}.deal-activity-arrow{width:25px;height:25px}

/* Data and business surfaces -------------------------------------------- */
.deals-table-card,.register-panel,.register-card,.parts-table-card,.invoice-register-shell,.deals-list-wrap{
  border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm);overflow:hidden
}
.tbl-wrap{border:0;border-radius:0;box-shadow:none}table{border-collapse:collapse}
thead th{height:43px;padding:0 12px;border-bottom:1px solid var(--border);color:var(--text5);background:var(--bg3);font-size:9px;font-weight:800;letter-spacing:.1em}
tbody tr{border-bottom:1px solid var(--row-border);transition:background .12s ease}tbody td{padding:11px 12px}tbody tr:hover{background:color-mix(in srgb,var(--green) 5%,var(--bg2))}
.deals-stage-section,.monday-group{margin-bottom:20px;border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm);overflow:hidden}
.deals-stage-head,.monday-group-head{min-height:52px;padding:0 15px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--bg3);box-shadow:none}
.deals-stage-table-wrap,.monday-table-wrap{border:0;border-radius:0;background:var(--bg2)}

.cr-section,.top10-panel,.perf-chart-card,.task-card,.control-panel,.sr-hero-card,.sr-stat,.sr-funnel,.sr-target-panel,.contact-card,.vessel-card,.scm-card,.sp-planner-card,.planner-summary-card{
  border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm)
}
.cr-section,.top10-panel,.perf-chart-card,.task-card,.control-panel{margin-bottom:20px;overflow:visible}
.cr-section-head,.top10-header{min-height:58px;padding:0 18px;border-bottom:1px solid var(--row-border)}
.cr-section-body,.top10-body{padding:18px}.cr-section-title,.top10-title,.sr-section-title{font-size:15px;font-weight:800;letter-spacing:-.02em;text-transform:none}.cr-section-sub{color:var(--text5)}
.cr-kpis,.task-kpis,.sr-grid4{gap:12px;border:0}.cr-kpi,.task-kpi,.sr-stat{min-height:92px;padding:16px;border:1px solid var(--border);border-radius:10px;background:var(--bg2);box-shadow:var(--command-shadow-sm)}
.cr-kpi-val,.task-kpi-val,.sr-stat-val{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;letter-spacing:-.04em}
.contact-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;border:0}.vessel-grid,.scm-grid{gap:12px;border:0}
.contact-card{min-width:0;overflow:hidden;padding:13px;border-radius:8px}.vessel-card,.scm-card{padding:15px}.contact-card:hover,.vessel-card:hover{transform:none;border-color:var(--border2);box-shadow:none}
.contact-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:10px;border-top:1px solid var(--row-border)}
.contact-kpis:has(> .contact-kpi:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.contact-kpi{min-width:0;min-height:52px;padding:8px 9px;border:0;border-right:1px solid var(--row-border);border-radius:0;background:transparent;box-shadow:none}
.contact-kpi:nth-child(3n){border-right:0}.contact-kpis:has(> .contact-kpi:nth-child(4):last-child) .contact-kpi:nth-child(3){border-right:1px solid var(--row-border)}.contact-kpis:has(> .contact-kpi:nth-child(4):last-child) .contact-kpi:last-child{border-right:0}
.contact-kpi-val{max-width:100%;overflow:hidden;white-space:nowrap;font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;line-height:1.25;letter-spacing:-.015em;font-variant-numeric:tabular-nums}

/* Action Center */
.task-shell{gap:20px}.task-top{gap:18px}.task-card{padding:0}.task-upcoming-head{min-height:74px;padding:14px 18px;border-bottom:1px solid var(--row-border)}
.task-upcoming-title{font-size:21px}.task-sections{gap:0}.task-section+.task-section,.task-day-group+.task-day-group{border-top:1px solid var(--border)}
.task-day-head,.task-overdue-toggle{min-height:47px;padding:0 18px;background:var(--bg3);border-bottom:1px solid var(--row-border)}
.task-item{padding:14px 18px;border-bottom:1px solid var(--row-border);background:var(--bg2)}.task-item:hover{background:var(--bg3)}
.task-month-grid{gap:7px}.task-month-day{min-height:90px;border:1px solid var(--border);border-radius:9px;background:var(--bg2)}

/* Mail */
.mail-inbox{gap:14px;height:calc(100vh - 126px)}.mail-inbox-head{padding:0 0 12px}.mail-inbox-title{font-size:29px}.mail-inbox-grid{grid-template-columns:minmax(370px,38%) minmax(0,1fr);gap:12px}
.mail-list-panel,.mail-preview-panel{border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm);overflow:auto}
.mail-row{min-height:96px;padding:14px 16px;column-gap:18px;border-bottom:1px solid var(--row-border);overflow:hidden}.mail-row:hover{background:var(--bg3)}
.mail-row.active{background:color-mix(in srgb,var(--green) 8%,var(--bg2));box-shadow:inset 3px 0 0 var(--green)}
.mail-row-top{min-width:0}.mail-from{line-height:1.35}.mail-subject{margin-top:6px;line-height:1.3}.mail-preview{margin-top:5px;line-height:1.45;-webkit-line-clamp:1}.mail-row-side{gap:10px}
.mail-preview-head{padding:17px 19px;border-bottom:1px solid var(--row-border)}.mail-preview-body{padding:20px;line-height:1.65}.mail-preview-subject{font-size:22px}
.mail-filter-tabs{padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg3)}.mail-filter-tabs button{height:34px;border-radius:7px}

/* Quote Studio — page composition, not stacked boxes -------------------- */
#view-quote{width:100%;max-width:none;margin:0}
.quote-studio-shell{width:100%!important;max-width:1580px!important;margin:0 auto;display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:18px!important;align-items:start}
.quote-page-head{grid-column:1/-1;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px;margin:0 0 6px!important}
.quote-page-eyebrow{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.quote-page-title{font-size:34px;font-weight:800;letter-spacing:-.045em;line-height:1.05;color:var(--text)}
.quote-page-subtitle{margin-top:7px;color:var(--text5);font-size:13px}
.quote-page-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
.quote-open-existing{display:flex!important;align-items:center!important;gap:6px!important}.quote-open-existing .q-input{min-width:250px!important}
.quote-economics{
  grid-column:1/-1;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;
  margin:0 0 2px!important;padding:15px 17px;border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm)
}
.quote-reference{display:flex;align-items:center;gap:6px;min-width:0}.quote-reference-text{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:800;color:var(--text);user-select:text}
.quote-economics-values{display:flex;align-items:center;justify-content:flex-end;gap:0;flex-wrap:wrap}
.quote-economics-values>span{padding:0 13px!important;border:0!important;border-right:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;line-height:28px}
.quote-economics-values>span:last-child{border-right:0!important}.quote-economics-values>span[style*='font-size:12px']{padding:0 2px!important;border:0!important;color:var(--faint)!important}
#view-quote .cr-section{margin:0;border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm);overflow:visible}
#view-quote .cr-section-head{min-height:58px;padding:0 18px}.quote-details-section{grid-column:1;grid-row:3}.quote-customer-section{grid-column:1;grid-row:4}
.quote-variants-section{grid-column:2;grid-row:3/span 2;position:static}.quote-line-items-section{grid-column:1/-1;grid-row:5}.quote-notes-section{grid-column:1/-1;grid-row:6}
.quote-variants-section .cr-section-head{align-items:flex-start!important;padding-top:16px!important;padding-bottom:14px!important;flex-direction:column}.quote-variants-section .cr-section-body{align-items:stretch!important;flex-direction:column!important}
.quote-variants-section .cr-section-body>div{min-width:0!important;width:100%}.quote-variants-section .cr-section-body>div:first-child{align-items:stretch!important;flex-direction:column!important}.quote-variants-section .q-input{max-width:none!important}
.quote-field{padding:7px 0 9px;border-bottom:1px solid var(--row-border)}.quote-field-label{margin-bottom:5px;color:var(--text5);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.q-input{min-height:34px;padding:6px 9px;border-radius:6px;background:var(--bg2)}.quote-line-items-section{border-radius:13px!important;overflow:visible!important}.quote-line-items-section .cr-section-body{border-radius:0 0 13px 13px;overflow:auto!important}
.li-table{border-collapse:collapse}.li-table th{background:var(--bg3)}.li-table td{background:var(--bg2);border-bottom:1px solid var(--row-border)}.li-table tr:hover td{background:var(--bg3)}
.li-partno-content{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}

/* Commercial Invoice — keep VAT enablement and rate as one control */
.ci-vat-control{min-width:0}
.ci-vat-control-title{display:block;margin-bottom:5px;color:var(--muted);font-size:10px}
.ci-vat-control-row{display:grid;grid-template-columns:auto minmax(72px,1fr);align-items:center;gap:10px;min-height:34px}
.ci-vat-toggle{display:flex;align-items:center;gap:7px;color:var(--text2);font-size:12px;font-weight:700;white-space:nowrap}
.ci-vat-rate{position:relative;min-width:0}
.ci-vat-rate .q-input{width:100%;padding-right:26px}
.ci-vat-rate-unit{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--text5);font-size:11px;pointer-events:none}
.ci-service-invoice-toggle{grid-column:span 2;display:flex;align-items:center;gap:7px;min-height:34px;color:var(--text2);font-size:12px;font-weight:700}

/* Deal detail and overlays ---------------------------------------------- */
#detail,#state-drawer,.drawer,.side-panel{border-left:1px solid var(--border);background:var(--bg2);box-shadow:-22px 0 55px rgba(23,33,27,.15)}
#detail{top:var(--command-topbar);width:min(640px,calc(100vw - 40px));padding:24px 28px}
#detail-body{padding-top:5px}.d-close{border-radius:9px!important}.detail-expand-toggle{border-radius:9px!important}
#detail-body .d-rfq{color:var(--green)!important}.d-vessel{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif!important}.d-section-title{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:13px!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--text)!important}
#detail-body .d-amount-box{background:color-mix(in srgb,var(--green) 7%,var(--bg2))!important;border-color:color-mix(in srgb,var(--green) 24%,var(--border))!important}
#detail-body .d-amount-label{color:var(--green)!important}.d-amount-val{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif!important}
#deal-view-overlay{background:rgba(18,28,22,.46);backdrop-filter:none}
#deal-view-shell{top:10px;right:10px;bottom:10px;width:min(1420px,calc(100vw - 30px));border:1px solid var(--border);border-radius:15px;background:var(--bg);box-shadow:-25px 0 70px rgba(23,33,27,.22)}
#deal-view-head{min-height:62px;padding:10px 17px;background:var(--bg2);border-bottom:1px solid var(--border)}#deal-view-close{width:38px;height:38px;border-radius:9px}
.deal-view-header{padding:22px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:var(--bg2);box-shadow:none}.deal-view-title{font-size:30px}
.deal-view-top-grid{gap:12px;padding:18px 22px}.deal-view-age-card,.deal-view-value-card,.deal-view-potential-card{min-height:104px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);box-shadow:var(--command-shadow-sm)}
.deal-view-wrap{gap:18px;padding:0 22px 24px}.deal-view-side-section,.deal-view-main-panel{border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-sm)}

#spotlight-box{width:min(820px,94vw);border:1px solid var(--border);border-radius:13px;background:var(--bg2);box-shadow:var(--command-shadow-md)}
.h-sales-month-panel,#notif-panel{border:1px solid var(--border);border-radius:13px!important;background:var(--bg2);box-shadow:var(--command-shadow-md)!important}.toast{border-radius:9px;box-shadow:var(--command-shadow-md)}

/* Responsive desktop */
@media (min-width:761px) and (max-width:1120px){
  :root{--command-sidebar:224px}.quote-studio-shell{grid-template-columns:1fr!important}.quote-page-head,.quote-economics,.quote-details-section,.quote-customer-section,.quote-variants-section,.quote-line-items-section,.quote-notes-section{grid-column:1!important;grid-row:auto!important}
  .quote-variants-section{position:static}.quote-variants-section .cr-section-head{flex-direction:row}.quote-variants-section .cr-section-body{flex-direction:row!important}
  .quote-page-head{align-items:flex-start!important;flex-direction:column!important;gap:18px!important}.quote-page-actions{width:100%;justify-content:flex-start!important}.quote-open-existing{flex:1;min-width:300px}.quote-open-existing .q-input{width:100%}
}
@media (min-width:761px) and (max-width:1180px){
  #app.lisa-atlas-shell .h-month-kpis{display:none}#app.lisa-atlas-shell .h-right{padding-inline:20px}
  #app.lisa-atlas-shell .h-right .theme-toggle{width:38px;padding:0!important;font-size:0!important}#app.lisa-atlas-shell .h-right .theme-toggle::before{content:'◐';font-size:15px}
  #app.lisa-atlas-shell .content{padding-inline:22px}
}
@media (min-width:761px) and (max-width:940px){
  #app.lisa-atlas-shell .h-right .top-sync-status{display:none}#lisa-sync-verify-button{padding-inline:10px!important}
}

/* Mobile companion ------------------------------------------------------- */
.lisa-mobile-shell{--lm-bg:#f5f7f5;--lm-surface:#fff;--lm-line:#e1e6e2;--lm-ink:#17211b;--lm-muted:#747f77;--lm-accent:#0d7650;color:var(--lm-ink);background:var(--lm-bg);font-family:var(--font-body),Inter,ui-sans-serif,system-ui,sans-serif}
.lm-topbar{padding:calc(env(safe-area-inset-top) + 11px) 15px 10px;border-bottom:1px solid var(--lm-line);background:rgba(251,252,251,.96);box-shadow:none;backdrop-filter:blur(14px)}
.lm-round-btn,.lm-top-search,.lm-top-segment{border:1px solid var(--lm-line);border-radius:10px;background:#fff;box-shadow:var(--command-shadow-sm)}
.lm-focus-hero{padding:27px 16px 14px}.lm-focus-hero h1{font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;font-size:30px;letter-spacing:-.05em}.lm-focus-hero p{margin-top:4px;color:var(--lm-muted)}
.lm-schedule-list{padding:0 0 112px;gap:0}.lm-schedule-day{margin-top:20px}.lm-schedule-day h2{padding:0 16px;margin-bottom:9px;font-family:var(--font-display),Inter,ui-sans-serif,system-ui,sans-serif;font-size:17px}
.lm-activity-stack{margin:0 12px;overflow:hidden;border:1px solid var(--lm-line);border-radius:13px;background:#fff;box-shadow:var(--command-shadow-sm)}
.lm-activity-row,.lm-activity-stack .lm-activity-row{min-height:80px;padding:13px 15px;border-bottom:1px solid #edf0ed;border-radius:0!important;background:#fff}.lm-activity-row:last-child{border-bottom:0}
.lm-day-add{height:40px;margin:8px 12px 0;border:1px dashed var(--lm-line);border-radius:10px;background:rgba(255,255,255,.48);color:#7b877f;opacity:.48}
.lm-section,.lm-card,.lm-panel,.lm-stat,.lm-deal-row,.lm-company-row,.lm-vessel-row,.lm-contact-row{border:1px solid var(--lm-line);border-radius:13px;background:#fff;box-shadow:var(--command-shadow-sm)}
.lm-pipedrive-list,.lm-company-list,.lm-vessel-list,.lm-contact-list{margin:0 12px;overflow:hidden;border:1px solid var(--lm-line);border-radius:13px;background:#fff;box-shadow:var(--command-shadow-sm)}
.lm-stage-head{padding:18px 16px 9px;border:0;background:transparent}.lm-deal-row{margin:0;border:0;border-bottom:1px solid var(--lm-line);border-radius:0;box-shadow:none}.lm-deal-row:last-child{border-bottom:0}
.lm-stats{gap:10px;padding:0 12px}.lm-stat{padding:14px}.lm-search{border-radius:10px;border-color:var(--lm-line);box-shadow:var(--command-shadow-sm)}
.lm-deal-icon,.lm-entity-avatar{border-radius:10px;background:#e9f5ef;color:var(--lm-accent)}
.lm-detail-tabs,.lm-entity-tabs{padding:3px;border:1px solid var(--lm-line);border-radius:11px;background:#f2f5f2}.lm-detail-tabs button,.lm-entity-tabs button{border-radius:8px}.lm-detail-tabs button.active,.lm-entity-tabs button.active{background:#fff;color:var(--lm-accent);box-shadow:var(--command-shadow-sm)}
.lm-nav{left:10px;right:10px;bottom:8px;margin:0;padding:7px 8px calc(env(safe-area-inset-bottom) + 7px);border:1px solid var(--lm-line);border-radius:18px!important;background:rgba(255,255,255,.97);box-shadow:0 14px 40px rgba(23,33,27,.14);backdrop-filter:blur(18px)}
.lm-nav button{border-radius:11px}.lm-nav button.active{margin:0;border-radius:11px;background:#e9f5ef;color:var(--lm-accent)}
.lm-edit-sheet,.lm-bottom-sheet,.lm-date-sheet{border-radius:18px 18px 0 0;background:#fbfcfb;box-shadow:0 -18px 52px rgba(23,33,27,.2)}
.lm-edit-grid input,.lm-edit-grid select,.lm-edit-grid textarea,.lm-date-trigger{border-radius:10px;border-color:#d9e0db;background:#fff}.lm-edit-actions button{border-radius:10px}.lm-edit-actions button.primary{border-color:var(--lm-accent);background:var(--lm-accent);box-shadow:none}

@media (max-width:760px){html,body{background:#f5f7f5}}