/* ==========================================================================
   Bosseo — All-in-One Case Management for Attorneys
   Design system: light mode, high-contrast near-black typography,
   loud legible badges, dense-but-readable data tables.
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box}

:root{
  /* ---- surfaces ---- */
  --canvas:#f1f3f6;
  --surface:#ffffff;
  --surface-2:#f8f9fb;
  --surface-3:#eef1f5;
  --line:#e2e6ec;
  --line-strong:#cdd4de;

  /* ---- ink (big, bold, black) ---- */
  --ink:#08090c;
  --ink-2:#20242c;
  --ink-3:#454c58;
  --ink-4:#6b7382;
  --ink-5:#8d95a3;

  /* ---- brand ---- */
  --navy:#0a1a33;
  --navy-2:#12294b;
  --brand:#1546c8;
  --brand-2:#e9efff;
  --brand-3:#c3d3fb;
  --gold:#b4881f;
  --gold-bg:#fff5dc;
  --chart-teal:#0f766e;
  --chart-teal-soft:#5eead4;
  --chart-amber:#d97706;
  --chart-plum:#7c3aed;

  /* ---- semantic badge tokens ---- */
  --g-fg:#0b5c2e; --g-bg:#e4f7ea; --g-ln:#a5dfb7;
  --a-fg:#7a5104; --a-bg:#fff3d4; --a-ln:#f0d485;
  --r-fg:#9c1717; --r-bg:#fdeaea; --r-ln:#f4b7b7;
  --b-fg:#0f3ba3; --b-bg:#e8f0ff; --b-ln:#b7cdfa;
  --p-fg:#4a1f9e; --p-bg:#f1e9fe; --p-ln:#cbb6f6;
  --t-fg:#0c5c5c; --t-bg:#ddf3f3; --t-ln:#a4d6d6;
  --n-fg:#2f3742; --n-bg:#edf0f4; --n-ln:#d2d9e2;
  --o-fg:#8a3c05; --o-bg:#ffeddc; --o-ln:#f8c79a;
  --pk-fg:#96164e; --pk-bg:#fdeaf2; --pk-ln:#f6b6cf;

  /* ---- geometry ---- */
  --r-sm:6px; --r:9px; --r-md:12px; --r-lg:16px;
  --sh-1:0 1px 2px rgba(8,9,12,.05),0 1px 3px rgba(8,9,12,.04);
  --sh-2:0 2px 4px rgba(8,9,12,.05),0 8px 20px -6px rgba(8,9,12,.10);
  --sh-3:0 18px 48px -14px rgba(8,9,12,.28),0 4px 12px rgba(8,9,12,.08);
  --sidebar-expanded-w:264px;
  --sidebar-w:var(--sidebar-expanded-w);
  --sidebar-collapsed-w:64px;
  --nav-motion-duration:1500ms;
  --nav-motion-ease:cubic-bezier(.25,.1,.25,1);
  --nav-copy-duration:1200ms;
  --topbar-h:60px;
  --nav-active-bg:#EAF1FF;
  --nav-active-fg:#1746A2;
  --nav-active-icon:#2563EB;
  --nav-hover-bg:#F4F6F9;
  --sidebar-bg:#FBFCFE;
  --sidebar-line:#E5EAF0;

  --mono:'JetBrains Mono','SFMono-Regular',Menlo,Consolas,monospace;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

html,body{margin:0;padding:0;height:100%}
body{
  font-family:var(--sans);
  background:var(--canvas);
  color:var(--ink);
  font-size:14px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-variant-numeric:tabular-nums;
}
a{color:var(--brand);text-decoration:none}
button{font-family:inherit;cursor:pointer}
input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}
::selection{background:#c3d3fb;color:#08090c}

/* scrollbars */
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#c6cdd8;border-radius:99px;border:3px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:#a7b1c0;background-clip:content-box;border:3px solid transparent}

/* ==========================================================================
   TYPOGRAPHY — deliberately heavy + black
   ========================================================================== */
h1,h2,h3,h4,h5{margin:0;color:var(--ink);letter-spacing:-.021em;font-weight:800}
h1{font-size:29px;line-height:1.15}
h2{font-size:21px;line-height:1.2;letter-spacing:-.018em}
h3{font-size:16px;line-height:1.25;letter-spacing:-.012em;font-weight:800}
h4{font-size:14px;line-height:1.3;font-weight:800;letter-spacing:-.006em}
p{margin:0}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{
  font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-4);
}
.muted{color:var(--ink-4)}
.muted-2{color:var(--ink-5)}
.strong{font-weight:800;color:var(--ink)}
.nowrap{white-space:nowrap}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}

/* ==========================================================================
   APP FRAME
   ========================================================================== */
.app{display:flex;min-height:100vh}

/* ---------- SIDEBAR ---------- */
.sidebar{
  width:var(--sidebar-expanded-w);flex:0 0 var(--sidebar-expanded-w);
  background:var(--sidebar-bg);border-right:1px solid var(--sidebar-line);
  display:flex;flex-direction:column;
  position:fixed;inset:0 auto 0 0;z-index:60;
  overflow:hidden;
  transition:width var(--nav-motion-duration) var(--nav-motion-ease),flex-basis var(--nav-motion-duration) var(--nav-motion-ease),box-shadow 1100ms ease,border-color 1100ms ease,background 1100ms ease;
  will-change:width;
}
.side-head{flex:0 0 auto;padding:0 0 8px;border-bottom:1px solid var(--sidebar-line);transition:padding 560ms var(--nav-motion-ease)}
.side-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}
.brand{
  height:60px;display:flex;align-items:center;gap:10px;padding:0 12px;
  transition:padding 1300ms var(--nav-motion-ease),gap 1200ms ease;
}
.brand-mark{
  width:32px;height:32px;flex:0 0 32px;border-radius:8px;
  background:linear-gradient(150deg,var(--navy),#28497e);
  color:#fff;display:grid;place-items:center;
  font-weight:800;font-size:15px;letter-spacing:-.04em;
  transition:width 1200ms var(--nav-motion-ease),height 1200ms var(--nav-motion-ease),flex-basis 1200ms var(--nav-motion-ease),border-radius 1050ms ease,box-shadow 1050ms ease;
}
.brand-txt{display:flex;flex-direction:column;line-height:1.1;flex:1;min-width:0;max-width:160px;overflow:hidden;white-space:nowrap;transition:max-width var(--nav-copy-duration) var(--nav-motion-ease),opacity 300ms ease,transform var(--nav-copy-duration) var(--nav-motion-ease)}
.brand-name{font-size:16px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.brand-sub{font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-5)}
.nav-collapse-btn{
  width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--ink-4);
  display:grid;place-items:center;cursor:pointer;flex:0 0 32px;
  overflow:hidden;transition:width 1100ms var(--nav-motion-ease),flex-basis 1100ms var(--nav-motion-ease),opacity 900ms ease,transform 180ms ease,background 180ms ease,color 180ms ease;
}
.nav-collapse-btn:hover{background:var(--nav-hover-bg);color:var(--ink)}

.role-selector{position:relative;width:calc(100% - 24px);max-height:120px;margin:0 12px 8px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height 560ms var(--nav-motion-ease),width 560ms var(--nav-motion-ease),height 560ms var(--nav-motion-ease),margin 560ms var(--nav-motion-ease),padding 560ms var(--nav-motion-ease),opacity 420ms ease,transform 560ms var(--nav-motion-ease),background 420ms ease,border-color 420ms ease,box-shadow 520ms ease}
.role-selector-label{
  display:block;margin:0 2px 5px;font-size:9.5px;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-5);
  max-height:22px;overflow:hidden;opacity:1;transform:translateY(0);transition:max-height 560ms var(--nav-motion-ease) 400ms,opacity 420ms ease 400ms,transform 560ms var(--nav-motion-ease) 400ms;
}
.role-select-control{
  min-height:52px;padding:7px 9px;border:1px solid var(--sidebar-line);border-radius:9px;
  background:var(--surface);display:flex;align-items:center;gap:9px;position:relative;
  transition:border-color .14s,background .14s,box-shadow .14s;
}
.role-select-control:hover,.role-select-control:focus-within{
  border-color:var(--skin-accent,var(--brand));background:var(--nav-hover-bg);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent,var(--brand)) 12%,transparent);
}
.role-avatar{
  width:32px;height:32px;border-radius:8px;background:var(--skin-accent,var(--navy));color:#fff;
  display:grid;place-items:center;font-size:10.5px;font-weight:850;flex:0 0 32px;
}
.role-copy{min-width:0;max-width:150px;overflow:hidden;flex:1;display:flex;flex-direction:column;transition:max-width var(--nav-copy-duration) var(--nav-motion-ease),opacity 300ms ease,transform var(--nav-copy-duration) var(--nav-motion-ease)}
.role-name{font-size:13px;font-weight:800;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role-person{font-size:10.5px;font-weight:600;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.role-select-control select{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;
}
.role-selector.is-locked .role-select-control select{cursor:default}
.role-selector.is-locked .role-select-control .chev{opacity:.35}
.chev{color:var(--ink-5);flex:0 0 auto}

.create-btn{
  margin:0 12px;height:42px;width:calc(100% - 24px);border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;
}
.create-btn .create-lbl{font-size:14px}

.nav{padding:8px 12px 8px;flex:0 0 auto;transition:padding 560ms var(--nav-motion-ease)}
.nav-group{margin-top:16px}
.nav-group:first-child{margin-top:6px}
.nav-label{
  font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;
  color:#8993A4;padding:0 8px 6px;max-height:28px;overflow:hidden;
  transition:max-height 560ms var(--nav-motion-ease),padding 520ms ease,opacity 420ms ease,transform 560ms var(--nav-motion-ease);
}
.nav-item{
  display:flex;align-items:center;gap:10px;width:100%;
  min-height:44px;padding:0 10px;border-radius:8px;border:0;background:none;
  font-size:14.5px;font-weight:550;color:#111827;
  text-align:left;transition:width 560ms var(--nav-motion-ease),gap 520ms ease,padding 560ms var(--nav-motion-ease),background 220ms ease,color 220ms ease,box-shadow 300ms ease,transform 220ms ease;
  position:relative;cursor:pointer;font-family:inherit;text-decoration:none;
}
.nav-item svg{flex:0 0 18px;color:#667085;transition:color .13s}
.nav-item:hover{background:var(--nav-hover-bg);color:var(--ink)}
.nav-item:hover svg{color:var(--ink-2)}
.nav-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.nav-item.active{
  background:var(--nav-active-bg);color:var(--nav-active-fg);font-weight:650;
  box-shadow:none;
}
.nav-item.active::before{
  content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;
  border-radius:0 2px 2px 0;background:var(--nav-active-icon);
}
.nav-item.active svg{color:var(--nav-active-icon)}
.nav-item .lbl{flex:1;min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:max-width var(--nav-copy-duration) var(--nav-motion-ease),opacity 300ms ease,transform var(--nav-copy-duration) var(--nav-motion-ease)}
.nav-count{
  font-size:11.5px;font-weight:650;font-family:var(--mono);
  background:var(--surface-3);color:#667085;height:20px;line-height:20px;
  padding:0 7px;border-radius:6px;min-width:22px;text-align:center;
  transition:top 1100ms var(--nav-motion-ease),right 1100ms var(--nav-motion-ease),width 1100ms var(--nav-motion-ease),height 1100ms var(--nav-motion-ease),max-width 1100ms var(--nav-motion-ease),padding 1100ms ease,opacity 850ms ease,transform 1100ms var(--nav-motion-ease),background 220ms ease,color 220ms ease;
}
.nav-item.active .nav-count{background:#d9e6ff;color:var(--nav-active-fg)}
.nav-count.critical{background:var(--r-bg);color:var(--r-fg);border:1px solid var(--r-ln)}
.nav-count.due{background:var(--a-bg);color:var(--a-fg);border:1px solid var(--a-ln)}
.nav-count.new{background:var(--b-bg);color:var(--b-fg);border:1px solid var(--b-ln)}
.nav-count.hot{background:var(--r-bg);color:var(--r-fg);border:1px solid var(--r-ln)}

.pinned-nav{max-height:420px;overflow:hidden;padding:4px 12px 16px;opacity:1;transform:translateX(0);transition:max-height 560ms var(--nav-motion-ease),padding 560ms var(--nav-motion-ease),opacity 420ms ease,transform 560ms var(--nav-motion-ease)}
.pinned-nav .nav-label{display:flex;align-items:center;gap:6px}
.pin-item{cursor:grab}
.pin-item:active{cursor:grabbing}
.pin-item .pin-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:var(--brand)}
.pin-hovercard{
  display:none;position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);
  background:#fff;border:1px solid var(--sidebar-line);border-radius:8px;padding:10px 12px;
  box-shadow:var(--sh-2);width:220px;z-index:80;pointer-events:none;
  font-size:12px;color:var(--ink-3);font-weight:500;
}
.pin-item{position:relative}
.pin-item:hover .pin-hovercard,.pin-item:focus-within .pin-hovercard{display:block}
.pin-hovercard strong{display:block;color:var(--ink);font-size:13px;margin-bottom:4px}

.side-foot{
  border-top:1px solid var(--sidebar-line);padding:8px 12px 12px;flex:0 0 auto;
  display:flex;flex-direction:column;gap:2px;background:var(--sidebar-bg);
  transition:padding 560ms var(--nav-motion-ease),gap 520ms ease,background 520ms ease;
}
.side-foot .util-item{min-height:40px}
.user-chip{
  display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;
  cursor:pointer;transition:gap 520ms ease,padding 560ms var(--nav-motion-ease),background 220ms ease;margin-top:4px;
}
.user-chip:hover{background:var(--nav-hover-bg)}
.user-meta{flex:1;min-width:0;max-width:170px;overflow:hidden;transition:max-width var(--nav-copy-duration) var(--nav-motion-ease),opacity 300ms ease,transform var(--nav-copy-duration) var(--nav-motion-ease)}
.avatar{
  position:relative;isolation:isolate;overflow:hidden;width:30px;height:30px;flex:0 0 30px;border-radius:8px;
  display:grid;place-items:center;background:#44546a;color:#fff;font-size:11px;font-weight:800;letter-spacing:-.01em;
}
.avatar.xs{width:22px;height:22px;flex:0 0 22px;border-radius:6px;font-size:9px}
.avatar.sm{width:26px;height:26px;flex:0 0 26px;border-radius:7px;font-size:10px}
.avatar.lg{width:40px;height:40px;flex:0 0 40px;border-radius:10px;font-size:14px}
.avatar-fallback{display:grid;width:100%;height:100%;place-items:center}
.avatar>img{position:absolute;z-index:1;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center}
.role-avatar.avatar{width:32px;height:32px;flex-basis:32px;border-radius:8px}
.user-nm{font-size:12.5px;font-weight:650;color:var(--ink);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-rl{font-size:10.5px;font-weight:500;color:#667085}

/* Collapsed icon rail */
body.nav-collapsed{--sidebar-w:var(--sidebar-collapsed-w)}

@media (min-width:901px){
  .sidebar.is-collapsed{width:var(--sidebar-collapsed-w);flex-basis:var(--sidebar-collapsed-w);background:linear-gradient(180deg,#fff 0%,#f9fbff 68%,#f4f7fc 100%);box-shadow:8px 0 28px rgba(28,46,78,.07)}
  .sidebar.is-collapsed:hover,
  .sidebar.is-collapsed:has(:focus-visible){width:var(--sidebar-expanded-w);flex-basis:var(--sidebar-expanded-w);background:var(--sidebar-bg);border-right-color:#c7d4e5;box-shadow:18px 0 48px rgba(25,43,74,.18)}

  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .brand{justify-content:flex-start;gap:0;padding-inline:10px}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .brand-mark{width:44px;height:44px;flex-basis:44px;border-radius:14px;box-shadow:0 10px 24px rgba(21,36,70,.22)}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .brand-txt,
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-copy,
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item .lbl,
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .user-meta{
    max-width:0;opacity:0;transform:translateX(-8px);pointer-events:none;transition-delay:0ms;
  }
  .sidebar.is-collapsed:hover .brand-txt,
  .sidebar.is-collapsed:hover .role-copy,
  .sidebar.is-collapsed:hover .nav-item .lbl,
  .sidebar.is-collapsed:hover .user-meta,
  .sidebar.is-collapsed:has(:focus-visible) .brand-txt,
  .sidebar.is-collapsed:has(:focus-visible) .role-copy,
  .sidebar.is-collapsed:has(:focus-visible) .nav-item .lbl,
  .sidebar.is-collapsed:has(:focus-visible) .user-meta{transition-delay:260ms}

  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-collapse-btn{
    width:0;flex-basis:0;margin-left:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;
  }
  .sidebar.is-collapsed .nav-collapse-btn svg{transform:rotate(180deg)}

  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-selector{
    width:48px;height:0;min-height:0;max-height:0;margin:0 auto;padding:0;border:0;opacity:0;transform:translateY(-6px);box-shadow:none;pointer-events:none;transition-delay:0ms;
  }
  .sidebar.is-collapsed:hover .role-selector,
  .sidebar.is-collapsed:has(:focus-visible) .role-selector{transition-delay:160ms}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-selector-label,
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-copy,
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-select-control .chev{
    position:absolute;width:0;height:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);visibility:hidden;pointer-events:none;transition-delay:0ms;
  }
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-select-control{
    position:absolute;top:0;left:0;width:48px;height:48px;min-height:48px;padding:0;justify-content:center;border:0;background:transparent;box-shadow:none;
  }
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .role-avatar.avatar{width:40px;height:40px;flex-basis:40px;border-radius:12px}

  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .create-btn{display:flex;width:48px;height:0;min-height:0;max-height:0;margin:0 auto;padding:0;border:0;opacity:0;overflow:hidden;transform:translateY(-6px);pointer-events:none}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .create-lbl{position:absolute;width:0;max-width:0;overflow:hidden;opacity:0;transform:translateX(-8px);pointer-events:none}
  .create-lbl{max-width:130px;overflow:hidden;white-space:nowrap;transition:max-width var(--nav-copy-duration) var(--nav-motion-ease),opacity 300ms ease,transform var(--nav-copy-duration) var(--nav-motion-ease)}

  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .side-scroll{scrollbar-width:none}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .side-scroll::-webkit-scrollbar{width:0;height:0}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav{padding:5px 0 10px}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-group{margin-top:2px}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-group + .nav-group::before{content:"";display:block;width:24px;height:1px;margin:3px auto 4px;background:#dfe6f0}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-label{max-height:0;padding:0;opacity:0;transform:translateX(-8px)}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item{justify-content:center;gap:0;width:48px;min-height:46px;max-height:46px;margin-inline:auto;padding:3px;border-radius:13px;background:transparent;box-shadow:none;transform:none}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item:hover{background:#edf3fb}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item.active::before{display:none}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item>svg{
    width:38px;height:38px;flex-basis:38px;padding:9px;border:1px solid #dfe6ef;border-radius:11px;
    background:#fff;color:#53627b;box-shadow:0 3px 9px rgba(31,49,80,.06);
  }
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item.active>svg{
    border-color:#255daf;background:linear-gradient(145deg,#2d67bd,#194989);color:#fff;
    box-shadow:0 9px 18px rgba(31,82,157,.24);
  }
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-count{
    position:absolute;top:1px;right:0;z-index:2;display:grid;place-items:center;min-width:19px;width:auto;height:19px;max-width:28px;padding:0 4px;overflow:visible;border:2px solid #fff;border-radius:999px;background:#536b8f;color:#fff;font-size:10px;line-height:1;opacity:1;transform:none;
  }
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .nav-item.active .nav-count{background:#e05555;color:#fff}

  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .pinned-nav{max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateX(-8px);pointer-events:none}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .side-foot{padding-inline:8px;gap:2px;background:transparent}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .side-foot .nav-item{width:48px}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .user-chip{justify-content:center;gap:0;width:48px;padding:7px 9px}
  .sidebar.is-collapsed:not(:hover):not(:has(:focus-visible)) .user-chip .chev{position:absolute;width:0;height:0;overflow:hidden;opacity:0;visibility:hidden}
}

@media (prefers-reduced-motion:reduce){
  .sidebar,.main,.brand,.brand-mark,.brand-txt,.role-selector,.role-selector-label,.role-copy,.nav,.nav-label,.nav-item,.nav-item .lbl,.nav-count,.pinned-nav,.side-foot,.user-chip,.user-meta{transition:none!important}
}

/* Mobile bottom bar */
.mobile-bar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;
  height:64px;background:#fff;border-top:1px solid var(--sidebar-line);
  padding:0 6px env(safe-area-inset-bottom,0);align-items:stretch;justify-content:space-around;
}
.mbar-item{
  flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;font-size:10px;font-weight:650;color:#667085;cursor:pointer;font-family:inherit;min-width:0;
}
.mbar-item svg{color:currentColor}
.mbar-item.active{color:var(--nav-active-fg)}
.mbar-create{position:relative;top:-10px}
.mbar-plus{
  width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;font-size:28px;font-weight:500;line-height:1;
  box-shadow:0 4px 12px rgba(37,99,235,.35);
}
.mbar-create span:last-child{margin-top:2px}

.billing-tabs{
  display:flex;gap:4px;flex-wrap:wrap;margin:0 0 16px;padding:4px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:10px;
}
.billing-tabs button{
  border:0;background:transparent;padding:8px 12px;border-radius:8px;font:inherit;
  font-size:13px;font-weight:650;color:var(--ink-3);cursor:pointer;
}
.billing-tabs button:hover{background:#fff;color:var(--ink)}
.billing-tabs button.on{background:#fff;color:var(--nav-active-fg);box-shadow:var(--sh-1)}

.inbox-filters{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;
}
.inbox-filters .spacer{flex:1;min-width:8px}
.inbox-card .att{border-top:0}
.inbox-lst.att > .inbox-row{
  display:flex;align-items:flex-start;gap:12px;padding:11px 16px;
  border-bottom:1px solid var(--line);transition:background .11s;
  position:relative;
}
.inbox-lst.att > .inbox-row:last-child{border-bottom:0}
.inbox-lst.att > .inbox-row:hover{background:var(--surface-2)}
.inbox-lst.att > .inbox-row.unread{background:#f8fafc}
.inbox-lst.att > .inbox-row.unread::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);
}
.inbox-check{
  width:15px;height:15px;margin:7px 0 0;accent-color:var(--brand);flex:0 0 15px;
}
.inbox-dot{
  display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);
  margin-right:7px;vertical-align:middle;transform:translateY(-1px);
}
.inbox-side{
  display:flex;align-items:center;gap:4px;flex:0 0 auto;margin-left:8px;padding-top:1px;
}
.inbox-more{
  width:30px;height:30px;border:0;border-radius:var(--r-sm);background:transparent;
  color:var(--ink-4);font-size:16px;font-weight:800;line-height:1;letter-spacing:.04em;
  cursor:pointer;display:grid;place-items:center;
}
.inbox-more:hover{background:var(--surface-2);color:var(--ink)}
@media (max-width:720px){
  .inbox-lst.att > .inbox-row{flex-wrap:wrap}
  .inbox-side{width:100%;justify-content:flex-end;margin-left:27px;padding-top:0}
}
.danger-zone{
  border:1px solid var(--r-ln);background:var(--r-bg);border-radius:10px;padding:16px;margin-top:16px;
}
.danger-zone h4{margin:0 0 6px;color:var(--r-fg);font-size:14px}
.danger-zone p{margin:0 0 12px;color:var(--ink-3);font-size:13px;line-height:1.45}

/* ---------- MAIN ---------- */
.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column;transition:margin-left var(--nav-motion-duration) var(--nav-motion-ease)}
@media (prefers-reduced-motion:reduce){.main{transition:none}}

.topbar{
  height:var(--topbar-h);flex:0 0 var(--topbar-h);
  background:rgba(255,255,255,.88);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:12px;padding:0 20px;
  position:sticky;top:0;z-index:50;
}
.topbar>.spacer{display:none}
.searchbox{
  flex:0 1 430px;max-width:430px;margin-left:auto;position:relative;display:flex;align-items:center;
}
.searchbox svg{position:absolute;left:11px;color:var(--ink-5);pointer-events:none}
.searchbox input{
  width:100%;height:36px;padding:0 104px 0 34px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);
  font-size:13.5px;font-weight:600;color:var(--ink);outline:none;
  transition:border-color .14s,box-shadow .14s,background .14s;
}
.searchbox input::placeholder{color:var(--ink-5);font-weight:600}
.searchbox input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(21,70,200,.13)}
.kbd{
  position:absolute;right:8px;display:flex;gap:3px;pointer-events:none;
}
.kbd span{
  font-family:var(--mono);font-size:10px;font-weight:700;color:var(--ink-4);
  background:#fff;border:1px solid var(--line-strong);border-bottom-width:2px;
  border-radius:4px;padding:1px 4px;
}
.input-mic{
  width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink-4);
  display:grid;place-items:center;cursor:pointer;transition:all .14s;flex:0 0 32px;
}
.input-mic:hover{border-color:var(--skin-accent,var(--brand));color:var(--skin-accent,var(--brand));background:var(--skin-accent-soft,var(--brand-2))}
.input-mic.is-listening{border-color:#dc2626;background:#fff0f0;color:#dc2626;animation:micGlow 1.2s ease-in-out infinite}
.topbar-mic{position:absolute;right:62px;width:26px;height:26px;border:0;background:transparent;z-index:2}
@keyframes micGlow{50%{box-shadow:0 0 0 6px rgba(220,38,38,.12)}}
.spacer{flex:1}

.tb-btn{
  height:36px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface);color:var(--ink-2);
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:700;transition:all .14s;position:relative;
}
.tb-btn:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--ink)}
.tb-btn.icon{width:36px;padding:0;justify-content:center}
.ios-badge{
  position:absolute;right:-7px;top:-8px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;
  border:2px solid #fff;border-radius:999px;background:#ff3b30;color:#fff;font:800 11px/1 var(--sans);
  letter-spacing:-.02em;box-shadow:0 2px 7px rgba(170,20,20,.28);z-index:4;
}
.ios-badge[hidden]{display:none!important}
#chatBtn{border-color:#91d8c1;background:#f1fcf7;color:#087a5b}
#chatBtn:hover{border-color:#45b893;background:#e5f9f0;color:#056449}
#chatBtn.has-new-messages{border-color:#33ae83;background:#e8fbf3;color:#056449;animation:chatGlow 1.8s ease-in-out infinite}
#feedbackBtn{border-color:#f0b7b2;background:#fffafa;color:#c92a24}
#feedbackBtn:hover{border-color:#dc6b64;background:#fff1f0;color:#a91d18}
@keyframes chatGlow{0%,100%{box-shadow:0 0 0 0 rgba(19,164,116,0)}50%{box-shadow:0 0 0 5px rgba(19,164,116,.18),0 0 20px rgba(19,164,116,.25)}}
.ian-launcher{
  position:relative;isolation:isolate;width:46px;height:46px;flex:0 0 46px;padding:0;border:0;border-radius:13px;
  display:grid;place-items:center;background:linear-gradient(145deg,rgba(28,32,39,.96),rgba(3,4,7,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -12px 22px rgba(0,0,0,.38),0 6px 16px rgba(2,6,23,.24);
  cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;
}
.ian-launcher::before{
  content:'';position:absolute;z-index:-1;inset:-2px;border-radius:15px;padding:2px;
  background:conic-gradient(from var(--ian-angle,0deg),#ff5b72,#ffbd45,#70f1ae,#50c8ff,#9076ff,#f361da,#ff5b72);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:ianRainbow 3.6s linear infinite;
}
.ian-launcher>span{
  font:300 35px/1 var(--sans);transform:translateY(-1px);
  color:transparent;background:linear-gradient(180deg,#fff 0%,#e6e9ee 28%,#8d96a5 54%,#f7f8fa 78%,#737b88 100%);
  -webkit-background-clip:text;background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.52),0 3px 4px rgba(0,0,0,.75);
}
.ian-launcher:hover{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -12px 22px rgba(0,0,0,.3),0 9px 22px rgba(2,6,23,.34)}
.ian-launcher:active{transform:translateY(0) scale(.97)}
.ian-launcher:focus-visible{outline:2px solid #fff;outline-offset:4px}
@property --ian-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes ianRainbow{to{--ian-angle:360deg}}
.dot-alert{
  position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;
  background:#e0313b;border:1.5px solid #fff;
}
.btn{
  height:36px;padding:0 14px;border-radius:var(--r);border:1px solid transparent;
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:800;letter-spacing:-.005em;transition:all .14s;white-space:nowrap;
}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 2px 6px -1px rgba(10,26,51,.4)}
.btn-primary:hover{background:#132f57;box-shadow:0 4px 12px -2px rgba(10,26,51,.5)}
.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink-2)}
.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--ink)}
.btn-sm{height:30px;padding:0 10px;font-size:12px;border-radius:var(--r-sm)}
.btn-danger{background:#fff;border-color:var(--r-ln);color:var(--r-fg)}
.btn-danger:hover{background:var(--r-bg)}

.content{flex:1;padding:22px 26px 60px;min-width:0}
.view{display:none;animation:fade .22s ease both}
.view.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* ---------- PAGE HEAD ---------- */
.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.page-head .ph-txt{flex:1;min-width:260px}
.page-head h1{margin-bottom:5px}
.page-sub{font-size:13.5px;font-weight:600;color:var(--ink-4);line-height:1.45}
.ph-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ==========================================================================
   BADGES — loud, bold, unmistakable
   ========================================================================== */
.badge{
  display:inline-flex;align-items:center;gap:5px;
  font-size:11.5px;font-weight:800;letter-spacing:.005em;line-height:1.35;
  padding:3px 8px;border-radius:var(--r-sm);border:1px solid;white-space:nowrap;
  vertical-align:middle;
}
.badge .bdot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 6px}
.badge svg{width:12px;height:12px;flex:0 0 12px}
.badge-lg{font-size:12.5px;padding:5px 11px;border-radius:var(--r)}
.badge-sq{border-radius:5px;font-family:var(--mono);font-size:11px;letter-spacing:-.02em}
.b-g{color:var(--g-fg);background:var(--g-bg);border-color:var(--g-ln)}
.b-a{color:var(--a-fg);background:var(--a-bg);border-color:var(--a-ln)}
.b-r{color:var(--r-fg);background:var(--r-bg);border-color:var(--r-ln)}
.b-b{color:var(--b-fg);background:var(--b-bg);border-color:var(--b-ln)}
.b-p{color:var(--p-fg);background:var(--p-bg);border-color:var(--p-ln)}
.b-t{color:var(--t-fg);background:var(--t-bg);border-color:var(--t-ln)}
.b-n{color:var(--n-fg);background:var(--n-bg);border-color:var(--n-ln)}
.b-o{color:var(--o-fg);background:var(--o-bg);border-color:var(--o-ln)}
.b-pk{color:var(--pk-fg);background:var(--pk-bg);border-color:var(--pk-ln)}
.b-solid-r{color:#fff;background:#c81e1e;border-color:#c81e1e}
.b-solid-navy{color:#fff;background:var(--navy);border-color:var(--navy)}

/* ==========================================================================
   CARDS
   ========================================================================== */
.card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-1);overflow:hidden;
  display:flex;flex-direction:column;align-self:start;width:100%;
}
.card-head{
  display:flex;align-items:center;gap:12px;
  padding:13px 16px;border-bottom:1px solid var(--line);background:var(--surface);
  flex:0 0 auto;
}
.card-head h3{flex:1;min-width:0}
.card-head .hint{font-size:11.5px;font-weight:700;color:var(--ink-5)}
.card-body{padding:16px}
.card-body.tight{padding:0}
.card-foot{
  padding:10px 16px;border-top:1px solid var(--line);background:var(--surface-2);
  display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-top:auto;
}
.link-more{font-size:12px;font-weight:800;color:var(--brand);display:inline-flex;align-items:center;gap:4px}
.link-more:hover{text-decoration:underline}

.grid{display:grid;gap:16px;align-items:start}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.g-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.g-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.g-3-2{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.mt-16{margin-top:16px}
.mt-20{margin-top:20px}

/* ---------- KPI ---------- */
.kpi{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:14px 15px;box-shadow:var(--sh-1);position:relative;overflow:hidden;
  transition:box-shadow .16s,border-color .16s,transform .16s;
}
.kpi:hover{box-shadow:var(--sh-2);border-color:var(--line-strong);transform:translateY(-1px)}
.kpi::before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:var(--kc,var(--brand))}
.kpi-top{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.kpi-ico{
  width:26px;height:26px;border-radius:7px;display:grid;place-items:center;
  background:var(--kbg,var(--brand-2));color:var(--kc,var(--brand));flex:0 0 26px;
}
.kpi-ico svg{width:15px;height:15px}
.kpi-lbl{font-size:10.5px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;color:var(--ink-4);line-height:1.25}
.kpi-val{font-size:27px;font-weight:800;letter-spacing:-.035em;color:var(--ink);line-height:1.05;font-variant-numeric:tabular-nums}
.kpi-val .unit{font-size:15px;font-weight:800;color:var(--ink-4);letter-spacing:-.01em}
.kpi-foot{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;font-weight:700;color:var(--ink-4)}
.trend{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:11.5px}
.trend.up{color:var(--g-fg)}
.trend.down{color:var(--r-fg)}
.trend.flat{color:var(--ink-4)}

/* ---------- TOOLBAR / FILTERS ---------- */
.toolbar{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:11px 13px;margin-bottom:14px;box-shadow:var(--sh-1);
}
.tb-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tb-row+.tb-row{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.f-search{position:relative;flex:1;min-width:210px;max-width:330px;display:flex;align-items:center}
.f-search svg{position:absolute;left:10px;color:var(--ink-5);pointer-events:none}
.f-search input{
  width:100%;height:34px;padding:0 30px 0 32px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface-2);font-size:13px;font-weight:600;outline:none;transition:all .14s;
}
.f-search input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(21,70,200,.12)}
.f-clear{
  position:absolute;right:6px;width:20px;height:20px;border:0;background:var(--surface-3);
  border-radius:50%;display:none;place-items:center;color:var(--ink-3);font-size:13px;line-height:1;
}
.f-search.has-val .f-clear{display:grid}

.fgroup{display:inline-flex;flex-direction:column;gap:3px}
.fgroup label{font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-5);padding-left:1px}
.sel{
  height:34px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface-2) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7382' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center;
  font-size:12.5px;font-weight:700;color:var(--ink);appearance:none;outline:none;cursor:pointer;
  transition:all .14s;min-width:118px;
}
.sel:hover{border-color:var(--line-strong)}
.sel:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(21,70,200,.12)}
.sel.dirty{border-color:var(--brand);background-color:var(--brand-2);color:var(--b-fg)}

.chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.chip{
  height:29px;padding:0 11px;border:1px solid var(--line);border-radius:99px;background:var(--surface);
  font-size:12px;font-weight:800;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;
  transition:all .13s;
}
.chip:hover{border-color:var(--line-strong);background:var(--surface-2);color:var(--ink)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chip .cn{font-family:var(--mono);font-size:10.5px;font-weight:800;opacity:.72}
.chip.on .cn{opacity:.85}
.chip.danger.on{background:#c81e1e;border-color:#c81e1e}
.chip.warn.on{background:var(--gold);border-color:var(--gold)}

.result-line{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  font-size:12.5px;font-weight:700;color:var(--ink-4);
}
.result-line b{color:var(--ink);font-weight:800}
.btn-reset{
  border:0;background:none;color:var(--brand);font-size:12px;font-weight:800;
  display:inline-flex;align-items:center;gap:4px;padding:0;
}
.btn-reset:hover{text-decoration:underline}

/* ==========================================================================
   TABLE
   ========================================================================== */
.tbl-wrap{overflow-x:auto;overflow-y:visible}
table.tbl{width:100%;border-collapse:separate;border-spacing:0;min-width:100%}
table.tbl thead th{
  /* Sticky offset must stay 0. overflow-x:auto makes .tbl-wrap a scroll
     container on both axes (CSS forces overflow-y:visible to auto), so the
     header resolves against the wrapper, not the viewport. A non-zero top
     therefore shoves the header down over the first row even though the
     wrapper never scrolls vertically. Pinning under the topbar is not
     achievable while the wrapper owns horizontal scrolling. */
  position:sticky;top:0;z-index:20;
  background:var(--surface-2);
  font-size:10.5px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;
  color:var(--ink-3);text-align:left;
  padding:9px 12px;border-bottom:1.5px solid var(--line-strong);
  white-space:nowrap;user-select:none;
}
table.tbl thead th.sortable{cursor:pointer;transition:background .13s,color .13s}
table.tbl thead th.sortable:hover{background:var(--surface-3);color:var(--ink)}
table.tbl thead th.sorted{color:var(--brand);background:var(--brand-2)}
.th-in{display:inline-flex;align-items:center;gap:5px}
.sorter{display:inline-flex;flex-direction:column;gap:1px;opacity:.32;transition:opacity .13s}
th.sortable:hover .sorter{opacity:.6}
th.sorted .sorter{opacity:1}
.sorter i{
  display:block;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;
}
.sorter i:first-child{border-bottom:4.5px solid currentColor}
.sorter i:last-child{border-top:4.5px solid currentColor}
th.sorted.asc .sorter i:last-child,th.sorted.desc .sorter i:first-child{opacity:.22}

table.tbl tbody td{
  padding:10px 12px;border-bottom:1px solid var(--line);
  font-size:13.5px;font-weight:600;color:var(--ink-2);vertical-align:middle;
}
table.tbl tbody tr{transition:background .1s}
table.tbl tbody tr:hover td{background:#f5f8fd}
table.tbl tbody tr.clickable{cursor:pointer}
table.tbl tbody tr:last-child td{border-bottom:0}
table.tbl tbody tr.urgent-row td{background:#fffaf5}
table.tbl tbody tr.urgent-row:hover td{background:#fff4ea}
table.tbl tbody tr.overdue-row td{background:#fef7f7}
table.tbl tbody tr.overdue-row:hover td{background:#fdeeee}
td.r,th.r{text-align:right}
td.c,th.c{text-align:center}
td.num-cell{font-family:var(--mono);font-weight:700;color:var(--ink);letter-spacing:-.02em}
.t-primary{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.012em;display:block}
.t-sub{font-size:11.5px;font-weight:600;color:var(--ink-4);margin-top:1px;display:block}
.t-id{font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:-.03em}
.cell-stack{min-width:0}

/* ---- structured metadata hierarchy (not chips) ---- */
.meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:0 2px;
  font-size:11.5px;font-weight:600;margin-top:2px;min-width:0;line-height:1.35;
}
.meta-sep{
  display:inline-block;width:3px;height:3px;border-radius:50%;
  background:var(--ink-5);margin:0 6px;flex:0 0 auto;opacity:.85;
}
.meta-urgency{font-weight:800;color:var(--a-fg)}
.meta-urgency.is-overdue,.meta-urgency.od{color:var(--r-fg)}
.meta-matter{font-weight:700;color:var(--ink)}
.meta-person{font-weight:650;color:var(--ink-3)}
.meta-money{font-family:var(--mono);font-weight:800;color:var(--ink);letter-spacing:-.02em}
.meta-money.is-neg,.meta-money.od{color:var(--r-fg)}
.meta-muted{font-weight:600;color:var(--ink-5)}
.meta-status{display:inline-flex;align-items:center}
.meta > .badge{margin:0 2px 0 0}
.cell-stack > .meta{margin-top:2px}
.att .att-main > .meta,.lst .li-main > .meta,.agenda .ag-main > .meta,.feed .fm.meta,.kb-m.meta{margin-top:3px}
.people{display:flex;align-items:center;gap:-6px}
.people .avatar{margin-left:-6px;border:2px solid #fff}
.people .avatar:first-child{margin-left:0}
.who{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.who .nm{font-size:13px;font-weight:700;color:var(--ink-2)}

.empty{padding:56px 20px;text-align:center}
.empty-ico{
  width:52px;height:52px;margin:0 auto 14px;border-radius:14px;
  background:var(--surface-3);color:var(--ink-5);display:grid;place-items:center;
}
.empty h3{margin-bottom:5px}
.empty p{font-size:13px;font-weight:600;color:var(--ink-4)}

/* progress / meters */
.meter{height:6px;border-radius:99px;background:var(--surface-3);overflow:hidden;min-width:56px}
.meter>i{display:block;height:100%;border-radius:99px;background:var(--brand);transition:width .3s}
.meter.g>i{background:var(--g-fg)}.meter.a>i{background:var(--a-fg)}.meter.r>i{background:var(--r-fg)}
.meter-row{display:flex;align-items:center;gap:9px}
.meter-row .pct{font-family:var(--mono);font-size:11.5px;font-weight:800;color:var(--ink-2);min-width:32px;text-align:right}

.health{display:inline-flex;align-items:center;gap:7px}
.health-ring{width:30px;height:30px;flex:0 0 30px;position:relative}
.health-ring svg{transform:rotate(-90deg)}
.health-ring .hv{
  position:absolute;inset:0;display:grid;place-items:center;
  font-family:var(--mono);font-size:9.5px;font-weight:800;color:var(--ink);
}

/* ==========================================================================
   LISTS (deadlines, tasks, activity)
   ========================================================================== */
.lst{list-style:none;margin:0;padding:0}
.lst li{
  display:flex;align-items:flex-start;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line);
  transition:background .11s;
}
.lst li:last-child{border-bottom:0}
.lst li:hover{background:var(--surface-2)}
.lst .li-main{flex:1;min-width:0}
.lst .li-t{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.lst .li-s{font-size:11.5px;font-weight:600;color:var(--ink-4);margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lst .li-s.meta,.lst .li-main > .meta{display:flex}
.lst .li-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}

.party-list .party-row{align-items:center;gap:12px}
.party-list .party-main{
  flex:1;min-width:0;display:flex;align-items:flex-start;gap:11px;
  background:transparent;border:0;padding:0;margin:0;text-align:left;cursor:pointer;color:inherit;
  font:inherit
}
.party-list .party-main:hover .li-t{color:var(--brand)}
.party-list .party-meta{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto;max-width:46%
}
.party-list .party-meta .badge{margin:0}
.party-list .party-acts{display:flex;gap:8px;opacity:.55;transition:opacity .12s}
.party-list .party-row:hover .party-acts{opacity:1}
.party-list .party-act{font-size:11px;font-weight:700;color:var(--ink-4);letter-spacing:.01em}
.party-list .party-act:hover{color:var(--brand)}
.party-list .party-act.is-danger:hover{color:var(--r-fg)}
.party-list .party-primary{letter-spacing:.02em}
.note-list .note-row{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--line)}
.note-list .note-row:last-child{border-bottom:0}
.note-list .note-body{white-space:pre-wrap;line-height:1.45;font-size:13px}
.note-list .note-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px}
.note-composer{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.note-composer .note-input{
  width:100%;min-height:72px;resize:vertical;border:1px solid var(--line);
  border-radius:8px;padding:10px 12px;font:inherit;background:var(--bg);color:var(--ink)
}
.note-composer .note-input:focus{outline:2px solid color-mix(in srgb,var(--brand) 35%,transparent);border-color:var(--brand)}
.note-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.note-pin-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);font-weight:600}
.note-pin-label input{accent-color:var(--brand)}

.daychip{
  flex:0 0 46px;width:46px;border-radius:var(--r-sm);border:1px solid var(--line);
  background:var(--surface-2);text-align:center;padding:4px 0 5px;
}
.daychip .dm{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}
.daychip .dd{font-size:17px;font-weight:800;color:var(--ink);line-height:1.05;letter-spacing:-.03em}
.daychip.od{background:var(--r-bg);border-color:var(--r-ln)}
.daychip.od .dm{color:var(--r-fg)}.daychip.od .dd{color:var(--r-fg)}
.daychip.soon{background:var(--a-bg);border-color:var(--a-ln)}
.daychip.soon .dm{color:var(--a-fg)}.daychip.soon .dd{color:var(--a-fg)}

.ck{
  flex:0 0 17px;width:17px;height:17px;margin-top:1px;border-radius:5px;
  border:2px solid var(--line-strong);background:#fff;cursor:pointer;
  display:grid;place-items:center;transition:all .14s;padding:0;
}
.ck:hover{border-color:var(--brand)}
.ck.done{background:#199c4e;border-color:#199c4e}
.ck svg{width:11px;height:11px;color:#fff;opacity:0;transition:opacity .12s}
.ck.done svg{opacity:1}
li.done .li-t{text-decoration:line-through;color:var(--ink-5)}

.feed{list-style:none;margin:0;padding:0}
.feed li{display:flex;gap:11px;padding:11px 16px;border-bottom:1px solid var(--line)}
.feed li:last-child{border-bottom:0}
.feed .fi{
  flex:0 0 28px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;
}
.feed .fi svg{width:14px;height:14px}
.feed .ft{font-size:13px;font-weight:600;color:var(--ink-2);line-height:1.45}
.feed .ft b{font-weight:800;color:var(--ink)}
.feed .fm{font-size:11px;font-weight:700;color:var(--ink-5);margin-top:2px}
.feed .fm.meta{font-size:11.5px;font-weight:600}

/* ==========================================================================
   FUNNEL / BARS / CHARTS
   ========================================================================== */
.funnel{display:flex;flex-direction:column;gap:7px}
.fn-row{display:flex;align-items:center;gap:11px}
.fn-lbl{flex:0 0 118px;font-size:12.5px;font-weight:800;color:var(--ink-2);text-align:right}
.fn-bar{flex:1;height:26px;background:var(--surface-3);border-radius:var(--r-sm);overflow:hidden;position:relative}
.fn-bar>i{
  display:block;height:100%;border-radius:var(--r-sm);
  background:linear-gradient(90deg,var(--navy),#2c5590);transition:width .4s cubic-bezier(.2,.8,.2,1);
}
.fn-bar .fn-v{
  position:absolute;inset:0;display:flex;align-items:center;padding-left:9px;
  font-family:var(--mono);font-size:11.5px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.fn-bar .fn-v.out{color:var(--ink-2);text-shadow:none}
.fn-amt{flex:0 0 92px;text-align:right;font-family:var(--mono);font-size:12px;font-weight:800;color:var(--ink-3)}

.util{display:flex;flex-direction:column;gap:12px}
.util-row{display:flex;align-items:center;gap:11px}
.util-row .who{flex:0 0 168px;min-width:0}
.util-row .who .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.util-bars{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.util-track{height:16px;background:var(--surface-3);border-radius:5px;position:relative;overflow:hidden}
.util-track>i{position:absolute;inset:0 auto 0 0;border-radius:5px;transition:width .4s}
.util-track .goal{
  position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink-2);opacity:.55;
}
.util-nums{display:flex;gap:10px;font-size:10.5px;font-weight:700;color:var(--ink-4)}
.util-nums b{color:var(--ink);font-family:var(--mono);font-weight:800}

.chart{width:100%;display:block}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
.legend span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-3)}
.legend i{width:10px;height:10px;border-radius:3px}

.stat-strip{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line)}
.stat-strip>div{
  flex:1;min-width:120px;padding:12px 16px;border-right:1px solid var(--line);
}
.stat-strip>div:last-child{border-right:0}
.stat-k{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-5)}
.stat-v{font-size:19px;font-weight:800;letter-spacing:-.028em;color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums}

/* ==========================================================================
   CALENDAR
   ========================================================================== */
.cal{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}
.cal-head{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-2);border-bottom:1px solid var(--line)}
.cal-head div{
  padding:8px 10px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-4);text-align:left;border-right:1px solid var(--line);
}
.cal-head div:last-child{border-right:0}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.cal-cell{
  min-height:104px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:6px 7px;position:relative;
}
.cal-cell:nth-child(7n){border-right:0}
.cal-cell.out{background:var(--surface-2)}
.cal-cell.out .cal-d{color:var(--ink-5)}
.cal-cell.today{background:#f2f7ff;box-shadow:inset 0 0 0 2px var(--brand)}
.cal-d{font-size:12px;font-weight:800;color:var(--ink-2);margin-bottom:4px;display:flex;align-items:center;gap:5px}
.cal-cell.today .cal-d{color:var(--brand)}
.cal-cell.today .cal-d::after{content:'TODAY';font-size:8.5px;font-weight:800;letter-spacing:.07em;color:#fff;background:var(--brand);padding:1px 4px;border-radius:3px}
.cal-ev{
  display:block;width:100%;text-align:left;border:1px solid;border-left-width:3px;border-radius:4px;
  padding:2px 5px;margin-bottom:3px;font-size:10.5px;font-weight:800;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cal-more{font-size:10px;font-weight:800;color:var(--brand);padding-left:2px}

/* ==========================================================================
   DRAWER (matter detail)
   ========================================================================== */
.scrim{
  position:fixed;inset:0;background:rgba(8,9,12,.42);backdrop-filter:blur(2px);
  z-index:100;opacity:0;pointer-events:none;transition:opacity .22s;
}
.scrim.on{opacity:1;pointer-events:auto}
/* The case file carries six tabs, a persistent action bar and two-column
   panels, so it needs real width rather than a slide-out strip. */
.drawer{
  position:fixed;inset:0 0 0 auto;width:min(1080px,96vw);background:var(--canvas);
  z-index:101;box-shadow:var(--sh-3);display:flex;flex-direction:column;
  transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.drawer.on{transform:none}
.dr-head{
  background:var(--surface);border-bottom:1px solid var(--line);padding:16px 20px;flex:0 0 auto;
}
.dr-top{display:flex;align-items:flex-start;gap:12px}
.dr-top .t-id{margin-bottom:3px;display:block}
.dr-close{
  width:32px;height:32px;flex:0 0 32px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--surface);display:grid;place-items:center;color:var(--ink-3);
}
.dr-close:hover{background:var(--surface-3);color:var(--ink)}
.dr-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}
.dr-strip{
  display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:12px;padding:10px 12px;
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);
}
.dr-strip-item{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:750;color:var(--ink-2)}
.dr-strip-k{
  font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-5);
  flex:0 0 auto;
}
.dr-strip-link{
  border:0;background:none;padding:0;font:inherit;font-weight:800;color:var(--brand);cursor:pointer;
  text-align:left;max-width:100%;
}
.dr-strip-link:hover{text-decoration:underline}
.dr-close.on{background:var(--brand-2);color:var(--brand);border-color:var(--brand)}
.dr-tabs{display:flex;gap:2px;margin-top:14px;border-bottom:1px solid var(--line);margin-bottom:-16px;padding-bottom:0}

/* Focus mode: hide firm chrome, give the open case the whole viewport */
body.focus-mode .sidebar,
body.focus-mode .topbar{display:none !important}
body.focus-mode .main{margin:0}
body.focus-mode .drawer{
  width:100vw;max-width:none;inset:0;border-radius:0;
}
body.focus-mode #scrim{opacity:.08}
.dr-tab{
  border:0;background:none;padding:8px 12px;font-size:12.5px;font-weight:800;color:var(--ink-4);
  border-bottom:2.5px solid transparent;margin-bottom:-1px;
}
.dr-tab:hover{color:var(--ink)}
.dr-tab.on{color:var(--brand);border-bottom-color:var(--brand)}
.dr-body{flex:1;overflow-y:auto;padding:18px 20px 40px}
.dl{display:grid;grid-template-columns:132px 1fr;gap:0;font-size:13px}
.dl dt{
  padding:9px 0;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-5);border-bottom:1px solid var(--line);
}
.dl dd{margin:0;padding:9px 0;font-weight:750;color:var(--ink-2);border-bottom:1px solid var(--line);line-height:1.4}
.dl dd .meta{margin-top:0}
.dl dt:last-of-type,.dl dd:last-of-type{border-bottom:0}

/* ==========================================================================
   COMMAND PALETTE
   ========================================================================== */
.pal-wrap{
  position:fixed;inset:0;z-index:170;display:none;padding:22px;place-items:start center;
  background:rgba(8,17,33,.64);backdrop-filter:blur(5px);
}
.pal-wrap.on{display:grid}
.pal{
  width:min(1180px,96vw);height:min(840px,calc(100vh - 44px));background:#f3f6fa;border:1px solid #cdd6e2;border-radius:15px;
  box-shadow:0 30px 90px rgba(6,14,29,.38);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
  animation:pop .18s cubic-bezier(.2,.9,.3,1) both;
}
@keyframes pop{from{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:none}}
.pal-in{min-height:76px;padding:0 20px;display:grid;grid-template-columns:30px minmax(0,1fr) auto 38px;align-items:center;gap:10px;border-bottom:1px solid #d8dfe8;background:#fff}
.pal-in>svg{color:var(--brand);flex:0 0 auto}
.pal-query{position:relative;display:flex;align-items:center;min-width:0}
.pal-in input{width:100%;height:52px;padding:0 48px 0 0;border:0;outline:none;background:transparent;font-size:18px;font-weight:650;color:var(--ink)}
.pal-in input::placeholder{color:var(--ink-5)}
.pal-query .input-mic{position:absolute;right:4px}
.pal-close{width:38px;height:38px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--ink-3);font-size:22px;cursor:pointer}
.pal-tabs{padding:0 16px;display:flex;gap:3px;overflow-x:auto;border-bottom:1px solid #d8dfe8;background:#fff}
.pal-tabs button{height:49px;padding:0 12px;display:flex;align-items:center;gap:6px;border:0;border-bottom:3px solid transparent;background:transparent;color:#627086;font:850 13px var(--sans);white-space:nowrap;cursor:pointer}
.pal-tabs button.on{border-bottom-color:var(--brand);color:var(--brand)}
.pal-tabs button span{min-width:22px;height:21px;padding:0 5px;display:grid;place-items:center;border-radius:12px;background:#edf1f6;color:#53637b;font-size:11px}
.pal-tabs button.on span{background:var(--brand-2);color:var(--brand)}
.pal-layout{min-height:0;display:grid;grid-template-columns:minmax(620px,1fr) 320px}
.pal-results{min-height:0;display:flex;flex-direction:column;background:#fff}
.pal-result-head{padding:18px 20px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.pal-result-head h2{margin:5px 0 0;font-size:22px;letter-spacing:-.035em}
.pal-result-count{font:800 12px var(--mono);color:var(--ink-4)}
.pal-list{min-height:0;overflow-y:auto;padding:0;border-top:1px solid var(--line)}
.pal-sec{
  height:42px;padding:0 18px;display:flex;align-items:center;background:#f6f8fb;
  font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);
}
.pal-it{
  display:grid;grid-template-columns:40px minmax(0,1fr) auto 58px;align-items:center;gap:11px;width:100%;min-height:76px;
  padding:10px 18px;border:0;border-top:1px solid #e7ebf0;background:#fff;text-align:left;cursor:pointer;
}
.pal-it:hover,.pal-it.sel{background:#f5f8ff;box-shadow:inset 3px 0 0 var(--brand)}
.pi-mark{width:39px;height:39px;display:grid;place-items:center;border-radius:9px;background:var(--brand-2);color:var(--brand);font-size:11px;font-weight:900}
.pi-copy{min-width:0}.pal-it .pi-t,.pal-it .pi-s,.pal-it .pi-m{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-it .pi-t{font-size:14px;font-weight:800;color:var(--ink)}
.pal-it .pi-s{margin-top:3px;font-size:12px;font-weight:650;color:var(--ink-4)}
.pal-it .pi-m{margin-top:3px;font-size:11px;font-weight:600;color:var(--ink-5)}
.pal-it .pi-k{max-width:150px;padding:5px 7px;border-radius:6px;background:#edf2f8;font-size:10.5px;font-weight:800;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pi-open{color:var(--brand);font-size:12px;font-weight:850}
.pal-empty{padding:72px 30px;text-align:center}.pal-empty strong{display:block;font-size:18px}.pal-empty p{max-width:500px;margin:7px auto 0;color:var(--ink-4);font-size:13px;line-height:1.5}
.pal-side{min-height:0;overflow-y:auto;border-left:1px solid #d7dee8;background:#f6f8fb}
.pal-side>section{padding:16px;border-bottom:1px solid #dce2ea}.pal-side section>header{margin-bottom:8px}
.pal-side button{width:100%;min-height:50px;padding:8px 6px;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;border:0;border-top:1px solid #e1e6ed;background:transparent;color:var(--ink-2);text-align:left;font:inherit;cursor:pointer}
.pal-side button:hover{background:#fff}.pal-side button>span{color:var(--brand);font-size:16px}.pal-side button strong,.pal-side button small{display:block}.pal-side button strong{font-size:12.5px}.pal-side button small{margin-top:2px;color:var(--ink-5);font-size:11px}
.pal-boundary{background:#eef8f4}.pal-boundary span,.pal-boundary strong{display:block}.pal-boundary span{color:#087757;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.pal-boundary strong{margin-top:4px;font-size:13px}.pal-boundary p{margin:5px 0 0;color:#567065;font-size:12px;line-height:1.5}
.pal-footer{height:46px;padding:0 18px;display:flex;align-items:center;gap:22px;border-top:1px solid #d8dfe8;background:#fff;color:var(--ink-4);font-size:12px}.pal-footer span{display:flex;align-items:center;gap:5px}.pal-footer kbd{padding:3px 5px;border:1px solid #cbd4df;border-radius:4px;background:#f5f7fa;font-size:11px}.pal-footer strong{margin-left:auto;color:var(--ink-3);font-size:12px}
@media(max-width:980px){.pal-wrap{padding:10px}.pal{width:calc(100vw - 20px);height:calc(100vh - 20px)}.pal-layout{grid-template-columns:1fr}.pal-side{display:none}.pal-in{padding:0 12px}.pal-footer span:nth-child(3){display:none}}

/* ==========================================================================
   NOTIFICATIONS POPOVER
   ========================================================================== */
.pop{
  position:absolute;top:calc(var(--topbar-h) - 8px);right:20px;width:min(400px,92vw);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);
  z-index:70;display:none;overflow:hidden;
}
.pop.on{display:block;animation:pop .16s ease both}

/* ==========================================================================
   MISC
   ========================================================================== */
.banner{
  display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border-radius:var(--r-md);
  border:1px solid var(--a-ln);background:var(--a-bg);margin-bottom:16px;
}
.banner.r{border-color:var(--r-ln);background:var(--r-bg)}
.banner-ico{flex:0 0 20px;color:var(--a-fg);margin-top:1px}
.banner.r .banner-ico{color:var(--r-fg)}
.banner-t{font-size:13.5px;font-weight:800;color:var(--ink)}
.banner-s{font-size:12.5px;font-weight:600;color:var(--ink-3);margin-top:2px;line-height:1.45}
.mock-flag{
  display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;color:var(--p-fg);
  background:var(--p-bg);border:1px solid var(--p-ln);padding:3px 8px;border-radius:99px;
}
.timer{
  display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;
  border:1px solid var(--g-ln);background:var(--g-bg);border-radius:var(--r);
}
.timer .tv{font-family:var(--mono);font-size:14px;font-weight:800;color:var(--g-fg);letter-spacing:-.02em}
.timer .pulse{width:7px;height:7px;border-radius:50%;background:#199c4e;animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.82)}}

.recon{display:flex;flex-direction:column;gap:0}
.recon-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}
.recon-row:last-child{border-bottom:0}
.recon-k{font-size:12.5px;font-weight:700;color:var(--ink-3)}
.recon-v{font-family:var(--mono);font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.recon-row.total{border-top:2px solid var(--ink);margin-top:4px;padding-top:12px}
.recon-row.total .recon-k{color:var(--ink);font-weight:800;font-size:13px}

.aging{display:flex;height:30px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}
.aging>i{display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff;transition:width .4s}
.aging-key{display:flex;flex-wrap:wrap;gap:12px;margin-top:11px}
.aging-key>span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-3)}
.aging-key i{width:10px;height:10px;border-radius:3px}
.aging-key b{color:var(--ink);font-family:var(--mono);font-weight:800}

.kb{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;align-items:start}
.kb-col{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-md);padding:10px}
.kb-h{display:flex;align-items:center;gap:8px;padding:2px 4px 10px}
.kb-h h4{flex:1}
.kb-n{font-family:var(--mono);font-size:11px;font-weight:800;color:var(--ink-4);background:#fff;border:1px solid var(--line);padding:1px 6px;border-radius:5px}
.kb-card{
  background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);
  border-radius:var(--r);padding:10px 11px;margin-bottom:9px;box-shadow:var(--sh-1);cursor:grab;
  transition:box-shadow .14s,transform .14s;
}
.kb-card:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}
.kb-card:last-child{margin-bottom:0}
.kb-t{font-size:13px;font-weight:800;color:var(--ink);line-height:1.35;letter-spacing:-.008em}
.kb-m{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap}
.kb-card.p-crit{border-left-color:#c81e1e}
.kb-card.p-high{border-left-color:#dd8a09}
.kb-card.p-med{border-left-color:var(--brand)}
.kb-card.p-low{border-left-color:#8d95a3}

.srcbar{display:flex;flex-direction:column;gap:9px}
.src-row{display:flex;align-items:center;gap:10px}
.src-nm{flex:0 0 126px;font-size:12.5px;font-weight:800;color:var(--ink-2)}
.src-tr{flex:1;height:20px;background:var(--surface-3);border-radius:5px;overflow:hidden}
.src-tr>i{display:block;height:100%;border-radius:5px}
.src-n{flex:0 0 104px;text-align:right;font-size:11.5px;font-weight:700;color:var(--ink-4)}
.src-n b{font-family:var(--mono);font-weight:800;color:var(--ink);font-size:12.5px}

.pager{display:flex;align-items:center;gap:8px}
.pg-gap{min-width:18px;text-align:center;color:var(--ink-5);font-weight:800}
.pg-btn{
  height:30px;min-width:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-sm);
  background:#fff;font-size:12.5px;font-weight:800;color:var(--ink-2);
}
.pg-btn:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-2)}
.pg-btn.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1500px){ .g-6{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:1280px){
  .g-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-2-1,.g-1-2,.g-3-2{grid-template-columns:minmax(0,1fr)}
  .kb{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--sidebar-w:0px}
  .sidebar{
    transform:translateX(-100%);transition:transform .25s;
    width:min(100vw,320px);flex-basis:min(100vw,320px);max-width:100vw;
  }
  .sidebar.is-collapsed{width:min(100vw,320px);flex-basis:min(100vw,320px)}
  .sidebar.open{transform:none}
  .sidebar.is-collapsed .brand-txt,
  .sidebar.is-collapsed .role-selector-label,
  .sidebar.is-collapsed .role-copy,
  .sidebar.is-collapsed .role-select-control .chev,
  .sidebar.is-collapsed .create-lbl,
  .sidebar.is-collapsed .nav-label,
  .sidebar.is-collapsed .nav-item .lbl,
  .sidebar.is-collapsed .user-meta,
  .sidebar.is-collapsed .pinned-nav{display:revert}
  .sidebar.is-collapsed .role-selector{width:auto;margin:0 12px 8px}
  .sidebar.is-collapsed .role-select-control{width:auto;height:auto;min-height:52px;padding:7px 9px;justify-content:flex-start;border:1px solid var(--sidebar-line);background:var(--surface)}
  .sidebar.is-collapsed .nav-item{justify-content:flex-start;padding:0 10px}
  .sidebar.is-collapsed .nav-count{position:static;width:auto;height:20px;font-size:11.5px;padding:0 7px;border-radius:6px}
  .nav-collapse-btn{display:none}
  .main{margin-left:0}
  .mobile-bar{display:flex}
  .g-2,.g-3,.g-4,.g-6{grid-template-columns:minmax(0,1fr)}
  .kb{grid-template-columns:minmax(0,1fr)}
  .content{padding:16px 14px 90px}
  .searchbox{max-width:none}
  .kbd{display:none}
  .dl{grid-template-columns:1fr}
  .dl dt{border-bottom:0;padding-bottom:0}
  .timer{display:none}
  .nav-item,.side-foot .util-item{min-height:48px}
}
.menu-btn{display:none}
@media (max-width:900px){.menu-btn{display:inline-flex}}

/* ==========================================================================
   INTERACTION LAYER
   Affordances for drill-down targets, row action menus and bulk selection.
   ========================================================================== */

/* --- anything that drills into a list or opens a record --- */
[data-drill],[data-rec]{cursor:pointer}
[data-drill]:focus-visible,[data-rec]:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm);
}
.kpi[data-drill]{transition:box-shadow .16s,border-color .16s,transform .16s}
.kpi[data-drill]:hover{box-shadow:var(--sh-2);border-color:var(--kc,var(--brand));transform:translateY(-2px)}
.kpi[data-drill]::after{
  content:'';position:absolute;top:12px;right:12px;width:13px;height:13px;opacity:0;
  transition:opacity .16s,transform .16s;transform:translateX(-3px);
  background:currentColor;color:var(--ink-5);
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center/contain;
}
.kpi[data-drill]:hover::after,.kpi[data-drill]:focus-visible::after{opacity:.75;transform:none}

/* stat strip cells, funnel rows, source bars, utilisation rows, aging slices */
.stat-strip>div[data-drill]:hover{background:var(--surface-2)}
.fn-row[data-drill]:hover .fn-bar,.src-row[data-drill]:hover .src-tr,
.util-row[data-drill]:hover .util-track{box-shadow:0 0 0 2px var(--brand-3)}
.fn-row[data-drill],.src-row[data-drill],.util-row[data-drill]{
  border-radius:var(--r-sm);padding:2px 3px;margin:-2px -3px;transition:background .13s;
}
.fn-row[data-drill]:hover,.src-row[data-drill]:hover,.util-row[data-drill]:hover{background:var(--surface-2)}
.aging>i[data-drill]:hover{filter:brightness(1.12);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}
.recon-row[data-drill]:hover{background:var(--surface-2)}
.feed li[data-drill]:hover,.lst li[data-drill]:hover{background:var(--brand-2)}
.chart rect[data-drill]:hover,.chart circle[data-drill]:hover{filter:brightness(1.14)}
svg circle[data-drill],svg rect[data-drill]{cursor:pointer}
.badge[data-drill]:hover{filter:brightness(.94)}
button.btn-reset[data-rec],button.btn-reset[data-drill]{text-align:left}

/* --- row action menu --- */
.rowmenu-btn{width:28px;height:28px;padding:0;justify-content:center;color:var(--ink-4)}
.rowmenu-btn:hover{color:var(--ink)}
tr:hover .rowmenu-btn{border-color:var(--line-strong)}
.rowmenu{
  position:absolute;z-index:130;min-width:212px;padding:6px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);
  animation:pop .13s ease both;
}
.rowmenu-it{
  display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:0;background:none;
  border-radius:var(--r-sm);font-size:13px;font-weight:700;color:var(--ink-2);text-align:left;
}
.rowmenu-it svg{color:var(--ink-4);flex:0 0 auto}
.rowmenu-it:hover{background:var(--surface-3);color:var(--ink)}
.rowmenu-it:hover svg{color:var(--ink-2)}
.rowmenu-it.danger{color:var(--r-fg)}
.rowmenu-it.danger svg{color:var(--r-fg)}
.rowmenu-it.danger:hover{background:var(--r-bg)}

/* --- bulk selection --- */
.bulkbar{display:none}
.bulkbar.on{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:10px 13px;margin-bottom:14px;
  background:var(--navy);border-radius:var(--r-md);box-shadow:var(--sh-2);
}
.bulkbar .result-line,.bulkbar .result-line b{color:#fff}
.bulkbar .btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.bulkbar .btn-ghost:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.45);color:#fff}
.bulkbar .btn-reset{color:#9fb8e0}
input.rowsel{
  width:15px;height:15px;accent-color:var(--brand);cursor:pointer;margin:0;vertical-align:middle;
}
tbody tr:has(input.rowsel:checked) td{background:var(--brand-2)}
.lst li:has(input.rowsel:checked){background:var(--brand-2)}

/* --- filter provenance: a control set by a drill-down --- */
.sel.from-drill{border-color:var(--brand);background-color:var(--brand-2);color:var(--b-fg)}
.drill-note{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:9px 12px;margin-bottom:14px;border-radius:var(--r-md);
  background:var(--brand-2);border:1px solid var(--brand-3);
}
.drill-note .dn-t{font-size:12.5px;font-weight:800;color:var(--b-fg)}
.drill-note .dn-t b{color:var(--ink)}

/* --- drawer action bar wraps on narrow screens --- */
.dr-head .ph-actions{gap:6px}
@media (max-width:640px){
  .dr-head .ph-actions .btn{flex:1 1 auto}
  .rowmenu{min-width:0;width:calc(100vw - 24px);left:12px !important}
}

/* --- inside the wider case file, spend the space on content --- */
.dr-body .dl{grid-template-columns:150px 1fr}
.dr-body .card-body{padding:14px}
.dr-body .kpi{padding:11px 13px}
.dr-body .kpi-val{font-size:22px}
.dr-body table.tbl tbody td{padding:8px 11px;font-size:13px}
.dr-body table.tbl thead th{padding:8px 11px}
.dr-body .banner{margin-bottom:14px}
@media (max-width:1100px){
  .dr-body .grid.g-2,.dr-body .grid.g-3,.dr-body .grid.g-4{grid-template-columns:minmax(0,1fr)}
  .dr-body .dl{grid-template-columns:132px 1fr}
}

/* --- My Day --- */
.day-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.day-head h1{margin-bottom:4px}
.persona-pick{display:flex;gap:6px;flex-wrap:wrap}
.att{list-style:none;margin:0;padding:0}
.att li{
  display:flex;align-items:flex-start;gap:12px;padding:12px 16px;
  border-bottom:1px solid var(--line);transition:background .11s;
}
.att li:last-child{border-bottom:0}
.att li:hover{background:var(--surface-2)}
.att .att-ico{
  width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;margin-top:1px;
}
.att .att-main{flex:1;min-width:0}
.att .att-t{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.att .att-s{font-size:12px;font-weight:600;color:var(--ink-4);margin-top:2px}
.att .att-main > .meta{font-size:12px}
.att .att-go{flex:0 0 auto}
.tier-head{
  display:flex;align-items:center;gap:9px;padding:9px 16px;
  background:var(--surface-2);border-bottom:1px solid var(--line);
  font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);
}
.tier-head .cn{font-family:var(--mono);letter-spacing:-.02em}
.week-empty{padding:12px 16px;font-size:12.5px;font-weight:600;color:var(--ink-5)}
.today-card .card-foot{flex-wrap:wrap}
.today-card .card-foot .link-more{margin-right:auto}
.day-stack{display:flex;flex-direction:column;gap:20px;min-width:0}
.day-board{align-items:start}

/* Daily operations dashboard: movable, half/full-width and vertically resizable. */
.day-operations{
  margin:0 0 16px;container-type:inline-size;container-name:day-operations;
}
.day-operations-head{
  display:flex;align-items:flex-end;gap:20px;margin:0 0 12px;padding:0 2px;
}
.day-operations-head h2{
  margin:3px 0 0;font-size:20px;line-height:1.15;letter-spacing:-.025em;color:var(--ink);
}
.day-operations-head p{
  margin:5px 0 0;max-width:720px;font-size:12.5px;font-weight:600;line-height:1.45;color:var(--ink-4);
}
.day-layout-actions{
  margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;
}
.day-layout-status{font-size:11.5px;font-weight:700;color:var(--ink-5)}
.day-manage-btn{position:relative}
.day-manage-btn>span{
  min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:99px;
  background:var(--brand);color:var(--surface);font:800 10px/1 var(--mono);
}
.day-widget-manager{
  margin:0 0 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);
  box-shadow:var(--sh-2);overflow:hidden;
}
.day-widget-manager[hidden]{display:none}
.day-widget-manager-head{
  min-height:58px;padding:10px 12px 10px 16px;display:flex;align-items:center;gap:12px;
  border-bottom:1px solid var(--line);background:var(--surface-2);
}
.day-widget-manager-head>div{display:flex;flex-direction:column}.day-widget-manager-head .eyebrow{font-size:9px}
.day-widget-manager-head strong{font-size:15px;color:var(--ink)}
.day-widget-library-count{margin-left:auto;font-size:11px;font-weight:750;color:var(--ink-5)}
.day-manager-close{
  width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);
  color:var(--ink-4);font-size:22px;line-height:1;
}
.day-manager-close:hover,.day-manager-close:focus-visible{border-color:var(--brand-3);background:var(--brand-2);color:var(--brand);outline:none}
.day-widget-manager-group+ .day-widget-manager-group{border-top:1px solid var(--line)}
.day-widget-manager-group>header{
  min-height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border-bottom:1px solid var(--line);
}
.day-widget-manager-group>header strong{font-size:11px;letter-spacing:.055em;text-transform:uppercase;color:var(--ink-3)}
.day-widget-manager-group>header span{min-width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--surface);border:1px solid var(--line);font:750 10px/1 var(--mono);color:var(--ink-5)}
.day-widget-manager-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.day-widget-manager-list>div{
  min-height:62px;padding:10px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);
}
.day-widget-manager-list>div:nth-child(odd){border-right:1px solid var(--line)}
.day-widget-manager-list>div>span:first-child{min-width:0;display:flex;flex-direction:column}
.day-widget-manager-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--ink)}
.day-widget-manager-list small{margin-top:2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-5)}
.day-widget-manager-list .btn{margin-left:auto}
.day-widget-on{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--g-fg)}
.day-ops-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;
}
.day-widget{
  min-width:0;height:clamp(300px,var(--day-widget-h,410px),760px);display:flex;flex-direction:column;
  overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-1);transition:border-color .15s,box-shadow .15s,opacity .15s;
}
.day-widget.is-wide{grid-column:1/-1}
.day-widget.is-dragging{opacity:.58;border-color:var(--brand);box-shadow:var(--sh-3)}
.day-widget.is-resizing{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-2),var(--sh-2)}
.day-widget-head{
  flex:0 0 auto;min-height:62px;display:flex;align-items:center;gap:10px;padding:10px 11px 10px 8px;
  border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));
}
.day-widget-title{min-width:0}
.day-widget-title .eyebrow{font-size:9.5px}
.day-widget-title h2{
  margin:2px 0 0;font-size:15.5px;line-height:1.2;font-weight:850;letter-spacing:-.02em;color:var(--ink);
}
.day-drag-handle,.day-widget-control,.day-resize-handle{
  border:0;background:transparent;font:inherit;color:var(--ink-5);cursor:pointer;
}
.day-drag-handle{
  flex:0 0 28px;width:28px;height:38px;padding:0;display:grid;place-items:center;border-radius:8px;cursor:grab;touch-action:none;
}
.day-drag-handle:hover,.day-drag-handle:focus-visible{background:var(--surface-3);color:var(--brand);outline:none}
.day-drag-handle:active{cursor:grabbing}
.day-widget-controls{display:flex;align-items:center;gap:4px}
.day-widget-control{
  height:28px;min-width:28px;padding:0 7px;display:grid;place-items:center;border:1px solid var(--line);
  border-radius:7px;background:var(--surface);font-size:10px;font-weight:850;line-height:1;color:var(--ink-4);
}
.day-widget-control:hover,.day-widget-control:focus-visible{
  border-color:var(--brand-3);background:var(--brand-2);color:var(--brand);outline:none;
}
.day-remove:hover,.day-remove:focus-visible{border-color:var(--r-ln);background:var(--r-bg);color:var(--r-fg)}
.day-width{min-width:42px;font-family:var(--mono);letter-spacing:-.04em}
.day-widget-body{flex:1;min-height:0;overflow:auto;background:var(--canvas);scrollbar-gutter:stable}
.day-widget-body>.pattern-runtime{min-height:100%;background:var(--surface)}
.pattern-widget .day-widget-body{background:var(--surface)}
.day-widget-body.day-stack{gap:0}
.day-widget-body > .card{
  flex:0 0 auto;border:0;border-radius:0;box-shadow:none;background:var(--surface);
}
.day-widget-body > .card + .card{border-top:10px solid var(--canvas)}
.day-widget-body > .card .card-head{position:sticky;top:0;z-index:2;background:var(--surface)}
.day-resize-handle{
  position:relative;flex:0 0 17px;width:100%;height:17px;padding:0;border-top:1px solid var(--line);
  border-radius:0;background:var(--surface-2);cursor:ns-resize;touch-action:none;
}
.day-resize-handle span,.day-resize-handle:before,.day-resize-handle:after{
  content:"";position:absolute;left:50%;width:30px;height:1px;transform:translateX(-50%);background:var(--line-strong);
}
.day-resize-handle span{top:5px}.day-resize-handle:before{top:8px}.day-resize-handle:after{top:11px}
.day-resize-handle:hover,.day-resize-handle:focus-visible{background:var(--brand-2);outline:none}
.day-resize-handle:hover span,.day-resize-handle:hover:before,.day-resize-handle:hover:after,
.day-resize-handle:focus-visible span,.day-resize-handle:focus-visible:before,.day-resize-handle:focus-visible:after{background:var(--brand)}
.day-is-resizing{cursor:ns-resize!important;user-select:none!important}
.day-is-moving{cursor:grabbing!important;user-select:none!important}
.day-section-summary{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--surface-2);
  border-bottom:1px solid var(--line);font-size:11.5px;color:var(--ink-4);
}
.day-section-summary strong{font-size:12px;color:var(--ink-2)}
.day-section-summary span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px 2px 0;border-radius:50%;background:var(--ink-5)}
.day-admin-list,.day-discussion-list{list-style:none;margin:0;padding:0;background:var(--surface)}
.day-admin-list li{
  display:grid;grid-template-columns:20px minmax(170px,1fr) minmax(120px,.45fr) auto;
  align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;
}
.day-admin-list li:hover{background:var(--surface-2)}
.day-admin-check{width:16px;height:16px;border:1.5px solid var(--line-strong);border-radius:5px;background:var(--surface)}
.day-admin-main{min-width:0}.day-admin-main>strong{display:block;font-size:13px;line-height:1.35;color:var(--ink)}
.day-admin-main .meta{margin-top:5px}
.day-owner{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.day-owner>span{font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-5)}
.day-owner .nm{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.day-admin-due{justify-self:end;white-space:nowrap}
.day-widget-foot{
  display:flex;align-items:center;justify-content:flex-end;min-height:43px;padding:8px 14px;border-top:1px solid var(--line);
  background:var(--surface);
}

/* Data gallery charts adapted as live, movable My Day widgets. */
.day-chart:not(.pattern-runtime){
  min-height:100%;padding:16px 18px;display:flex;flex-direction:column;background:var(--surface);overflow:auto;
}
.day-chart-summary{display:flex;align-items:flex-start;gap:28px;margin:0 0 8px;min-width:420px}
.day-chart-summary>span{display:flex;flex-direction:column}
.day-chart-summary small{font-size:10px;font-weight:700;color:var(--ink-5)}
.day-chart-summary strong{margin-top:2px;font-size:22px;line-height:1.1;letter-spacing:-.035em;color:var(--ink)}
.day-chart-summary>b{
  margin-left:auto;padding:4px 7px;border:1px solid var(--g-ln);border-radius:6px;background:var(--g-bg);
  color:var(--g-fg);font-size:10px;line-height:1.1;white-space:nowrap;
}
.day-chart-summary.is-compact{justify-content:flex-start}.day-chart-summary.is-compact>span{min-width:72px}
.day-bar-chart,.day-line-chart{width:100%;min-width:420px;min-height:230px;flex:1;overflow:visible}
.day-chart-grid line{stroke:var(--line);stroke-width:1}
.day-chart-axis text,.day-chart-periods text{fill:var(--ink-5);font:700 9px var(--sans);text-anchor:middle}
.day-chart-axis text{text-anchor:start}
.day-bars rect{rx:4px}.day-bars-billed rect{fill:var(--brand)}.day-bars-collected rect{fill:var(--chart-teal-soft)}
.day-chart-legend{display:flex;justify-content:center;gap:20px;color:var(--ink-4);font-size:10px;font-weight:700}
.day-chart-legend span{display:inline-flex;align-items:center;gap:5px}
.day-chart-legend i,.day-mix-legend i{width:9px;height:9px;border-radius:3px;flex:0 0 9px}
.day-chart-legend .is-blue{background:var(--brand)}.day-chart-legend .is-teal{background:var(--chart-teal-soft)}.day-chart-legend .is-amber{background:var(--chart-amber)}
.day-line-chart .day-line-area{fill:url(#dayLeadArea)}
.day-line-chart polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.day-lead-line{stroke:var(--brand)}.day-consult-line{stroke:var(--chart-teal)}.day-signed-line{stroke:var(--chart-amber)}
.day-donut-layout{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(190px,1.1fr);align-items:center;gap:22px}
.day-donut{
  width:min(220px,100%);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--day-donut-bg);
}
.day-donut:before{
  content:"";grid-area:1/1;width:67%;aspect-ratio:1;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--line);
}
.day-donut>div{z-index:1;grid-area:1/1;display:flex;flex-direction:column;align-items:center}
.day-donut strong{font-size:30px;line-height:1;color:var(--ink)}.day-donut span{margin-top:4px;color:var(--ink-5);font-size:10px;font-weight:700}
.day-mix-legend{margin:0;padding:0;list-style:none}
.day-mix-legend li{display:grid;grid-template-columns:10px minmax(0,1fr) auto 34px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.day-mix-legend li:last-child{border-bottom:0}.day-mix-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;color:var(--ink-3)}
.day-mix-legend strong{font-size:11px;color:var(--ink)}.day-mix-legend small{font-size:10px;color:var(--ink-5);text-align:right}
.day-mix-legend .mix-1{background:var(--brand)}.day-mix-legend .mix-2{background:var(--chart-teal)}.day-mix-legend .mix-3{background:var(--chart-amber)}.day-mix-legend .mix-4{background:var(--chart-plum)}
.day-discussion-list li{border-bottom:1px solid var(--line)}
.day-discussion-list li>button{
  width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;align-items:start;
  padding:11px 14px;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;
}
.day-discussion-list li>button:hover,.day-discussion-list li>button:focus-visible{background:var(--surface-2);outline:none}
.day-discussion-avatar{
  width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#e5f4ed;color:#126746;
  font-size:10.5px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(18,103,70,.13);
}
.day-discussion-copy{min-width:0;display:block}
.day-discussion-copy>span{display:flex;align-items:center;gap:8px;min-width:0}
.day-discussion-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--ink)}
.day-discussion-copy time{margin-left:auto;flex:0 0 auto;font-size:10.5px;font-weight:650;color:var(--ink-5)}
.day-discussion-copy>b{display:block;margin-top:1px;font-size:10.5px;font-weight:800;color:var(--brand)}
.day-discussion-copy p{
  margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--ink-3);
}
.day-discussion-open{align-self:center;color:var(--ink-5);transform:rotate(-90deg)}

@container day-operations (max-width:850px){
  .day-ops-grid{grid-template-columns:minmax(0,1fr)}
  .day-widget,.day-widget.is-wide{grid-column:1}
  .day-width{display:none}
}
@container day-operations (max-width:600px){
  .day-operations-head{align-items:flex-start;flex-direction:column}
  .day-layout-actions{width:100%;margin-left:0;justify-content:space-between}
  .day-widget-manager-list{grid-template-columns:1fr}
  .day-widget-manager-list>div:nth-child(odd){border-right:0}
  .day-donut-layout{grid-template-columns:1fr}.day-donut{width:180px;margin:0 auto}
  .day-chart{padding:14px}.day-chart-summary{gap:16px}.day-chart-summary>b{display:none}
  .day-admin-list li{grid-template-columns:20px minmax(0,1fr) auto;gap:9px;padding:11px 12px}
  .day-owner{grid-column:2}.day-admin-due{grid-column:3;grid-row:1/3}
  .day-move{display:none}
}
@media (max-width:1100px){
  .day-ops-grid{grid-template-columns:minmax(0,1fr)}
  .day-widget,.day-widget.is-wide{grid-column:1}
  .day-width{display:none}
}
@media (max-width:620px){
  .day-widget{height:min(var(--day-widget-h,410px),560px)}
  .day-widget-head{padding-right:8px}.day-widget-controls{gap:3px}
  .day-operations-head{align-items:flex-start;flex-direction:column}
  .day-layout-actions{width:100%;margin-left:0;justify-content:space-between}
  .day-admin-list li{grid-template-columns:20px minmax(0,1fr) auto;gap:9px;padding:11px 12px}
  .day-owner{grid-column:2}.day-admin-due{grid-column:3;grid-row:1/3}
  .day-move{display:none}
}

/* Today + Waiting — clearer row rhythm on the My Day right column */
.day-stack .today-card .agenda li,
.day-stack .waiting-card .wait-lst li{
  padding:14px 18px;gap:14px;align-items:flex-start;
}
.day-stack .today-card .agenda .ag-n{
  line-height:1.35;margin-bottom:2px;
}
.day-stack .today-card .agenda .ag-main > .meta{
  margin-top:6px;gap:6px 8px;line-height:1.45;
}
.day-stack .today-card .agenda .ag-t{padding-top:2px}
.day-stack .today-card .li-r,
.day-stack .waiting-card .li-r{padding-top:2px}

.waiting-card .wait-lst .li-t{
  line-height:1.35;margin-bottom:8px;padding-right:8px;
}
.waiting-card .wait-meta{
  display:flex;flex-direction:column;gap:6px;min-width:0;
}
.waiting-card .wait-line{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  font-size:12px;font-weight:600;line-height:1.4;min-width:0;
}
.waiting-card .wait-who{min-width:0}
.waiting-card .wait-who .nm{font-size:12px;font-weight:700;color:var(--ink-3)}
.waiting-card .wait-age{font-weight:750;color:var(--a-fg)}
.waiting-card .wait-age.is-overdue{color:var(--r-fg);font-weight:800}
.waiting-card .wait-matter .meta{
  margin:0;gap:0;font-size:12px;line-height:1.4;
}
.waiting-card .wait-matter .meta-matter{font-weight:700;color:var(--ink-2)}
.waiting-card .wait-matter .meta-sep{display:none}

/* Mini calendar on My Day (between Today and Waiting on others) */
.mini-cal .card-head{align-items:center;gap:10px}
.mini-cal-nav{display:flex;align-items:center;gap:6px}
.mini-cal-body{
  display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1.15fr);
  gap:0;border-top:1px solid var(--line);
}
@media (max-width:900px){.mini-cal-body{grid-template-columns:1fr}}
.mini-cal-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
  padding:14px 16px;border-right:1px solid var(--line);background:var(--surface);
}
@media (max-width:900px){.mini-cal-grid{border-right:0;border-bottom:1px solid var(--line)}}
.mini-cal-dow{
  text-align:center;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-5);padding:4px 0 8px;
}
.mini-cal-cell{
  position:relative;aspect-ratio:1;max-height:48px;border:1px solid transparent;border-radius:var(--r);
  background:none;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;cursor:pointer;font:inherit;color:var(--ink-2);
}
.mini-cal-cell.is-pad{pointer-events:none;visibility:hidden}
.mini-cal-cell:hover{background:var(--surface-2);border-color:var(--line)}
.mini-cal-cell.is-today{background:var(--brand-2);color:var(--brand);font-weight:800}
.mini-cal-cell.is-selected{
  border-color:var(--brand);background:var(--brand-2);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);
}
.mini-cal-num{font-size:13px;font-weight:750;line-height:1}
.mini-cal-dots{display:flex;gap:2px;height:4px;align-items:center}
.mini-cal-dots i{width:4px;height:4px;border-radius:50%;background:var(--brand);display:block}
.mini-cal-cell.has-events:not(.is-selected):not(.is-today) .mini-cal-num{font-weight:800;color:var(--ink)}
.mini-cal-events{min-height:220px;background:var(--canvas);display:flex;flex-direction:column}
.mini-cal-events-h{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 16px;background:var(--surface-2);border-bottom:1px solid var(--line);
  font-size:12.5px;font-weight:800;color:var(--ink-2);
}
.mini-cal-events-h .cn{font-size:11px;font-weight:800;color:var(--ink-5)}
.mini-cal-events .agenda{flex:1;overflow-y:auto;max-height:320px}
.mini-cal-events .agenda li{cursor:pointer}

.agenda{list-style:none;margin:0;padding:0}
.agenda li{display:flex;align-items:flex-start;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.agenda li:last-child{border-bottom:0}
.agenda li:hover{background:var(--surface-2)}
.agenda .ag-t{
  flex:0 0 64px;font-family:var(--mono);font-size:13px;font-weight:800;color:var(--ink);
  letter-spacing:-.03em;padding-top:1px;
}
.agenda .ag-t.allday{font-size:10px;letter-spacing:.06em;color:var(--ink-4);font-family:var(--sans)}
.agenda .ag-main{flex:1;min-width:0}
.agenda .ag-n{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.35}
.agenda .ag-s{font-size:11.5px;font-weight:600;color:var(--ink-4);margin-top:2px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.agenda .ag-main > .meta{margin-top:5px;line-height:1.45}
.agenda .now{box-shadow:inset 3px 0 0 var(--brand)}

/* ==========================================================================
   PICKER MODAL
   ========================================================================== */
.pick-wrap{
  position:fixed;inset:0;z-index:140;display:none;align-items:flex-start;justify-content:center;
  padding-top:12vh;background:rgba(8,9,12,.45);backdrop-filter:blur(3px);
}
.pick-wrap.on{display:flex}
.pick{
  width:min(440px,94vw);max-height:70vh;background:#fff;border-radius:var(--r-lg);
  box-shadow:var(--sh-3);overflow:hidden;display:flex;flex-direction:column;
  animation:pop .18s cubic-bezier(.2,.9,.3,1) both;
}
.pick-head{
  display:flex;align-items:flex-start;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--line);
}
.pick-head h3{margin:0 0 3px;font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.pick-hint{font-size:12.5px;font-weight:600;color:var(--ink-4);line-height:1.4}
.pick-hint:empty{display:none}
.pick-list{overflow-y:auto;padding:8px}
.pick-opt{
  display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;background:none;
  border-radius:var(--r);text-align:left;cursor:pointer;
}
.pick-opt:hover,.pick-opt:focus-visible{background:var(--brand-2);outline:none}
.pick-opt.on{background:var(--brand-2);box-shadow:inset 0 0 0 1.5px var(--brand-3)}
.pick-opt .po-main{flex:1;min-width:0}
.pick-opt .po-t{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.pick-opt .po-s{font-size:11.5px;font-weight:600;color:var(--ink-4);margin-top:2px}
.pick-opt .po-check{flex:0 0 auto;color:var(--brand);opacity:0}
.pick-opt.on .po-check{opacity:1}
.badge.waiting-client{color:var(--r-fg);background:var(--r-bg);border-color:var(--r-ln)}
.badge.waiting-us{color:var(--b-fg);background:var(--b-bg);border-color:var(--b-ln)}
.badge.waiting-other{color:var(--a-fg);background:var(--a-bg);border-color:var(--a-ln)}

/* ==========================================================================
   LOGIN PORTAL
   ========================================================================== */
.login-wrap{
  position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  padding:24px;background:linear-gradient(145deg,#0a1a33 0%,#12294b 45%,#1a3a6e 100%);
}
.login-wrap.on{display:flex}
.app.is-locked{display:none !important}
.login-card{
  width:min(440px,100%);background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-3);
  padding:28px 28px 22px;max-height:min(92vh,820px);overflow:auto;
}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.login-mark{
  width:42px;height:42px;border-radius:11px;background:var(--navy);color:#fff;
  display:grid;place-items:center;font-weight:900;font-size:18px;
}
.login-product{font-size:13px;font-weight:800;color:var(--ink)}
.login-firm{font-size:12px;font-weight:600;color:var(--ink-4);margin-top:2px}
.login-card h1{margin:0 0 6px;font-size:24px;letter-spacing:-.03em}
.login-sub{font-size:13px;font-weight:600;color:var(--ink-4);margin:0 0 18px;line-height:1.45}
.f-lbl{display:block;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}
.f-lbl input,.f-lbl select,.set-field input,.set-field select,.set-field textarea{
  display:block;width:100%;margin-top:6px;height:40px;padding:0 12px;border:1px solid var(--line-strong);
  border-radius:var(--r);font:inherit;font-size:14px;font-weight:700;color:var(--ink);background:#fff;
}
.set-field textarea{height:88px;padding:10px 12px;resize:vertical}
.f-lbl input:focus,.set-field input:focus,.set-field select:focus,.set-field textarea:focus{
  outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-2);
}
.login-remember{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--ink-3);margin:4px 0 14px}
.login-err{background:var(--r-bg);border:1px solid var(--r-ln);color:var(--r-fg);padding:10px 12px;border-radius:var(--r);font-size:13px;font-weight:700;margin-bottom:12px}
.login-submit{width:100%;justify-content:center;height:42px}
.login-demo{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.login-demo-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.login-demo-btn{
  display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  padding:9px 11px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);
  font:inherit;text-align:left;cursor:pointer;
}
.login-demo-btn:hover{border-color:var(--brand-3);background:var(--brand-2)}
.login-demo-btn .ld-n{font-size:13px;font-weight:800;color:var(--ink)}
.login-demo-btn .ld-e{font-size:11.5px;font-weight:600;color:var(--ink-4)}
.login-demo-btn .ld-t{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}
.login-mfa-back{width:100%;justify-content:center;height:40px;margin-top:8px}

/* ==========================================================================
   SETTINGS SHELL
   ========================================================================== */
.settings{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:960px){.settings{grid-template-columns:minmax(0,1fr)}}
.set-nav{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-1);padding:8px;position:sticky;top:calc(var(--topbar-h) + 12px);
}
.set-nav-g{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-5);padding:10px 10px 4px}
.set-nav button{
  display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;background:none;
  border-radius:var(--r);font:inherit;font-size:13px;font-weight:750;color:var(--ink-3);text-align:left;cursor:pointer;
}
.set-nav button:hover{background:var(--surface-2);color:var(--ink)}
.set-nav button.on{background:var(--brand-2);color:var(--brand)}
.set-panel{min-width:0}
.set-sec{display:none}
.set-sec.on{display:block}
.set-banner{
  display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);
  background:var(--b-bg);border:1px solid var(--b-ln);margin-bottom:14px;font-size:13px;font-weight:600;color:var(--ink-2);
}
.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:720px){.set-grid{grid-template-columns:minmax(0,1fr)}}
.set-field{margin-bottom:2px}
.set-field .hint{font-size:11.5px;font-weight:600;color:var(--ink-5);margin-top:4px}
.set-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.set-api-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.set-api-list{list-style:none;margin:0;padding:0}
.set-api-list li{
  display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);
  font-size:12.5px;font-weight:650;
}
.set-api-list li:last-child{border-bottom:0}
.set-api-m{
  display:inline-block;min-width:52px;padding:2px 6px;border-radius:4px;
  background:var(--surface-2);color:var(--brand);font-weight:800;font-size:11px;letter-spacing:.03em;
}
.set-api-p{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink-2);font-size:12px}
.user-row-tier{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}

/* ==========================================================================
   SHARED WORKSPACE CHROME + PRACTICE SKINS
   ========================================================================== */
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
body.chrome-open{overflow:hidden}
.practice-skin-chip{border-color:var(--skin-accent,var(--line));color:var(--skin-accent,var(--ink-2));background:var(--skin-accent-soft,var(--surface))}
.practice-skin-chip:hover{border-color:var(--skin-accent,var(--brand));background:var(--skin-accent-soft,var(--surface-2));color:var(--skin-accent,var(--ink))}
.skin-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--skin-accent,var(--brand));box-shadow:0 0 0 3px #fff}
[data-practice-skin="estate-planning"] .brand-mark{background:linear-gradient(150deg,#123f4a,var(--skin-accent))}
[data-practice-skin="personal-injury"] .brand-mark{background:linear-gradient(150deg,#54130f,var(--skin-accent))}

.chrome-overlay{
  position:fixed;inset:0;z-index:180;display:flex;align-items:center;justify-content:center;
  padding:24px;background:rgba(10,26,51,.42);backdrop-filter:blur(4px);
}
.chrome-overlay[hidden],.chrome-toast[hidden]{display:none!important}
.chrome-overlay-end{justify-content:flex-end;padding:0}
.ian-overlay{
  z-index:260;padding:0;overflow:hidden;background:
    radial-gradient(circle at 12% 12%,rgba(38,91,176,.2),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(157,44,179,.17),transparent 32%),
    linear-gradient(145deg,#080a0f 0%,#030407 48%,#0a0b11 100%);
  backdrop-filter:blur(20px);color:#f5f7fb;
}
.ian-overlay::before{
  content:'';position:absolute;inset:-30%;opacity:.18;pointer-events:none;
  background:conic-gradient(from 90deg at 50% 50%,transparent,#3b82f6 12%,transparent 24%,#e879f9 42%,transparent 58%,#34d399 78%,transparent);
  filter:blur(90px);animation:ianAtmosphere 18s linear infinite;
}
@keyframes ianAtmosphere{to{transform:rotate(360deg)}}
.ian-shell{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:78px 24px 24px}
.ian-topline{position:absolute;left:28px;right:28px;top:20px;height:42px;display:flex;align-items:center;justify-content:space-between}
.ian-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:12px}.ian-brand strong{font-size:13px;letter-spacing:.01em}.ian-brand>span:last-child{color:#8f98a8}
.ian-brand-orb{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#68e6ff,#9076ff 55%,#ff6b9c);box-shadow:0 0 18px rgba(104,230,255,.7)}
.ian-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.06);color:#dbe1eb;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(16px);transition:background .16s,border-color .16s,transform .16s}
.ian-close:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);transform:rotate(3deg)}
.ian-window{
  --ian-window-bg:rgba(9,11,16,.82);position:relative;width:min(1040px,calc(100vw - 56px));height:min(520px,calc(100dvh - 120px));
  display:flex;flex-direction:column;justify-content:center;padding:0 42px;border:1px solid transparent;border-radius:28px;
  background:transparent;box-shadow:0 34px 100px rgba(0,0,0,0);overflow:hidden;
  transition:height .72s cubic-bezier(.2,.85,.2,1),background .42s ease,box-shadow .5s ease,padding .6s cubic-bezier(.2,.85,.2,1),border-color .42s ease;
}
.ian-window::before{
  content:'';position:absolute;z-index:0;inset:0;border-radius:inherit;padding:1.5px;opacity:0;pointer-events:none;
  background:conic-gradient(from var(--ian-angle,0deg),#ff6380,#ffc759,#62eeb2,#52c8ff,#9076ff,#ef6bd5,#ff6380);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
}
.ian-window>*{position:relative;z-index:1}
.ian-window.is-chat{
  height:min(80vh,840px);justify-content:flex-start;padding:28px 34px 20px;
  border-color:rgba(255,255,255,.06);background:linear-gradient(160deg,rgba(20,23,31,.89),rgba(5,7,11,.93));
  box-shadow:0 42px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(30px);
}
.ian-window.is-chat::before{opacity:.88;animation:ianBorderReveal .76s cubic-bezier(.2,.8,.2,1) both,ianRainbow 7s linear .76s infinite}
@keyframes ianBorderReveal{from{clip-path:inset(0 100% 100% 0 round 28px)}50%{clip-path:inset(0 0 100% 0 round 28px)}to{clip-path:inset(0 round 28px)}}
.ian-greeting{display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .68s cubic-bezier(.2,.85,.2,1)}
.ian-greeting-avatar{width:70px;height:70px;flex:0 0 70px;margin-bottom:18px;border:1px solid rgba(255,255,255,.18);border-radius:22px!important;box-shadow:0 15px 38px rgba(0,0,0,.38),0 0 0 5px rgba(255,255,255,.04);overflow:hidden}
.ian-greeting-avatar img,.ian-message-avatar img{width:100%;height:100%;object-fit:cover}
.ian-kicker{display:block;margin-bottom:7px;color:#97a2b2;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ian-greeting h1{margin:0;color:#f7f8fb;font-size:clamp(68px,7vw,100px);font-weight:730;line-height:.98;letter-spacing:-.07em;text-wrap:balance;text-shadow:0 2px 28px rgba(144,118,255,.12);transition:font-size .68s cubic-bezier(.2,.85,.2,1),letter-spacing .68s cubic-bezier(.2,.85,.2,1)}
.ian-greeting p{margin:14px 0 0;color:#8f98a8;font-size:13px;line-height:1.5;transition:opacity .25s,max-height .55s,margin .55s}
.ian-window.is-chat .ian-greeting{flex-direction:row;align-items:center;text-align:left;gap:14px;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.ian-window.is-chat .ian-greeting-avatar{width:46px;height:46px;flex-basis:46px;margin:0;border-radius:14px!important;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.ian-window.is-chat .ian-kicker{margin-bottom:3px;font-size:8px}.ian-window.is-chat .ian-greeting h1{font-size:20px;line-height:1.15;letter-spacing:-.025em}
.ian-window.is-chat .ian-greeting p{max-height:0;margin:0;opacity:0;overflow:hidden}
.ian-messages{flex:1;min-height:0;width:100%;overflow:auto;padding:10px 2px 18px;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s ease .3s,transform .4s ease .3s,visibility 0s linear .3s;scrollbar-color:#3c4350 transparent}
.ian-window.is-chat .ian-messages{opacity:1;visibility:visible;transform:none}
.ian-message{display:flex;gap:12px;max-width:820px;padding:12px 0;animation:ianMessageIn .26s ease both}.ian-message.is-user{margin-left:auto;flex-direction:row-reverse}
@keyframes ianMessageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ian-message-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px!important;overflow:hidden;background:#1d2430;color:#fff;display:grid;place-items:center;font-size:9px;font-weight:850}
.ian-message>div{min-width:0;max-width:min(720px,calc(100vw - 180px));padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:5px 16px 16px 16px;background:rgba(255,255,255,.055)}
.ian-message.is-user>div{border-radius:16px 5px 16px 16px;border-color:rgba(135,160,255,.2);background:linear-gradient(145deg,rgba(63,82,145,.32),rgba(54,44,102,.26))}
.ian-message header{display:flex;align-items:center;gap:7px}.ian-message header strong{font-size:11px;color:#f4f6fa}.ian-message header span{font-size:9px;color:#7f8999;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.ian-message p{margin:6px 0 0;color:#d9dee7;font-size:13.5px;line-height:1.58}.ian-message.is-user p{color:#f2f4f8}
.ian-message.is-thinking p{display:flex;gap:5px;padding:3px 0}.ian-message.is-thinking p i{width:6px;height:6px;border-radius:50%;background:#9aa7bb;animation:ianThinking 1.1s ease-in-out infinite}.ian-message.is-thinking p i:nth-child(2){animation-delay:.14s}.ian-message.is-thinking p i:nth-child(3){animation-delay:.28s}
@keyframes ianThinking{0%,70%,100%{opacity:.28;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
.ian-compose{width:100%;margin-top:18px;transition:margin .55s}.ian-window.is-chat .ian-compose{margin-top:auto}
.ian-input-box{position:relative;min-height:78px;display:flex;align-items:center;padding:8px 8px 8px 20px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(135deg,rgba(33,37,47,.88),rgba(11,13,18,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 54px rgba(0,0,0,.25);backdrop-filter:blur(24px);transition:min-height .5s,border-color .18s,box-shadow .18s}
.ian-input-box:focus-within{border-color:rgba(126,210,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 3px rgba(89,181,255,.09),0 20px 60px rgba(0,0,0,.34)}
.ian-window.is-chat .ian-input-box{min-height:62px;border-radius:17px}
.ian-input-box textarea{flex:1;min-width:0;height:54px;max-height:118px;padding:15px 10px 10px 0;border:0;resize:none;outline:none;background:transparent;color:#f5f6f8;font:500 15px/24px var(--sans)}
.ian-input-box textarea::placeholder{color:#737d8d}.ian-input-box textarea:focus{box-shadow:none}
.ian-input-box .input-mic,.ian-send{position:static;width:42px;height:42px;flex:0 0 42px;margin:0 4px;border:0;border-radius:13px;background:rgba(255,255,255,.06);color:#aeb7c5;display:grid;place-items:center;cursor:pointer}
.ian-input-box .input-mic:hover{background:rgba(255,255,255,.11);color:#fff}.ian-input-box .input-mic.is-listening{background:rgba(220,38,38,.16);color:#ff8b8b}
.ian-send{margin-left:2px;background:linear-gradient(145deg,#f4f5f8,#929aa7);color:#0a0b0f;box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(0,0,0,.38);transition:transform .15s,box-shadow .15s}
.ian-send:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(0,0,0,.48)}
.ian-compose-meta{display:flex;align-items:center;gap:10px;margin-top:9px;padding:0 5px;color:#697384;font-size:9.5px;font-weight:700;letter-spacing:.025em}

/* BosseoAI reusable response system */
.ian-starters{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:18px;transition:opacity .18s,max-height .35s,margin .35s}
.ian-starters button{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.045);color:#aeb7c5;font:700 10px/1.2 var(--sans);cursor:pointer;transition:color .16s,background .16s,border-color .16s,transform .16s}
.ian-starters button:hover{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(133,210,255,.28);transform:translateY(-1px)}
.ian-window.is-chat .ian-starters{max-height:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}
.ian-message.has-structure{width:100%;max-width:920px}
.ian-message.has-structure>div{width:100%;max-width:min(850px,calc(100vw - 180px));padding:0;border:0;background:transparent}
.ian-message.has-structure>div>header{margin:0 0 7px 5px}
.ian-response{--ir-line:rgba(255,255,255,.095);--ir-panel:rgba(255,255,255,.048);--ir-panel-2:rgba(255,255,255,.072);overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:linear-gradient(145deg,rgba(24,28,37,.97),rgba(13,16,23,.97));box-shadow:0 20px 45px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045);color:#e7ebf1}
.ian-response button{font-family:var(--sans)}
.ian-response-head{display:block!important;padding:20px 21px 16px;border-bottom:1px solid var(--ir-line);background:radial-gradient(circle at 95% 0,rgba(110,105,255,.12),transparent 42%)}
.ian-response-kind{display:flex;align-items:center;gap:7px;color:#8fa0b5}.ian-response-kind svg{width:14px;height:14px;color:#7bd9ff}.ian-response-kind b{font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.ian-response-head h3{margin:9px 0 5px;color:#f7f9fc;font-size:21px;line-height:1.15;letter-spacing:-.025em}
.ian-response-head>p{margin:0!important;color:#c8d0db!important;font-size:13.5px!important;line-height:1.55!important}
.ian-response-scope{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.ian-response-scope span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#aab4c1;font-size:9.5px}.ian-response-scope b{color:#657286;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.ian-response-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));border-bottom:1px solid var(--ir-line)}
.ian-response-metric{position:relative;min-width:0;padding:15px 16px;border-right:1px solid var(--ir-line)}.ian-response-metric:last-child{border-right:0}
.ian-response-metric::before{content:'';position:absolute;left:15px;top:12px;width:18px;height:2px;border-radius:2px;background:#657286}.ian-response-metric.is-info::before{background:#54c7ff}.ian-response-metric.is-success::before{background:#55d799}.ian-response-metric.is-warning::before{background:#f1b85b}.ian-response-metric.is-critical::before{background:#ff7186}
.ian-response-metric span{display:block;margin-top:5px;color:#8692a2;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ian-response-metric strong{display:block;margin-top:5px;color:#f3f5f8;font-size:19px;line-height:1.15;letter-spacing:-.025em}.ian-response-metric small{display:block;margin-top:3px;color:#8793a4;font-size:9px;line-height:1.35}
.ian-response-primary{padding:15px 16px 17px}
.ian-response-empty{padding:24px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#8793a4;text-align:center;font-size:11px}
.ian-response-group+ .ian-response-group{margin-top:16px}.ian-response-group>header{display:flex!important;align-items:center;justify-content:space-between;margin:0 1px 7px}.ian-response-group>header strong{color:#b6c0cd;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.ian-response-group>header span{display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:rgba(255,255,255,.07);color:#9da8b7;font-size:9px;font-weight:800}
.ian-response-queue{display:grid;gap:7px}.ian-response-queue-card{position:relative;display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:11px;align-items:start;padding:12px;border:1px solid var(--ir-line);border-radius:12px;background:var(--ir-panel);transition:background .16s,border-color .16s}.ian-response-queue-card:hover{background:var(--ir-panel-2);border-color:rgba(255,255,255,.15)}
.ian-response-queue-card>i{width:4px;height:100%;min-height:40px;border-radius:4px;background:#657286}.ian-response-queue-card.is-info>i{background:#54c7ff}.ian-response-queue-card.is-success>i{background:#55d799}.ian-response-queue-card.is-warning>i{background:#f1b85b}.ian-response-queue-card.is-critical>i{background:#ff7186}
.ian-response-queue-main h4,.ian-response-event h4,.ian-response-ranking h4,.ian-response-workload h4,.ian-response-brief h4{margin:0;color:#eef1f6;font-size:12px;line-height:1.35}.ian-response-queue-main>p,.ian-response-event>p,.ian-response-ranking p,.ian-response-workload p,.ian-response-brief p{margin:3px 0 0;color:#8f9aaa;font-size:10px;line-height:1.45}
.ian-response-queue-main dl{display:flex;flex-wrap:wrap;gap:6px 13px;margin:9px 0 0}.ian-response-queue-main dl div{display:flex;gap:5px}.ian-response-queue-main dt{color:#657286;font-size:8px;text-transform:capitalize}.ian-response-queue-main dd{margin:0;color:#b7c0cc;font-size:9px;font-weight:750}
.ian-response-queue-actions{display:flex;align-items:center;gap:5px}
.ian-response-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:33px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.075);color:#e4e8ee;font-size:10px;font-weight:800;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}.ian-response-action:hover{background:rgba(255,255,255,.13);border-color:rgba(126,210,255,.32);transform:translateY(-1px)}.ian-response-action svg{width:13px;height:13px}.ian-response-action.is-compact{min-height:27px;padding:5px 7px;font-size:8.5px}.ian-response-action.is-compact svg{width:10px;height:10px}
.ian-response-table-wrap{overflow:auto;border:1px solid var(--ir-line);border-radius:12px}.ian-response-table{width:100%;border-collapse:collapse;white-space:nowrap}.ian-response-table th{padding:8px 10px;border-bottom:1px solid var(--ir-line);background:rgba(255,255,255,.035);color:#738094;font-size:7.5px;text-align:left;text-transform:uppercase;letter-spacing:.09em}.ian-response-table th.is-right,.ian-response-table td.is-right{text-align:right}.ian-response-table th.is-center,.ian-response-table td.is-center{text-align:center}.ian-response-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.06);color:#ccd3dc;font-size:10px}.ian-response-table tbody tr:last-child td{border-bottom:0}.ian-response-table tbody tr[data-ian-record-id]{cursor:pointer}.ian-response-table tbody tr:hover td{background:rgba(255,255,255,.035)}
.ian-response-cell{display:block}.ian-response-cell b{display:block;color:#dce1e8;font-size:10px}.ian-response-cell small{display:block;margin-top:2px;color:#7f8a9a;font-size:8.5px}.ian-response-cell.is-critical b{color:#ff91a1}.ian-response-cell.is-warning b{color:#f3c778}.ian-response-cell.is-success b{color:#73dfa8}.ian-response-row-actions{width:1%}
.ian-response-timeline{position:relative}.ian-response-timeline article{display:grid;grid-template-columns:85px 10px minmax(0,1fr);gap:10px;position:relative;padding:2px 0 13px}.ian-response-timeline article:not(:last-child)::after{content:'';position:absolute;left:99px;top:15px;bottom:-3px;width:1px;background:rgba(255,255,255,.11)}.ian-response-time{text-align:right}.ian-response-time b{display:block;color:#dce2ea;font-size:10px}.ian-response-time small{display:block;color:#748094;font-size:8px}.ian-response-timeline article>i{position:relative;z-index:1;width:9px;height:9px;margin-top:3px;border:2px solid #161b23;border-radius:50%;background:#738094;box-shadow:0 0 0 2px #738094}.ian-response-timeline article.is-critical>i{background:#ff7186;box-shadow:0 0 0 2px #ff7186}.ian-response-timeline article.is-warning>i{background:#f1b85b;box-shadow:0 0 0 2px #f1b85b}.ian-response-event>span{display:block;margin-bottom:2px;color:#738094;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.ian-response-event>div{display:flex;flex-wrap:wrap;gap:5px 12px;margin:7px 0}.ian-response-event>div small{color:#8793a3;font-size:8.5px}.ian-response-event>div small b{margin-right:4px;color:#657286;text-transform:capitalize}
.ian-response-bars{display:grid;gap:9px;margin-bottom:14px}.ian-response-bars article header{display:flex!important;align-items:center;justify-content:space-between}.ian-response-bars header span{color:#aeb7c4;font-size:9.5px;font-weight:700}.ian-response-bars header b{color:#eef1f5;font-size:10px}.ian-response-bars article>div{height:7px;margin-top:5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.ian-response-bars article>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#686cff,#5dccff)}.ian-response-bars article.is-success>div i{background:linear-gradient(90deg,#31b877,#77e1ae)}.ian-response-bars article.is-warning>div i{background:linear-gradient(90deg,#d89032,#f2c873)}.ian-response-bars article.is-critical>div i{background:linear-gradient(90deg,#e34964,#ff8798)}.ian-response-bars article>small{display:block;margin-top:3px;color:#6f7b8c;font-size:8px}.ian-response-bars.is-pipeline{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));align-items:end}.ian-response-bars.is-pipeline article>div{height:44px;display:flex;align-items:flex-end;background:rgba(255,255,255,.035)}.ian-response-bars.is-pipeline article>div i{width:100%!important;min-height:7px}
.ian-response-ranking{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ian-response-ranking li{display:grid;grid-template-columns:30px minmax(130px,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--ir-line);border-radius:11px;background:var(--ir-panel)}.ian-response-rank{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(107,111,255,.15);color:#aeb4ff;font-size:11px;font-weight:850}.ian-response-ranking-metrics{display:flex;gap:14px}.ian-response-ranking-metrics span{display:block;text-align:right}.ian-response-ranking-metrics small{display:block;color:#687587;font-size:7px;text-transform:capitalize}.ian-response-ranking-metrics b{display:block;margin-top:2px;color:#dfe4ea;font-size:9.5px}
.ian-response-workload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ian-response-workload>article{padding:12px;border:1px solid var(--ir-line);border-top:2px solid #667386;border-radius:12px;background:var(--ir-panel)}.ian-response-workload>article.is-success{border-top-color:#55d799}.ian-response-workload>article.is-warning{border-top-color:#f1b85b}.ian-response-workload>article.is-critical{border-top-color:#ff7186}.ian-response-workload article>header{display:flex!important;justify-content:space-between;align-items:start}.ian-response-workload article>header>span{padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.06);color:#aeb7c4;font-size:7.5px;font-weight:800;text-transform:uppercase}.ian-response-workload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.ian-response-workload-grid span{min-width:0}.ian-response-workload-grid small{display:block;overflow:hidden;color:#667386;font-size:7px;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap}.ian-response-workload-grid b{display:block;margin-top:2px;color:#dce2ea;font-size:11px}
.ian-response-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ian-response-brief>section{padding:13px;border:1px solid var(--ir-line);border-radius:12px;background:var(--ir-panel)}.ian-response-brief header{display:block!important}.ian-response-brief header>span{display:block;margin-bottom:3px;color:#718094;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ian-response-brief dl{margin:11px 0 0}.ian-response-brief dl div{display:grid;grid-template-columns:minmax(80px,.7fr) 1.3fr;gap:10px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.ian-response-brief dt{color:#748094;font-size:8px;text-transform:capitalize}.ian-response-brief dd{margin:0;color:#d4dae2;font-size:9px;font-weight:700}.ian-response-brief dd small{display:block;margin-top:2px;color:#748094;font-weight:500}.ian-response-brief footer{display:flex;gap:5px;margin-top:9px}
.ian-response-footer{display:block!important;border-top:1px solid var(--ir-line)}
.ian-response-evidence{border-bottom:1px solid var(--ir-line)}.ian-response-evidence summary{display:grid;grid-template-columns:16px auto 1fr;align-items:center;gap:7px;padding:11px 16px;color:#9da8b6;font-size:9px;font-weight:750;cursor:pointer;list-style:none}.ian-response-evidence summary::-webkit-details-marker{display:none}.ian-response-evidence summary svg{width:14px;height:14px;color:#5ed49a}.ian-response-evidence summary b{justify-self:end;color:#687587;font-size:8px}.ian-response-evidence>div{display:grid;padding:0 12px 10px}.ian-response-evidence button{display:flex;justify-content:space-between;gap:10px;padding:7px 5px;border:0;border-top:1px solid rgba(255,255,255,.05);background:transparent;color:#9ca7b5;font-size:8.5px;text-align:left}.ian-response-evidence button:not(:disabled){cursor:pointer}.ian-response-evidence button:not(:disabled):hover{color:#fff}.ian-response-evidence button b{color:#718094;font-weight:650}
.ian-response-quality{display:flex;gap:9px;padding:12px 16px}.ian-response-quality>svg{width:14px;height:14px;flex:0 0 14px;margin-top:1px;color:#687587}.ian-response-quality strong,.ian-response-quality span,.ian-response-quality small{display:block}.ian-response-quality strong{color:#aab4c1;font-size:8.5px}.ian-response-quality span{margin-top:2px;color:#687587;font-size:8px}.ian-response-quality small{margin-top:4px;color:#7b8797;font-size:7.5px;line-height:1.4}
.ian-response-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}

@media(max-width:700px){
  .ian-starters{display:grid;grid-template-columns:1fr 1fr}.ian-starters button{font-size:9px}
  .ian-message.has-structure>div{max-width:calc(100vw - 68px)}
  .ian-response{border-radius:14px}.ian-response-head{padding:15px}.ian-response-head h3{font-size:17px}.ian-response-head>p{font-size:11.5px!important}.ian-response-primary{padding:11px}
  .ian-response-metrics{grid-template-columns:repeat(2,1fr)}.ian-response-metric{padding:12px}.ian-response-metric strong{font-size:16px}
  .ian-response-queue-card{grid-template-columns:4px minmax(0,1fr)}.ian-response-queue-actions{grid-column:2;justify-content:flex-start}
  .ian-response-timeline article{grid-template-columns:62px 8px minmax(0,1fr)}.ian-response-timeline article:not(:last-child)::after{left:75px}
  .ian-response-bars.is-pipeline{grid-template-columns:repeat(2,1fr)}
  .ian-response-ranking li{grid-template-columns:28px minmax(0,1fr)}.ian-response-ranking-metrics{grid-column:2}.ian-response-ranking li>.ian-response-action{grid-column:2;justify-self:start}
  .ian-response-workload,.ian-response-brief{grid-template-columns:1fr}
}
.chrome-dialog{
  width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-3);
  animation:pop .17s ease both;
}
.chrome-dialog-head,.chat-head{
  display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);
}
.chrome-dialog-head>div,.chat-head>div{flex:1;min-width:0}
.chrome-dialog-head h2,.chat-head h2{font-size:20px;letter-spacing:-.03em;margin:3px 0 0;color:var(--ink)}
.chrome-close{
  width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid var(--line);
  border-radius:9px;background:#fff;color:var(--ink-3);cursor:pointer;
}
.chrome-close:hover{background:var(--surface-2);color:var(--ink)}
.feedback-form{padding:20px 22px}
.feedback-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
.feedback-types label{position:relative}
.feedback-types input{position:absolute;opacity:0;pointer-events:none}
.feedback-types span{
  display:block;padding:10px 12px;text-align:center;border:1px solid var(--line);border-radius:9px;
  font-size:12.5px;font-weight:800;color:var(--ink-3);cursor:pointer;
}
.feedback-types input:checked+span{border-color:var(--skin-accent,var(--brand));background:var(--skin-accent-soft,var(--brand-2));color:var(--skin-accent,var(--brand))}
.feedback-field>span,.feedback-context>span{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px}
.feedback-field textarea{
  width:100%;min-height:144px;resize:vertical;padding:12px 52px 12px 12px;border:1px solid var(--line-strong);border-radius:10px;
  font:inherit;font-size:14px;line-height:1.5;color:var(--ink);outline:none;
}
.feedback-input-wrap{position:relative}
.feedback-input-wrap .input-mic{position:absolute;right:9px;bottom:9px}
.feedback-field textarea:focus{border-color:var(--skin-accent,var(--brand));box-shadow:0 0 0 3px var(--skin-accent-soft,var(--brand-2))}
.feedback-context{margin-top:12px;padding:10px 12px;border-radius:9px;background:var(--surface-2)}
.feedback-context strong{font-size:13px;color:var(--ink-2)}
.feedback-status{min-height:20px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--g-fg)}
.feedback-form footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.feedback-log article{padding:13px 0;border-bottom:1px solid var(--line)}
.feedback-log article:last-child{border-bottom:0}
.feedback-log article>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.feedback-log time,.feedback-log small{font-size:11px;color:var(--ink-5)}
.feedback-log h4{margin:9px 0 0;font-size:13.5px;color:var(--ink)}
.feedback-log p{margin:8px 0 5px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.feedback-log blockquote{display:grid;gap:4px;margin:10px 0 5px;padding:11px 13px;border-left:3px solid var(--g-fg);border-radius:8px;background:var(--g-bg);font-size:12.5px;line-height:1.5;color:var(--ink-2)}
.feedback-log blockquote strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--g-fg)}
.feedback-log article>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.feedback-email-state{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4)}
.feedback-log .feedback-email-error{color:var(--r-fg)}
.feedback-log .feedback-log-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.feedback-email-preview{width:min(760px,calc(100vw - 32px));height:min(820px,calc(100dvh - 32px));display:flex;flex-direction:column}
.feedback-email-subject{display:grid;gap:3px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.feedback-email-subject span{font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-5)}
.feedback-email-subject strong{font-size:12.5px;color:var(--ink-2)}
.feedback-email-preview iframe{width:100%;min-height:0;flex:1;border:0;background:#eef2f7}

.chat-panel{
  width:min(820px,100vw);height:100vh;background:#fff;box-shadow:-18px 0 48px -20px rgba(8,9,12,.45);
  display:flex;flex-direction:column;animation:drawerIn .2s ease both;
}
@keyframes drawerIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.chat-head{flex:0 0 auto}
.chat-layout{display:grid;grid-template-columns:220px minmax(0,1fr);flex:1;min-height:0}
.chat-rail{padding:14px 10px;border-right:1px solid var(--line);background:var(--surface-2);overflow:auto}
.chat-rail-label{display:block;padding:2px 10px 7px;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-5)}
.chat-dm-label{margin-top:18px}
.chat-rail button{
  width:100%;border:0;background:transparent;border-radius:9px;padding:9px 8px;display:flex;align-items:center;gap:8px;
  text-align:left;font:inherit;color:var(--ink-3);cursor:pointer;
}
.chat-rail button:hover,.chat-rail button.on{background:#fff;color:var(--ink);box-shadow:var(--sh-1)}
.chat-channel-mark{width:26px;height:26px;border-radius:7px;background:var(--surface-3);display:grid;place-items:center;font-weight:850}
.chat-rail button.on .chat-channel-mark{background:var(--skin-accent-soft,var(--brand-2));color:var(--skin-accent,var(--brand))}
.chat-dm-avatar{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#eaf0ff;color:#334a90;display:grid!important;place-items:center;font:850 10px var(--sans)}
.chat-presence{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid var(--surface-2);border-radius:50%;background:#26a269}
.chat-rail button.on .chat-dm-avatar{background:var(--skin-accent-soft,var(--brand-2));color:var(--skin-accent,var(--brand))}
.chat-rail button.ai-dm .chat-dm-avatar{background:linear-gradient(135deg,#0b8063,#2f61d5);color:#fff;box-shadow:0 3px 10px rgba(25,98,144,.2)}
.chat-rail button.ai-dm.on .chat-dm-avatar{box-shadow:0 0 0 3px rgba(15,128,99,.14),0 3px 10px rgba(25,98,144,.22)}
.chat-rail button>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}
.chat-rail strong{font-size:12.5px}.chat-rail small{font-size:10.5px;color:var(--ink-5);margin-top:2px}
.chat-rail b{font:700 10px var(--mono);color:var(--ink-5)}
.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.chat-thread-head{height:56px;padding:0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}
.chat-thread-head>div{display:flex;flex-direction:column;flex:1}.chat-thread-head strong{font-size:14px}.chat-thread-head span{font-size:11px;color:var(--ink-5)}
.chat-online{display:flex!important;align-items:center;gap:5px}.chat-online i{width:7px;height:7px;border-radius:50%;background:#16a34a}
.chat-messages{flex:1;min-height:0;overflow:auto;padding:16px 20px}
.chat-message{display:flex;gap:10px;padding:10px 0}.chat-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:850}
.chat-message>div{min-width:0}.chat-message header{display:flex;align-items:baseline;gap:8px}.chat-message header strong{font-size:12.5px}.chat-message time{font-size:10.5px;color:var(--ink-5)}
.chat-message p{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}
.chat-message-attachments{display:grid;gap:7px;margin-top:9px;max-width:480px}
.chat-message-attachments button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"kind title open" "kind sub open";align-items:center;column-gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .14s,background .14s,transform .14s}
.chat-message-attachments button:hover{border-color:var(--skin-accent,var(--brand));background:var(--skin-accent-soft,var(--brand-2));transform:translateY(-1px)}
.chat-message-attachments button>span{grid-area:kind;padding:4px 6px;border-radius:5px;background:#fff;color:var(--skin-accent,var(--brand));font:850 9px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.chat-message-attachments button>strong{grid-area:title;overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}
.chat-message-attachments button>small{grid-area:sub;overflow:hidden;margin-top:2px;color:var(--ink-5);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.chat-message-attachments button>b{grid-area:open;color:var(--skin-accent,var(--brand));font-size:10.5px;white-space:nowrap}
.chat-empty{height:100%;display:grid;place-items:center;text-align:center;color:var(--ink-5);font-size:13px}
.chat-compose{position:relative;display:grid;gap:9px;padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--surface-2)}
.chat-compose-row{display:flex;align-items:center;gap:9px;min-width:0}
.chat-attach-btn{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink-4);display:grid;place-items:center;cursor:pointer;transition:border-color .14s,background .14s,color .14s,box-shadow .14s}
.chat-attach-btn:hover,.chat-attach-btn.is-open{border-color:var(--skin-accent,var(--brand));background:var(--skin-accent-soft,var(--brand-2));color:var(--skin-accent,var(--brand));box-shadow:0 0 0 3px var(--skin-accent-soft,var(--brand-2))}
.chat-input-wrap{position:relative;flex:1;min-width:0;min-height:48px;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:12px;background:#fff;transition:border-color .14s,box-shadow .14s}
.chat-input-wrap:focus-within{border-color:var(--skin-accent,var(--brand));box-shadow:0 0 0 3px var(--skin-accent-soft,var(--brand-2))}
.chat-compose textarea{width:100%;height:46px;min-height:46px;max-height:92px;resize:none;padding:13px 8px 11px 14px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:13px;line-height:21px;outline:none;overflow-y:auto}
.chat-compose textarea:focus{border:0;box-shadow:none}
.chat-input-wrap .input-mic{position:static;flex:0 0 34px;width:34px;height:34px;margin-right:7px;border:0;border-radius:9px;background:transparent}
.chat-input-wrap .input-mic:hover{background:var(--skin-accent-soft,var(--brand-2))}
.chat-compose-row>.chat-send{width:48px;height:48px;flex:0 0 48px;border:0;border-radius:12px;background:var(--skin-accent,var(--navy));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(10,79,74,.18);transition:transform .14s,box-shadow .14s}
.chat-compose-row>.chat-send:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(10,79,74,.24)}
.chat-draft-attachments{display:flex;flex-wrap:wrap;gap:6px}
.chat-draft-attachments[hidden]{display:none!important}
.chat-draft-attachment{max-width:245px;height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 5px 0 8px;border:1px solid #b9d9d0;border-radius:999px;background:#edf9f5;color:var(--ink-2);font-size:10.5px}
.chat-draft-attachment>b{color:#087a5b;font-size:8.5px;letter-spacing:.05em;text-transform:uppercase}
.chat-draft-attachment>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-draft-attachment>button{width:20px;height:20px;border:0;border-radius:50%;background:transparent;color:var(--ink-5);font-size:15px;line-height:1;cursor:pointer}
.chat-draft-attachment>button:hover{background:#d8f0e8;color:#075f49}
.chat-attachment-picker{overflow:hidden;border:1px solid var(--line-strong);border-radius:13px;background:#fff;box-shadow:0 -10px 28px rgba(15,23,42,.12);animation:attachPickerIn .16s ease-out}
.chat-attachment-picker[hidden]{display:none!important}
@keyframes attachPickerIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.chat-attachment-picker>header{height:48px;padding:0 12px 0 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}
.chat-attachment-picker>header>div{display:flex;flex-direction:column;gap:2px;flex:1}.chat-attachment-picker>header .eyebrow{font-size:8px}.chat-attachment-picker>header strong{font-size:12.5px}
.chat-attachment-picker>header>button{width:28px;height:28px;border:0;border-radius:7px;background:var(--surface-2);color:var(--ink-4);font-size:20px;line-height:1;cursor:pointer}
.chat-attachment-search{position:relative;margin:10px 12px 8px;display:flex;align-items:center}
.chat-attachment-search>svg{position:absolute;left:11px;color:var(--ink-5);pointer-events:none}
.chat-attachment-search>input{width:100%;height:38px;padding:0 46px 0 34px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font:600 12px var(--sans);color:var(--ink);outline:none}
.chat-attachment-search>input:focus{border-color:var(--skin-accent,var(--brand));background:#fff;box-shadow:0 0 0 3px var(--skin-accent-soft,var(--brand-2))}
.chat-attachment-search>.input-mic{position:absolute;right:4px;width:30px;height:30px;border:0;background:transparent}
.chat-attachment-tabs{padding:0 12px 8px;display:flex;gap:5px;border-bottom:1px solid var(--line)}
.chat-attachment-tabs button{height:27px;padding:0 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink-4);font:750 10.5px var(--sans);cursor:pointer}
.chat-attachment-tabs button:hover{background:var(--surface-2);color:var(--ink)}
.chat-attachment-tabs button.on{border-color:#abd6c8;background:#edf9f5;color:#087a5b}
.chat-attachment-results{max-height:222px;padding:5px;overflow:auto}
.chat-attachment-result{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:0;border-radius:8px;background:transparent;text-align:left;color:var(--ink);cursor:pointer}
.chat-attachment-result:hover{background:var(--surface-2)}.chat-attachment-result.is-selected{background:#edf9f5}
.chat-attachment-mark{width:34px;height:34px;border-radius:8px;background:#edf2ff;color:#3355aa;display:grid;place-items:center;font:850 9px var(--sans)}
.chat-attachment-result.is-selected .chat-attachment-mark{background:#d8f2e8;color:#087a5b}
.chat-attachment-result>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.chat-attachment-result strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.chat-attachment-result small,.chat-attachment-result em{overflow:hidden;margin-top:2px;color:var(--ink-5);font-size:9.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.chat-attachment-result>b{padding:4px 6px;border-radius:6px;color:var(--skin-accent,var(--brand));font-size:9.5px;white-space:nowrap}.chat-attachment-result.is-selected>b{background:#d8f2e8;color:#087a5b}
.chat-attachment-empty{padding:30px 16px;text-align:center}.chat-attachment-empty strong,.chat-attachment-empty span{display:block}.chat-attachment-empty strong{font-size:12px}.chat-attachment-empty span{margin-top:4px;color:var(--ink-5);font-size:10.5px}
.chat-attachment-picker>footer{height:34px;padding:0 12px;border-top:1px solid var(--line);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;color:var(--ink-5);font-size:9.5px}.chat-attachment-picker>footer strong{color:#087a5b}
.chrome-toast{position:fixed;z-index:220;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#102a26;color:#fff;border-radius:10px;padding:11px 14px;box-shadow:var(--sh-3);font-size:13px;font-weight:750}
.chat-notification-stack{position:fixed;right:22px;bottom:22px;z-index:245;width:min(370px,calc(100vw - 32px));display:grid;gap:10px;pointer-events:none}
.chat-notification{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px 42px 14px 14px;border:1px solid #b7d9cf;border-left:4px solid #11986e;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(15,23,42,.22),0 4px 12px rgba(15,23,42,.12);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;animation:chatNoticeIn .24s cubic-bezier(.2,.8,.2,1)}
.chat-notification:hover{border-color:#6fc4a8;transform:translateY(-1px)}
.chat-notification.is-leaving{opacity:0;transform:translateX(18px);transition:opacity .18s,transform .18s}
@keyframes chatNoticeIn{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}
.chat-notification-avatar{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#087a5b,#1546c8);color:#fff;display:grid;place-items:center;font:850 11px var(--sans);box-shadow:0 5px 12px rgba(16,110,93,.2)}
.chat-notification-copy{min-width:0}.chat-notification-copy header{display:flex;align-items:center;gap:8px}.chat-notification-copy header strong{flex:1;font-size:12.5px}.chat-notification-copy time{color:var(--ink-5);font-size:9.5px}.chat-notification-copy>span{display:block;margin-top:1px;color:#087a5b;font-size:9.5px;font-weight:750}.chat-notification-copy p{display:-webkit-box;overflow:hidden;margin:7px 0 0;color:var(--ink-2);font-size:11.5px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.chat-notification-copy>b{display:block;margin-top:8px;color:#087a5b;font-size:10px}
.chat-notification-close{position:absolute;right:9px;top:9px;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:var(--ink-5);font-size:18px;line-height:1;cursor:pointer}.chat-notification-close:hover{background:var(--surface-2);color:var(--ink)}

.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.skin-choice{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;font:inherit;cursor:pointer}
.skin-choice:hover{border-color:var(--skin-accent,var(--brand));box-shadow:var(--sh-1)}
.skin-choice.on{border-color:var(--skin-accent,var(--brand));box-shadow:inset 0 0 0 1px var(--skin-accent,var(--brand));background:var(--skin-accent-soft,var(--brand-2))}
.skin-choice-head{width:100%;display:flex;align-items:center;gap:9px}.skin-swatch{width:11px;height:11px;border-radius:50%;background:var(--choice-accent)}
.skin-choice-head strong{font-size:14px;color:var(--ink);flex:1}.skin-choice p{margin:0;font-size:12.5px;line-height:1.48;color:var(--ink-3)}
.skin-choice small{font-size:11px;font-weight:750;color:var(--ink-5)}
.practice-focus{
  margin:0 0 16px;padding:18px;border:1px solid color-mix(in srgb,var(--skin-accent,var(--brand)) 28%,var(--line));
  border-radius:14px;background:linear-gradient(135deg,var(--skin-accent-soft,var(--brand-2)),#fff 68%);
}
.practice-focus-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.practice-focus-head>div{flex:1;min-width:0}.practice-focus-head h2{margin:2px 0 4px;font-size:18px;letter-spacing:-.025em}.practice-focus-head p{margin:0;max-width:760px;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.practice-focus .kpi{background:rgba(255,255,255,.84)}

/* Documents intelligence workspace, shared from CrashDesk. */
.doc-intelligence-hero{
  margin-bottom:16px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--skin-accent,var(--brand)) 30%,var(--line));
  border-radius:14px;background:linear-gradient(135deg,var(--skin-accent-soft,var(--brand-2)),#fff 72%);
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:18px;align-items:center;
}
.doc-intelligence-copy{display:flex;align-items:flex-start;gap:13px}.doc-intelligence-icon{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:var(--skin-accent,var(--navy));color:#fff;display:grid;place-items:center}
.doc-intelligence-copy h2{margin:1px 0 5px;font-size:17px;letter-spacing:-.02em}.doc-intelligence-copy p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-3)}
.doc-mailbox{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.8)}
.doc-mailbox span{display:block;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-5);margin-bottom:5px}.doc-mailbox strong{font:700 12px var(--mono);color:var(--ink)}
.doc-ai-cell{min-width:170px}.doc-ai-cell strong{display:block;font-size:12px;color:var(--ink-2)}.doc-ai-cell span{display:block;font-size:10.5px;color:var(--ink-5);margin-top:3px;line-height:1.35}

/* Progress workspace */
.progress-page{max-width:1480px;margin:0 auto}
.progress-kpis{margin-bottom:18px}
.progress-card{margin-top:16px;position:relative}
.progress-input-card::before,.progress-feature-card::before,.progress-artifact-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:3px;z-index:2
}
.progress-input-card::before{background:#a31d2a}
.progress-feature-card::before{background:var(--brand)}
.progress-artifact-card::before{background:var(--gold)}
.progress-request-wrap{padding:15px 18px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.progress-input-form{
  padding:14px;border:1px dashed var(--line-strong);border-radius:11px;background:rgba(255,255,255,.52);
  display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px
}
.progress-input-form>input,.progress-input-form>textarea,.progress-answer-field,.progress-feature-form textarea{
  width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none;
  font:600 13px/1.45 var(--sans);transition:border-color .14s,box-shadow .14s
}
.progress-input-form>input{height:42px;padding:0 12px;grid-column:1/-1}
.progress-input-form>textarea{min-height:64px;padding:10px 12px;resize:vertical}
.progress-input-form>div{display:flex;align-items:flex-end;gap:8px;justify-content:flex-end}
.progress-input-form>div .sel{flex:1;height:36px;background-color:#fff}
.progress-input-form>input:focus,.progress-input-form>textarea:focus,.progress-answer-field:focus,.progress-feature-form textarea:focus{
  border-color:var(--skin-accent,var(--brand));box-shadow:0 0 0 3px var(--skin-accent-soft,var(--brand-2))
}
.progress-input-list{display:flex;flex-direction:column}
.progress-input-row{
  display:grid;grid-template-columns:minmax(190px,240px) minmax(280px,1fr) minmax(210px,250px);gap:20px;
  padding:16px 18px;border-bottom:1px solid var(--line);align-items:start
}
.progress-input-row:last-child{border-bottom:0}
.progress-input-row:hover{background:#fcfcfd}
.progress-input-title>strong{display:block;margin-bottom:9px;font-size:13.5px;line-height:1.35;color:var(--ink)}
.progress-input-title>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.progress-input-row>p{padding-top:1px;color:var(--ink-2);font-size:12.5px;font-weight:600;line-height:1.55}
.progress-input-action{display:grid;gap:8px}
.progress-answer-field{min-height:58px;padding:9px 10px;resize:vertical}
.progress-inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.progress-answer{padding:10px 11px;border:1px solid var(--g-ln);border-radius:9px;background:var(--g-bg)}
.progress-answer>span{display:block;margin-bottom:4px;color:var(--g-fg);font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.progress-answer>p{color:var(--ink-2);font-size:12px;font-weight:650;line-height:1.45}

.progress-feature-form{
  display:grid;grid-template-columns:150px minmax(280px,1fr) auto;gap:12px;align-items:end;
  padding:16px 18px;background:var(--surface-2);border-bottom:1px solid var(--line)
}
.progress-feature-form label>span{display:block;margin-bottom:6px;color:var(--ink-4);font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.progress-feature-form .sel{width:100%;height:42px;background-color:#fff}
.progress-feature-detail>div{position:relative}
.progress-feature-form textarea{height:76px;min-height:76px;padding:10px 48px 10px 11px;resize:vertical}
.progress-feature-form .input-mic{position:absolute;right:8px;bottom:8px}
.progress-feature-form>.btn{height:42px}
.progress-ticket-list{display:flex;flex-direction:column}
.progress-ticket-list article{padding:14px 18px;border-bottom:1px solid var(--line)}
.progress-ticket-list article:last-child{border-bottom:0}
.progress-ticket-list article>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.progress-ticket-list article>div>span{font:700 10.5px var(--mono);color:var(--ink-4)}
.progress-ticket-list time{margin-left:auto;color:var(--ink-5);font-size:10.5px;font-weight:650}
.progress-ticket-list p{margin-top:8px;color:var(--ink-2);font-size:12.5px;font-weight:600;line-height:1.5}
.progress-empty{padding:30px 18px;text-align:center;background:var(--surface)}
.progress-empty strong,.progress-empty span{display:block}
.progress-empty strong{font-size:13px}.progress-empty span{margin-top:4px;color:var(--ink-5);font-size:11.5px}

.progress-card-intro{padding:13px 18px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.progress-card-intro p{color:var(--ink-3);font-size:12.5px;font-weight:600}
.progress-artifact-list{display:flex;flex-direction:column}
.progress-artifact-list article{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:12px;align-items:center;
  padding:13px 18px;border-bottom:1px solid var(--line)
}
.progress-artifact-list article:last-child{border-bottom:0}
.progress-artifact-icon{width:36px;height:36px;border-radius:9px;background:var(--gold-bg);color:var(--gold);display:grid;place-items:center}
.progress-artifact-list article>div:nth-child(2){min-width:0;display:grid;grid-template-columns:minmax(150px,220px) minmax(230px,1fr) minmax(110px,180px);gap:12px;align-items:center}
.progress-artifact-list strong{font-size:12.5px;color:var(--ink)}
.progress-artifact-list span{overflow:hidden;color:var(--ink-4);font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.progress-artifact-list code{overflow:hidden;color:var(--ink-3);font:650 10.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}

.progress-timeline-card{overflow:visible}
.progress-timeline-card>.card-head{border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}
.progress-timeline{position:relative;padding:18px 0 0 34px}
.progress-timeline::before{content:'';position:absolute;left:15px;top:16px;bottom:20px;width:2px;background:var(--line-strong)}
.progress-phase{position:relative;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}
.progress-phase-marker{
  position:absolute;left:-34px;top:16px;width:32px;height:32px;border:4px solid var(--canvas);border-radius:50%;
  background:var(--surface-3);color:var(--ink-4);display:grid;place-items:center;font:850 11px var(--mono);z-index:2
}
.progress-phase.is-complete .progress-phase-marker{background:var(--g-fg);color:#fff}
.progress-phase.is-active{border-color:var(--b-ln);box-shadow:0 3px 15px rgba(21,70,200,.09)}
.progress-phase.is-active .progress-phase-marker{background:var(--brand);color:#fff}
.progress-phase details>summary{list-style:none;display:flex;align-items:flex-start;gap:18px;padding:16px 18px;cursor:pointer}
.progress-phase details>summary::-webkit-details-marker{display:none}
.progress-phase details>summary::after{content:'+';align-self:center;color:var(--ink-5);font-size:20px;font-weight:500;line-height:1}
.progress-phase details[open]>summary::after{content:'-'}
.progress-phase-copy{flex:1;min-width:0}
.progress-phase-copy h3{margin-bottom:5px;font-size:15px}
.progress-phase-copy p{max-width:900px;color:var(--ink-4);font-size:12px;font-weight:600;line-height:1.5}
.progress-phase-state{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.progress-phase-state>strong{min-width:38px;text-align:right;color:var(--ink);font:800 13px var(--mono)}
.progress-phase-bar{height:5px;margin:0 18px;background:var(--surface-3);border-radius:99px;overflow:hidden}
.progress-phase-bar>i{display:block;height:100%;border-radius:inherit;background:var(--line-strong)}
.progress-phase.is-complete .progress-phase-bar>i{background:var(--g-fg)}
.progress-phase.is-active .progress-phase-bar>i{background:var(--brand)}
.progress-workstreams{display:grid;gap:12px;padding:14px 18px 18px}
.progress-workstreams section{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.progress-workstreams section>header{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--line)}
.progress-workstreams section>header>strong{flex:1;font-size:12.5px;color:var(--ink)}
.progress-workstreams ul{list-style:none;margin:0;padding:5px 12px}
.progress-workstreams li{display:flex;align-items:flex-start;gap:9px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink-2);font-size:11.5px;font-weight:600;line-height:1.45}
.progress-workstreams li:last-child{border-bottom:0}
.progress-workstreams li svg{margin-top:1px;flex:0 0 14px;color:var(--ink-5)}
.progress-phase.is-complete .progress-workstreams li svg{color:var(--g-fg)}
.progress-phase.is-active .progress-workstreams li svg{color:var(--brand)}

@media (max-width:1180px){
  .progress-input-row{grid-template-columns:minmax(180px,220px) minmax(260px,1fr)}
  .progress-input-action{grid-column:1/-1;grid-template-columns:minmax(240px,1fr) auto;align-items:end}
  .progress-feature-form{grid-template-columns:150px minmax(260px,1fr)}
  .progress-feature-form>.btn{grid-column:2;justify-self:start}
  .progress-artifact-list article>div:nth-child(2){grid-template-columns:minmax(150px,210px) 1fr}.progress-artifact-list code{display:none}
}
@media (max-width:760px){
  .progress-kpis{grid-template-columns:1fr}
  .progress-input-form,.progress-input-row,.progress-feature-form{grid-template-columns:1fr}
  .progress-input-form>textarea,.progress-input-form>div,.progress-input-action,.progress-feature-form>.btn{grid-column:auto}
  .progress-input-action{grid-template-columns:1fr}
  .progress-feature-form>.btn{justify-self:stretch;justify-content:center}
  .progress-ticket-list time{width:100%;margin-left:0}
  .progress-artifact-list article{grid-template-columns:38px minmax(0,1fr) auto}
  .progress-artifact-list article>div:nth-child(2){grid-template-columns:1fr;gap:3px}.progress-artifact-list article>div:nth-child(2)>span{white-space:normal}
  .progress-artifact-list article>.btn{grid-column:2;justify-self:start}
  .progress-timeline{padding-left:27px}.progress-timeline::before{left:11px}.progress-phase-marker{left:-28px;width:28px;height:28px}
  .progress-phase details>summary{flex-wrap:wrap;padding:14px}.progress-phase-state{width:100%}.progress-phase details>summary::after{position:absolute;right:13px;top:14px}
  .progress-phase-bar{margin:0 14px}.progress-workstreams{padding:12px 14px 14px}
}

@media (max-width:1350px){
  #chatBtn{width:36px;padding:0;justify-content:center}
  #chatBtn .tb-label{display:none}
  #feedbackBtn{width:auto;padding:0 11px;justify-content:center}
  #feedbackBtn .tb-label{display:inline}
}
@media (max-width:1120px){
  .topbar{gap:8px;padding:0 14px}.tb-label{display:none}.practice-skin-chip{width:36px;padding:0;justify-content:center}
}
@media (max-width:760px){
  .ian-launcher{width:42px;height:42px;flex-basis:42px;border-radius:12px}.ian-launcher::before{border-radius:14px}.ian-launcher>span{font-size:32px}
  .doc-intelligence-hero{grid-template-columns:1fr}.chat-layout{grid-template-columns:84px minmax(0,1fr)}
  .chat-rail button{justify-content:center}.chat-rail button>span:nth-child(2),.chat-rail button>b,.chat-rail-label{display:none}
  .skin-grid{grid-template-columns:1fr}.feedback-types{grid-template-columns:1fr}.chrome-overlay{padding:12px}
  .chat-compose{padding:10px}.chat-compose-row{gap:6px}.chat-attach-btn,.chat-compose-row>.chat-send{width:44px;height:44px;flex-basis:44px}.chat-input-wrap{min-height:44px}.chat-compose textarea{height:42px;min-height:42px;padding-top:11px}
  .chat-notification-stack{right:16px;bottom:82px;width:calc(100vw - 32px)}
  .ian-shell{padding:68px 8px 8px}.ian-topline{left:14px;right:14px;top:12px}.ian-window{width:calc(100vw - 16px);height:min(460px,calc(100dvh - 86px));padding:0 14px;border-radius:21px}.ian-window.is-chat{height:calc(100dvh - 78px);padding:18px 14px 12px;border-radius:21px}.ian-greeting-avatar{width:58px;height:58px;flex-basis:58px;border-radius:18px!important;margin-bottom:14px}.ian-greeting h1{font-size:clamp(42px,13vw,58px)}.ian-greeting p{max-width:330px;font-size:11.5px}.ian-window.is-chat .ian-greeting{padding-bottom:14px}.ian-window.is-chat .ian-greeting-avatar{width:40px;height:40px;flex-basis:40px}.ian-window.is-chat .ian-greeting h1{font-size:17px}.ian-compose{margin-top:12px}.ian-input-box{min-height:68px;padding-left:14px;border-radius:17px}.ian-input-box textarea{font-size:14px}.ian-input-box .input-mic,.ian-send{width:38px;height:38px;flex-basis:38px;border-radius:11px}.ian-compose-meta{font-size:8.5px}.ian-message>div{max-width:calc(100vw - 100px)}
}

@media (max-height:620px) and (min-width:761px){
  .ian-shell{padding-top:66px;padding-bottom:10px}.ian-window{height:calc(100dvh - 86px)}.ian-greeting-avatar{width:54px;height:54px;flex-basis:54px;margin-bottom:10px}.ian-greeting h1{font-size:clamp(58px,8.5vh,72px)}.ian-greeting p{margin-top:9px}.ian-compose{margin-top:12px}.ian-input-box{min-height:66px}
}

@media (prefers-reduced-motion:reduce){
  .ian-launcher::before,.ian-overlay::before,.ian-window.is-chat::before,.ian-message,.ian-message.is-thinking p i{animation:none!important}
  .ian-window,.ian-greeting,.ian-greeting h1,.ian-messages{transition-duration:.01ms!important}
}
/* Complete drawer content: files, conversations, checklists and financial artifacts. */
.drawer-value-list{margin:0;padding-left:18px;display:grid;gap:4px}.drawer-mini-dl{margin:0;display:grid;grid-template-columns:minmax(80px,auto) 1fr;gap:5px 12px}.drawer-mini-dl dt{color:var(--muted);font-size:12px}.drawer-mini-dl dd{margin:0;font-weight:650}.drawer-checklist{list-style:none;margin:0;padding:0}.drawer-checklist li{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line)}.drawer-checklist li:first-child{border-top:0}.drawer-checklist li>span{width:20px;height:20px;border:1px solid var(--line-strong);border-radius:6px;display:grid;place-items:center;color:var(--g-fg);font-weight:800}.drawer-checklist li.is-done{color:var(--muted);text-decoration:line-through}.drawer-checklist li.is-done>span{background:var(--g-bg);border-color:var(--g-ln)}.drawer-comment{border-bottom:1px solid var(--line);padding:8px 0}.drawer-comment:last-child{border-bottom:0}.drawer-comment span{display:block;color:var(--muted);font-size:11px}.drawer-comment p{margin:5px 0 0;white-space:pre-wrap}.drawer-attachment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.drawer-attachment:last-child{border-bottom:0}.drawer-attachment>span{display:flex;flex-direction:column;min-width:0}.drawer-attachment small{color:var(--muted)}.attachment-preview{grid-column:2/-1;margin-top:2px}.attachment-preview summary{cursor:pointer;color:var(--link);font-size:12px;font-weight:700}.attachment-preview pre{max-height:220px;overflow:auto;white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:12px;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.message-attachments .drawer-attachment{margin-top:8px}.artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.document-file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.document-file-toolbar>div{min-width:0;display:flex;flex-direction:column}.document-file-toolbar b,.document-file-toolbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-file-toolbar span{font-size:12px;color:var(--muted);margin-top:2px}.document-preview-shell{min-height:520px;background:#e9edf3;padding:18px;display:grid;place-items:stretch}.document-preview-text{box-sizing:border-box;margin:0 auto;width:min(100%,720px);min-height:484px;padding:52px 58px;white-space:pre-wrap;overflow:auto;background:#fff;color:#172033;border:1px solid #d8dee8;box-shadow:0 5px 22px rgba(20,31,54,.12);font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.document-preview-frame{width:100%;min-height:620px;border:0;background:#fff;border-radius:8px}.document-preview-image{max-width:100%;max-height:650px;object-fit:contain;margin:auto;box-shadow:0 5px 22px rgba(20,31,54,.12)}.document-preview-ready,.receipt-preview{min-height:340px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.document-preview-ready h3,.receipt-preview h3{margin:10px 0 4px;color:var(--text)}.document-preview-ready p,.receipt-preview p{margin:0}
.message-address{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.message-address b{grid-row:1/3;color:var(--text)}.message-body{padding:20px 0;white-space:pre-wrap;font-size:14px;line-height:1.65;color:var(--text)}.message-attachments{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.message-attachments span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:var(--surface-2);font-size:12px}.message-thread{display:grid;gap:12px}.message-thread article{max-width:84%;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.message-thread article.outbound{justify-self:end;background:var(--b-bg);border-color:var(--b-ln)}.message-thread header{display:flex;justify-content:space-between;gap:16px;font-size:12px}.message-thread header span{color:var(--muted)}.message-thread p{margin:8px 0 0;white-space:pre-wrap;line-height:1.5}
.invoice-preview{margin:18px auto;padding:40px;width:min(100%,760px);box-sizing:border-box;background:#fff;color:#172033;border:1px solid #d8dee8;box-shadow:0 5px 22px rgba(20,31,54,.1)}.invoice-preview header{display:flex;justify-content:space-between;gap:24px}.invoice-preview header div{display:flex;flex-direction:column}.invoice-preview h2{margin:6px 0}.invoice-preview dl{display:grid;grid-template-columns:auto auto;justify-content:end;gap:5px 15px;margin:24px 0}.invoice-preview dl dt{color:#657089}.invoice-preview dl dd{margin:0;text-align:right}.invoice-preview table{width:100%;border-collapse:collapse}.invoice-preview th,.invoice-preview td{padding:10px;border-bottom:1px solid #e2e6ec;text-align:left}.invoice-preview th:last-child,.invoice-preview td:last-child{text-align:right}.invoice-preview footer{margin:22px 0 0 auto;display:grid;gap:6px;width:min(100%,300px);text-align:right}.invoice-preview footer strong{font-size:18px;border-top:2px solid #172033;padding-top:8px}
.receipt-document{margin:18px auto;padding:38px;width:min(100%,560px);box-sizing:border-box;background:#fff;color:#172033;border:1px solid #d8dee8;box-shadow:0 5px 22px rgba(20,31,54,.1)}.receipt-document header{border-bottom:2px solid #172033;padding-bottom:16px}.receipt-document h2{margin:5px 0}.receipt-document dl{display:grid;grid-template-columns:auto 1fr;gap:9px 22px;margin:24px 0}.receipt-document dt{color:#657089}.receipt-document dd{margin:0;text-align:right}.receipt-document footer{display:flex;justify-content:space-between;gap:16px;border-top:2px solid #172033;padding-top:16px}.receipt-document footer strong{font-size:18px}
@media(max-width:700px){.document-file-toolbar{align-items:flex-start;flex-direction:column}.document-preview-shell{padding:8px;min-height:420px}.document-preview-text{padding:28px 22px;min-height:400px}.invoice-preview{padding:22px}.invoice-preview header{flex-direction:column}.message-thread article{max-width:95%}}

/* Workflow-specific drawer layouts. Shared chrome; purpose-built work surfaces. */
.workflow-hero{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px;border:1px solid var(--b-ln);border-radius:14px;background:linear-gradient(135deg,var(--b-bg),var(--surface));box-shadow:var(--sh-1)}
.workflow-hero.is-success{border-color:var(--g-ln);background:linear-gradient(135deg,var(--g-bg),var(--surface))}.workflow-hero.is-warning{border-color:var(--a-ln);background:linear-gradient(135deg,var(--a-bg),var(--surface))}.workflow-hero.is-danger{border-color:var(--r-ln);background:linear-gradient(135deg,var(--r-bg),var(--surface))}.workflow-hero.is-muted{border-color:var(--line);background:var(--surface-2)}
.workflow-hero-icon{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--brand);box-shadow:0 3px 12px rgba(15,23,42,.09)}
.workflow-hero-copy{min-width:0}.workflow-hero-copy>span{display:block;margin-bottom:4px;color:var(--ink-5);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.workflow-hero-copy>strong{display:block;overflow:hidden;color:var(--ink);font-size:22px;line-height:1.18;text-overflow:ellipsis}.workflow-hero-copy>p{margin:5px 0 0;color:var(--ink-4);font-size:12.5px;font-weight:650}.workflow-hero-side{justify-self:end}
.workflow-narrative{margin:0 0 14px;padding:13px 14px;border-left:3px solid var(--brand);border-radius:0 9px 9px 0;background:var(--surface-2);color:var(--ink-2);font-size:13.5px;font-weight:650;line-height:1.6;white-space:pre-wrap}.workflow-story .card-body{padding:18px}
.workflow-field-label{display:block;margin-bottom:6px;color:var(--ink-5);font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.workflow-steps{list-style:none;margin:0;padding:6px 16px}.workflow-steps li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:11px;padding:11px 0}.workflow-steps li:not(:last-child)::after{content:'';position:absolute;left:12px;top:38px;bottom:-7px;width:2px;background:var(--line-strong)}.workflow-steps i{position:relative;z-index:1;width:26px;height:26px;border:2px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:#fff;font-style:normal;font-size:11px;font-weight:900}.workflow-steps li.is-done i{border-color:var(--g-fg);background:var(--g-fg)}.workflow-steps li.is-current i{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-2)}.workflow-steps b{display:block;color:var(--ink-2);font-size:12.5px}.workflow-steps span{display:block;margin-top:2px;color:var(--ink-5);font-size:11.5px;line-height:1.4}
.task-progress{margin-bottom:16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--sh-1)}.task-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-progress span{color:var(--ink-5);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.task-progress strong{font-size:12.5px}.task-progress-track{height:7px;margin-top:10px;overflow:hidden;border-radius:99px;background:var(--surface-3)}.task-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--g-fg)}
.drawer-checklist li{padding:0}.drawer-checklist li>button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border:0;background:transparent;text-align:left;color:var(--ink-2);cursor:pointer}.drawer-checklist li>button:hover{background:var(--surface-2)}.drawer-checklist li>button>span{width:21px;height:21px;flex:0 0 21px;border:1px solid var(--line-strong);border-radius:6px;display:grid;place-items:center;color:var(--g-fg);font-weight:850}.drawer-checklist li>button>b{font-size:12.5px}.drawer-checklist li.is-done>button{color:var(--ink-5);text-decoration:line-through}.drawer-checklist li.is-done>button>span{border-color:var(--g-ln);background:var(--g-bg)}
.drawer-comment-compose{display:flex;align-items:flex-end;gap:8px;width:100%}.drawer-comment-compose textarea{min-width:0;min-height:58px;flex:1;resize:vertical;padding:9px 10px;border:1px solid var(--line-strong);border-radius:9px;font:inherit;font-size:12.5px;outline:none}.drawer-comment-compose textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-2)}
.trust-impact{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--sh-1)}.trust-impact>div{padding:12px;border-radius:9px;background:var(--surface-2);text-align:center}.trust-impact span{display:block;color:var(--ink-5);font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.trust-impact strong{display:block;margin-top:5px;font-size:18px}.trust-impact>i{color:var(--ink-5);font-style:normal;font-size:19px;font-weight:900}
.message-waiting{display:flex;align-items:center;gap:11px;margin-bottom:14px;padding:11px 13px;border:1px solid var(--r-ln);border-radius:11px;background:var(--r-bg);color:var(--r-fg)}.message-waiting>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff}.message-waiting b{font-size:12.5px}.message-waiting p{margin:2px 0 0;font-size:11.5px}
.message-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:16px;align-items:start}.message-open{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--sh-1)}.message-open>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.message-open>header>div{display:flex;flex-direction:column}.message-open>header span{color:var(--ink-5);font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.message-open>header strong{margin-top:3px;font-size:13px}.message-open>header time{color:var(--ink-5);font-size:11px}.message-open-address{padding:10px 16px;border-bottom:1px solid var(--line);color:var(--ink-5);font:11px/1.55 var(--mono)}.message-open .message-body{padding:22px 20px;min-height:110px}.message-open .message-attachments{margin:0 16px 16px;padding-top:14px}
.message-context{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--sh-1)}.message-context>section{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border-bottom:1px solid var(--line)}.message-context>section>span,.message-context details summary{color:var(--ink-5);font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.message-context>section>b,.message-context>section>.btn-reset{align-self:flex-start;color:var(--ink-2);font-size:12px;text-align:left}.message-context section small{display:block;margin-top:2px;color:var(--ink-5);font-weight:600}.message-context details{padding:11px 13px}.message-context details summary{cursor:pointer}.message-context details .dl{grid-template-columns:72px 1fr;margin-top:8px}.message-context details .dl dt,.message-context details .dl dd{padding:6px 0;font-size:10px}
.reply-composer{overflow:hidden;border:1px solid var(--b-ln);border-radius:13px;background:var(--surface);box-shadow:0 4px 18px rgba(21,70,200,.08)}.reply-composer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--b-bg);border-bottom:1px solid var(--b-ln)}.reply-composer>header span{display:block;color:var(--brand);font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.reply-composer h3{margin:3px 0 0;font-size:14px}.reply-route{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;padding:11px 16px;border-bottom:1px solid var(--line);color:var(--ink-4);font-size:11px}.reply-route span:last-child{grid-column:1/-1}.reply-route b{margin-right:7px;color:var(--ink-5);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.reply-templates{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 16px 0}.reply-templates>span{margin-right:2px;color:var(--ink-5);font-size:10px;font-weight:750}.reply-templates button{border:1px solid var(--line);border-radius:999px;background:var(--surface-2);padding:5px 9px;color:var(--ink-3);font:750 10.5px var(--sans);cursor:pointer}.reply-templates button:hover{border-color:var(--brand);background:var(--brand-2);color:var(--brand)}.reply-composer>textarea{display:block;box-sizing:border-box;width:calc(100% - 32px);min-height:150px;margin:12px 16px;padding:13px 14px;resize:vertical;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--ink);font:13px/1.55 var(--sans);outline:none}.reply-composer>textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-2)}.reply-composer>textarea.is-invalid,.drawer-comment-compose textarea.is-invalid{border-color:var(--r-fg);box-shadow:0 0 0 3px var(--r-bg)}.reply-composer>footer{display:flex;align-items:center;gap:8px;padding:11px 16px;border-top:1px solid var(--line);background:var(--surface-2)}.reply-save-state{margin-right:auto;color:var(--ink-5);font-size:10.5px}
.conversation-history{position:relative}.conversation-history>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px;padding:0 2px}.conversation-history>header span{color:var(--ink-5);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.conversation-history>header h3{margin:3px 0 0;font-size:18px}.conversation-history>header>strong{color:var(--ink-4);font-size:11.5px}.conversation-group{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding-bottom:17px}.conversation-group:not(:last-child)::before{content:'';position:absolute;left:16px;top:33px;bottom:0;width:2px;background:var(--line-strong)}.conversation-marker{position:relative;z-index:1;width:32px;height:32px;border:2px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink-5)}.conversation-group.is-current .conversation-marker{border-color:var(--brand);background:var(--brand-2);color:var(--brand)}.conversation-group-main{min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--sh-1)}.conversation-group.is-current .conversation-group-main{border-color:var(--b-ln)}.conversation-group-main>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.conversation-group-main>header button{color:var(--brand);font-size:13px;font-weight:850;text-align:left}.conversation-group-main>header span{color:var(--ink-5);font-size:10.5px}.message-thread article footer{margin-top:8px}
@media(max-width:820px){.message-workspace{grid-template-columns:1fr}.message-context{display:grid;grid-template-columns:1fr 1fr}.message-context details{grid-column:1/-1}.workflow-hero{grid-template-columns:46px minmax(0,1fr)}.workflow-hero-icon{width:44px;height:44px}.workflow-hero-side{grid-column:2;justify-self:start}.trust-impact{grid-template-columns:1fr}.trust-impact>i{transform:rotate(90deg);text-align:center}.reply-composer>footer{align-items:stretch;flex-wrap:wrap}.reply-save-state{width:100%}}

/* ==========================================================================
   MOBILE WORKSPACE
   Phone layouts are purpose-built surfaces: compact chrome, safe-area aware
   navigation, full-screen workspaces, scalable charts and readable records.
   ========================================================================== */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body:has(.sidebar.open){overflow:hidden}
  body:has(.sidebar.open)::before{content:"";position:fixed;inset:0;z-index:79;background:rgba(8,17,33,.46);backdrop-filter:blur(2px)}

  .sidebar{z-index:80;height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:18px 0 48px rgba(8,17,33,.24)}
  .sidebar.open{transform:none}
  .sidebar .nav-collapse-btn{display:grid}
  .brand{padding-top:env(safe-area-inset-top,0);height:calc(60px + env(safe-area-inset-top,0))}
  .mobile-bar{height:calc(64px + env(safe-area-inset-bottom,0));padding:0 max(6px,env(safe-area-inset-right,0)) env(safe-area-inset-bottom,0) max(6px,env(safe-area-inset-left,0));box-shadow:0 -8px 24px rgba(10,26,51,.08)}
  .mbar-item{min-height:56px;touch-action:manipulation}.mbar-plus{width:50px;height:50px}

  .topbar{height:calc(62px + env(safe-area-inset-top,0));flex-basis:calc(62px + env(safe-area-inset-top,0));gap:6px;padding:env(safe-area-inset-top,0) max(10px,env(safe-area-inset-right,0)) 0 max(10px,env(safe-area-inset-left,0));overflow:visible}
  .menu-btn{width:40px!important;height:40px;flex:0 0 40px}
  .searchbox{flex:1 1 auto;min-width:0;max-width:none;margin:0}
  .searchbox input{height:40px;min-width:0;padding:0 42px 0 32px;font-size:13px;text-overflow:ellipsis}
  .topbar-mic{right:5px;width:30px;height:30px}
  .topbar .kbd,.topbar .practice-skin-chip,.topbar #notifBtn,.topbar .timer,.topbar>.spacer{display:none!important}
  #chatBtn,#feedbackBtn{width:40px!important;height:40px;flex:0 0 40px;padding:0!important;justify-content:center}
  #chatBtn .tb-label,#feedbackBtn .tb-label{display:none!important}
  .ian-launcher{width:40px;height:40px;flex-basis:40px;border-radius:11px}.ian-launcher::before{border-radius:13px}.ian-launcher>span{font-size:31px}

  .content{width:100%;padding:16px max(12px,env(safe-area-inset-right,0)) calc(88px + env(safe-area-inset-bottom,0)) max(12px,env(safe-area-inset-left,0));overflow:clip}
  .view,.view>*{max-width:100%}
  .page-head,.day-head{gap:12px;margin-bottom:16px}.page-head .ph-txt{min-width:0;width:100%}
  .page-head h1,.day-head h1{font-size:26px}.page-sub{font-size:12.5px}
  .ph-actions{width:100%;flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ph-actions::-webkit-scrollbar,.chips::-webkit-scrollbar,.billing-tabs::-webkit-scrollbar,.inbox-filters::-webkit-scrollbar,.persona-pick::-webkit-scrollbar{display:none}
  .ph-actions>.btn{min-height:40px;flex:0 0 auto}

  .card{border-radius:11px}.card-head{padding:12px 13px}.card-body{padding:13px}.card-foot{padding:10px 12px;flex-wrap:wrap}
  .kpi{padding:13px}.kpi-val{font-size:24px}
  .grid{gap:12px}.mt-16,.mt-20{margin-top:12px}
  .toolbar{padding:10px;margin-bottom:12px}.tb-row{align-items:stretch;gap:8px}.f-search{min-width:100%;max-width:none}.f-search input,.sel{min-height:40px}
  .fgroup{flex:1 1 calc(50% - 8px);min-width:130px}.fgroup .sel{width:100%;min-width:0}
  .chips,.billing-tabs,.inbox-filters,.persona-pick{max-width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .chips .chip,.billing-tabs button,.inbox-filters>*:not(.spacer),.persona-pick>*{flex:0 0 auto;white-space:nowrap}
  .inbox-filters .spacer{display:none}

  .tbl-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
  .tbl-wrap table{min-width:max(680px,100%)}
  table.tbl thead th:first-child,table.tbl tbody td:first-child{position:sticky;left:0;z-index:2;box-shadow:6px 0 10px -10px rgba(8,9,12,.5)}
  table.tbl thead th:first-child{z-index:22;background:var(--surface-2)}
  table.tbl tbody td:first-child{background:var(--surface)}
  table.tbl tbody tr:hover td:first-child{background:#f5f8fd}
  .card-foot>.spacer{display:none}.card-foot>.pager{flex:1 1 100%;width:100%;min-width:0;max-width:100%;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
  .pager{min-width:0;max-width:100%;overflow-x:auto}.pg-btn{min-width:38px;height:38px;flex:0 0 auto}

  .day-chart:not(.pattern-runtime){overflow:hidden;padding:14px}
  .day-chart-summary{min-width:0;width:100%;gap:14px;flex-wrap:wrap}.day-chart-summary>span{min-width:0!important}.day-chart-summary strong{font-size:19px}.day-chart-summary>b{margin-left:0}
  .day-bar-chart,.day-line-chart{width:100%;height:auto;min-width:0;min-height:180px;aspect-ratio:620/260}
  .day-chart-legend{gap:12px;flex-wrap:wrap}.day-donut-layout{grid-template-columns:1fr}.day-donut{width:170px;margin:0 auto}
  .day-widget{max-width:100%}.day-widget-body{scrollbar-gutter:auto}.day-widget-head{padding-left:12px}
  .mini-cal-grid{padding:10px 8px;gap:2px}.mini-cal-cell{min-height:38px}.agenda li{gap:10px;padding:11px 12px}.agenda .ag-t{flex-basis:52px;font-size:12px}

  .cal-wrap,.cal-card .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cal-head,.cal-grid{min-width:700px}.cal-cell{min-height:94px}
  .kb{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.kb-col{min-width:min(84vw,330px);scroll-snap-align:start}

  .settings{gap:12px}.set-nav{top:calc(var(--topbar-h) + 4px);z-index:25;display:flex;gap:4px;max-width:100%;overflow-x:auto;padding:5px;border-radius:10px;scrollbar-width:none}.set-nav::-webkit-scrollbar{display:none}.set-nav-g{display:none}.set-nav button{width:auto;min-width:max-content;min-height:40px;white-space:nowrap}
  .set-actions .btn{min-height:40px}.set-api-list li{align-items:flex-start;flex-wrap:wrap}

  .drawer{inset:0;width:100vw;max-width:none;height:100dvh;border-radius:0}
  .dr-head{max-height:48dvh;padding:calc(12px + env(safe-area-inset-top,0)) 12px 0;overflow-y:auto;overflow-x:hidden}
  .dr-top{gap:8px}.dr-top h2{font-size:19px!important;line-height:1.2}.dr-close{width:40px;height:40px;flex-basis:40px}
  .dr-badges{margin-top:9px}.dr-strip{gap:8px 14px;margin-top:9px;padding:9px}.dr-strip-item{font-size:12px}
  .dr-head .ph-actions{width:100%;margin-top:9px!important;padding-bottom:4px}.dr-head .ph-actions .btn{flex:0 0 auto;min-height:38px}
  .dr-tabs{position:sticky;bottom:0;z-index:3;max-width:calc(100vw - 24px);margin-top:8px;margin-bottom:0;overflow-x:auto;background:var(--surface);scrollbar-width:none}.dr-tabs::-webkit-scrollbar{display:none}
  .dr-tab{min-height:44px;padding:8px 11px;white-space:nowrap}
  .dr-body{padding:12px 12px calc(24px + env(safe-area-inset-bottom,0));overscroll-behavior:contain}
  .dr-body .dl,.message-context details .dl{grid-template-columns:1fr}.dr-body .dl dt,.dr-body .dl dd{padding:6px 0}.dr-body .dl dd{padding-top:0}
  .workflow-hero{padding:13px}.workflow-hero-copy>strong{font-size:18px}.workflow-story .card-body{padding:14px}
  .message-open .message-body{padding:16px 14px}.message-open .message-attachments{margin:0 12px 12px}.message-context{grid-template-columns:1fr 1fr}
  .reply-composer>textarea{width:calc(100% - 24px);margin:10px 12px}.reply-composer>footer{padding:10px 12px}.reply-composer>footer .btn{flex:1 1 auto;justify-content:center}
  .document-preview-shell{padding:6px}.document-preview-text{padding:24px 18px;font-size:12px}.document-preview-frame{min-height:calc(100dvh - 240px)}
  .invoice-preview,.receipt-document{margin:8px auto;padding:18px 14px;box-shadow:none}.invoice-preview{overflow-x:auto}.receipt-document dl{gap:8px 12px}.receipt-document footer{align-items:flex-end}

  .pal-wrap{padding:0}.pal{width:100vw;height:100dvh;border:0;border-radius:0}.pal-in{min-height:64px;padding:env(safe-area-inset-top,0) 8px 0;grid-template-columns:24px minmax(0,1fr) 40px}.pal-in input{height:58px;font-size:15px}.pal-esc{display:none}.pal-tabs{padding:0 7px}.pal-tabs button{height:44px;padding:0 9px;font-size:11.5px}.pal-result-head{padding:14px 13px 10px}.pal-result-head h2{font-size:19px}.pal-it{grid-template-columns:36px minmax(0,1fr) 20px;min-height:70px;padding:9px 12px}.pal-it .pi-k{display:none}.pi-open{font-size:0}.pi-open::after{content:'›';font-size:20px}.pal-footer{display:none}

  .pick-wrap{align-items:flex-end;padding:0}.pick{width:100vw;max-height:82dvh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0)}

  .chat-panel{width:100vw;height:100dvh;box-shadow:none;animation:none}
  .chrome-overlay-end{padding:0}
  .chat-head{min-height:62px;padding:calc(10px + env(safe-area-inset-top,0)) 12px 10px;align-items:center}.chat-head h2{font-size:17px}.chat-head .eyebrow{font-size:9px}
  .chat-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .chat-rail{display:flex;gap:6px;max-width:100vw;padding:7px 9px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}.chat-rail::-webkit-scrollbar{display:none}
  .chat-rail-label{display:none}.chat-dm-label{margin-top:0}.chat-rail button{width:auto;min-width:58px;min-height:48px;flex:0 0 auto;justify-content:flex-start;padding:6px 8px}
  .chat-rail button>span:nth-child(2){display:flex}.chat-rail button>span:nth-child(2) strong{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.chat-rail button>span:nth-child(2) small,.chat-rail button>b{display:none}
  .chat-thread-head{height:50px;padding:0 12px}.chat-messages{padding:9px 12px}.chat-message{gap:8px;padding:8px 0}.chat-message p{font-size:12.5px}.chat-message-attachments button{grid-template-columns:auto minmax(0,1fr);grid-template-areas:'kind title' 'kind sub'}.chat-message-attachments button>b{display:none}
  .chat-compose{padding:9px 9px calc(9px + env(safe-area-inset-bottom,0))}.chat-compose-row{gap:6px}.chat-attach-btn,.chat-compose-row>.chat-send{width:44px;height:44px;flex-basis:44px}.chat-input-wrap{min-height:44px}.chat-compose textarea{height:42px;min-height:42px;padding-top:11px}
  .chat-attachment-picker{max-height:58dvh;display:flex;flex-direction:column}.chat-attachment-tabs{overflow-x:auto;flex:0 0 auto}.chat-attachment-tabs button{flex:0 0 auto}.chat-attachment-results{min-height:0;max-height:none;flex:1}.chat-notification-stack{right:10px;bottom:calc(74px + env(safe-area-inset-bottom,0));width:calc(100vw - 20px)}

  .chrome-overlay:not(.ian-overlay):not(.chrome-overlay-end){align-items:flex-end;padding:0}
  .feedback-dialog,.feedback-email-preview{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;animation:none}
  .chrome-dialog-head{padding:calc(14px + env(safe-area-inset-top,0)) 14px 14px;align-items:center}.chrome-dialog-head h2{font-size:18px}.chrome-close{width:40px;height:40px;flex-basis:40px}
  .feedback-form{min-height:0;flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column}.feedback-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.feedback-types span{min-height:44px;padding:11px 6px}.feedback-field textarea{min-height:180px}.feedback-form footer{position:sticky;bottom:0;margin:auto -14px -14px;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0));background:#fff;border-top:1px solid var(--line)}.feedback-form footer .btn{flex:1;justify-content:center;min-height:44px}
  .feedback-email-preview iframe{padding-bottom:env(safe-area-inset-bottom,0)}

  .ian-overlay{padding:0;overflow:clip}
  .ian-shell{padding:calc(56px + env(safe-area-inset-top,0)) 0 0;justify-content:stretch}
  .ian-topline{left:14px;right:14px;top:env(safe-area-inset-top,0);height:56px}.ian-close{width:42px;height:42px}
  .ian-window{width:100vw;height:calc(100dvh - 56px - env(safe-area-inset-top,0));padding:0 18px;border-radius:0;overflow:hidden}
  .ian-window.is-chat{height:calc(100dvh - 56px - env(safe-area-inset-top,0));padding:14px 12px calc(10px + env(safe-area-inset-bottom,0));border-width:1px 0 0;border-radius:0}
  .ian-greeting-avatar{width:54px;height:54px;flex-basis:54px;margin-bottom:13px}.ian-greeting h1{font-size:clamp(36px,11vw,48px);letter-spacing:-.055em}.ian-greeting p{max-width:320px;font-size:11.5px}
  .ian-window.is-chat .ian-greeting{gap:10px;padding-bottom:10px}.ian-window.is-chat .ian-greeting-avatar{width:38px;height:38px;flex-basis:38px}.ian-window.is-chat .ian-greeting h1{font-size:16px}
  .ian-messages{padding:6px 0 10px}.ian-message{gap:7px;padding:7px 0}.ian-message-avatar{width:32px;height:32px;flex-basis:32px}.ian-message>div{max-width:calc(100vw - 68px);padding:10px 11px}.ian-message p{font-size:12.5px}
  .ian-compose{margin-top:10px}.ian-input-box{min-height:60px;padding:6px 5px 6px 12px;border-radius:15px}.ian-input-box textarea{height:48px;padding:12px 6px 8px 0;font-size:14px}.ian-input-box .input-mic,.ian-send{width:38px;height:38px;flex-basis:38px;margin:0 2px}.ian-compose-meta{margin-top:5px;font-size:8px}
}

@media (max-width:620px){
  .g-6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .day-widget{height:auto;min-height:min(var(--day-widget-h,410px),72dvh);max-height:620px}
  .day-operations-head{padding:12px}.day-layout-actions{overflow-x:auto;flex-wrap:nowrap}.day-layout-actions>*{flex:0 0 auto}
  .src-row{align-items:flex-start;flex-wrap:wrap}.src-nm{flex:1 1 calc(100% - 110px)}.src-n{flex:0 0 96px}.src-tr{order:3;flex-basis:100%}
  .inbox-lst.att>.inbox-row{gap:9px;padding:11px 12px}.inbox-side{margin-left:24px;overflow-x:auto;justify-content:flex-start}.inbox-side .btn{flex:0 0 auto}
  .set-grid{grid-template-columns:minmax(0,1fr)}

  .dr-body .tbl-wrap:has(td[data-label]){overflow:visible}
  .dr-body table.tbl:has(td[data-label]),.dr-body table.tbl:has(td[data-label]) tbody,.dr-body table.tbl:has(td[data-label]) tr{display:block;width:100%;min-width:0}
  .dr-body table.tbl:has(td[data-label]) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .dr-body table.tbl:has(td[data-label]) tbody{display:grid;gap:9px;padding:10px}
  .dr-body table.tbl:has(td[data-label]) tbody tr{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--sh-1)}
  .dr-body table.tbl:has(td[data-label]) tbody td{position:static;display:grid;grid-template-columns:minmax(80px,.65fr) minmax(0,1.35fr);gap:10px;width:100%;padding:9px 11px;border-bottom:1px solid var(--line);background:transparent!important;text-align:left;box-shadow:none}
  .dr-body table.tbl:has(td[data-label]) tbody td::before{content:attr(data-label);color:var(--ink-5);font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
  .dr-body table.tbl:has(td[data-label]) tbody td[data-label=""]{display:block}.dr-body table.tbl:has(td[data-label]) tbody td[data-label=""]::before{display:none}
  .dr-body table.tbl:has(td[data-label]) tbody td:last-child{border-bottom:0}

  .message-context{grid-template-columns:1fr}.message-context details{grid-column:auto}.reply-route{grid-template-columns:1fr}.reply-route span:last-child{grid-column:auto}.reply-templates{flex-wrap:nowrap;overflow-x:auto}.conversation-group{grid-template-columns:28px minmax(0,1fr);gap:7px}.conversation-marker{width:27px;height:27px}.conversation-group:not(:last-child)::before{left:13px;top:28px}.conversation-group-main{padding:11px}.message-thread article{max-width:100%}
  .drawer-comment-compose{align-items:stretch;flex-direction:column}.drawer-comment-compose .btn{justify-content:center;min-height:40px}
  .invoice-preview table{min-width:560px}.invoice-preview dl{justify-content:stretch}.receipt-document footer{flex-direction:column;align-items:flex-start}.artifact-toolbar{align-items:stretch;flex-direction:column}.artifact-toolbar .ph-actions{width:100%}
}

@media (max-width:420px){
  .topbar{gap:5px;padding-right:8px;padding-left:8px}.menu-btn{width:38px!important;flex-basis:38px}.searchbox input{padding-left:30px;font-size:12px}.searchbox input::placeholder{color:transparent}
  #chatBtn,#feedbackBtn{width:38px!important;flex-basis:38px}.ian-launcher{width:38px;height:38px;flex-basis:38px}
  .content{padding-left:10px;padding-right:10px}.g-6{gap:9px}.kpi{padding:11px}.kpi-val{font-size:22px}
  .feedback-types span{font-size:11px}.chat-rail button{min-width:52px;padding-inline:6px}.chat-rail button>span:nth-child(2) strong{max-width:56px}
  .workflow-hero{grid-template-columns:40px minmax(0,1fr)}.workflow-hero-icon{width:40px;height:40px}.workflow-hero-side{grid-column:1/-1}
}

/* Ian desktop question rails + readable legal-work response hierarchy */
.ian-question-rail{display:none}
.ian-kicker,.ian-window.is-chat .ian-kicker,.ian-message-avatar,.ian-message header span,.ian-compose-meta,.ian-starters button{font-size:11px}
.ian-window.is-chat{height:min(86vh,880px)}
.ian-messages{overflow-x:hidden}
.ian-message.has-structure{width:100%;max-width:none}
.ian-message.has-structure>div{width:100%;max-width:calc(100% - 50px)}
.ian-message.has-structure>div>header{margin:0 0 9px 4px}

.ian-response{max-width:100%;border-radius:20px}
.ian-response-head{padding:22px 24px 19px}
.ian-response-kind b{font-size:11px;letter-spacing:.1em}
.ian-response-head h3{margin-top:10px;font-size:24px;line-height:1.18}
.ian-response-head>p{font-size:15px!important;line-height:1.6!important}
.ian-response-scope{gap:8px;margin-top:15px}
.ian-response-scope span{gap:7px;padding:7px 10px;font-size:12px;line-height:1.3}
.ian-response-scope b{font-size:11px}
.ian-response-metric{padding:18px 18px 17px}
.ian-response-metric span{font-size:11px;line-height:1.3}
.ian-response-metric strong{font-size:22px}
.ian-response-metric small{font-size:11.5px;line-height:1.45}
.ian-response-primary{padding:20px}
.ian-response-empty{font-size:12px;line-height:1.5}
.ian-response-group+.ian-response-group{margin-top:22px}
.ian-response-group>header{margin:0 2px 10px}
.ian-response-group>header strong{font-size:11.5px;line-height:1.35}
.ian-response-group>header span{width:24px;height:24px;font-size:11px}
.ian-response-queue{gap:10px}
.ian-response-queue-card{grid-template-columns:5px minmax(0,1fr) auto;gap:14px;padding:16px;border-radius:14px}
.ian-response-queue-main h4,.ian-response-event h4,.ian-response-ranking h4,.ian-response-workload h4,.ian-response-brief h4{font-size:14px;line-height:1.4}
.ian-response-queue-main>p,.ian-response-event>p,.ian-response-ranking p,.ian-response-workload p,.ian-response-brief p{margin-top:4px;font-size:12px;line-height:1.5}
.ian-response-queue-main dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;margin-top:13px}
.ian-response-queue-main dl div{display:block;min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.03)}
.ian-response-queue-main dl div.is-rank-0,.ian-response-queue-main dl div.is-rank-1,.ian-response-queue-main dl div.is-rank-2{background:rgba(92,147,255,.055)}
.ian-response-queue-main dt{font-size:11px;line-height:1.3;text-transform:none;color:#8e9aab}
.ian-response-queue-main dd{margin-top:4px;font-size:12.5px;line-height:1.4;color:#e1e6ed}
.ian-response-queue-main dd small{display:block;margin-top:3px;font-size:11px;font-weight:500;color:#9ca7b5}
.ian-response-queue-actions{align-self:start}
.ian-response-action,.ian-response-action.is-compact{min-height:36px;padding:8px 11px;font-size:11.5px;line-height:1.25}
.ian-response-action.is-compact svg{width:12px;height:12px}

.ian-response-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:13px}
.ian-response-table{min-width:680px;white-space:normal}
.ian-response-table th{padding:11px 12px;font-size:11px;line-height:1.3;letter-spacing:.055em}
.ian-response-table td{padding:13px 12px;font-size:12px;line-height:1.45;vertical-align:top}
.ian-response-cell b{font-size:12.5px;line-height:1.4}
.ian-response-cell small{margin-top:3px;font-size:11px;line-height:1.4}
.ian-response-row-actions{white-space:nowrap}

.ian-response-timeline article{grid-template-columns:112px 12px minmax(0,1fr);gap:14px;padding-bottom:18px}
.ian-response-timeline article:not(:last-child)::after{left:131px;top:17px}
.ian-response-time b{font-size:12px;line-height:1.4}
.ian-response-time small{font-size:11px;line-height:1.35}
.ian-response-event>span{font-size:11px;line-height:1.3;letter-spacing:.06em}
.ian-response-event>div{gap:8px 16px;margin:9px 0}
.ian-response-event>div small{font-size:11.5px;line-height:1.4}

.ian-response-bars{gap:12px;margin-bottom:18px}
.ian-response-bars header span{font-size:12px;line-height:1.35}
.ian-response-bars header b{font-size:12.5px}
.ian-response-bars article>div{height:9px;margin-top:7px}
.ian-response-bars article>small{margin-top:5px;font-size:11px;line-height:1.4}
.ian-response-bars.is-pipeline{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:14px}
.ian-response-bars.is-pipeline article>div{height:58px}

.ian-response-ranking{gap:10px}
.ian-response-ranking li{grid-template-columns:38px minmax(165px,1fr) auto auto;gap:14px;padding:14px;border-radius:13px}
.ian-response-rank{width:34px;height:34px;font-size:13px}
.ian-response-ranking-metrics{gap:18px}
.ian-response-ranking-metrics small{font-size:11px;line-height:1.3}
.ian-response-ranking-metrics b{font-size:12px;line-height:1.4}

.ian-response-workload{gap:11px}
.ian-response-workload>article{padding:15px;border-radius:13px}
.ian-response-workload article>header>span{padding:6px 8px;font-size:11px;line-height:1.25}
.ian-response-workload-grid{gap:11px;margin-top:14px}
.ian-response-workload-grid small{overflow:visible;font-size:11px;line-height:1.3;text-overflow:clip;white-space:normal}
.ian-response-workload-grid b{margin-top:4px;font-size:13px}

.ian-response-brief{gap:11px}
.ian-response-brief>section{padding:16px;border-radius:13px}
.ian-response-brief header>span{font-size:11px;line-height:1.3}
.ian-response-brief dl{margin-top:13px}
.ian-response-brief dl div{grid-template-columns:minmax(105px,.7fr) 1.3fr;gap:13px;padding:9px 0}
.ian-response-brief dt{font-size:11px;line-height:1.4;text-transform:none}
.ian-response-brief dd{font-size:12px;line-height:1.45}
.ian-response-brief dd small{font-size:11px;line-height:1.4}
.ian-response-brief footer{gap:8px;margin-top:12px}

.ian-response-evidence summary{grid-template-columns:18px auto 1fr;gap:9px;padding:14px 18px;font-size:11.5px;line-height:1.4}
.ian-response-evidence summary b{font-size:11px}
.ian-response-evidence>div{padding:0 16px 13px}
.ian-response-evidence button{padding:10px 6px;font-size:11.5px;line-height:1.45}
.ian-response-quality{gap:11px;padding:15px 18px}
.ian-response-quality strong{font-size:12px;line-height:1.4}
.ian-response-quality span{font-size:11px;line-height:1.4}
.ian-response-quality small{font-size:11px;line-height:1.5}
.ian-response-actions{gap:8px;padding:0 18px 18px}

@media (min-width:1280px){
  .ian-shell{--ian-rail-width:clamp(190px,16vw,236px)}
  .ian-window{width:min(980px,calc(100vw - var(--ian-rail-width) - var(--ian-rail-width) - 92px))}
  .ian-question-rail{position:absolute;top:50%;display:flex;width:var(--ian-rail-width);height:min(86vh,880px);max-height:calc(100dvh - 104px);flex-direction:column;transform:translateY(-50%);color:#dce2eb}
  .ian-question-rail.is-left{left:24px}.ian-question-rail.is-right{right:24px}
  .ian-question-rail>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;padding:0 5px;color:#8f9aaa}
  .ian-question-rail>header span{font-size:11px;font-weight:850;letter-spacing:.08em}
  .ian-question-rail>header strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em}
  .ian-question-rail>div{display:grid;grid-template-rows:repeat(10,minmax(46px,1fr));gap:6px;min-height:0;flex:1;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(124,137,160,.45) transparent}
  .ian-question-rail button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;min-height:46px;align-items:center;padding:7px 9px;border:1px solid rgba(255,255,255,.085);border-radius:11px;background:rgba(13,17,24,.62);color:#c7cfda;text-align:left;cursor:pointer;backdrop-filter:blur(16px);transition:color .16s,background .16s,border-color .16s,transform .16s}
  .ian-question-rail button:hover,.ian-question-rail button:focus-visible{color:#fff;background:rgba(77,95,135,.3);border-color:rgba(111,210,255,.35);outline:none;transform:translateY(-1px)}
  .ian-question-rail button>span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:rgba(119,129,255,.12);color:#aeb5ff;font-size:11px;font-weight:850}
  .ian-question-rail button>b{font-size:11.5px;font-weight:720;line-height:1.28}
  .ian-starters{display:none}
}

@media (max-width:700px){
  .ian-response-head{padding:17px}.ian-response-head h3{font-size:19px}.ian-response-head>p{font-size:13px!important}
  .ian-response-primary{padding:13px}
  .ian-response-metric{padding:14px}.ian-response-metric strong{font-size:18px}
  .ian-response-queue-card{grid-template-columns:5px minmax(0,1fr)}.ian-response-queue-actions{grid-column:2}
  .ian-response-queue-main dl{grid-template-columns:1fr}
  .ian-response-timeline article{grid-template-columns:78px 9px minmax(0,1fr);gap:9px}.ian-response-timeline article:not(:last-child)::after{left:91px}
  .ian-response-ranking li{grid-template-columns:32px minmax(0,1fr)}
  .ian-response-ranking-metrics{grid-column:2;flex-wrap:wrap}.ian-response-ranking li>.ian-response-action{grid-column:2}
  .ian-response-workload,.ian-response-brief{grid-template-columns:1fr}
  .ian-starters button,.ian-compose-meta{font-size:11px}
}