[x-cloak]{display:none!important}

body{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font-family:inherit}
button,.button{gap:8px}
.icon-button{gap:0}

.shell{transition:grid-template-columns .2s ease}
.sidebar{position:relative;overflow:visible}
.sidebar-collapse{position:absolute;right:-14px;top:74px;z-index:65;width:30px;height:30px;padding:0;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 8px 22px rgba(0,41,83,.14)}
.sidebar-collapse:hover{background:#f4f7fa;color:var(--accent)}
.sidebar-collapse svg{transition:transform .2s ease}
.desktop-only{display:inline-flex}
.sidebar-action{width:100%;background:transparent;color:#cbdceb;border:0;padding:9px 10px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:10px;font:inherit;font-weight:500;text-align:left}
.sidebar-action:hover{background:#0e3f6b;color:#fff}
.sidebar-action svg{flex:0 0 auto}
.brand-logo-mark{background:#fff;overflow:hidden;padding:4px}
.brand-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}

.shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}
.shell.sidebar-collapsed .sidebar{padding-left:9px;padding-right:9px}
.shell.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}
.shell.sidebar-collapsed .brand-copy,
.shell.sidebar-collapsed .sidebar nav a span,
.shell.sidebar-collapsed .sidebar-foot a span,
.shell.sidebar-collapsed .sidebar-action span{display:none}
.shell.sidebar-collapsed .sidebar-nav{padding-right:0;overflow-x:hidden}
.shell.sidebar-collapsed .sidebar .nav-label{font-size:0;line-height:0;padding:0;margin:10px 8px 6px;border-top:1px solid rgba(255,255,255,.11)}
.shell.sidebar-collapsed .sidebar nav a,
.shell.sidebar-collapsed .sidebar-foot a,
.shell.sidebar-collapsed .sidebar-action{justify-content:center;padding:10px 8px}
.shell.sidebar-collapsed .sidebar-collapse svg{transform:rotate(180deg)}
.shell.sidebar-collapsed .page-loading-overlay{left:72px}

.nav-scrim{display:none}

.org-chip-button{color:var(--ink);background:#fff;font-weight:500;max-width:280px}
.org-chip-button:hover{background:#f7f9fc}
.org-chip-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-chip-button svg:last-child{width:14px;height:14px;color:var(--muted)}

.shell-modal{border:0;border-radius:18px;padding:0;width:min(520px,calc(100vw - 32px));max-height:min(78vh,680px);background:var(--panel);color:var(--ink);box-shadow:0 28px 90px rgba(0,20,40,.26);overflow:hidden}
.shell-modal::backdrop{background:rgba(0,20,40,.42);backdrop-filter:blur(2px)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 22px 16px;border-bottom:1px solid var(--line)}
.modal-head h2{margin:.15rem 0 .25rem;font-size:1.25rem}
.modal-head p{margin:0;color:var(--muted);font-size:.82rem}
.modal-close{margin:0}
.organization-options{padding:12px;display:grid;gap:8px;max-height:440px;overflow:auto}
.organization-option{margin:0}
.organization-option-button{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-align:left;font-weight:500}
.organization-option-button:hover{border-color:#b8c8d8;background:#f8fafc}
.organization-option-button.current{border-color:#abc9e2;background:#eef5fb}
.organization-option-mark{width:38px;height:38px;border-radius:10px;background:var(--accent2);color:var(--accent);display:grid;place-items:center}
.organization-option-copy{min-width:0;display:block}
.organization-option-copy strong,.organization-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.organization-option-copy strong{font-size:.88rem}
.organization-option-copy small{font-size:.72rem;color:var(--muted);margin-top:2px}
.modal-fallback{padding:12px 22px 18px;border-top:1px solid var(--line);font-size:.76rem;color:var(--muted)}
.modal-fallback a{color:var(--accent);font-weight:700}

.toast-region{position:fixed;right:20px;top:76px;z-index:90;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}
.toast{position:relative;right:auto;top:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding:12px 12px 12px 16px;pointer-events:auto;animation:toast-in .2s ease both;transition:opacity .2s ease,transform .2s ease}
.toast.success{background:#173a2b}.toast.warning{background:#775b13}.toast.error{background:#8e332c}.toast.info{background:#315b70}
.toast-close{flex:0 0 auto;width:28px;height:28px;padding:0;border-radius:8px;background:rgba(255,255,255,.12);color:#fff}
.toast-close:hover{background:rgba(255,255,255,.2)}
.toast-exit{opacity:0;transform:translateY(-8px)}
@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.drawer{max-width:100%;overscroll-behavior:contain;top:10px;bottom:10px;height:auto;max-height:calc(100vh - 20px);padding-bottom:44px;border-radius:16px 0 0 16px}
.drawer::backdrop{cursor:pointer}
.shell-modal::backdrop{cursor:pointer}
.drawer>form:last-child,.drawer>div:last-child,.drawer>section:last-child{margin-bottom:10px}

.topbar{min-width:0;flex-wrap:wrap}
.topbar:has(.impersonation-form){height:auto;min-height:62px;padding-top:8px;padding-bottom:8px}
.topbar>.org-chip,.topbar>.user-chip{min-width:0}
.user-chip span,.role-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.impersonation-form{order:-1;flex:0 0 100%;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px}
.impersonation-chip{max-width:min(420px,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;padding:6px 9px}
.impersonation-form button{font-size:.72rem;padding:7px 10px}

.pipeline-stage-clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease}
.pipeline-stage-clickable:hover,.pipeline-stage-clickable:focus-visible{background:#e7eef5!important;outline:none;box-shadow:inset 0 0 0 1px rgba(0,41,83,.18)}
.pipeline-stage-clickable .pipeline-column-title::after{content:"+";margin-left:auto;width:24px;height:24px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--accent);display:grid;place-items:center;font-size:1rem;font-weight:800}
.pipeline-add-deal-modal{width:min(580px,calc(100vw - 32px));max-height:min(88vh,760px);overflow:auto}
.pipeline-add-deal-form{padding:18px 22px 24px}
.pipeline-stage-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f7fb;border:1px solid var(--line);border-radius:11px;padding:10px 12px;margin-bottom:12px}
.pipeline-stage-chip span{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pipeline-stage-chip strong{font-size:.8rem;color:var(--accent)}
.pipeline-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pipeline-add-errors{min-height:20px;color:var(--danger);font-size:.78rem;margin:8px 0}
.pipeline-add-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-bottom:6px}

@media(max-width:1000px){
  .topbar{gap:7px;padding-left:18px;padding-right:18px}
  .org-chip,.user-chip{padding:7px 10px;font-size:.8rem}
  .impersonation-form{min-width:0}
  .impersonation-chip{max-width:min(360px,55vw)}
}

@media(max-width:760px){
  .desktop-only{display:none!important}
  .shell,.shell.sidebar-collapsed{display:block;height:100vh}
  .sidebar,.shell.sidebar-collapsed .sidebar{position:fixed;z-index:70;left:0;top:0;width:min(300px,86vw);padding:16px 12px;transform:translateX(-104%);transition:transform .2s ease;box-shadow:18px 0 44px rgba(0,0,0,.18);overflow:hidden}
  .sidebar.open{transform:none}
  .shell.sidebar-collapsed .brand{justify-content:flex-start;padding:8px}
  .shell.sidebar-collapsed .brand-copy{display:block}
  .shell.sidebar-collapsed .sidebar nav a span,
  .shell.sidebar-collapsed .sidebar-foot a span,
  .shell.sidebar-collapsed .sidebar-action span{display:inline}
  .shell.sidebar-collapsed .sidebar .nav-label{font-size:.7rem;line-height:normal;padding:18px 10px 6px;margin:0;border-top:0}
  .shell.sidebar-collapsed .sidebar nav a,
  .shell.sidebar-collapsed .sidebar-foot a,
  .shell.sidebar-collapsed .sidebar-action{justify-content:flex-start;padding:10px}
  .nav-scrim{display:block;position:fixed;inset:0;z-index:60;background:rgba(0,20,40,.44);backdrop-filter:blur(1px)}
  .page-scroll{height:100vh}
  .topbar{height:60px;padding:0 10px;gap:8px;justify-content:flex-start}
  .topbar:has(.impersonation-form){height:auto;min-height:60px;padding-top:7px;padding-bottom:7px}
  .topbar .mobile-only{margin-right:0;flex:0 0 auto}
  .topbar .role-chip{display:none}
  .topbar .org-chip-button,.topbar>.org-chip:not(.role-chip){margin-left:auto;max-width:calc(100vw - 72px);flex:1;justify-content:flex-start}
  .topbar .org-chip-button span,.topbar>.org-chip:not(.role-chip) span{flex:1;min-width:0;text-align:left}
  .topbar .user-chip{display:none}
  .topbar .impersonation-form{position:static;left:auto;right:auto;bottom:auto;z-index:auto;width:100%;flex:0 0 100%;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:6px}
  .topbar .impersonation-form .impersonation-chip{flex:1;max-width:none;min-width:0;font-size:.68rem;padding:5px 8px}
  .topbar .impersonation-form button{flex:0 0 auto;font-size:.68rem;padding:6px 8px;min-height:30px}
  .content{padding:16px 14px 28px;min-height:calc(100vh - 60px)}
  .page-head{gap:12px;margin-bottom:16px}
  .page-head h1{font-size:1.5rem;line-height:1.2}
  .page-head>div:last-child:not(:first-child){width:100%}
  .page-head .button,.page-head button{min-height:42px}
  .metrics{gap:9px}
  .metrics>div{padding:13px;border-radius:12px}
  .panel{padding:14px;border-radius:13px;margin-bottom:14px}
  .filterbar{display:grid;grid-template-columns:1fr;gap:8px}
  .filterbar input,.filterbar select{min-width:0}
  .filterbar button{width:100%;min-height:42px}
  table{font-size:.82rem}
  th,td{padding-left:8px;padding-right:8px}
  button,.button{min-height:40px}
  input,select,textarea{font-size:16px}
  .drawer{top:0;bottom:0;width:100vw;height:100dvh;max-height:100dvh;padding:20px 18px calc(30px + env(safe-area-inset-bottom));border-left:0;border-radius:0}
  .shell-modal{width:calc(100vw - 20px);max-height:82dvh;border-radius:16px}
  .modal-head{padding:18px 16px 14px}
  .organization-options{padding:10px;max-height:55dvh}
  .toast-region{right:10px;left:10px;top:70px;width:auto}
  .toast{font-size:.8rem}
  .page-loading-overlay,.shell.sidebar-collapsed .page-loading-overlay{inset:60px 0 0 0}
  .pipeline-add-deal-modal{width:calc(100vw - 16px);max-height:92dvh}
  .pipeline-add-deal-form{padding:14px 14px calc(22px + env(safe-area-inset-bottom))}
  .pipeline-form-grid{grid-template-columns:1fr}
  .pipeline-add-actions{position:sticky;bottom:0;background:var(--panel);padding:10px 0 calc(4px + env(safe-area-inset-bottom));margin-top:10px}
  .pipeline-add-actions>*{flex:1}
}

@media(max-width:480px){
  .topbar .org-chip-button,.topbar>.org-chip:not(.role-chip){max-width:calc(100vw - 66px)}
  .content{padding-left:12px;padding-right:12px}
  .metrics{grid-template-columns:1fr 1fr}
  .grid-2{gap:12px}
  .activity-line{align-items:flex-start;flex-direction:column}
  .activity-line span{text-align:left}
  .organization-option-button{grid-template-columns:36px minmax(0,1fr) auto;padding:10px}
}

@media(prefers-reduced-motion:reduce){
  .shell,.sidebar-collapse svg,.toast,.pipeline-stage-clickable{transition:none}
  .toast{animation:none}
}