:root {
  color-scheme: dark;
  --bg: #060815;
  --bg-soft: #0a0e20;
  --panel: rgba(15, 22, 46, .78);
  --panel-solid: #0f162e;
  --panel-hover: rgba(21, 31, 63, .92);
  --line: rgba(139, 164, 220, .16);
  --line-strong: rgba(94, 231, 255, .32);
  --text: #f4f8ff;
  --muted: #8d9bbb;
  --cyan: #5ee7ff;
  --cyan-soft: rgba(94, 231, 255, .12);
  --violet: #9b7cff;
  --violet-soft: rgba(155, 124, 255, .14);
  --green: #4df0a7;
  --orange: #ffbb66;
  --red: #ff6f91;
  --shadow: 0 22px 60px rgba(0, 0, 0, .32);
  --radius: 20px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { margin: 0; min-height: 100vh; color: var(--text); background: var(--bg); overflow-x: hidden; }
body::before, body::after {
  content: "";
  position: fixed;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(110px);
  opacity: .15;
  pointer-events: none;
  z-index: -1;
}
body::before { top: -220px; left: 12%; background: var(--violet); }
body::after { right: -220px; bottom: -240px; background: var(--cyan); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
#application.hidden { display: none !important; }
.desktop-only { display: inline-grid; }

.application { display: grid; grid-template-columns: 260px minmax(0, 1fr); min-height: 100vh; }
.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 24px 16px;
  background: linear-gradient(180deg, rgba(11, 16, 35, .98), rgba(7, 10, 24, .98));
  border-right: 1px solid var(--line);
  z-index: 60;
}
.brand { display: flex; align-items: center; gap: 12px; padding: 2px 8px 25px; }
.brand-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  border-radius: 15px;
  color: #06101b;
  font-weight: 900;
  background: linear-gradient(135deg, var(--cyan), var(--violet));
  box-shadow: 0 0 28px rgba(94, 231, 255, .25);
}
.brand-mark::after { content: ""; position: absolute; inset: 3px; border: 1px solid rgba(255,255,255,.45); border-radius: 12px; }
.brand strong, .brand small { display: block; }
.brand strong { font-size: 15px; letter-spacing: .02em; }
.brand small { margin-top: 3px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }

.main-nav { display: grid; gap: 5px; overflow-y: auto; padding-right: 2px; }
.main-nav a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 45px;
  padding: 10px 12px;
  color: #aab6d0;
  border: 1px solid transparent;
  border-radius: 13px;
  transition: .18s ease;
}
.icon { width: 18px; height: 18px; flex-shrink: 0; display: inline-block; vertical-align: middle; }
.icon-inline { width: 15px; height: 15px; margin-right: 7px; vertical-align: -3px; }
.main-nav a i { display: grid; place-items: center; width: 22px; color: #7182a7; font-style: normal; }
.main-nav a i .icon { width: 19px; height: 19px; }
.main-nav a:hover { color: #fff; background: rgba(255,255,255,.035); }
.main-nav a.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(94,231,255,.12), rgba(155,124,255,.08));
  border-color: var(--line-strong);
  box-shadow: inset 3px 0 0 var(--cyan), 0 8px 22px rgba(0,0,0,.16);
}
.main-nav a.active i { color: var(--cyan); filter: drop-shadow(0 0 6px rgba(94,231,255,.55)); }
.sidebar-footer {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 14px 10px 2px;
  border-top: 1px solid var(--line);
}
.sidebar-footer strong, .sidebar-footer small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-footer strong { font-size: 12px; }
.sidebar-footer small { color: var(--muted); font-size: 10px; margin-top: 2px; }
.online-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 13px var(--green); }

.workspace { min-width: 0; padding: 28px 30px 44px; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.topbar-title, .topbar-actions { display: flex; align-items: center; gap: 12px; }
.eyebrow { margin: 0 0 6px; color: #6e7fa4; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(25px, 3vw, 34px); letter-spacing: -.04em; }
h2 { margin-bottom: 10px; font-size: 20px; }
h3 { margin-bottom: 7px; font-size: 15px; }
.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: #c9d6f0;
  background: rgba(14, 20, 42, .86);
  transition: border-color .16s ease, color .16s ease, background .16s ease, transform .12s ease;
}
.icon-button:hover { border-color: var(--line-strong); color: var(--cyan); background: rgba(94,231,255,.06); }
.icon-button:active { transform: scale(.94); }
.menu-button { display: none; }
.primary-button, .secondary-button, .danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 41px;
  padding: 9px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 750;
  transition: filter .16s ease, border-color .16s ease, background .16s ease, transform .1s ease;
}
.primary-button:active, .secondary-button:active, .danger-button:active { transform: translateY(1px); }
.primary-button {
  color: #07111d;
  background: linear-gradient(135deg, var(--cyan), #83bcff);
  box-shadow: 0 10px 30px rgba(94,231,255,.16);
}
.primary-button:hover { filter: brightness(1.08); }
.secondary-button { color: #cbd6ed; border-color: var(--line); background: rgba(255,255,255,.035); }
.secondary-button:hover { border-color: var(--line-strong); background: rgba(255,255,255,.06); }
.danger-button { color: #ff9eb5; border-color: rgba(255,111,145,.22); background: rgba(255,111,145,.08); }
.danger-button:hover { border-color: rgba(255,111,145,.4); background: rgba(255,111,145,.14); }
.server-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(11,16,35,.7);
  font-size: 12px;
  white-space: nowrap;
}
.server-pill b { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 10px var(--orange); }
.server-pill.ok { color: #aef8d6; border-color: rgba(77,240,167,.2); }
.server-pill.ok b { background: var(--green); box-shadow: 0 0 10px var(--green); }
.server-pill.error { color: #ffb0c3; border-color: rgba(255,111,145,.2); }
.server-pill.error b { background: var(--red); box-shadow: 0 0 10px var(--red); }

.page-content { min-height: calc(100vh - 130px); }
.glass-panel, .metric-card, .entity-card, .kanban-column {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(17,25,52,.86), rgba(10,15,33,.78));
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}
.glass-panel { border-radius: var(--radius); padding: 22px; }
.panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
.panel-head p { color: var(--muted); line-height: 1.55; margin-bottom: 0; }
.panel-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }
.metric-card { position: relative; overflow: hidden; border-radius: 18px; padding: 18px; min-height: 132px; }
.metric-card::after { content: ""; position: absolute; right: -42px; bottom: -65px; width: 130px; height: 130px; border-radius: 50%; background: var(--glow, var(--cyan)); filter: blur(42px); opacity: .15; }
.metric-label { color: var(--muted); font-size: 12px; }
.metric-value { margin: 12px 0 7px; font-size: 29px; font-weight: 850; letter-spacing: -.04em; }
.metric-note { color: #6f80a5; font-size: 11px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr); gap: 14px; margin-top: 14px; }
.progress-list { display: grid; gap: 10px; }
.progress-item { display: grid; grid-template-columns: 35px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid rgba(255,255,255,.045); border-radius: 14px; background: rgba(255,255,255,.025); }
.progress-index { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; color: var(--cyan); background: var(--cyan-soft); font-weight: 800; }
.progress-item strong { font-size: 13px; }
.progress-item small { color: var(--muted); }
.pulse-orb { width: 115px; height: 115px; border-radius: 50%; margin: 8px auto 20px; background: radial-gradient(circle at 35% 30%, #fff 0 2%, var(--cyan) 3%, var(--violet) 36%, transparent 70%); box-shadow: 0 0 50px rgba(94,231,255,.2), inset 0 0 35px rgba(255,255,255,.2); animation: pulse 3s ease-in-out infinite; }
@keyframes pulse { 50% { transform: scale(1.04); filter: hue-rotate(12deg); } }
.system-list { display: grid; gap: 0; }
.system-row { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.system-row span { color: var(--muted); }

.toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.search-box { position: relative; flex: 1 1 280px; max-width: 470px; }
.search-box::before { content: "⌕"; position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: #6e7fa4; }
.search-input, .form-control {
  width: 100%;
  min-height: 43px;
  border: 1px solid var(--line);
  border-radius: 12px;
  outline: none;
  color: var(--text);
  background: rgba(5,9,22,.72);
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.search-input:hover, .form-control:hover { border-color: rgba(139,164,220,.32); }
.search-input { padding: 10px 13px 10px 38px; }
.form-control { padding: 11px 13px; }
.search-input:focus, .form-control:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(94,231,255,.12); background: rgba(5,9,22,.9); }
select.form-control { color-scheme: dark; }
textarea.form-control { min-height: 92px; resize: vertical; line-height: 1.5; }

.data-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; }
.data-table { width: 100%; border-collapse: collapse; }
.data-table th, .data-table td { padding: 13px 14px; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.data-table th { color: #7182a7; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; background: rgba(5,9,22,.45); }
.data-table td { font-size: 13px; }
.data-table tr:hover td { background: rgba(94,231,255,.025); }
.data-table tr:last-child td { border-bottom: 0; }
.table-title { font-weight: 750; color: #f7faff; }
.table-subtitle { display: block; color: var(--muted); font-size: 11px; margin-top: 3px; }
.row-actions { display: flex; gap: 6px; justify-content: flex-end; }
.mini-button { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 32px; border: 1px solid var(--line); border-radius: 9px; color: #b8c6e2; background: rgba(255,255,255,.03); transition: color .16s ease, border-color .16s ease, background .16s ease; }
.mini-button:hover { color: var(--cyan); border-color: var(--line-strong); background: rgba(94,231,255,.06); }

.badge { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; background: rgba(142,158,195,.1); color: #b8c5e0; }
.badge.cyan { background: var(--cyan-soft); color: var(--cyan); }
.badge.green { background: rgba(77,240,167,.1); color: var(--green); }
.badge.orange { background: rgba(255,187,102,.1); color: var(--orange); }
.badge.red { background: rgba(255,111,145,.1); color: var(--red); }
.badge.violet { background: var(--violet-soft); color: #bdaaff; }
.task-message-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:6px;padding:5px 9px;border:1px solid rgba(255,187,102,.28);border-radius:999px;background:rgba(255,187,102,.12);color:#ffd096;font-size:10px;font-weight:800;line-height:1.25;white-space:normal}

.empty-state { display: grid; place-items: center; min-height: 330px; text-align: center; padding: 35px; border: 1px dashed rgba(94,231,255,.18); border-radius: 18px; background: rgba(5,9,22,.28); }
.empty-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 16px; border-radius: 20px; color: var(--cyan); background: var(--cyan-soft); font-size: 26px; box-shadow: 0 0 28px rgba(94,231,255,.08); }
.empty-state p { max-width: 440px; color: var(--muted); line-height: 1.55; }

.kanban { display: grid; grid-template-columns: repeat(4, minmax(250px,1fr)); gap: 13px; overflow-x: auto; padding-bottom: 12px; }
.kanban-column { min-height: 400px; border-radius: 18px; padding: 14px; }
.kanban-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.kanban-head h3 { margin: 0; }
.deal-card { padding: 14px; margin-bottom: 10px; border: 1px solid var(--line); border-radius: 14px; background: rgba(4,8,20,.64); }
.deal-card:hover { border-color: var(--line-strong); }
.deal-card p { color: var(--muted); font-size: 11px; margin: 6px 0 10px; }
.deal-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.mobile-nav { display: none; }
.sidebar-overlay { display: none; }

.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 22px; }
.auth-card { width: min(430px, 100%); padding: 28px; border: 1px solid var(--line-strong); border-radius: 26px; background: rgba(10,15,33,.88); backdrop-filter: blur(24px); box-shadow: 0 35px 100px rgba(0,0,0,.5), 0 0 70px rgba(94,231,255,.08); }
.auth-logo { display: grid; place-items: center; width: 72px; height: 72px; margin: 0 auto 20px; border-radius: 24px; color: #06101b; font-size: 30px; font-weight: 900; background: linear-gradient(135deg,var(--cyan),var(--violet)); box-shadow: 0 0 45px rgba(94,231,255,.2); }
.auth-card h1, .auth-card > p { text-align: center; }
.auth-card > p { color: var(--muted); line-height: 1.55; }
.auth-form { display: grid; gap: 13px; margin-top: 22px; }
.form-group { display: grid; gap: 7px; }
.form-group label { display: block; margin-bottom: 2px; color: #afbdd7; font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.form-error { min-height: 18px; color: #ff9eb5; font-size: 12px; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 18px; background: rgba(2,4,12,.78); backdrop-filter: blur(8px); }
.modal { width: min(650px,100%); max-height: 92vh; overflow-y: auto; border: 1px solid var(--line-strong); border-radius: 23px; padding: 24px; background: #0c1228; box-shadow: 0 35px 100px rgba(0,0,0,.58); }
.modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.modal-head p { color: var(--muted); margin-bottom: 0; }
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.form-group.full { grid-column: 1/-1; }
.form-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 150; max-width: min(390px,calc(100vw - 44px)); padding: 13px 16px; border: 1px solid var(--line-strong); border-radius: 13px; background: #101a35; box-shadow: var(--shadow); font-size: 13px; }

@media (max-width: 1180px) {
  .metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-grid { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  body { padding-bottom: calc(74px + env(safe-area-inset-bottom)); }
  .application { display: block; }
  .sidebar {
    position: fixed;
    left: -285px;
    width: 270px;
    transition: left .22s ease;
    box-shadow: 25px 0 80px rgba(0,0,0,.5);
  }
  .sidebar.open { left: 0; }
  .sidebar-overlay { position: fixed; inset: 0; z-index: 50; background: rgba(0,0,0,.58); backdrop-filter: blur(4px); }
  .sidebar-overlay.open { display: block; }
  .workspace { padding: 18px 14px 28px; }
  .topbar { align-items: flex-start; margin-bottom: 18px; }
  .topbar-actions { gap: 7px; }
  .menu-button { display: inline-grid; }
  .server-pill { width: 38px; overflow: hidden; color: transparent; padding: 8px 14px; }
  .server-pill b { flex: 0 0 auto; }
  .topbar-actions .primary-button { display: none; }
  .desktop-only { display: none !important; }
  .mobile-nav {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: calc(8px + env(safe-area-inset-bottom));
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    align-items: end;
    min-height: 62px;
    padding: 7px 8px;
    border: 1px solid var(--line-strong);
    border-radius: 20px;
    background: rgba(8,12,27,.94);
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
    backdrop-filter: blur(20px);
  }
  .mobile-nav a, .mobile-nav button { display: grid; place-items: center; gap: 2px; min-width: 0; border: 0; color: #7182a7; background: transparent; font-size: 9px; }
  .mobile-nav i { font-style: normal; font-size: 19px; }
  .mobile-nav a.active { color: var(--cyan); }
  #mobile-add { align-self: center; width: 48px; height: 48px; margin: -25px auto 0; border-radius: 16px; color: #06101b; background: linear-gradient(135deg,var(--cyan),var(--violet)); box-shadow: 0 0 28px rgba(94,231,255,.26); }
  #mobile-add i { font-size: 27px; }
  .panel-head { flex-direction: column; }
  .panel-actions { width: 100%; }
  .panel-actions > button { flex: 1; }
  .glass-panel { padding: 16px; border-radius: 17px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-group.full { grid-column: auto; }
  .modal-backdrop { padding: 8px; align-items: end; }
  .modal { width: 100%; max-height: 94vh; border-radius: 22px 22px 10px 10px; padding: 20px 16px; }
  .form-actions { position: sticky; bottom: -20px; padding: 12px 0 4px; background: linear-gradient(transparent,#0c1228 18%); }
  .form-actions button { flex: 1; }
  .kanban { grid-template-columns: repeat(4, 82vw); scroll-snap-type: x mandatory; }
  .kanban-column { scroll-snap-align: start; }
  .data-table-wrap { border: 0; overflow: visible; }
  .data-table, .data-table tbody { display: block; }
  .data-table thead { display: none; }
  .data-table tr { display: block; margin-bottom: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7,11,27,.66); }
  .data-table td { display: grid; grid-template-columns: minmax(90px,.55fr) minmax(0,1fr); align-items: center; gap: 10px; padding: 8px 2px; border: 0; white-space: normal; }
  .data-table td::before { content: attr(data-label); color: #6f80a5; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
  .data-table td:first-child { display: block; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
  .data-table td:first-child::before { display: none; }
  .data-table td:last-child { display: block; padding-top: 10px; }
  .data-table td:last-child::before { display: none; }
  .row-actions { justify-content: stretch; }
  .row-actions button { flex: 1; min-height: 38px; }
}

@media (max-width: 520px) {
  .metrics { grid-template-columns: 1fr 1fr; gap: 9px; }
  .metric-card { min-height: 115px; padding: 14px; }
  .metric-value { font-size: 23px; }
  .metric-note { display: none; }
  h1 { font-size: 24px; }
  .topbar-title { min-width: 0; }
  .eyebrow { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .search-box { flex-basis: 100%; max-width: none; }
  .toolbar > .primary-button { width: 100%; }
}

/* v0.4 modules */
.form-section {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 8px 0 0;
  padding: 12px 2px 8px;
  border-bottom: 1px solid var(--line-strong);
  color: var(--cyan);
  letter-spacing: .04em;
}
.form-section small { color: var(--muted); font-weight: 400; letter-spacing: normal; }
.wide-modal { width: min(920px, 100%); }
.client-card-modal { width: min(1040px, 100%); }
.client-link {
  appearance: none;
  border: 0;
  padding: 0;
  color: var(--cyan);
  background: transparent;
  font-weight: 800;
  text-align: left;
}
.client-link:hover { text-decoration: underline; }
.profit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}
.profit-cell {
  display: grid;
  gap: 7px;
  min-height: 90px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(5,9,22,.48);
}
.profit-cell span { color: var(--muted); font-size: 11px; }
.profit-cell strong { color: #f6f9ff; font-size: 20px; }
.period-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.period-button.active { color: #06101b; border-color: transparent; background: linear-gradient(135deg,var(--cyan),var(--violet)); }
.quick-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.quick-choice { min-height: 80px; display: grid; place-items: center; gap: 5px; font-size: 18px; }
.quick-choice span { font-size: 11px; }
.client-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-bottom: 16px; }
.client-tabs {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  padding: 4px 0 12px;
  border-bottom: 1px solid var(--line);
}
.client-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: max-content;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--muted);
  background: rgba(255,255,255,.02);
}
.client-tab small { display: grid; place-items: center; min-width: 20px; min-height: 20px; border-radius: 999px; background: rgba(255,255,255,.05); }
.client-tab.active { color: var(--cyan); border-color: var(--line-strong); background: var(--cyan-soft); }
#client-tab-content { padding-top: 16px; }
.client-info-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.client-info-grid > div { display: grid; gap: 6px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(5,9,22,.42); }
.client-info-grid > div.full { grid-column: 1 / -1; }
.client-info-grid span { color: var(--muted); font-size: 11px; }
.client-info-grid strong { line-height: 1.45; }
.form-group small { color: var(--muted); font-size: 10px; line-height: 1.4; }
.main-nav i { min-width: 28px; font-size: 13px; }

@media (max-width: 800px) {
  .profit-grid { grid-template-columns: 1fr 1fr; }
  .client-summary-grid { grid-template-columns: 1fr 1fr; }
  .quick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .client-info-grid { grid-template-columns: 1fr; }
  .client-info-grid > div.full { grid-column: auto; }
  .form-section { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .profit-grid { grid-template-columns: 1fr; }
  .client-summary-grid { grid-template-columns: 1fr 1fr; }
  .client-summary-grid .profit-cell { min-height: 78px; padding: 12px; }
  .client-summary-grid .profit-cell strong { font-size: 16px; }
  .quick-grid { grid-template-columns: 1fr 1fr; }
}

/* v0.5 — Service Desk, Gantt, users and imports */
.task-stage-line{display:flex;gap:5px;overflow-x:auto;padding:8px 0 18px;margin-bottom:12px}.task-stage-line>div{min-width:82px;display:grid;justify-items:center;gap:6px;color:var(--muted);font-size:10px;text-align:center;position:relative}.task-stage-line>div:after{content:"";position:absolute;top:13px;left:58%;width:84%;height:2px;background:var(--line)}.task-stage-line>div:last-child:after{display:none}.task-stage-line b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid var(--line);z-index:1}.task-stage-line .passed b{background:rgba(82,231,255,.14);border-color:rgba(82,231,255,.4);color:var(--cyan)}.task-stage-line .current b{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06111d;box-shadow:0 0 24px rgba(82,231,255,.35)}.task-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;margin-top:18px}.pre-text{white-space:pre-wrap;color:var(--text);line-height:1.65}.comment-list,.time-list{display:grid;gap:9px;margin:10px 0 14px}.comment-card,.time-card{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:13px;padding:12px}.comment-card.internal{background:rgba(255,187,102,.055);border-color:rgba(255,187,102,.22)}.comment-card>div{display:flex;justify-content:space-between;gap:10px}.comment-card span,.time-card span{font-size:11px;color:var(--muted)}.comment-card p,.time-card p{white-space:pre-wrap;margin:8px 0 0;color:var(--text)}.inline-form,.stack-form{display:grid;gap:10px}.inline-form textarea{min-height:86px}.compact{width:auto;min-width:160px}.upload-zone{border:1px dashed rgba(82,231,255,.35);border-radius:16px;padding:24px;text-align:center;background:rgba(82,231,255,.035);margin-bottom:16px}.upload-zone input{max-width:100%}.upload-zone p{color:var(--muted)}.notice{padding:12px 14px;border:1px solid rgba(82,231,255,.22);background:rgba(82,231,255,.06);border-radius:12px;margin-bottom:12px}.source-finance-action{display:flex;align-items:center;justify-content:space-between;gap:16px}.source-finance-action p{margin:4px 0 0;color:var(--muted)}.fresh-tariff-hint{display:block;margin-top:6px;color:var(--cyan)}.gantt-wrap{overflow-x:auto;min-width:0}.gantt-header,.gantt-row{display:grid;grid-template-columns:260px minmax(680px,1fr);gap:10px;min-width:970px}.gantt-header{position:sticky;top:0;background:rgba(8,12,28,.95);z-index:2;padding:9px 0;color:var(--muted);font-size:11px}.gantt-header>div{display:grid;grid-template-columns:repeat(31,minmax(22px,1fr));text-align:center}.gantt-header b{font-weight:500}.gantt-row{align-items:center;border-top:1px solid rgba(255,255,255,.055);padding:10px 0}.gantt-name{border:0;background:transparent;color:inherit;text-align:left;padding:0}.gantt-name strong,.gantt-name small{display:block}.gantt-name small{color:var(--muted);margin-top:4px}.gantt-track{height:34px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) calc(3.225% - 1px),rgba(255,255,255,.06) calc(3.225% - 1px),rgba(255,255,255,.06) 3.225%);position:relative;overflow:hidden}.gantt-bar{position:absolute;height:24px;top:5px;border-radius:7px;background:rgba(82,231,255,.2);border:1px solid rgba(82,231,255,.35);overflow:hidden;min-width:26px}.gantt-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--cyan),var(--violet));opacity:.75}.gantt-bar em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:10px;color:#fff;text-shadow:0 1px 3px #000}.gantt-bar.green{background:rgba(77,240,167,.18);border-color:rgba(77,240,167,.35)}.gantt-bar.orange{background:rgba(255,187,102,.18);border-color:rgba(255,187,102,.35)}.gantt-bar.red{background:rgba(255,107,123,.18);border-color:rgba(255,107,123,.35)}
@media(max-width:900px){.task-detail-grid{grid-template-columns:1fr}.task-stage-line>div{min-width:74px}.task-card-modal{width:100%}.gantt-header,.gantt-row{grid-template-columns:190px minmax(650px,1fr)}}
@media(max-width:620px){.task-stage-line{margin-left:-8px;margin-right:-8px}.comment-card>div{display:grid}.compact{width:100%}.upload-zone{padding:18px}.gantt-header,.gantt-row{grid-template-columns:155px minmax(600px,1fr)}}
.progress-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 18px rgba(82,231,255,.35)}


/* v0.6 — Communications center */
.communication-page{display:grid;gap:14px;min-width:0}.communication-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(10,16,38,.88),rgba(5,9,22,.68));box-shadow:0 20px 60px rgba(0,0,0,.16)}.communication-toolbar h2{margin:3px 0 6px}.communication-toolbar p{margin:0;color:var(--muted);max-width:760px}.communication-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.communication-metrics>div{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(7,12,28,.7);display:flex;justify-content:space-between;align-items:center}.communication-metrics span{font-size:11px;color:var(--muted)}.communication-metrics strong{font-size:22px;color:var(--cyan)}.communication-shell{display:grid;grid-template-columns:310px minmax(380px,1fr) 300px;min-height:670px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:rgba(5,9,22,.72);box-shadow:0 25px 70px rgba(0,0,0,.22)}.chat-sidebar,.chat-info-pane{min-width:0;background:rgba(7,11,27,.82)}.chat-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column}.chat-info-pane{border-left:1px solid var(--line);padding:13px;overflow:auto}.chat-filter-row{padding:12px;display:grid;gap:8px;border-bottom:1px solid var(--line)}.account-strip{display:flex;gap:7px;padding:9px 10px;overflow-x:auto;border-bottom:1px solid var(--line)}.account-chip{min-width:155px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);padding:8px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:2px 7px;text-align:left}.account-chip .channel-icon{grid-row:1/3}.account-chip b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-chip small{color:var(--muted);font-size:9px}.account-chip.active{border-color:rgba(82,231,255,.4);background:rgba(82,231,255,.07)}.channel-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:rgba(255,255,255,.06);color:#fff;flex:0 0 auto}.channel-icon .icon{width:19px;height:19px}.channel-icon.whatsapp{background:rgba(77,240,167,.13);color:#4df0a7}.channel-icon.telegram{background:rgba(82,231,255,.13);color:#5ee7ff}.channel-icon.portal{background:rgba(155,124,255,.15);color:#b9a7ff}.chat-list{overflow:auto;flex:1}.chat-list-item{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:12px;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:inherit;text-align:left}.chat-list-item:hover,.chat-list-item.active{background:rgba(82,231,255,.055)}.chat-list-item.active{box-shadow:inset 3px 0 0 var(--cyan)}.chat-list-content{min-width:0;display:grid;gap:3px}.chat-list-content b,.chat-list-content small,.chat-list-content em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-content b{font-size:12px}.chat-list-content small{font-size:10px;color:var(--cyan)}.chat-list-content em{font-size:10px;color:var(--muted);font-style:normal}.chat-list-meta{display:grid;justify-items:end;align-content:start;gap:6px}.chat-list-meta time{font-size:9px;color:var(--muted)}.chat-list-meta i{min-width:20px;height:20px;border-radius:999px;background:var(--cyan);color:#06111d;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:900}.chat-pane{min-width:0;display:grid;grid-template-rows:auto minmax(280px,1fr) auto;background:radial-gradient(circle at 50% 20%,rgba(82,231,255,.035),transparent 35%)}.chat-mobile-back{display:none}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:rgba(7,11,27,.76)}.chat-header h2{margin:2px 0 4px;font-size:18px}.chat-header p{margin:0;color:var(--muted);font-size:11px}.message-stream{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.message-bubble{position:relative;max-width:78%;padding:11px 13px 10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035);align-self:flex-start}.message-bubble.out{align-self:flex-end;background:rgba(82,231,255,.08);border-color:rgba(82,231,255,.2)}.message-bubble.internal{align-self:center;max-width:88%;background:rgba(255,187,102,.06);border-color:rgba(255,187,102,.25)}.message-bubble p{margin:7px 0 0;line-height:1.55;font-size:12px;word-break:break-word}.message-meta{display:flex;justify-content:space-between;gap:10px;font-size:10px}.message-meta span{color:var(--muted)}.message-select{position:absolute;left:-23px;top:13px;opacity:.25}.message-bubble:hover .message-select,.message-select:has(input:checked){opacity:1}.message-file{display:flex;align-items:center;gap:7px;margin-top:9px;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.12);font-size:10px}.message-file small{margin-left:auto;color:var(--muted)}.chat-composer{padding:12px 15px;border-top:1px solid var(--line);display:grid;gap:8px;background:rgba(7,11,27,.84)}.chat-composer textarea{min-height:76px;resize:vertical}.chat-composer-actions{display:flex;justify-content:space-between;gap:8px}.chat-composer>small{font-size:9px;color:var(--muted)}.file-button{cursor:pointer}.chat-info-card{padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);margin-bottom:11px}.chat-info-card .eyebrow{margin-bottom:10px}.full-button{width:100%;justify-content:center;margin-top:10px}.linked-task-list{display:grid;gap:6px}.linked-task{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:inherit;padding:9px;text-align:left;display:grid;gap:3px}.linked-task b{color:var(--cyan);font-size:10px}.linked-task span{font-size:11px}.linked-task em{font-size:9px;color:var(--muted);font-style:normal}.chat-info-empty{color:var(--muted);font-size:11px;line-height:1.6;padding:18px}.client-chat-list{display:grid;gap:8px}.client-chat-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:inherit;text-align:left}.client-chat-row span:nth-child(2){min-width:0;display:grid;gap:4px}.client-chat-row strong,.client-chat-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-chat-row small{color:var(--muted)}.client-chat-row em{font-style:normal;color:var(--cyan);font-size:10px}.client-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.client-file-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.client-file-card>span{font-size:22px;color:var(--cyan)}.client-file-card div{min-width:0;display:grid;gap:4px}.client-file-card strong,.client-file-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-file-card small{color:var(--muted)}
@media(max-width:1180px){.communication-shell{grid-template-columns:285px minmax(360px,1fr)}.chat-info-pane{display:none}}
@media(max-width:760px){.chat-mobile-back{display:grid}.communication-toolbar{align-items:flex-start;flex-direction:column}.communication-toolbar .panel-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.communication-metrics{grid-template-columns:1fr 1fr}.communication-shell{display:block;min-height:calc(100vh - 260px)}.chat-sidebar{border-right:0;min-height:520px}.chat-pane{display:none}.communication-shell.chat-open .chat-sidebar{display:none}.communication-shell.chat-open .chat-pane{display:grid;min-height:620px}.message-bubble{max-width:88%}.client-file-grid{grid-template-columns:1fr}}
@media(max-width:500px){.communication-toolbar{padding:15px}.communication-toolbar .panel-actions{grid-template-columns:1fr 1fr}.communication-toolbar .primary-button{grid-column:1/-1}.communication-metrics>div{padding:10px}.communication-shell{border-radius:15px}.message-stream{padding:14px 28px}.message-bubble{max-width:94%}.chat-composer-actions{display:grid;grid-template-columns:1fr 1fr}}

/* v0.6.2 — references, editable time and tabular sections */
.build-badge{display:inline-flex;margin-left:6px;padding:1px 6px;border:1px solid rgba(94,231,255,.35);border-radius:999px;color:var(--cyan);font-size:10px;letter-spacing:.04em}
.reference-card,.reminder-link{color:inherit;text-decoration:none;cursor:pointer;width:100%;text-align:left}
.reminder-link:hover,.reference-card:hover{border-color:rgba(94,231,255,.55);background:rgba(94,231,255,.07);transform:translateY(-1px)}
.clickable-row{cursor:default}.clickable-row:hover{background:rgba(94,231,255,.045)}
.client-link{cursor:pointer;text-decoration:none}
.dynamic-section{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(8,13,34,.52)}
.dynamic-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dynamic-section-head small{display:block;color:var(--muted);margin-top:4px}
.dynamic-row{border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;margin:10px 0;background:rgba(255,255,255,.025)}
.dynamic-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dynamic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.history-stack{display:grid;gap:9px}.history-card{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.history-card span,.history-card small{color:var(--muted)}
.task-quick-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(94,231,255,.035)}
.warning-notice{border-color:rgba(255,187,102,.45);background:rgba(255,187,102,.08)}
.time-edit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.time-edit-grid .full{grid-column:1/-1}.time-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.time-card-footer span{color:var(--muted);font-size:12px}
@media(max-width:900px){.dynamic-grid{grid-template-columns:1fr 1fr}.task-quick-edit{grid-template-columns:1fr}.time-edit-grid{grid-template-columns:1fr}.dynamic-section-head{flex-direction:column}}
@media(max-width:560px){.dynamic-grid{grid-template-columns:1fr}.dynamic-row{padding:10px}.reminder-link{align-items:flex-start}}


/* v0.6.3 — task usability, phone actions and clearer analytics */
.task-card-modal{width:min(1180px,96vw);max-height:96vh;padding:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.task-modal-head{margin:0;padding:20px 24px 16px;border-bottom:1px solid var(--line);background:#0c1228;z-index:4}
.task-modal-scroll{overflow:auto;padding:18px 24px 26px;scroll-behavior:smooth}
.task-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 24px;border-top:1px solid var(--line);background:rgba(12,18,40,.98);box-shadow:0 -18px 35px rgba(0,0,0,.18);z-index:4}
.task-modal-footer .dirty{color:var(--orange)}
.task-detail-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr)}
.support-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid rgba(82,231,255,.25);border-radius:16px;background:rgba(82,231,255,.045);margin-bottom:14px}
.support-snapshot>div{display:grid;gap:4px}.support-snapshot span{color:var(--muted);font-size:11px}.support-snapshot strong{font-size:16px}.support-snapshot.empty-support{display:flex;justify-content:space-between;gap:12px}.support-snapshot.empty-support span{font-size:12px}
.warning-notice{display:flex;justify-content:space-between;gap:12px}.warning-notice span{color:var(--muted)}
.danger-button{border-color:rgba(255,107,123,.3);color:#ff8ca0}
.entity-client-contact{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;margin:-4px 0 18px;border:1px solid rgba(82,231,255,.22);border-radius:15px;background:rgba(82,231,255,.04)}
.entity-client-contact>div:first-child{display:grid;gap:3px}.entity-client-contact small{color:var(--muted)}
.contact-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text);text-decoration:none;font-size:11px}.contact-link:hover{border-color:rgba(82,231,255,.5);background:rgba(82,231,255,.08)}.whatsapp-link{color:#4df0a7;border-color:rgba(77,240,167,.25);font-weight:900}.compact-contact .contact-link{padding:5px 7px}.compact-contact .contact-link:first-child{font-size:0}.compact-contact .contact-link:first-child:before{content:'☎';font-size:12px}
.analytics-explanation{display:flex;justify-content:space-between;gap:14px;margin-top:14px}.analytics-explanation span{color:var(--muted)}
.profit-cell small{display:block;color:var(--muted);font-size:10px;margin-top:5px}
@media(max-width:900px){.task-card-modal{width:100%;max-height:96vh}.task-detail-grid{grid-template-columns:1fr}.support-snapshot{grid-template-columns:1fr 1fr}.task-modal-footer{align-items:stretch;flex-direction:column}.task-modal-footer .panel-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.task-modal-footer .primary-button{grid-column:1/-1}.entity-client-contact{align-items:flex-start;flex-direction:column}.analytics-explanation{flex-direction:column}}
@media(max-width:560px){.task-modal-head,.task-modal-scroll,.task-modal-footer{padding-left:14px;padding-right:14px}.support-snapshot{grid-template-columns:1fr 1fr}.warning-notice{flex-direction:column}.task-modal-footer .panel-actions{grid-template-columns:1fr}.task-modal-footer .primary-button{grid-column:auto}}

/* v0.7.0 — Expert AI */
.ai-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;background:radial-gradient(circle at 85% 15%,rgba(155,124,255,.18),transparent 38%),rgba(10,15,36,.78)}
.ai-hero h2{margin:4px 0 8px;font-size:clamp(24px,3vw,38px)}
.ai-hero p{color:var(--muted);max-width:720px}
.ai-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}
.ai-narrative,.ai-answer{padding:16px;border:1px solid rgba(155,124,255,.28);border-radius:16px;background:rgba(155,124,255,.055);line-height:1.65;margin-bottom:16px}
.ai-answer{min-height:180px;color:var(--text);margin-top:14px;white-space:normal}
.ai-query-form{display:grid;gap:12px}.ai-query-form textarea{resize:vertical;min-height:130px}
.ai-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ai-feature{display:grid;gap:7px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);color:inherit;text-decoration:none;transition:.18s ease}
.ai-feature:hover{transform:translateY(-2px);border-color:rgba(94,231,255,.42);background:rgba(94,231,255,.055)}
.ai-feature span{font-size:24px}.ai-feature small{color:var(--muted);line-height:1.45}.loading-dot{color:var(--cyan)}
@media(max-width:1050px){.ai-grid{grid-template-columns:1fr}.ai-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ai-hero{align-items:flex-start;flex-direction:column}.ai-feature-grid{grid-template-columns:1fr}}


/* v0.8.0 — AI Knowledge Hub */
.knowledge-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;background:radial-gradient(circle at 85% 10%,rgba(82,231,255,.15),transparent 35%),rgba(10,15,36,.78)}.knowledge-hero h2{font-size:clamp(24px,3vw,38px);margin:4px 0 8px}.knowledge-hero p{color:var(--muted);max-width:760px}.knowledge-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.knowledge-toolbar form{display:flex;gap:9px;flex:1}.knowledge-toolbar input{flex:1}.knowledge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.knowledge-card{display:grid;gap:11px;text-align:left;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);color:inherit;min-height:210px;transition:.18s}.knowledge-card:hover{transform:translateY(-2px);border-color:rgba(82,231,255,.5);background:rgba(82,231,255,.055)}.knowledge-card-head,.knowledge-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.knowledge-card-head span{font-size:24px;color:var(--cyan)}.knowledge-card-head small,.knowledge-card footer{color:var(--muted);font-size:11px}.knowledge-card strong{font-size:17px}.knowledge-card p{color:var(--muted);line-height:1.55;margin:0}.knowledge-card footer{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}.knowledge-modal{width:min(1100px,96vw);max-height:95vh;overflow:auto}.knowledge-compose{display:grid;gap:18px}.knowledge-source{padding:16px;border:1px solid rgba(155,124,255,.28);border-radius:16px;background:rgba(155,124,255,.055);display:grid;gap:10px}.knowledge-source textarea{min-height:130px}.knowledge-source small{color:var(--muted)}.knowledge-files{border-top:1px solid var(--line);padding-top:18px}.knowledge-file-list{display:grid;gap:8px}.knowledge-file-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px}.knowledge-file-list a{color:var(--text);text-decoration:none}.empty-state{grid-column:1/-1;text-align:center;padding:50px}.empty-state p{color:var(--muted)}
@media(max-width:1050px){.knowledge-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.knowledge-hero,.knowledge-toolbar{align-items:stretch;flex-direction:column}.knowledge-toolbar form{display:grid}.knowledge-grid{grid-template-columns:1fr}.knowledge-modal{width:100%}}

.knowledge-breadcrumbs{display:flex;align-items:center;gap:7px;overflow-x:auto;margin-bottom:16px;padding:10px 14px;white-space:nowrap}
.knowledge-breadcrumbs>span{color:var(--muted)}
.knowledge-crumb{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;padding:6px 8px;border-radius:9px;cursor:pointer}
.knowledge-crumb:hover,.knowledge-crumb.active{color:var(--text);background:rgba(82,231,255,.08)}
.knowledge-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:18px 2px 10px}
.knowledge-section-head h3{margin:3px 0 0;font-size:20px}
.knowledge-section-head>span{color:var(--muted);font-size:12px}
.knowledge-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.knowledge-folder{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer;transition:.16s}
.knowledge-folder:hover{border-color:rgba(82,231,255,.48);background:rgba(82,231,255,.055);transform:translateY(-1px)}
.knowledge-folder-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(82,231,255,.09);color:var(--cyan)}
.knowledge-folder-icon svg{width:21px;height:21px}
.knowledge-folder>span:nth-child(2){display:grid;gap:4px;min-width:0}
.knowledge-folder strong{overflow:hidden;text-overflow:ellipsis}
.knowledge-folder small,.knowledge-folder>b{color:var(--muted)}
.knowledge-card-path{display:block;color:var(--cyan);font-size:10px;line-height:1.45}
.knowledge-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}
.knowledge-pagination span{color:var(--muted);font-size:12px}
.knowledge-pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1050px){.knowledge-folders{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.knowledge-folders{grid-template-columns:1fr}.knowledge-section-head{align-items:flex-start;flex-direction:column}.knowledge-pagination{display:grid;grid-template-columns:1fr 1fr}.knowledge-pagination span{grid-column:1/-1;grid-row:1;text-align:center}}


.textarea-ai-bar{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.textarea-ai-bar button,.textarea-ai-bar select{border:1px solid rgba(120,150,255,.22);background:rgba(13,20,43,.78);color:#eaf1ff;border-radius:10px;padding:8px 11px;font:inherit}.textarea-ai-bar button{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.textarea-ai-bar button:hover{border-color:rgba(94,231,255,.65);transform:translateY(-1px)}.ai-hero-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.ai-hero-actions a{text-decoration:none}.textarea-ai-bar select{min-width:135px}


/* v0.9.1 — stabilization, unified channels and switchable themes */
.theme-switcher{min-width:112px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#0d142b);color:var(--text);font:inherit}
.account-strip{display:grid!important;gap:8px}.account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:6px;background:rgba(255,255,255,.025)}.account-card.active{border-color:var(--cyan);background:rgba(82,231,255,.07)}.account-card .account-chip{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;color:inherit;padding:6px}.account-card .account-chip span:nth-child(2){display:grid;gap:3px}.account-card .account-chip small{color:var(--muted)}.account-actions{display:flex;gap:5px}.account-actions .mini-button{min-width:32px;padding:7px}
.channel-modal{overflow:hidden}.channel-modal form{max-height:calc(92vh - 105px);overflow:auto;padding-right:4px}.channel-settings{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.channel-settings[hidden]{display:none}.sticky-form-actions{position:sticky;bottom:-1px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 2px;background:linear-gradient(transparent,var(--panel) 24%);z-index:5}
.form-grid textarea{min-height:110px}.form-group label{display:block;margin-bottom:7px}.modal .form-control{width:100%;box-sizing:border-box}.textarea-ai-bar{padding:6px;border:1px solid rgba(120,150,255,.14);border-radius:12px;background:rgba(7,11,26,.35)}.textarea-ai-bar button:disabled{opacity:.65;cursor:wait}
:root[data-theme="glass"] body{background:radial-gradient(circle at 15% 10%,#17295a 0,transparent 32%),radial-gradient(circle at 90% 10%,#3b1f65 0,transparent 35%),#070b18;background-attachment:fixed}:root[data-theme="glass"] .glass-panel,:root[data-theme="glass"] .sidebar,:root[data-theme="glass"] .topbar,:root[data-theme="glass"] .modal{background:rgba(10,17,38,.62)!important;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 18px 55px rgba(0,0,0,.28)}
:root[data-theme="light"]{--bg:#eef3fb;--panel:#fff;--surface:#f7f9fd;--text:#182033;--muted:#68738a;--line:rgba(25,42,75,.14);--cyan:#087ea4;--violet:#6b4eff}:root[data-theme="light"] body{background:#eef3fb;color:var(--text)}:root[data-theme="light"] .sidebar,:root[data-theme="light"] .topbar,:root[data-theme="light"] .glass-panel,:root[data-theme="light"] .modal,:root[data-theme="light"] .form-control,:root[data-theme="light"] .textarea-ai-bar button,:root[data-theme="light"] .textarea-ai-bar select{background:#fff!important;color:#182033}:root[data-theme="light"] .task-modal-head,:root[data-theme="light"] .task-modal-footer{background:#fff}
:root[data-theme="contrast"]{--bg:#000;--panel:#090909;--surface:#111;--text:#fff;--muted:#c7c7c7;--line:rgba(255,255,255,.28);--cyan:#00f0ff;--violet:#c89cff}:root[data-theme="contrast"] body{background:#000}:root[data-theme="contrast"] .glass-panel,:root[data-theme="contrast"] .sidebar,:root[data-theme="contrast"] .topbar,:root[data-theme="contrast"] .modal{background:#090909!important;box-shadow:none}
:root[data-theme="aurora"]{--bg:#0a0715;--panel:rgba(22,15,42,.82);--panel-solid:#160f2b;--line:rgba(210,160,255,.2);--text:#f8f2ff;--muted:#af9bd1;--cyan:#68f3d2;--violet:#ff7fd4}
:root[data-theme="aurora"] body{background:radial-gradient(900px 600px at 8% -4%,rgba(255,127,212,.24),transparent 60%),radial-gradient(820px 640px at 100% 6%,rgba(104,243,210,.2),transparent 60%),radial-gradient(720px 520px at 50% 106%,rgba(150,110,255,.22),transparent 65%),#0a0715;background-attachment:fixed}
:root[data-theme="aurora"] .glass-panel,:root[data-theme="aurora"] .sidebar,:root[data-theme="aurora"] .topbar,:root[data-theme="aurora"] .modal,:root[data-theme="aurora"] .modal-card,:root[data-theme="aurora"] .communication-shell{background:linear-gradient(150deg,rgba(255,127,212,.09),rgba(104,243,210,.06))!important;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(210,160,255,.22)!important;box-shadow:0 20px 60px rgba(30,5,45,.4)}
:root[data-theme="aurora"] .primary-button{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#0c0616;box-shadow:0 10px 28px rgba(255,127,212,.22)}
:root[data-theme="aurora"] .main-nav a.active{background:linear-gradient(90deg,rgba(104,243,210,.14),rgba(255,127,212,.1))}
:root[data-theme="graphite"]{--bg:#15171c;--panel:rgba(28,30,36,.92);--panel-solid:#1c1e24;--line:rgba(255,255,255,.08);--text:#edeff2;--muted:#8b909c;--cyan:#9fb4ff;--violet:#c9cedb}
:root[data-theme="graphite"] body{background:#15171c}
:root[data-theme="graphite"] .glass-panel,:root[data-theme="graphite"] .sidebar,:root[data-theme="graphite"] .topbar,:root[data-theme="graphite"] .modal,:root[data-theme="graphite"] .modal-card,:root[data-theme="graphite"] .communication-shell{background:#1c1e24!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 14px 40px rgba(0,0,0,.3)}
:root[data-theme="graphite"] .primary-button{background:#414a5a;color:#fff;box-shadow:none}
:root[data-theme="graphite"] .main-nav a.active{background:rgba(255,255,255,.06);box-shadow:inset 3px 0 0 var(--cyan)}
@media(max-width:760px){.theme-switcher{display:none}.account-card{grid-template-columns:1fr}.account-actions{justify-content:flex-end}.sticky-form-actions{align-items:stretch;flex-direction:column}.sticky-form-actions>div{width:100%;display:flex;gap:8px}.sticky-form-actions button{flex:1}}


/* v0.9.2 — Liquid Glass Dark + messenger UX */
:root[data-theme="glass"]{
  --bg:#05070d;--panel:rgba(16,20,31,.54);--panel-2:rgba(20,25,38,.66);--line:rgba(255,255,255,.13);--text:#f5f7ff;--muted:#a8b1c7;--cyan:#73dcff;
}
:root[data-theme="glass"] body{background:radial-gradient(900px 650px at 8% -5%,rgba(36,105,140,.32),transparent 62%),radial-gradient(800px 620px at 100% 0,rgba(94,55,150,.29),transparent 60%),radial-gradient(700px 520px at 50% 105%,rgba(18,95,86,.22),transparent 65%),#05070d;background-attachment:fixed}
:root[data-theme="glass"] .glass-panel,:root[data-theme="glass"] .sidebar,:root[data-theme="glass"] .topbar,:root[data-theme="glass"] .modal,:root[data-theme="glass"] .modal-card,:root[data-theme="glass"] .communication-shell{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;backdrop-filter:blur(34px) saturate(175%);-webkit-backdrop-filter:blur(34px) saturate(175%);border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 80px rgba(0,0,0,.38)}
:root[data-theme="glass"] .primary-button{background:linear-gradient(135deg,rgba(121,225,255,.96),rgba(111,174,255,.9));box-shadow:0 10px 30px rgba(76,170,255,.24),inset 0 1px 0 rgba(255,255,255,.62)}
:root[data-theme="glass"] .secondary-button,:root[data-theme="glass"] .form-control{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.14);backdrop-filter:blur(18px)}
.communication-shell{grid-template-columns:350px minmax(460px,1fr) 310px;min-height:720px}
.chat-sidebar{background:#10171d}.chat-pane{background-color:#0b141a;background-image:linear-gradient(rgba(11,20,26,.92),rgba(11,20,26,.92)),radial-gradient(circle at 25% 25%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,22px 22px}.chat-header{background:#202c33}.chat-list-item{padding:13px 14px}.chat-list-item:hover,.chat-list-item.active{background:#202c33}.chat-list-item.active{box-shadow:inset 4px 0 0 #00a884}.channel-icon.whatsapp{background:#00a884;color:white}.channel-icon.telegram{background:#229ed9;color:white}.message-stream{padding:24px 5.5%;gap:5px}.message-bubble{max-width:72%;background:#202c33;border:0;border-radius:8px;padding:7px 9px 6px;box-shadow:0 1px 1px rgba(0,0,0,.24)}.message-bubble.out{background:#005c4b;border:0}.message-bubble.internal{background:#182229;border:1px dashed #667781}.message-bubble p{margin:3px 0 0;font-size:13px;line-height:1.42}.message-meta strong{color:#53bdeb}.message-meta span{font-size:9px}.chat-composer{background:#202c33;padding:10px 14px;grid-template-columns:150px minmax(0,1fr) auto;align-items:end}.chat-composer textarea{min-height:45px;max-height:170px;border-radius:10px;background:#2a3942}.chat-composer-actions{align-items:center}.chat-composer>small{grid-column:1/-1}.knowledge-modal{width:min(1420px,98vw)}.knowledge-source{padding:20px}.knowledge-rich-editor{min-height:360px;max-height:62vh;overflow:auto;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.2);font-size:14px;line-height:1.65;white-space:pre-wrap;outline:none}.knowledge-rich-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.knowledge-rich-editor:focus{border-color:rgba(115,220,255,.65);box-shadow:0 0 0 3px rgba(115,220,255,.09)}.knowledge-editor-actions{display:flex;gap:10px;flex-wrap:wrap}.knowledge-compose .form-grid textarea{min-height:180px}.knowledge-compose .form-group.full textarea[name="content"]{min-height:420px}
@media(max-width:1180px){.communication-shell{grid-template-columns:310px minmax(390px,1fr)}.chat-composer{grid-template-columns:1fr}.chat-composer>small{grid-column:auto}}


/* Expert ERP v1.0 messenger usability */
.messenger-search-box{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:10px 10px 6px}.messenger-search-box .form-control{border-radius:18px;background:rgba(7,14,24,.68)}.messenger-search-box .icon-button{border-radius:14px;background:linear-gradient(135deg,rgba(54,211,153,.25),rgba(27,170,118,.12));border-color:rgba(54,211,153,.35)}
.channel-select{margin:0 10px 8px;width:calc(100% - 20px)}.chat-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;flex:0 0 42px;background:linear-gradient(145deg,rgba(57,211,153,.35),rgba(18,94,73,.55));box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 5px 18px rgba(0,0,0,.2)}.chat-avatar.telegram{background:linear-gradient(145deg,rgba(71,181,255,.38),rgba(26,92,155,.55))}
[data-theme="glass"] .communication-shell{background:rgba(8,17,28,.54);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 65px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(30px) saturate(145%)}[data-theme="glass"] .chat-sidebar,[data-theme="glass"] .chat-info-pane,[data-theme="glass"] .chat-header,[data-theme="glass"] .chat-composer{background:rgba(8,18,30,.58);backdrop-filter:blur(28px) saturate(150%)}[data-theme="glass"] .chat-list-item.active{background:linear-gradient(120deg,rgba(40,204,147,.20),rgba(64,142,255,.12));box-shadow:inset 3px 0 rgba(48,220,157,.9),inset 0 1px rgba(255,255,255,.08)}
.message-stream{background-color:#071117;background-image:radial-gradient(circle at 25% 25%,rgba(38,115,91,.11) 0 1px,transparent 1.5px),radial-gradient(circle at 75% 65%,rgba(255,255,255,.045) 0 1px,transparent 1.5px);background-size:28px 28px,34px 34px}.message-bubble.in{background:rgba(25,38,48,.94);border-radius:5px 16px 16px 16px}.message-bubble.out{background:linear-gradient(145deg,rgba(5,112,84,.96),rgba(4,93,73,.96));border-radius:16px 5px 16px 16px}.message-bubble.internal{background:rgba(83,68,26,.88);border:1px dashed rgba(244,197,85,.4)}
@media(max-width:900px){.communication-toolbar{align-items:flex-start}.communication-toolbar .panel-actions{width:100%;overflow:auto;flex-wrap:nowrap}.messenger-search-box{padding-top:8px}}

/* v1.1.3 — deeper Liquid Glass for pickers, selects and small controls */
[data-theme="glass"] select.form-control,
[data-theme="glass"] .icon-button,
[data-theme="glass"] .mini-button,
[data-theme="glass"] .account-card,
[data-theme="glass"] .client-tab,
[data-theme="glass"] .badge,
[data-theme="glass"] .channel-icon,
[data-theme="glass"] .chat-avatar,
[data-theme="glass"] .template-chip {
  background: rgba(255,255,255,.075) !important;
  backdrop-filter: blur(16px) saturate(160%);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  border-color: rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}
[data-theme="glass"] .icon-button:hover,
[data-theme="glass"] .mini-button:hover,
[data-theme="glass"] .client-tab.active,
[data-theme="glass"] .template-chip:hover {
  background: rgba(255,255,255,.13) !important;
  border-color: rgba(115,220,255,.5);
}
[data-theme="glass"] .quick-choice {
  background: rgba(255,255,255,.06) !important;
  backdrop-filter: blur(18px) saturate(165%);
  -webkit-backdrop-filter: blur(18px) saturate(165%);
  border-color: rgba(255,255,255,.14);
}

/* Expert ERP v1.0.1 — fixed-height messenger with independent scroll areas */
@media (min-width: 761px) {
  /* The communication workspace stays inside the visible browser window. */
  .workspace:has(.communication-page) {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 18px;
  }

  .workspace:has(.communication-page) > .topbar {
    flex: 0 0 auto;
    margin-bottom: 14px;
  }

  .workspace:has(.communication-page) > #page-content,
  .workspace:has(.communication-page) > .page-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }

  .communication-page {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .communication-toolbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .communication-shell {
    height: 100%;
    min-height: 0;
    max-height: none;
    overflow: hidden;
  }

  .chat-sidebar,
  .chat-pane,
  .chat-info-pane {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

  .chat-sidebar {
    display: flex;
    flex-direction: column;
  }

  .messenger-search-box,
  .channel-select,
  .account-strip {
    flex: 0 0 auto;
  }

  /* Only the contact list scrolls in the left column. */
  .chat-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  /* Header and composer remain fixed; only messages scroll. */
  .chat-pane {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .chat-header,
  .chat-composer {
    position: relative;
    z-index: 2;
  }

  .message-stream {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  /* The client information column has its own scrollbar. */
  .chat-info-pane {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .chat-list,
  .message-stream,
  .chat-info-pane {
    scrollbar-width: thin;
    scrollbar-color: rgba(115,220,255,.42) rgba(255,255,255,.035);
  }

  .chat-list::-webkit-scrollbar,
  .message-stream::-webkit-scrollbar,
  .chat-info-pane::-webkit-scrollbar {
    width: 9px;
  }

  .chat-list::-webkit-scrollbar-track,
  .message-stream::-webkit-scrollbar-track,
  .chat-info-pane::-webkit-scrollbar-track {
    background: rgba(255,255,255,.025);
  }

  .chat-list::-webkit-scrollbar-thumb,
  .message-stream::-webkit-scrollbar-thumb,
  .chat-info-pane::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(115,220,255,.52), rgba(0,168,132,.40));
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
  }

  .chat-list::-webkit-scrollbar-thumb:hover,
  .message-stream::-webkit-scrollbar-thumb:hover,
  .chat-info-pane::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(115,220,255,.72), rgba(0,168,132,.62));
    border: 2px solid transparent;
    background-clip: padding-box;
  }
}

/* v1.0.2 — live chat, AI composer and voice messages */
.textarea-ai-bar-docked{margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.textarea-ai-bar-docked button,.textarea-ai-bar-docked select{padding:7px 9px;font-size:11px}
.voice-message{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:10px;background:rgba(0,0,0,.16)}
.voice-message audio{width:min(320px,100%);height:36px}
.message-image-link{display:block;margin-top:8px;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.18)}
.message-image{display:block;max-width:min(420px,100%);max-height:420px;object-fit:contain}
.message-video{display:block;width:min(460px,100%);max-height:420px;margin-top:8px;border-radius:10px;background:#000}
.message-delivery-error{display:block;margin-top:7px;color:#ff9ab1;font-size:10px;line-height:1.35}
.voice-transcript{margin-top:8px;padding:9px 10px;border-left:3px solid var(--cyan);border-radius:8px;background:rgba(82,231,255,.06);font-size:11px;line-height:1.5;white-space:pre-wrap}
.textarea-ai-bar [data-record][data-recording="1"]{border-color:#ff6b7a;background:rgba(255,80,100,.12)}
@media(max-width:700px){.textarea-ai-bar{display:grid;grid-template-columns:1fr 1fr}.textarea-ai-bar select,.textarea-ai-bar [data-ai]{grid-column:1/-1}.voice-message{align-items:stretch;flex-direction:column}.voice-message audio{width:100%}}

/* v1.1.0 — templates and AI suggested replies */
.quick-replies{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.favorite-templates{display:flex;gap:6px;flex-wrap:wrap}.template-chip{border:1px solid rgba(94,231,255,.22);background:rgba(94,231,255,.08);color:var(--text);border-radius:999px;padding:7px 10px;cursor:pointer}.template-chip:hover{border-color:var(--cyan);transform:translateY(-1px)}.template-list{display:grid;gap:10px;max-height:48vh;overflow:auto;margin-bottom:18px;padding-right:4px}.template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.template-card p{margin:5px 0 0;color:var(--muted);white-space:pre-wrap}.check-row{display:flex;align-items:center;gap:8px;color:var(--muted)}@media(max-width:760px){.template-card{grid-template-columns:1fr}.quick-replies{align-items:stretch}.favorite-templates{width:100%}}


/* v1.1.1 — compact composer and reliable send UX */
.chat-composer{display:block;padding:12px 14px;background:#202c33}
.composer-top-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.composer-direction{max-width:260px}
.composer-tools-toggle{margin-left:auto;white-space:nowrap}
.composer-tools{display:none;margin-bottom:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12)}
.composer-tools.open{display:block}
.composer-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.chat-composer textarea{width:100%;min-height:108px;max-height:260px;padding:13px 14px;font-size:14px;line-height:1.45;resize:vertical;background:#2a3942;border-radius:13px}
.chat-composer-actions{display:grid;gap:8px;min-width:118px}
.chat-composer-actions .primary-button,.chat-composer-actions .secondary-button{width:100%;justify-content:center}
.chat-composer>small{display:block;margin-top:7px}
.quick-replies{gap:6px}.quick-replies .secondary-button,.template-chip{min-height:34px;padding:7px 10px;font-size:11px}
.favorite-templates{max-height:78px;overflow:auto}
@media(max-width:760px){.composer-top-row{align-items:stretch}.composer-direction{max-width:none;flex:1}.composer-input-row{grid-template-columns:1fr}.chat-composer-actions{grid-template-columns:1fr 1fr;min-width:0}.chat-composer textarea{min-height:120px}}

/* v1.1.2 communication composer hotfix */
.chat-composer{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px 14px!important}
.composer-toolbar{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:10px;align-items:center}
.composer-tool-columns{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.composer-tool-columns .secondary-button{min-height:36px;padding:7px 11px;font-size:11px}
.composer-tools{display:none;margin:8px 0 0;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12)}
.composer-tools.open{display:block}
.composer-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.chat-composer textarea{min-height:96px!important;max-height:260px!important;resize:vertical!important;padding:13px 14px!important;font-size:14px!important;line-height:1.45!important}
.composer-inline-actions{display:flex;align-items:flex-end;gap:7px}
.composer-dictation-button,.composer-file-button,.composer-send-button{width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:13px!important;font-size:18px!important}
.composer-send-button{font-size:20px!important}
.favorite-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px;max-height:92px;overflow:auto}
.template-chip{width:100%;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.secret-status{display:block;margin-top:6px;font-size:11px}.secret-status.saved{color:var(--green)}.secret-status.missing{color:var(--orange)}
@media(max-width:760px){.composer-toolbar{grid-template-columns:1fr}.composer-tool-columns{justify-content:flex-start}.composer-input-row{grid-template-columns:minmax(0,1fr) auto}.composer-inline-actions{flex-direction:column}.chat-composer textarea{min-height:110px!important}}

/* v1.2.4 — compact task card header and generated-comment cleanup */
.task-modal-head>.task-modal-summary{flex:1;min-width:0}
.task-modal-title{max-width:100%;margin:4px 0 6px;font-size:clamp(17px,1.6vw,22px);line-height:1.2;overflow-wrap:anywhere}
.task-attachments{margin:22px 0}.task-attachments>h3{margin-bottom:10px}.task-attachment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-attachment-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.025)}.task-attachment-card>img{display:block;width:100%;height:155px;object-fit:cover;background:#090c17}.task-attachment-placeholder{height:110px;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.02)}.task-attachment-placeholder .icon{width:34px;height:34px}.task-attachment-audio{min-height:110px;padding:16px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;background:rgba(255,255,255,.02)}.task-attachment-audio>.icon{width:28px;height:28px;color:var(--cyan)}.task-attachment-audio audio{width:100%;min-width:0}.task-attachment-card>div:last-child{padding:12px}.task-attachment-card strong,.task-attachment-card small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.task-attachment-card strong{white-space:nowrap}.task-attachment-card small{margin:4px 0 10px;color:var(--muted);font-size:11px}.task-attachment-card .secondary-button{display:inline-flex;padding:8px 10px}
.task-modal-head>.panel-actions{flex:0 0 auto;width:auto;align-self:flex-start;flex-wrap:nowrap}
.task-modal-head>.panel-actions>button{flex:0 0 auto}
@media(max-width:760px){
  .task-modal-head{position:relative;display:block;min-height:92px;margin:0;padding:14px 112px 13px 14px}
  .task-modal-head>.task-modal-summary{width:100%}
  .task-modal-title{display:-webkit-box;margin:3px 0 5px;font-size:clamp(14px,4vw,16px);line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .task-modal-head .task-modal-summary>p:last-child{font-size:11px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .task-modal-head>.panel-actions{position:absolute;top:13px;right:14px;display:flex;width:auto!important;gap:7px;flex-wrap:nowrap}
  .task-modal-head>.panel-actions>button{flex:0 0 40px!important;width:40px;height:40px;padding:0;justify-content:center}
  .task-modal-head #task-edit{font-size:0}
  .task-modal-head #task-edit .icon-inline{width:17px;height:17px;margin:0}
  .task-modal-head #modal-close{width:40px;height:40px}
  .task-attachment-grid{grid-template-columns:1fr}.task-attachment-card>img{height:145px}
}
@media(max-width:380px){
  .task-modal-head{padding-right:104px}
  .task-modal-head>.panel-actions{right:10px;gap:5px}
  .task-modal-head>.panel-actions>button{flex-basis:38px!important;width:38px;height:38px}
}

/* v1.2.5 — Fresh tariff automation and source-linked finances */
@media(max-width:700px){
  .source-finance-action{align-items:stretch;flex-direction:column}
  .source-finance-action .secondary-button{width:100%;justify-content:center}
}

/* v1.2.11 — persisted voice transcripts and task conversation */
.voice-transcription-status{display:block;margin-top:7px;color:var(--muted);font-size:11px}
.voice-transcription-status.error{color:var(--danger)}
.voice-transcript{flex:1;min-width:180px}
.voice-transcript strong{display:block;margin-bottom:4px;color:var(--cyan)}
.voice-transcript p{margin:0!important}
.task-chat-note{margin:4px 0 10px;color:var(--muted);font-size:12px}
.task-chat-thread{display:grid;gap:10px;margin:10px 0 14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(5,9,22,.45);max-height:430px;overflow-y:auto}
.task-chat-message{justify-self:end;width:min(88%,620px);padding:11px 13px;border:1px solid rgba(82,231,255,.24);border-radius:15px 15px 4px 15px;background:rgba(82,231,255,.075)}
.task-chat-message.client{justify-self:start;border-radius:15px 15px 15px 4px;border-color:var(--line);background:rgba(255,255,255,.035)}
.task-chat-message.internal{border-color:rgba(255,187,102,.28);background:rgba(255,187,102,.07)}
.task-chat-message>div{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.task-chat-message span{color:var(--muted);font-size:10px;text-align:right}
.task-chat-message p{margin:7px 0 0;white-space:pre-wrap;line-height:1.5}
@media(max-width:700px){
  .task-chat-thread{padding:9px}
  .task-chat-message{width:96%}
  .task-chat-message>div{display:grid;gap:3px}
  .task-chat-message span{text-align:left}
}

/* v1.2.14 — continuous dictation and expanded voice transcripts */
.composer-dictation-button.dictation-active,
.textarea-ai-bar [data-voice].dictation-active{
  color:#fff!important;
  border-color:rgba(255,92,112,.7)!important;
  background:rgba(255,72,96,.22)!important;
  box-shadow:0 0 0 3px rgba(255,72,96,.10),0 0 20px rgba(255,72,96,.18)!important;
}
.composer-dictation-button.dictation-active .icon{animation:dictation-pulse 1.2s ease-in-out infinite}
@keyframes dictation-pulse{50%{transform:scale(.82);opacity:.62}}
.voice-message{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.voice-message audio{width:100%;min-width:220px}
.voice-message>.voice-transcription-status,
.voice-message>.voice-transcript{grid-column:1/-1;width:auto;min-width:0}
.voice-message>.voice-transcript{margin-top:2px}
@media(max-width:700px){
  .voice-message{grid-template-columns:1fr}
  .voice-message>*{grid-column:1!important}
  .voice-message audio{min-width:0}
}

/* v1.2.15 — task-from-messages workflow and consistent responsive actions */
.chat-header-title{flex:1;min-width:0}
.chat-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.create-task-selection{white-space:nowrap}
.create-task-selection:disabled{opacity:.5;cursor:not-allowed}
.task-selection-hint{margin:10px 0 0;font-size:11px;line-height:1.45}
.composer-tools.always-open{display:block!important}
.communication-entity-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
}
.communication-entity-actions>button{
  width:100%;
  min-width:0;
  justify-content:center;
  white-space:normal;
}
.communication-entity-actions.compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:10px;
}
.linked-deal-list{margin-top:8px}
.source-finance-action-top{
  position:sticky;
  top:-24px;
  z-index:4;
  margin:0 0 16px;
  border-color:rgba(94,231,255,.36);
  background:linear-gradient(135deg,rgba(94,231,255,.12),rgba(155,124,255,.09));
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}
.source-finance-action-top .primary-button{min-width:min(360px,100%)}
.task-primary-actions{
  display:grid;
  grid-template-columns:minmax(240px,460px) minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin:0 0 14px;
  padding:12px;
  border:1px solid rgba(94,231,255,.3);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(94,231,255,.10),rgba(155,124,255,.07));
}
.task-primary-actions .primary-button{width:100%;justify-content:center}
.task-primary-actions small{color:var(--muted);line-height:1.45}

@media(max-width:800px){
  html,body,#application,.application,.workspace,.page-content,.communication-page{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .application:not(.hidden){display:block!important}
  .workspace{margin:0!important;padding:14px 12px 28px!important}
  .page-content{overflow:visible}
  .topbar{width:100%;min-width:0}
  .topbar-title{flex:1}
  .communication-page{display:grid;overflow:visible}
  .communication-toolbar,.communication-metrics,.communication-shell{width:100%;max-width:100%;min-width:0}
}

@media(max-width:760px){
  .communication-page{gap:10px}
  .communication-toolbar{padding:14px;border-radius:15px}
  .communication-toolbar h2{font-size:18px}
  .communication-toolbar>div:first-child{width:100%}
  .communication-toolbar .panel-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px;
    width:100%;
    overflow:visible!important;
  }
  .communication-toolbar .panel-actions>button{
    width:100%;
    min-width:0;
    white-space:normal;
  }
  .communication-toolbar .panel-actions>button:last-child{grid-column:1/-1}
  .communication-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .communication-metrics>div{min-width:0;padding:10px 11px}
  .communication-metrics strong{font-size:19px}
  .communication-shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:calc(100dvh - 245px);
    overflow:hidden;
  }
  .chat-sidebar,.chat-pane{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .communication-shell:not(.chat-open) .chat-sidebar{display:flex!important}
  .communication-shell:not(.chat-open) .chat-pane{display:none!important}
  .communication-shell.chat-open .chat-sidebar{display:none!important}
  .communication-shell.chat-open .chat-pane{
    display:grid!important;
    grid-template-rows:auto minmax(280px,1fr) auto;
    min-height:calc(100dvh - 190px);
  }
  .chat-info-pane{display:none!important}
  .chat-header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:8px 10px;
    padding:11px 12px;
  }
  .chat-mobile-back{grid-column:1;grid-row:1}
  .chat-header-title{grid-column:2;grid-row:1}
  .chat-header-title h2{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-header-title p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-header-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    width:100%;
  }
  .chat-header-actions .badge{justify-self:start}
  .create-task-selection{width:100%;min-width:0;white-space:normal}
  .message-stream{width:100%;min-width:0;padding:14px 28px}
  .message-bubble{max-width:94%;min-width:0}
  .chat-composer{width:100%;min-width:0;padding:10px!important}
  .composer-toolbar{grid-template-columns:1fr!important}
  .composer-tool-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    width:100%;
  }
  .composer-tool-columns .secondary-button{
    width:100%;
    min-width:0;
    justify-content:center;
    white-space:normal;
  }
  .communication-entity-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .composer-input-row{grid-template-columns:minmax(0,1fr) auto!important}
  .composer-inline-actions{align-self:stretch}
  .modal-backdrop{width:100%;max-width:100%;padding:6px}
  .modal,.wide-modal,.task-card-modal{width:100%!important;max-width:100%!important;min-width:0}
  .modal-head:not(.task-modal-head){gap:10px}
  .modal-head:not(.task-modal-head)>div{min-width:0}
  .source-finance-action-top{position:static;margin-bottom:14px}
  .source-finance-action,.task-primary-actions{
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:10px;
  }
  .source-finance-action .primary-button,.source-finance-action .secondary-button,.task-primary-actions .primary-button{
    width:100%;
    min-width:0;
    white-space:normal;
  }
  .form-actions,.sticky-form-actions .panel-actions,.entity-client-contact .panel-actions,
  .task-modal-footer .panel-actions,.inline-form .panel-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px;
    width:100%!important;
  }
  .form-actions>*,.sticky-form-actions button,.entity-client-contact .panel-actions>*,
  .task-modal-footer .panel-actions>*,.inline-form .panel-actions>*{
    width:100%!important;
    min-width:0!important;
  }
  .row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
}

@media(max-width:420px){
  .workspace{padding-left:9px!important;padding-right:9px!important}
  .communication-toolbar .panel-actions,.composer-tool-columns{grid-template-columns:1fr!important}
  .communication-toolbar .panel-actions>button:last-child{grid-column:auto}
  .communication-metrics>div{display:grid;gap:4px}
  .message-stream{padding-left:25px;padding-right:12px}
  .composer-direction{font-size:12px}
  .communication-entity-actions{grid-template-columns:1fr}
}

.knowledge-reader-modal{
  width:min(1500px,98vw);
  max-height:96vh;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto auto minmax(360px,1fr) auto;
}
.knowledge-reader-head h2{
  max-width:1200px;
  font-size:clamp(20px,2.2vw,32px);
  line-height:1.25;
}
.knowledge-reader-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:10px 0 14px;
}
.knowledge-reader-meta>span:not(.server-pill){
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:12px;
}
.knowledge-reader-meta .secondary-button{margin-left:auto}
.knowledge-reader-frame-wrap{
  min-height:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.knowledge-reader-frame{
  display:block;
  width:100%;
  height:min(72vh,900px);
  border:0;
  background:#fff;
}
.knowledge-reader-modal>.modal-actions{padding-top:12px}

.knowledge-search-field{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  flex:1;
  min-width:220px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--surface,rgba(5,9,24,.72));
  transition:border-color .16s,box-shadow .16s;
}
.knowledge-search-field:focus-within{border-color:rgba(82,231,255,.62);box-shadow:0 0 0 3px rgba(82,231,255,.08)}
.knowledge-search-field>svg{width:18px;height:18px;color:var(--cyan)}
.knowledge-search-input{
  width:100%;
  min-width:0;
  padding:11px 0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font:inherit;
}
.knowledge-search-input::-webkit-search-cancel-button{display:none}
.knowledge-search-reset{
  width:28px;
  height:28px;
  border:0;
  border-radius:9px;
  background:rgba(255,255,255,.06);
  color:var(--muted);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.knowledge-search-reset:hover{color:var(--text);background:rgba(255,255,255,.11)}
.knowledge-search-scope{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  margin:-7px 0 14px;
}
.knowledge-search-scope>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.knowledge-search-scope svg{width:16px;height:16px;color:var(--cyan)}
.knowledge-card mark{
  padding:0 2px;
  border-radius:4px;
  background:rgba(82,231,255,.2);
  color:var(--text);
}
.knowledge-match-badge{
  margin-left:auto;
  padding:5px 8px;
  border:1px solid rgba(82,231,255,.24);
  border-radius:999px;
  background:rgba(82,231,255,.08);
  color:var(--cyan);
  font-size:10px;
  font-style:normal;
  white-space:nowrap;
}
.knowledge-match-badge.fuzzy{border-color:rgba(201,155,255,.3);background:rgba(201,155,255,.09);color:#d9b8ff}
.knowledge-search-empty>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.knowledge-section-head>div>small{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.knowledge-articles-head{align-items:center}
.knowledge-filters{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;
  align-items:end;
  gap:12px;
  margin:-7px 0 16px;
  padding:14px;
}
.knowledge-filter-control,.knowledge-date-range label{display:grid;gap:6px;min-width:0}
.knowledge-filter-control>span,.knowledge-date-range label>span{
  color:var(--muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.knowledge-filter-control .form-control,.knowledge-date-range .form-control{width:100%;min-width:0;height:42px}
.knowledge-date-range{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:10px}
.knowledge-date-range.is-hidden{display:none}
.knowledge-filter-reset{min-height:42px;white-space:nowrap}
.knowledge-active-filters{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}
.knowledge-active-filters>span{padding:6px 9px;border:1px solid rgba(82,231,255,.24);border-radius:999px;background:rgba(82,231,255,.08);color:var(--cyan);font-size:11px}
.knowledge-section-actions{display:flex;align-items:end;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.knowledge-sort-control{display:grid;gap:5px;min-width:210px}
.knowledge-sort-control>span{padding-left:2px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.knowledge-sort-control .form-control{height:42px;min-width:0;padding:8px 34px 8px 12px}
.knowledge-view-switcher{display:grid;grid-template-columns:repeat(3,42px);gap:4px;padding:3px;border:1px solid var(--line);border-radius:13px;background:rgba(3,8,22,.45)}
.knowledge-view-button{width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}
.knowledge-view-button:hover{color:var(--text);background:rgba(255,255,255,.06)}
.knowledge-view-button.active{color:var(--cyan);background:rgba(82,231,255,.12);box-shadow:inset 0 0 0 1px rgba(82,231,255,.22)}
.knowledge-view-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.knowledge-view-button svg{width:19px;height:19px}
.knowledge-card>strong,.knowledge-card-path{overflow-wrap:anywhere}
.knowledge-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}
.knowledge-card-meta>span{display:flex;align-items:center;gap:4px}
.knowledge-card-meta time{color:var(--muted)}
.knowledge-grid[data-view="list"]{grid-template-columns:1fr;gap:9px}
.knowledge-grid[data-view="list"] .knowledge-card{
  grid-template-columns:minmax(220px,.9fr) minmax(260px,1.35fr) minmax(160px,.55fr);
  grid-template-areas:"head excerpt footer" "title excerpt footer" "path excerpt footer";
  align-items:start;
  min-height:0;
  padding:14px 16px;
  gap:6px 18px;
}
.knowledge-grid[data-view="list"] .knowledge-card-head{grid-area:head;justify-content:flex-start}
.knowledge-grid[data-view="list"] .knowledge-card>strong{grid-area:title;font-size:15px;line-height:1.35}
.knowledge-grid[data-view="list"] .knowledge-card-path{grid-area:path}
.knowledge-grid[data-view="list"] .knowledge-card>p{grid-area:excerpt;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:12px;line-height:1.5}
.knowledge-grid[data-view="list"] .knowledge-card>footer{grid-area:footer;display:grid;align-content:start;justify-items:end;gap:10px;margin:0;padding:2px 0 2px 16px;border-top:0;border-left:1px solid var(--line);text-align:right}
.knowledge-grid[data-view="list"] .knowledge-card-meta{display:grid;justify-items:end}
.knowledge-grid[data-view="compact"]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.knowledge-grid[data-view="compact"] .knowledge-card{min-height:145px;padding:13px;gap:7px;border-radius:15px}
.knowledge-grid[data-view="compact"] .knowledge-card-head{justify-content:flex-start;gap:7px}
.knowledge-grid[data-view="compact"] .knowledge-card-head>span{font-size:19px}
.knowledge-grid[data-view="compact"] .knowledge-card-head>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knowledge-grid[data-view="compact"] .knowledge-match-badge{margin-left:auto;padding:4px 6px}
.knowledge-grid[data-view="compact"] .knowledge-card>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;line-height:1.35}
.knowledge-grid[data-view="compact"] .knowledge-card-path{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.knowledge-grid[data-view="compact"] .knowledge-card>p{display:none}
.knowledge-grid[data-view="compact"] .knowledge-card>footer{gap:7px;padding-top:7px}
.knowledge-grid[data-view="compact"] .knowledge-card>footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.knowledge-grid[data-view="compact"] .knowledge-card-meta time{display:none}

@media(max-width:680px){
  .knowledge-toolbar form{grid-template-columns:1fr auto}
  .knowledge-search-field{min-width:0}
  .knowledge-filters{grid-template-columns:1fr;margin-top:-5px}
  .knowledge-filter-reset{width:100%;justify-content:center}
  .knowledge-date-range{grid-column:auto;grid-template-columns:1fr 1fr}
  .knowledge-date-range .secondary-button{grid-column:1/-1;width:100%;justify-content:center}
  .knowledge-active-filters{grid-column:auto}
  .knowledge-search-scope{align-items:stretch;flex-direction:column}
  .knowledge-search-scope .secondary-button{width:100%;justify-content:center}
  .knowledge-card{min-height:auto;padding:14px;gap:8px}
  .knowledge-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .knowledge-card-path{font-size:11px}
  .knowledge-match-badge{margin-left:0}
  .knowledge-articles-head{align-items:stretch;flex-direction:column}
  .knowledge-section-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;width:100%}
  .knowledge-sort-control{min-width:0}
  .knowledge-view-switcher{grid-template-columns:repeat(3,40px)}
  .knowledge-view-button{width:40px;height:40px}
  .knowledge-section-actions>#knowledge-clear-search{grid-column:1/-1;width:100%;justify-content:center}
  .knowledge-grid[data-view="list"] .knowledge-card{
    grid-template-columns:1fr;
    grid-template-areas:"head" "title" "path" "excerpt" "footer";
    gap:7px;
  }
  .knowledge-grid[data-view="list"] .knowledge-card>footer{display:flex;justify-items:stretch;padding:8px 0 0;border-left:0;border-top:1px solid var(--line);text-align:left}
  .knowledge-grid[data-view="list"] .knowledge-card-meta{display:flex;justify-items:stretch}
  .knowledge-grid[data-view="compact"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .knowledge-grid[data-view="compact"] .knowledge-card{padding:11px;min-height:138px}
  .knowledge-grid[data-view="compact"] .knowledge-card-head>small{display:none}
  .knowledge-grid[data-view="compact"] .knowledge-match-badge{margin-left:0;white-space:normal}
  .knowledge-grid[data-view="compact"] .knowledge-card-path{-webkit-line-clamp:1}
  .knowledge-grid[data-view="compact"] .knowledge-card>footer>span:first-child{display:none}
  .knowledge-search-empty{padding:28px 16px}
  .knowledge-search-empty>div{display:grid}
  .knowledge-reader-modal{
    width:100%;
    height:100%;
    max-height:100%;
    border-radius:14px;
    grid-template-rows:auto auto minmax(320px,1fr) auto;
  }
  .knowledge-reader-head h2{font-size:18px}
  .knowledge-reader-meta{max-height:120px;overflow:auto}
  .knowledge-reader-meta .secondary-button{width:100%;margin-left:0;justify-content:center}
  .knowledge-reader-frame{height:100%;min-height:58vh}
}

@media(max-width:520px){
  .knowledge-date-range{grid-template-columns:1fr}
  .knowledge-date-range .secondary-button{grid-column:auto}
  .knowledge-section-actions{grid-template-columns:1fr}
  .knowledge-view-switcher{grid-template-columns:repeat(3,1fr);width:100%}
  .knowledge-view-button{width:100%}
  .knowledge-section-actions>#knowledge-clear-search{grid-column:auto}
}

@media(max-width:350px){
  .knowledge-grid[data-view="compact"]{grid-template-columns:1fr}
}


/* Expert ERP v1.4.0 — AI coordinator, 1C support and sales workspace */
.ai-agent-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(94,231,255,.075),rgba(155,124,255,.055),rgba(255,255,255,.02));
  border-color:rgba(94,231,255,.24);
}
.ai-agent-card::before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-65px;
  top:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(94,231,255,.18),transparent 70%);
  pointer-events:none;
}
.ai-agent-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.ai-agent-head h3{margin:1px 0 0;font-size:15px;line-height:1.3}
.ai-agent-mode-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin:9px 0 10px;
}
.ai-agent-mode-row small{color:var(--muted);font-size:10px}
.ai-agent-reason{
  margin:0 0 10px;
  color:#c2cee7;
  font-size:11px;
  line-height:1.55;
}
.ai-agent-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:10px;
}
.ai-agent-actions .primary-button:first-child{grid-column:1/-1}
.ai-agent-actions button{
  min-width:0;
  min-height:37px;
  padding:8px 10px;
  font-size:10px;
}
.ai-agent-section{
  display:grid;
  gap:8px;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.ai-agent-section>strong{font-size:11px;color:#dce7fb}
.ai-agent-question-list{display:grid;gap:6px}
.ai-question-chip{
  width:100%;
  border:1px solid rgba(94,231,255,.18);
  border-radius:10px;
  padding:9px 10px;
  color:#d7e8f6;
  background:rgba(94,231,255,.055);
  text-align:left;
  font-size:10px;
  line-height:1.4;
}
.ai-question-chip:hover{
  color:#fff;
  border-color:rgba(94,231,255,.42);
  background:rgba(94,231,255,.10);
}
.ai-agent-draft{
  max-height:180px;
  overflow:auto;
  margin:0;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  color:#e6edf9;
  background:rgba(4,8,20,.38);
  font-size:10px;
  line-height:1.55;
}
.ai-agent-source-list{display:grid;gap:6px}
.ai-agent-source{
  display:grid;
  gap:3px;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.ai-agent-source:hover{border-color:var(--line-strong)}
.ai-agent-source b{font-size:10px;color:var(--cyan)}
.ai-agent-source span{
  display:-webkit-box;
  overflow:hidden;
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.compact-notice{
  display:grid;
  gap:3px;
  margin:9px 0 0;
  padding:9px 10px;
  font-size:10px;
}
.compact-notice strong{font-size:10px}
.task-ai-panel{
  margin-bottom:14px;
  padding:15px;
  border:1px solid rgba(94,231,255,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(94,231,255,.07),rgba(155,124,255,.05));
}
.task-ai-panel .ai-agent-actions{display:flex;flex-wrap:wrap}
.task-ai-panel .ai-agent-actions .primary-button:first-child{grid-column:auto}
.task-ai-panel .ai-agent-question-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.task-ai-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.task-ai-meta>div{
  min-width:0;
  padding:9px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(5,9,22,.34);
}
.task-ai-meta span,.task-ai-meta strong{display:block}
.task-ai-meta span{color:var(--muted);font-size:9px}
.task-ai-meta strong{margin-top:4px;font-size:11px;overflow-wrap:anywhere}
@media(max-width:760px){
  .ai-agent-actions{grid-template-columns:1fr}
  .ai-agent-actions .primary-button:first-child{grid-column:auto}
  .task-ai-panel .ai-agent-question-list{grid-template-columns:1fr}
  .task-ai-meta{grid-template-columns:1fr}
}

/* Expert ERP v1.4.0 — AI sales workspace, compact actions and virtual chat list */
.chat-pane{grid-template-rows:auto auto minmax(280px,1fr) auto}
.chat-list-spacer{width:100%;pointer-events:none;flex:0 0 auto}
.chat-list-item{min-height:78px}
.deleted-message{opacity:.72;background:rgba(255,255,255,.018)!important;border-style:dashed!important}
.deleted-message p{color:var(--muted);font-style:italic}
.chat-header-title .eyebrow{max-width:min(520px,50vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-header-actions{position:relative;flex-wrap:nowrap}
.chat-create-menu{position:relative;z-index:35}
.chat-create-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;list-style:none;cursor:pointer;white-space:nowrap}
.chat-create-menu>summary::-webkit-details-marker{display:none}
.chat-create-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:80;display:grid;gap:5px;width:min(280px,80vw);padding:8px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(8,14,30,.98);box-shadow:0 22px 55px rgba(0,0,0,.48);backdrop-filter:blur(24px)}
.chat-create-menu-popover button{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:9px 11px;border:0;border-radius:10px;color:var(--text);background:transparent;text-align:left}
.chat-create-menu-popover button:hover{background:rgba(94,231,255,.09);color:#fff}
.chat-create-menu-popover button:disabled{opacity:.5;cursor:wait}

.ai-agent-workbench{border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(94,231,255,.07),rgba(155,124,255,.055),rgba(7,11,27,.92));overflow:hidden}
.ai-agent-workbench-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;list-style:none;user-select:none}
.ai-agent-workbench-summary::-webkit-details-marker{display:none}
.ai-agent-orb{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;color:var(--cyan);background:linear-gradient(145deg,rgba(94,231,255,.16),rgba(155,124,255,.14));box-shadow:inset 0 1px rgba(255,255,255,.15),0 0 25px rgba(94,231,255,.1)}
.ai-agent-orb .icon{width:18px;height:18px}
.ai-agent-summary-text{display:grid;min-width:0;gap:1px}
.ai-agent-summary-text small{color:var(--muted);font-size:9px;letter-spacing:.12em}
.ai-agent-summary-text strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-agent-summary-text em{color:#9fb0cc;font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-agent-chevron{color:var(--muted);font-size:18px;transition:transform .18s ease}
.ai-agent-workbench[open] .ai-agent-chevron{transform:rotate(180deg)}
.ai-agent-workbench-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:12px;max-height:390px;overflow:auto;padding:0 16px 14px}
.ai-agent-decision{display:grid;gap:8px}
.ai-agent-decision>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(4,8,20,.28)}
.ai-agent-decision span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.ai-agent-decision strong{font-size:11px;line-height:1.45}
.ai-agent-workbench .ai-agent-actions{align-content:start;margin:0}
.ai-agent-workbench .ai-agent-section{margin-top:0;padding-top:0;border-top:0;align-content:start}
.ai-agent-workbench .ai-agent-section:nth-of-type(n+2){padding-top:10px;border-top:1px solid var(--line)}
.ai-agent-workbench .ai-agent-draft{max-height:130px}
.ai-specialist-summary{grid-column:1/-1;display:grid;gap:9px;padding:11px;border:1px solid rgba(94,231,255,.18);border-radius:13px;background:rgba(4,8,20,.34)}
.ai-specialist-title{display:flex;align-items:center;gap:9px}
.ai-specialist-title>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:var(--cyan);background:var(--cyan-soft)}
.ai-specialist-title>div{display:grid;gap:2px}
.ai-specialist-title strong{font-size:12px}
.ai-specialist-title small{color:var(--muted);font-size:9px}
.ai-specialist-summary>p{margin:0;color:#c8d4e8;font-size:10px;line-height:1.5}
.ai-sales-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ai-sales-option{display:grid;align-content:start;gap:6px;padding:9px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}
.ai-sales-option.recommended{border-color:rgba(77,240,167,.32);background:rgba(77,240,167,.055)}
.ai-sales-option>div{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.ai-sales-option b{font-size:10px}
.ai-sales-option p{margin:0;color:#c5d1e6;font-size:9px;line-height:1.45}
.ai-sales-option small{color:var(--muted);font-size:8px;line-height:1.4}
.ai-price-status{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:rgba(255,187,102,.07);border:1px solid rgba(255,187,102,.18)}
.ai-price-status.found{background:rgba(77,240,167,.06);border-color:rgba(77,240,167,.2)}
.ai-price-status strong{font-size:9px;color:var(--orange)}
.ai-price-status.found strong{color:var(--green)}
.ai-price-status span{color:var(--muted);font-size:8px}
.composer-direction{min-width:0;max-width:360px;text-overflow:ellipsis}

@media(max-width:1180px){
  .ai-agent-workbench-body{grid-template-columns:1fr 1fr}
  .ai-sales-options{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .chat-pane{grid-template-rows:auto auto minmax(280px,1fr) auto!important}
  .chat-header-actions{grid-template-columns:auto auto!important}
  .chat-create-menu>summary{width:100%}
  .chat-create-menu-popover{position:fixed;left:12px;right:12px;top:auto;bottom:92px;width:auto}
  .ai-agent-workbench-summary{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px}
  .ai-agent-chevron{display:none}
  .ai-agent-workbench-body{grid-template-columns:1fr;max-height:46vh;padding:0 12px 12px}
  .ai-sales-options{grid-template-columns:1fr}
  .ai-agent-actions{grid-template-columns:1fr 1fr}
  .ai-agent-actions .primary-button:first-child{grid-column:1/-1}
  .composer-direction{max-width:none;width:100%}
}

/* Expert ERP v1.4.0 — sales facts and confirmed price fragments */
.ai-sales-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.ai-sales-facts>div{
  min-width:0;
  padding:8px 9px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.ai-sales-facts span,.ai-sales-facts strong{display:block}
.ai-sales-facts span{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.ai-sales-facts strong{margin-top:3px;font-size:10px;overflow-wrap:anywhere}
.ai-price-hints{display:grid;gap:5px}
.ai-price-hints>div{
  padding:8px 9px;
  border-left:3px solid var(--green);
  border-radius:8px;
  color:#dff8ec;
  background:rgba(77,240,167,.055);
  font-size:9px;
  line-height:1.45;
}
@media(max-width:760px){
  .ai-sales-facts{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .ai-sales-facts{grid-template-columns:1fr}
}

/* Expert ERP v1.5.0 — controlled autonomous AI conversations */
.ai-agent-autonomy-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  align-content:start;
}
.ai-agent-autonomy-card>div{
  min-width:0;
  display:grid;
  gap:4px;
  padding:9px 10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(5,9,22,.34);
}
.ai-agent-autonomy-card span,
.ai-agent-goal span,
.ai-agent-check-grid>div>span{
  color:var(--muted);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.ai-agent-autonomy-card strong{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.ai-agent-autonomy-card.autonomous{border-radius:13px;box-shadow:inset 0 0 0 1px rgba(77,240,167,.15)}
.ai-agent-autonomy-card.autonomous>div{border-color:rgba(77,240,167,.18);background:rgba(77,240,167,.045)}
.ai-agent-autonomy-card.human>div{border-color:rgba(255,187,102,.18);background:rgba(255,187,102,.045)}
.ai-agent-pending{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 11px;
  border:1px solid rgba(94,231,255,.22);
  border-radius:12px;
  background:rgba(94,231,255,.055);
}
.ai-agent-pending>div{display:grid;gap:2px;min-width:0}
.ai-agent-pending strong{font-size:10px}
.ai-agent-pending span{color:var(--muted);font-size:9px;overflow-wrap:anywhere}
.ai-agent-pending>b{flex:0 0 auto;color:var(--cyan);font-size:10px}
.ai-agent-pending.failed,.ai-agent-pending.handoff{border-color:rgba(255,111,145,.25);background:rgba(255,111,145,.06)}
.ai-agent-pending.failed>b,.ai-agent-pending.handoff>b{color:var(--red)}
.ai-agent-pending.sent{border-color:rgba(77,240,167,.22);background:rgba(77,240,167,.05)}
.ai-agent-goal-card{
  grid-column:1/-1;
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:13px;
  background:rgba(4,8,20,.3);
}
.ai-agent-goal{display:grid;gap:4px}
.ai-agent-goal strong{font-size:11px;line-height:1.5}
.ai-agent-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ai-agent-check-grid>div{min-width:0;padding:8px;border-radius:10px;background:rgba(255,255,255,.025)}
.ai-agent-check-grid ul{display:grid;gap:5px;margin:7px 0 0;padding:0;list-style:none}
.ai-agent-check-grid li{position:relative;padding-left:17px;color:#d8e2f2;font-size:9px;line-height:1.45}
.ai-agent-check-grid li::before{content:"○";position:absolute;left:0;color:var(--orange)}
.ai-agent-check-grid li.done::before{content:"✓";color:var(--green)}
.ai-agent-check-grid small{display:block;margin-top:7px;color:var(--muted);font-size:9px}
.ai-channel-settings{border:1px solid rgba(155,124,255,.22);border-radius:16px;padding:14px;background:rgba(155,124,255,.04)}
.ai-route-checks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(5,9,22,.4)}
.ai-route-checks label{display:flex;align-items:center;gap:7px;color:#dce6f6;font-size:11px;cursor:pointer}
.ai-route-checks input{accent-color:var(--cyan)}
@media(max-width:760px){
  .ai-agent-autonomy-card,.ai-agent-check-grid{grid-template-columns:1fr}
  .ai-agent-pending{align-items:flex-start;flex-direction:column}
  .ai-route-checks{align-items:flex-start;flex-direction:column}
}