:root {
  color-scheme: dark;
  --bg: #080d18;
  --surface: #101827;
  --surface-2: #151f31;
  --surface-3: #1b2940;
  --panel: #101827;
  --line: rgba(151, 171, 207, .14);
  --line-strong: rgba(151, 171, 207, .26);
  --text: #f5f7fb;
  --muted: #93a3bc;
  --soft: #d0d9e8;
  --accent: #6e8fff;
  --accent-2: #43d1a6;
  --success: #43d1a6;
  --warning: #f2bd62;
  --danger: #f46f82;
  --sidebar: 244px;
  --radius: 16px;
  --shadow: 0 24px 70px rgba(1, 5, 14, .32);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Deal archive — searchable workspace with metadata and bulk recovery */
.pipeline-command-actions { display: flex; align-items: stretch; justify-content: flex-end; gap: 10px; min-width: max-content; }
.pipeline-archive-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 14px; border: 1px solid rgba(139,164,205,.32); border-radius: 13px; background: rgba(14,25,45,.8); color: #eaf2ff; font: inherit; font-weight: 750; cursor: pointer; transition: border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease; }
.pipeline-archive-button > span { color: #9fb8e3; font-size: 16px; }
.pipeline-archive-button > b { display: inline-grid; min-width: 24px; min-height: 24px; place-items: center; padding: 0 7px; border-radius: 999px; background: rgba(126,154,205,.18); color: #fff; font-size: 12px; }
.pipeline-archive-button:hover { border-color: rgba(139,174,234,.62); background: rgba(25,41,69,.9); }
.pipeline-archive-button.is-drop-ready { border-style: dashed; border-color: rgba(116,171,255,.8); box-shadow: 0 0 0 4px rgba(80,139,232,.1); }
.pipeline-archive-button.is-drag-over { border-style: solid; border-color: #8ab8ff; background: linear-gradient(135deg,rgba(42,91,164,.98),rgba(30,65,119,.98)); box-shadow: 0 14px 34px rgba(31,92,181,.34),0 0 0 5px rgba(92,154,255,.16); transform: translateY(-2px) scale(1.025); }
.pipeline-archive-button.is-drag-over::after { content: "Отпустите, чтобы настроить архив"; position: absolute; right: 0; bottom: calc(100% + 10px); width: max-content; max-width: 250px; padding: 8px 11px; border: 1px solid rgba(132,177,247,.4); border-radius: 10px; background: #13233c; color: #fff; font-size: 12px; box-shadow: 0 12px 28px rgba(0,0,0,.3); }
.deal-archive-panel[hidden] { display: none !important; }
.deal-archive-panel { position: fixed; inset: 0; z-index: 4100; display: grid; justify-items: end; }
.deal-archive-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(3,8,17,.74); backdrop-filter: blur(9px); cursor: default; }
.deal-archive-sheet { position: relative; z-index: 1; display: flex; flex-direction: column; width: min(1180px,96vw); height: 100dvh; overflow: hidden; border-left: 1px solid rgba(139,164,205,.24); background: linear-gradient(180deg,#0d182a 0%,#091220 100%); box-shadow: -30px 0 85px rgba(0,0,0,.48); animation: dealArchiveIn .2s ease-out; }
@keyframes dealArchiveIn { from { transform: translateX(28px); opacity: .5; } to { transform: translateX(0); opacity: 1; } }
.deal-archive-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 28px 18px; border-bottom: 1px solid rgba(139,164,205,.16); }
.deal-archive-head > div > span { color: #83a7e3; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.deal-archive-head h2 { margin: 4px 0 5px; color: #fff; font-size: clamp(24px,2vw,31px); line-height: 1.1; }
.deal-archive-head p { max-width: 760px; margin: 0; color: #9aabc4; font-size: 13px; line-height: 1.5; }
.deal-archive-stats { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; padding: 14px 28px; border-bottom: 1px solid rgba(139,164,205,.12); background: rgba(9,19,34,.7); }
.deal-archive-stats article { position: relative; display: grid; gap: 2px; min-width: 0; padding: 11px 13px 11px 16px; overflow: hidden; border: 1px solid rgba(139,164,205,.16); border-radius: 13px; background: linear-gradient(145deg,rgba(24,42,70,.82),rgba(13,26,45,.74)); }
.deal-archive-stats article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #6f91ff; }
.deal-archive-stats .deal-archive-stat-review::before { background: #f2bd62; }
.deal-archive-stats .deal-archive-stat-unscheduled::before { background: #a18cff; }
.deal-archive-stats span,.deal-archive-stats small { overflow: hidden; color: #8598b6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-stats b { overflow: hidden; color: #f7f9ff; font-size: 20px; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-commandbar { display: flex; align-items: center; gap: 12px; padding: 11px 28px; border-bottom: 1px solid rgba(139,164,205,.12); background: rgba(11,22,38,.86); }
.deal-archive-quickviews { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.deal-archive-quickviews::-webkit-scrollbar { display: none; }
.deal-archive-quickviews button,.deal-archive-export { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 7px 10px; border: 1px solid rgba(139,164,205,.18); border-radius: 10px; background: rgba(19,34,57,.7); color: #b7c5d9; font: inherit; font-size: 11px; font-weight: 750; cursor: pointer; transition: border-color .15s ease,background .15s ease,color .15s ease; }
.deal-archive-quickviews button b { display: inline-grid; min-width: 21px; height: 21px; place-items: center; padding: 0 6px; border-radius: 999px; background: rgba(255,255,255,.07); color: #e9f0fb; font-size: 10px; font-variant-numeric: tabular-nums; }
.deal-archive-quickviews button:hover,.deal-archive-export:hover { border-color: rgba(133,170,231,.42); color: #fff; }
.deal-archive-quickviews button.active { border-color: rgba(111,145,255,.55); background: rgba(75,103,187,.23); color: #fff; box-shadow: inset 0 0 0 1px rgba(111,145,255,.12); }
.deal-archive-quickviews button.active b { background: #6f91ff; color: #fff; }
.deal-archive-export { margin-left: auto; border-color: rgba(71,196,145,.28); background: rgba(36,113,79,.2); color: #baf0d5; }
.deal-archive-export:disabled { opacity: .45; cursor: not-allowed; }
.deal-archive-toolbar { display: grid; grid-template-columns: minmax(250px,1.45fr) repeat(3,minmax(120px,.72fr)) minmax(115px,.62fr) minmax(150px,.8fr) auto; gap: 8px; padding: 13px 28px; border-bottom: 1px solid rgba(139,164,205,.13); background: rgba(16,29,50,.7); }
.deal-archive-toolbar label { display: grid; align-content: center; gap: 3px; min-width: 0; min-height: 46px; padding: 5px 10px; border: 1px solid rgba(139,164,205,.2); border-radius: 11px; background: rgba(7,15,27,.66); }
.deal-archive-toolbar label > span { overflow: hidden; color: #7389aa; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-toolbar .deal-archive-search { display: flex; align-items: center; gap: 8px; }
.deal-archive-toolbar .deal-archive-search > span { color: #9ab0d0; font-size: 16px; }
.deal-archive-toolbar input,.deal-archive-toolbar select { width: 100%; min-width: 0; min-height: 25px; padding: 0; border: 0; background: transparent; box-shadow: none; color: #f6f9ff; font-size: 12px; }
.deal-archive-toolbar select option { background: #111d31; color: #fff; }
.deal-archive-clear { min-height: 46px; padding: 8px 11px; border: 1px solid rgba(139,164,205,.2); border-radius: 11px; background: rgba(26,43,71,.7); color: #c7d4e8; font-weight: 750; cursor: pointer; }
.deal-archive-results { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 28px; border-bottom: 1px solid rgba(139,164,205,.1); color: #aab9ce; font-size: 12px; }
.deal-archive-results > div { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; }
.deal-archive-results > div > span { overflow: hidden; color: #7f92ae; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-results strong { font-variant-numeric: tabular-nums; }
.deal-archive-select-all { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.deal-archive-select-all input,.deal-archive-select input { width: 17px; height: 17px; accent-color: #6f91ff; }
.deal-archive-bulk { display: flex; align-items: center; gap: 8px; margin: 10px 28px 0; padding: 9px 10px; border: 1px solid rgba(111,145,255,.3); border-radius: 13px; background: rgba(31,56,95,.68); box-shadow: 0 10px 28px rgba(0,0,0,.16); }
.deal-archive-bulk > div { display: flex; align-items: baseline; gap: 6px; margin-right: auto; padding: 0 7px; }
.deal-archive-bulk b { color: #fff; font-size: 18px; }
.deal-archive-bulk span { color: #aebed5; font-size: 11px; }
.deal-archive-bulk button { min-height: 36px; padding: 7px 11px; border: 1px solid rgba(139,164,205,.22); border-radius: 9px; background: rgba(23,40,67,.9); color: #edf3ff; font-size: 11px; font-weight: 750; cursor: pointer; }
.deal-archive-bulk .archive-restore-button,.deal-archive-card-actions .archive-restore-button { border-color: rgba(91,180,132,.38); background: rgba(32,105,69,.32); color: #c6f5da; }
.deal-archive-list { display: grid; align-content: start; gap: 10px; min-height: 0; padding: 14px 28px 34px; overflow-y: auto; overscroll-behavior: contain; }
.deal-archive-card { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 14px; align-items: start; padding: 15px; border: 1px solid rgba(139,164,205,.17); border-radius: 15px; background: rgba(18,32,54,.76); box-shadow: 0 7px 24px rgba(0,0,0,.13); cursor: pointer; transition: border-color .16s ease,background .16s ease; }
.deal-archive-card:hover,.deal-archive-card.is-selected { border-color: rgba(132,170,231,.44); background: rgba(22,39,66,.9); }
.deal-archive-card:focus-visible { outline: 2px solid #7596ff; outline-offset: 2px; }
.deal-archive-card.is-review-due { border-left: 3px solid #f2bd62; }
.deal-archive-select { display: grid; place-items: center; width: 30px; height: 34px; cursor: pointer; }
.deal-archive-card-main { min-width: 0; }
.deal-archive-card-title { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.deal-archive-card-title > div { min-width: 0; }
.deal-archive-card-title h3 { margin: 0 0 3px; overflow: hidden; color: #fff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-card-title p { margin: 0; overflow: hidden; color: #a5b4c9; font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-card-badges { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 10px 0 0; }
.archive-reason-badge,.archive-tag { max-width: 220px; overflow: hidden; padding: 4px 7px; border-radius: 999px; font-size: 10px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.archive-reason-badge { border: 1px solid rgba(242,189,98,.23); background: rgba(242,189,98,.09); color: #f2cf90; }
.archive-tag { border: 1px solid rgba(112,145,255,.24); background: rgba(112,145,255,.1); color: #c8d4ff; }
.archive-review-badge { padding: 4px 7px; border-radius: 999px; background: rgba(74,201,145,.1); color: #9be9c2; font-size: 10px; font-weight: 750; }
.archive-review-badge.is-due { background: rgba(242,189,98,.12); color: #ffd58e; }
.archive-review-badge.is-unscheduled { background: rgba(161,140,255,.12); color: #cec3ff; }
.deal-archive-note { margin: 9px 0 0; overflow: hidden; color: #b8c5d8; font-size: 11px; line-height: 1.45; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.deal-archive-card-meta { display: grid; grid-template-columns: repeat(6,minmax(95px,1fr)); gap: 7px; margin-top: 12px; }
.deal-archive-card-meta span { display: grid; gap: 3px; min-width: 0; padding: 8px 9px; border-radius: 9px; background: rgba(4,11,22,.42); }
.deal-archive-card-meta small { color: #7488a8; font-size: 9px; }
.deal-archive-card-meta b { overflow: hidden; color: #e7eef9; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.deal-archive-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; width: 236px; }
.deal-archive-card-actions,.deal-archive-select { cursor: default; }
.deal-archive-card-actions button { min-height: 36px; padding: 7px 9px; border: 1px solid rgba(139,164,205,.22); border-radius: 9px; background: rgba(26,43,71,.88); color: #f6f9ff; font: inherit; font-size: 10px; font-weight: 750; cursor: pointer; }
.deal-archive-card-actions .danger-link { grid-column: 1 / -1; border-color: rgba(233,103,116,.27); background: rgba(132,39,55,.19); color: #ffc4cb; }
.deal-archive-card-actions .archive-snooze-button { border-color: rgba(242,189,98,.3); background: rgba(132,91,28,.18); color: #f6d69d; }
.deal-archive-empty { display: grid; justify-items: center; gap: 8px; padding: 70px 24px; border: 1px dashed rgba(139,164,205,.22); border-radius: 18px; color: #8fa2bf; text-align: center; }
.deal-archive-empty > span { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 16px; background: rgba(83,126,193,.14); color: #9abcf0; font-size: 25px; }
.deal-archive-empty h3 { margin: 8px 0 0; color: #e8effa; font-size: 19px; }
.deal-archive-empty p { max-width: 500px; margin: 0; font-size: 13px; }
.archive-form-intro { display: grid; gap: 4px; padding: 12px 13px; border: 1px solid rgba(111,145,255,.2); border-radius: 13px; background: rgba(111,145,255,.06); }
.archive-form-intro span { color: #8ca5cf; font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.archive-form-intro b { color: #f3f7ff; font-size: 14px; }
.archive-tag-suggestions { display: flex; flex-wrap: wrap; gap: 6px; }
.archive-tag-suggestions button { padding: 5px 8px; border: 1px solid rgba(111,145,255,.24); border-radius: 999px; background: rgba(111,145,255,.08); color: #c8d5ff; font-size: 10px; cursor: pointer; }
.archive-review-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.archive-review-presets button { min-height: 38px; padding: 7px 9px; border: 1px solid rgba(111,145,255,.24); border-radius: 10px; background: rgba(111,145,255,.08); color: #d9e2ff; font: inherit; font-size: 11px; font-weight: 750; cursor: pointer; }
.archive-review-presets button:hover { border-color: rgba(111,145,255,.56); background: rgba(111,145,255,.16); }
.archive-review-clear { display: flex !important; align-items: center; gap: 9px; min-height: 40px; padding: 9px 11px; border: 1px solid rgba(139,164,205,.16); border-radius: 10px; background: rgba(7,15,27,.38); }
.archive-review-clear input { width: 17px; height: 17px; accent-color: #6f91ff; }
.archive-review-clear span { color: #b9c6d9; font-size: 11px; }
body.deal-archive-open { overflow: hidden; }
body.deal-archive-open #smallModal.show { z-index: 4700; }
#smallModal.archive-modal .small-modal { width: min(640px,100%); border-color: rgba(111,145,255,.34); background: linear-gradient(180deg,#15233a,#101a2c); box-shadow: 0 32px 100px rgba(0,0,0,.58); }
#smallModal.archive-modal .modal-kicker { color: #9bb2ff; }
#smallModal.archive-modal .form-grid { gap: 13px; }

@media (max-width: 1120px) {
  .pipeline-commandbar { grid-template-columns: minmax(150px,.62fr) minmax(280px,1fr) auto; }
  .deal-archive-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .deal-archive-toolbar { grid-template-columns: minmax(260px,1.5fr) repeat(3,minmax(130px,1fr)); }
  .deal-archive-toolbar .deal-archive-clear { min-height: 42px; }
  .deal-archive-card-meta { grid-template-columns: repeat(3,minmax(110px,1fr)); }
}
@media (max-width: 820px) {
  .deal-archive-sheet { width: 100vw; }
  .deal-archive-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .deal-archive-commandbar { align-items: stretch; padding-inline: 14px; }
  .deal-archive-quickviews { flex: 1 1 auto; }
  .deal-archive-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .deal-archive-toolbar .deal-archive-search { grid-column: 1 / -1; }
  .deal-archive-card { grid-template-columns: 28px minmax(0,1fr); }
  .deal-archive-card-actions { grid-column: 2; width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); }
  .deal-archive-card-actions .danger-link { grid-column: auto; }
}
@media (max-width: 680px) {
  .pipeline-command-actions { width: 100%; justify-content: stretch; }
  .pipeline-command-actions > button { flex: 1 1 0; }
  .pipeline-archive-button { min-height: 42px; padding-inline: 10px; }
  .deal-archive-head { padding: 18px 16px 14px; }
  .deal-archive-head h2 { font-size: 23px; }
  .deal-archive-head p { font-size: 12px; }
  .deal-archive-stats { gap: 7px; padding: 10px 14px; }
  .deal-archive-stats article { padding: 9px 10px 9px 13px; }
  .deal-archive-stats b { font-size: 17px; }
  .deal-archive-commandbar { display: grid; gap: 8px; padding: 9px 14px; }
  .deal-archive-quickviews { width: 100%; }
  .deal-archive-quickviews button { min-height: 40px; }
  .deal-archive-export { width: 100%; margin-left: 0; }
  .deal-archive-toolbar { gap: 7px; padding: 10px 14px; }
  .deal-archive-toolbar label { min-height: 43px; }
  .deal-archive-results { padding: 9px 14px; }
  .deal-archive-results > div { display: grid; justify-items: end; gap: 2px; text-align: right; }
  .deal-archive-bulk { align-items: stretch; flex-wrap: wrap; margin: 8px 14px 0; }
  .deal-archive-bulk > div { flex: 1 0 100%; }
  .deal-archive-bulk button { flex: 1 1 130px; }
  .deal-archive-list { padding: 11px 10px calc(28px + env(safe-area-inset-bottom)); }
  .deal-archive-card { grid-template-columns: 24px minmax(0,1fr); gap: 9px; padding: 12px; }
  .deal-archive-card-title { flex-wrap: wrap; }
  .deal-archive-card-meta { grid-template-columns: 1fr 1fr; }
  .deal-archive-card-actions { grid-template-columns: 1fr 1fr; }
  .deal-archive-card-actions .danger-link { grid-column: 1 / -1; }
  .archive-review-presets { grid-template-columns: 1fr; }
}

/* Stage 26 — deal close plans */
.deal-plan-workspace{display:grid;gap:18px;min-width:0}.deal-plan-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(29,42,67,.96),rgba(17,27,46,.96));box-shadow:var(--shadow)}.deal-plan-hero h2{margin:5px 0 7px;font-size:clamp(24px,2.2vw,36px);line-height:1.08}.deal-plan-hero p{max-width:780px;margin:0;color:var(--muted);line-height:1.55}.deal-plan-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.deal-plan-summary article{display:grid;gap:7px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.deal-plan-summary span{font-size:12px;color:var(--muted)}.deal-plan-summary b{font-size:25px;line-height:1}.deal-plan-summary .is-warning b{color:#ffd166}.deal-plan-summary .is-danger b{color:#ff8092}.deal-plan-summary .is-success b{color:#7be3b2}.deal-plan-toolbar{display:grid;grid-template-columns:170px 180px 220px minmax(240px,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(15,24,41,.88)}.deal-plan-toolbar label{display:grid;gap:6px;min-width:0}.deal-plan-toolbar label>span{font-size:11px;color:var(--muted)}.deal-plan-toolbar input,.deal-plan-toolbar select{width:100%;min-width:0}.deal-plan-layout{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:16px;align-items:start;min-height:620px}.deal-plan-list{display:grid;align-content:start;gap:10px;max-height:calc(100vh - 250px);overflow:auto;padding-right:3px;scrollbar-width:thin}.deal-plan-card{width:100%;display:grid;gap:12px;padding:16px;text-align:left;color:var(--text);border:1px solid var(--line);border-radius:18px;background:var(--panel);cursor:pointer;transition:border-color .15s ease,background .15s ease}.deal-plan-card:hover,.deal-plan-card.active{border-color:rgba(111,140,255,.65);background:rgba(31,45,72,.98)}.deal-plan-card.risk-high{border-left:3px solid #ff6f85}.deal-plan-card.risk-moderate{border-left:3px solid #ffd166}.deal-plan-card.risk-low{border-left:3px solid #62d8a4}.deal-plan-card-head{display:flex;justify-content:space-between;gap:12px;min-width:0}.deal-plan-card-head>div:first-child{min-width:0}.deal-plan-card-head span,.deal-plan-card-state span{display:block;color:var(--muted);font-size:11px}.deal-plan-card-head h3{margin:4px 0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal-plan-card-head p{margin:0;color:#c5d0e6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deal-plan-health{--plan-health:0;flex:0 0 58px;display:grid;place-content:center;text-align:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,var(--panel) 56%,transparent 58%),conic-gradient(#7191ff calc(var(--plan-health)*1%),rgba(255,255,255,.08) 0)}.deal-plan-health b{font-size:13px}.deal-plan-health span{font-size:8px}.deal-plan-card-metrics{display:flex;gap:8px;flex-wrap:wrap}.deal-plan-card-metrics span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:#cad4e8;font-size:10px}.deal-plan-card-state{display:grid;gap:3px}.deal-plan-card-state b{font-size:12px}.deal-plan-card>em{font-size:10px;color:#ff9baa;font-style:normal}.deal-plan-detail{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.deal-plan-detail-empty,.deal-plan-onboarding{min-height:360px;display:grid;place-content:center;justify-items:center;gap:10px;padding:35px;text-align:center}.deal-plan-detail-empty span,.deal-plan-onboarding p{max-width:520px;color:var(--muted);line-height:1.55}.deal-plan-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line)}.deal-plan-detail-head span{font-size:11px;color:var(--muted)}.deal-plan-detail-head h2{margin:5px 0;font-size:23px}.deal-plan-detail-head p{margin:0;color:#c7d1e5;font-size:13px}.deal-plan-health-panel{display:flex;align-items:center;gap:16px;margin:18px 22px;padding:15px 17px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.deal-plan-health-panel.risk-high{border-color:rgba(255,111,133,.35)}.deal-plan-health-panel.risk-low{border-color:rgba(98,216,164,.35)}.deal-plan-health-ring{--plan-health:0;flex:0 0 72px;display:grid;place-content:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#162139 55%,transparent 57%),conic-gradient(#7191ff calc(var(--plan-health)*1%),rgba(255,255,255,.08) 0)}.deal-plan-health-ring b{font-size:17px}.deal-plan-health-panel span{font-size:11px;color:var(--muted)}.deal-plan-health-panel h3{margin:3px 0;font-size:17px}.deal-plan-health-panel p{margin:0;color:#c7d1e5;font-size:12px}.deal-plan-gaps{display:flex;gap:7px;flex-wrap:wrap;margin:0 22px 18px}.deal-plan-gaps span{padding:6px 9px;border:1px solid rgba(255,193,92,.22);border-radius:9px;background:rgba(255,193,92,.08);color:#f4d6a0;font-size:10px}.deal-plan-form{display:grid;gap:14px;padding:0 22px 22px}.deal-plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.deal-plan-form-grid label{display:grid;align-content:start;gap:6px;min-width:0}.deal-plan-form-grid label>span{font-size:11px;color:var(--muted)}.deal-plan-form-grid .span-2{grid-column:1/-1}.deal-plan-form input,.deal-plan-form select,.deal-plan-form textarea,.deal-plan-inline-form input,.deal-plan-inline-form select{width:100%;min-width:0}.deal-plan-form textarea{resize:vertical;min-height:70px}.deal-plan-form>.primary-button{justify-self:start}.deal-plan-section{display:grid;gap:12px;padding:20px 22px;border-top:1px solid var(--line)}.deal-plan-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.deal-plan-section-head span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.deal-plan-section-head h3{margin:3px 0 0;font-size:17px}.deal-plan-section-head>b{display:grid;place-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:12px;background:rgba(111,140,255,.12);color:#aebeff}.deal-stakeholder-list,.deal-plan-step-list{display:grid;gap:8px}.deal-stakeholder{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.deal-stakeholder>div:first-child{display:grid;gap:3px;min-width:0}.deal-stakeholder b{font-size:13px}.deal-stakeholder span{font-size:10px;color:var(--muted)}.deal-stakeholder-tags{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.deal-stakeholder-tags span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.05);color:#cbd5e8}.deal-stakeholder>button,.deal-plan-step-delete{width:30px;height:30px;padding:0;border:0;border-radius:9px;background:rgba(255,111,133,.08);color:#ff98a8}.deal-plan-step{display:grid;grid-template-columns:32px minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.deal-plan-step.status-done{opacity:.72}.deal-plan-step.is-overdue{border-color:rgba(255,111,133,.35)}.deal-plan-step-toggle{width:30px;height:30px;padding:0;border:1px solid rgba(111,140,255,.3);border-radius:10px;background:rgba(111,140,255,.08);color:#fff}.deal-plan-step.status-done .deal-plan-step-toggle{background:#4db987;border-color:#4db987}.deal-plan-step>div{display:grid;gap:3px;min-width:0}.deal-plan-step b{font-size:12px}.deal-plan-step span,.deal-plan-step small{font-size:10px;color:var(--muted)}.deal-plan-step>em{font-size:10px;color:#c8d2e5;font-style:normal}.deal-plan-inline-form{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.deal-plan-inline-form.step-form{grid-template-columns:minmax(180px,1.4fr) 120px 170px 160px auto auto}.deal-plan-required{display:flex;align-items:center;gap:7px;min-height:42px;font-size:10px;color:var(--muted)}.deal-plan-required input{width:16px;height:16px}.deal-close-plan-summary button{justify-self:start;padding:5px 8px;border:1px solid rgba(111,140,255,.28);border-radius:8px;background:rgba(111,140,255,.08);color:#bfcaff;font-size:10px}.deal-health-summary .deal-close-plan-summary{display:grid;gap:4px}.deal-close-plan-summary .risk-high{color:#ff98a8}.deal-close-plan-summary .risk-moderate{color:#ffd27b}.deal-close-plan-summary .risk-low{color:#78dfaf}
@media(max-width:1180px){.deal-plan-layout{grid-template-columns:330px minmax(0,1fr)}.deal-plan-inline-form,.deal-plan-inline-form.step-form{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-plan-inline-form button{justify-self:start}.deal-plan-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.deal-plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-plan-layout{grid-template-columns:1fr}.deal-plan-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible;padding:0}.deal-plan-detail{min-height:0}.deal-plan-hero{align-items:flex-start}}
@media(max-width:680px){.deal-plan-hero{display:grid;padding:18px}.deal-plan-hero .secondary-button{justify-self:start}.deal-plan-summary{gap:8px}.deal-plan-summary article{padding:13px}.deal-plan-toolbar{grid-template-columns:1fr}.deal-plan-list{grid-template-columns:1fr}.deal-plan-detail-head{padding:17px;display:grid}.deal-plan-health-panel{margin:14px}.deal-plan-gaps{margin:0 14px 14px}.deal-plan-form{padding:0 14px 16px}.deal-plan-form-grid{grid-template-columns:1fr}.deal-plan-form-grid .span-2{grid-column:auto}.deal-plan-section{padding:16px 14px}.deal-stakeholder{grid-template-columns:minmax(0,1fr) 30px}.deal-stakeholder-tags{grid-column:1/-1;grid-row:2}.deal-plan-step{grid-template-columns:32px minmax(0,1fr) 30px}.deal-plan-step>em{grid-column:2}.deal-plan-inline-form,.deal-plan-inline-form.step-form{grid-template-columns:1fr}.deal-plan-required{min-height:28px}}

/* Stage 27 — mutual action plans */
.deal-plan-tabs{display:flex;gap:6px;margin:0 22px;padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(7,14,27,.44)}.deal-plan-tabs button{flex:1;min-height:36px;padding:7px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;font-weight:800}.deal-plan-tabs button.active{background:rgba(111,140,255,.16);color:#f7f9ff;box-shadow:inset 0 0 0 1px rgba(111,140,255,.22)}.deal-plan-tab-content{display:grid;min-width:0}.map-strategy-form{padding-top:20px}.deal-map-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:18px 22px 0}.deal-map-summary article{display:grid;gap:6px;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.deal-map-summary span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.deal-map-summary b{overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.deal-map-summary.health-at_risk article:last-child b{color:#ff98a8}.deal-map-summary.health-needs_confirmation article:last-child b{color:#ffd27b}.deal-map-summary.health-on_track article:last-child b,.deal-map-summary.health-complete article:last-child b{color:#78dfaf}.deal-map-roadmap{border-top:0}.deal-map-roadmap>.deal-plan-section-head .secondary-button,.deal-map-history>.deal-plan-section-head .secondary-button{white-space:nowrap}.deal-map-legend{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font-size:10px}.deal-map-legend span{display:flex;align-items:center;gap:5px}.deal-map-legend i{width:8px;height:8px;border-radius:50%;background:#7795ff}.deal-map-legend i.client{background:#f3b95f}.deal-map-legend i.shared{background:#63d7aa}.deal-map-step{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(112px,auto) 76px;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-left:3px solid #7795ff;border-radius:15px;background:rgba(255,255,255,.026)}.deal-map-step.responsibility-client{border-left-color:#f3b95f}.deal-map-step.responsibility-shared{border-left-color:#63d7aa}.deal-map-step.responsibility-internal{border-left-color:#8a96aa}.deal-map-step.is-overdue{border-color:rgba(255,111,133,.4);border-left-color:#ff6f85}.deal-map-step.status-done{opacity:.7}.deal-map-step-main{display:grid;gap:6px;min-width:0}.deal-map-step-title{display:flex;align-items:center;gap:8px;min-width:0}.deal-map-step-title b{min-width:0;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.deal-map-step-title>span{flex:0 0 auto;padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.055);color:#cbd5e8;font-size:8px;font-weight:800}.deal-map-step-meta{display:flex;gap:7px;flex-wrap:wrap}.deal-map-step-meta span{color:var(--muted);font-size:9px}.deal-map-step-main p{margin:0;color:#c8d2e5;font-size:10px;line-height:1.45}.deal-map-dependency{color:#a9baff;font-size:9px}.deal-map-step-state{display:grid;justify-items:start;gap:5px}.deal-map-step-state em,.deal-map-step-state span{font-size:9px;font-style:normal}.deal-map-step-state span{padding:4px 6px;border-radius:7px;background:rgba(255,255,255,.045);color:var(--muted)}.deal-map-step-state .confirmation-confirmed{color:#84e6be;background:rgba(67,211,159,.1)}.deal-map-step-state .confirmation-requested{color:#ffd18a;background:rgba(255,191,89,.1)}.deal-map-step-state .confirmation-rejected{color:#ff9baa;background:rgba(255,97,120,.1)}.deal-map-step-actions{display:flex;justify-content:flex-end;gap:5px}.deal-map-step-actions button{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:#ced8eb}.deal-map-step-actions button:hover{border-color:rgba(111,140,255,.48);color:#fff}.deal-map-step-form{display:grid;gap:13px;margin-top:5px;padding:16px;border:1px solid rgba(111,140,255,.2);border-radius:17px;background:rgba(111,140,255,.035)}.deal-map-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.deal-map-form-head span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.deal-map-form-head h3{margin:3px 0 0;font-size:15px}.deal-map-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deal-map-form-grid label{display:grid;align-content:start;gap:5px;min-width:0}.deal-map-form-grid label>span{color:var(--muted);font-size:9px}.deal-map-form-grid .span-2{grid-column:1/-1}.deal-map-form-grid input,.deal-map-form-grid select,.deal-map-form-grid textarea{width:100%;min-width:0}.deal-map-form-grid textarea{resize:vertical}.deal-map-step-form>.primary-button{justify-self:start}.deal-map-snapshots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deal-map-snapshots article{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.deal-map-snapshots b{font-size:11px}.deal-map-snapshots span{color:var(--muted);font-size:9px}.deal-map-events{display:grid;gap:0}.deal-map-event{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;padding:0 0 14px}.deal-map-event i{position:relative;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#7896ff;box-shadow:0 0 0 4px rgba(120,150,255,.1)}.deal-map-event:not(:last-child) i:after{content:"";position:absolute;top:12px;left:3px;width:1px;height:calc(100% + 8px);background:var(--line)}.deal-map-event div{display:grid;gap:4px}.deal-map-event b{font-size:11px}.deal-map-event span{color:var(--muted);font-size:9px}
@media(max-width:1180px){.deal-map-step{grid-template-columns:34px minmax(0,1fr) 76px}.deal-map-step-state{grid-column:2}.deal-map-step-actions{grid-column:3;grid-row:1/3}}
@media(max-width:680px){.deal-plan-tabs{margin:0 14px;overflow:auto}.deal-plan-tabs button{min-width:110px}.deal-map-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 14px 0}.deal-map-step{grid-template-columns:32px minmax(0,1fr);gap:9px}.deal-map-step-main{min-width:0}.deal-map-step-title{align-items:flex-start;flex-wrap:wrap}.deal-map-step-title b{white-space:normal}.deal-map-step-state{grid-column:2}.deal-map-step-actions{grid-column:2;grid-row:auto;justify-content:flex-start}.deal-map-form-grid{grid-template-columns:1fr}.deal-map-form-grid .span-2{grid-column:auto}.deal-map-snapshots{grid-template-columns:1fr}.deal-map-roadmap>.deal-plan-section-head,.deal-map-history>.deal-plan-section-head{align-items:flex-start}.deal-map-roadmap>.deal-plan-section-head .secondary-button,.deal-map-history>.deal-plan-section-head .secondary-button{padding:8px 10px;font-size:9px}}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  min-width: 320px;
  min-height: 100dvh;
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 80% 0, rgba(56, 217, 255, .08), transparent 28rem),
    radial-gradient(circle at 10% 80%, rgba(124, 92, 255, .08), transparent 30rem),
    var(--bg);
  font-size: 14px;
  line-height: 1.45;
}
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
[hidden] { display: none !important; }
.mesh, .grain { display: none; }
.empty {
  min-height: 92px;
  display: grid;
  place-items: center;
  padding: 20px;
  color: var(--muted);
  border: 1px dashed var(--line);
  border-radius: 14px;
  text-align: center;
}
.full { grid-column: 1 / -1; }

.app-loading {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--bg);
  transition: opacity .2s ease, visibility .2s ease;
}
.app-loading.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-card {
  width: min(390px, 100%);
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: var(--surface);
  box-shadow: var(--shadow);
}
.loader-card p { margin: 4px 0 0; color: var(--muted); }
.loader-brand-image { max-width: 64px; max-height: 48px; object-fit: contain; }
.loader-line {
  grid-column: 1 / -1;
  height: 3px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.loader-line i {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  animation: loader 1.2s ease-in-out infinite alternate;
}
@keyframes loader { to { transform: translateX(140%); } }

.auth-screen {
  position: fixed;
  inset: 0;
  z-index: 900;
  display: none;
  place-items: center;
  overflow: auto;
  overscroll-behavior: contain;
  padding: max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));
  background:
    radial-gradient(circle at 50% 10%, rgba(56,217,255,.12), transparent 30rem),
    var(--bg);
}
body.auth-locked { height: 100dvh; overflow: hidden; }
body.auth-locked .auth-screen { display: grid; }
body.auth-locked .layout,
body.auth-locked .mobile-bar,
body.auth-locked .drawer,
body.auth-locked .drawer-backdrop { display: none !important; }
.auth-card {
  width: min(420px, 100%);
  padding: 30px;
  border: 1px solid var(--line-strong);
  border-radius: 26px;
  background: linear-gradient(150deg, rgba(17,25,42,.98), rgba(9,14,25,.98));
  box-shadow: var(--shadow);
}
.auth-brand { display: flex; justify-content: center; margin-bottom: 22px; }
.auth-brand-image { width: min(250px, 80%); max-height: 82px; object-fit: contain; }
.auth-copy { text-align: center; }
.auth-copy h1 { margin: 0 0 22px; font-size: 27px; }
.auth-form { display: grid; gap: 16px; }
.auth-form label, .form-grid label, .drawer-edit-form label, .drawer-comment-form label {
  display: grid;
  gap: 7px;
  color: var(--soft);
  font-weight: 600;
}
.auth-form label > span, .form-grid label > span, .drawer-edit-form label > span, .drawer-comment-form label > span {
  color: var(--muted);
  font-size: 12px;
}
.password-field { position: relative; }
.password-field input { width: 100%; padding-right: 92px; }
.password-field button {
  position: absolute;
  top: 7px;
  right: 7px;
  min-height: 34px;
  border: 0;
  border-radius: 9px;
  background: var(--surface-3);
}
.auth-error { min-height: 20px; color: #ff9baa; text-align: center; }

input, select, textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  color: var(--text);
  background: #0a101d;
}
textarea { resize: vertical; min-height: 90px; }
input::placeholder, textarea::placeholder { color: #6f7d96; }
select option { color: var(--text); background: #0a101d; }

.primary-button, .secondary-button, .glass-button, .ghost-small, .icon-button,
.drawer-actions button, .drawer-actions a, .contact-actions button, .contact-actions a,
.column-add, .kanban-add-column, .table-actions button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 9px 14px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background: var(--surface-2);
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.primary-button {
  border-color: transparent;
  color: #04121a;
  font-weight: 800;
  background: linear-gradient(135deg, var(--accent), #8aeaff);
}
.secondary-button:hover, .glass-button:hover, .ghost-small:hover,
.drawer-actions button:hover, .contact-actions button:hover, .column-add:hover {
  border-color: rgba(56,217,255,.45);
  background: var(--surface-3);
}
.primary-button:hover { transform: translateY(-1px); }
button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.danger-button, .drawer-delete-button {
  border-color: rgba(255,97,120,.35) !important;
  color: #ff9baa !important;
  background: rgba(255,97,120,.09) !important;
}

.layout { min-height: 100dvh; }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 40;
  width: var(--sidebar);
  border-right: 1px solid var(--line);
  background: rgba(9,14,25,.95);
  backdrop-filter: blur(18px);
}
.sidebar-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: auto;
  scrollbar-width: none;
  padding: 20px 16px;
}
.sidebar-inner::-webkit-scrollbar { display: none; }
.brand { display: flex; justify-content: center; min-height: 62px; }
.sidebar-brand-image { width: 190px; max-height: 62px; object-fit: contain; }
.visually-hidden-brand {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.profile-card, .side-metric {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface);
}
.profile-top { display: flex; align-items: center; gap: 11px; min-width: 0; }
.profile-top > div:last-child { min-width: 0; }
.profile-top b, .profile-top span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-top span, .pulse-row, .side-metric span, .side-metric p { color: var(--muted); font-size: 12px; }
.avatar-ring {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #05131a;
  font-weight: 900;
  background: var(--accent);
}
.pulse-row { margin-top: 10px; }
.pulse-row i, .status-pill-live i {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 6px;
  border-radius: 50%;
  background: var(--success);
}
.nav { display: grid; gap: 6px; }
.nav-link {
  min-height: 44px;
  display: grid;
  grid-template-columns: 28px 1fr;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 8px 12px;
  color: var(--muted);
  text-align: left;
  cursor: pointer;
  background: transparent;
}
.nav-link b { font-size: 14px; }
.nav-link:hover, .nav-link.active {
  color: var(--text);
  border-color: var(--line);
  background: var(--surface-2);
}
.nav-link.active { box-shadow: inset 3px 0 var(--accent); }
.side-metric { margin-top: auto; }
.side-metric strong { display: block; margin-top: 5px; font-size: 20px; }

.main {
  min-width: 0;
  margin-left: var(--sidebar);
  padding: 18px clamp(16px, 2vw, 30px) 36px;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: -18px calc(clamp(16px, 2vw, 30px) * -1) 18px;
  padding: 12px clamp(16px, 2vw, 30px);
  border-bottom: 1px solid var(--line);
  background: rgba(7,10,18,.88);
  backdrop-filter: blur(18px);
}
.title-box { min-width: 130px; }
.title-box h1 { margin: 0; font-size: 22px; }
.overline { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.top-actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.search-box {
  width: min(360px, 30vw);
  min-width: 200px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0 10px;
  background: var(--surface);
}
.search-box input { min-height: 40px; border: 0; padding: 8px 0; background: transparent; }
.status-pill-live, .sync-pill, .user-pill {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 11px;
  color: var(--soft);
  white-space: nowrap;
  background: var(--surface);
}
.sync-pill { color: var(--muted); font-size: 11px; }
.sales-alert-badge {
  min-height: 38px;
  border: 1px solid rgba(68, 214, 157, .25);
  border-radius: 999px;
  padding: 7px 12px;
  color: #8ce9c4;
  white-space: nowrap;
  background: rgba(68, 214, 157, .08);
}
.sales-alert-badge.has-alerts { border-color: rgba(255, 191, 89, .34); color: #ffd38a; background: rgba(255, 191, 89, .1); }
.status-bad i { background: var(--danger); }
.status-loading i { background: var(--warning); }
.mobile-bar { display: none; }

.workspace-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.workspace-tile {
  min-height: 72px;
  display: grid;
  gap: 5px;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 14px 16px;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  background: var(--surface);
}
.workspace-tile span { color: var(--muted); font-size: 11px; }
.workspace-tile b { font-size: 15px; }
.accent-tile { border-color: rgba(56,217,255,.32); background: rgba(56,217,255,.09); }
.view { display: none; min-width: 0; }
.view.active { display: block; }
#users.active, #settings.active { display: grid; gap: 18px; }

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  min-height: 290px;
  overflow: hidden;
  margin-bottom: 16px;
  padding: clamp(24px, 4vw, 46px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(140deg, rgba(17,25,42,.98), rgba(10,16,29,.96));
  box-shadow: var(--shadow);
}
.hero-copy h2 { margin: 10px 0; font-size: clamp(30px, 4vw, 52px); line-height: 1.05; }
.hero-copy p { max-width: 620px; margin: 0; color: var(--muted); font-size: 15px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.badge { display: inline-flex; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.command-card {
  align-self: center;
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--line-strong);
  border-radius: 20px;
  background: rgba(7,12,23,.75);
}
.window-dots { display: flex; gap: 5px; }
.window-dots span { width: 7px; height: 7px; border-radius: 50%; background: var(--line-strong); }
.command-head { display: flex; justify-content: space-between; margin: 20px 0 14px; }
.command-head small { color: var(--muted); }
.command-head strong { font-size: 26px; }
.mini-bars { display: grid; gap: 8px; }
.mini-bars i { width: var(--w); height: 5px; border-radius: 999px; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }
.floating-deal { display: flex; justify-content: space-between; gap: 10px; margin-top: 12px; padding: 11px; border-radius: 12px; background: var(--surface-2); }
.floating-deal span { color: var(--accent); }
.dimmed { opacity: .66; }

.kpi-grid, .smart-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.smart-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kpi-card, .smart-card, .panel {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}
.kpi-card, .smart-card { padding: 18px; }
.kpi-card span, .smart-card span, .kpi-card small, .smart-card p { color: var(--muted); }
.kpi-card strong { display: block; margin: 8px 0 4px; overflow-wrap: anywhere; font-size: clamp(22px, 2.2vw, 34px); }
.smart-card b { display: block; margin: 7px 0; font-size: 16px; }
.smart-card p { margin: 0; font-size: 12px; }
.attention-panel { margin-bottom: 16px; }
.sales-attention { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.attention-item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 12px;
  color: var(--text);
  text-align: left;
  background: var(--surface-2);
}
.attention-item:hover { border-color: var(--line-strong); }
.attention-item > i { width: 8px; height: 8px; border-radius: 50%; background: var(--warning); }
.attention-item.severity-high > i { background: var(--danger); box-shadow: 0 0 14px rgba(255,97,120,.5); }
.attention-item span, .attention-item b, .attention-item small { min-width: 0; display: block; }
.attention-item b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.attention-item small, .attention-item time { color: var(--muted); font-size: 10px; }
.attention-empty { grid-column: 1 / -1; display: grid; gap: 4px; place-items: center; padding: 24px; color: #8ce9c4; text-align: center; }
.attention-empty span { color: var(--muted); font-size: 12px; }
.dashboard-grid, .tasks-layout, .analytics-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
  gap: 16px;
  margin-bottom: 16px;
}
.dashboard-grid:has(> .wide:only-child) { grid-template-columns: 1fr; }
.panel { padding: 20px; }
.panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.panel-head h3 { margin: 0; font-size: 18px; }
.panel-head p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }

.funnel { display: grid; gap: 8px; }
.funnel-row {
  display: grid;
  grid-template-columns: 34px minmax(120px, .8fr) minmax(140px, 1.5fr) 44px 100px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 10px;
  color: var(--text);
  text-align: left;
  cursor: pointer;
  background: var(--surface-2);
}
.funnel-row:hover { border-color: var(--line-strong); }
.funnel-index { color: var(--accent); font-size: 11px; font-weight: 800; }
.funnel-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.funnel-track { height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }
.funnel-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent-2)); }
.funnel-row small { color: var(--muted); text-align: right; }

.table-wrap { width: 100%; overflow: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 12px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
th { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
tbody tr:last-child td { border-bottom: 0; }
.clickable-row { cursor: pointer; }
.clickable-row:hover { background: rgba(255,255,255,.025); }
.client-cell b, .client-cell span { display: block; }
.client-cell span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.status-pill, .source-chip, .temp-pill, .priority {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 999px;
  padding: 4px 9px;
  color: var(--soft);
  font-size: 10px;
  font-weight: 800;
  background: rgba(255,255,255,.06);
}
.temp-hot, .priority.high { color: #ff9baa; background: rgba(255,97,120,.12); }
.temp-warm, .priority.medium { color: #ffd38a; background: rgba(255,191,89,.12); }
.temp-cold, .priority.low { color: #9fefff; background: rgba(56,217,255,.12); }

#pipeline { min-height: calc(100dvh - 106px); }
.kanban-shell {
  min-height: calc(100dvh - 106px);
  overflow-x: auto;
  overflow-y: visible;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x pan-y;
}
.kanban-shell::-webkit-scrollbar { display: none; }
.kanban-shell.is-panning { cursor: grabbing; user-select: none; }
.kanban {
  width: max-content;
  min-width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 2px 2px 30px;
}
.kanban-column {
  width: 300px;
  flex: 0 0 300px;
  min-height: calc(100dvh - 130px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(13,18,32,.94);
}
.kanban-column.is-over { border-color: var(--accent); background: rgba(56,217,255,.06); }
.column-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 66px;
  padding: 12px;
  border-bottom: 1px solid var(--line);
}
.column-heading { min-width: 0; display: flex; align-items: center; gap: 10px; }
.column-heading > span { color: var(--accent); font-size: 10px; font-weight: 800; }
.column-heading div { min-width: 0; }
.column-heading h3 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.column-heading small { color: var(--muted); font-size: 11px; }
.column-count {
  min-width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--surface-3);
}
.column-actions { display: flex; gap: 4px; }
.column-actions button {
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--soft);
  cursor: pointer;
  background: transparent;
}
.column-actions button:hover { border-color: var(--accent); color: #fff; }
.kanban-list { min-height: 150px; display: grid; align-content: start; gap: 9px; padding: 10px; }
.column-empty { min-height: 100px; display: grid; place-items: center; color: var(--muted); font-size: 12px; }
.column-add {
  width: calc(100% - 20px);
  margin: 0 10px 10px;
  min-height: 38px;
  color: #fff;
  background: transparent;
}
.kanban-add-column {
  width: 240px;
  min-height: 130px;
  flex: 0 0 240px;
  border-style: dashed;
  color: var(--soft);
  background: rgba(255,255,255,.025);
}
.deal-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  padding: 12px;
  cursor: pointer;
  background: var(--surface-2);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}
.deal-card:hover { border-color: var(--line-strong); }
.deal-card.deal-needs-attention { border-color: rgba(255, 191, 89, .32); }
.deal-card.dragging { opacity: .45; }
.deal-card-top, .deal-card-value, .deal-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.deal-card h4 { margin: 11px 0 4px; overflow-wrap: anywhere; font-size: 15px; }
.deal-card p { min-height: 36px; margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.deal-card-value b { font-size: 15px; }
.deal-card-value span { max-width: 120px; overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.deal-card-actions { margin-top: 12px; }
.deal-card-actions button {
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 5px 9px;
  color: #fff;
  cursor: pointer;
  background: transparent;
}
.deal-card-actions button:first-child { flex: 1; }

/* Release 2.29.2 — pipeline interaction and compatibility recovery */
#apiStatus { cursor: pointer; user-select: none; }
#apiStatus:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
#apiStatus.status-bad { max-width: 190px; }
#apiStatus.status-bad span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deal-compatibility-note {
  margin: 16px 0 96px;
  border: 1px solid rgba(255,191,89,.24);
  border-radius: 13px;
  padding: 12px 14px;
  color: #ffdca0;
  background: rgba(255,191,89,.08);
  font-size: 12px;
  line-height: 1.5;
}
.drawer-info-grid > div {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 11px 12px;
  background: var(--surface-2);
}
.drawer-info-grid > div > span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.drawer-info-grid > div > b { display: block; overflow-wrap: anywhere; color: var(--text); font-size: 13px; }
.phone-icon { width: 34px; padding: 0 !important; }

.contacts-tools {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.contacts-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.contacts-summary { flex: 1; display: grid; grid-template-columns: repeat(3, minmax(100px, 1fr)); gap: 8px; }
.contacts-summary > div, .admin-stats > div, .tiny-grid > div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-2);
}
.contacts-summary span, .admin-stats span, .tiny-grid span { display: block; color: var(--muted); font-size: 10px; }
.sort-control { min-width: 220px; display: grid; gap: 6px; color: var(--muted); font-size: 11px; }
.sort-control select { min-height: 40px; }
.contacts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.contact-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 16px;
  background: var(--surface-2);
}
.contact-card-top, .contact-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.contact-avatar {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #04131a;
  font-weight: 900;
  background: var(--accent);
}
.contact-card h4 { margin: 13px 0 4px; font-size: 16px; }
.contact-card > p { min-height: 38px; margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.contact-data { display: grid; gap: 7px; }
.contact-data > div { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; }
.contact-data span { color: var(--muted); }
.contact-data b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.contact-actions { margin-top: 14px; }
.contact-actions > * { min-height: 36px; flex: 1; padding: 7px 10px; }

.task-list { display: grid; gap: 8px; }
.task-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 30px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface-2);
}
.task-item.done { opacity: .55; }
.task-item.done b { text-decoration: line-through; }
.task-item.task-overdue { border-color: rgba(255,97,120,.28); background: rgba(255,97,120,.055); }
.task-item.task-overdue > div span { color: #ff9baa; }
.task-item > div b, .task-item > div span { display: block; }
.task-item > div span { color: var(--muted); font-size: 11px; }
.check, .delete-task {
  width: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--soft);
  cursor: pointer;
  background: transparent;
}
.progress-ring {
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  margin: 20px auto;
  border-radius: 50%;
  background: conic-gradient(var(--accent) var(--progress, 0%), var(--surface-3) 0);
}
.progress-ring::before {
  content: "";
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: var(--surface);
}
.progress-ring span { position: absolute; font-size: 24px; font-weight: 800; }
.tiny-grid, .admin-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.admin-stats { margin-bottom: 16px; }

.chart { min-height: 310px; display: flex; align-items: end; gap: 14px; overflow-x: auto; padding-top: 20px; }
.chart-bar { width: 100px; min-width: 80px; display: grid; gap: 8px; text-align: center; }
.chart-track { height: 220px; display: flex; align-items: end; border-radius: 12px; background: var(--surface-2); }
.chart-track i { width: 100%; min-height: 5px; border-radius: 12px; background: linear-gradient(180deg, var(--accent), var(--accent-2)); }
.chart-bar span { color: var(--muted); font-size: 10px; }
.chart-bar b { font-size: 11px; }
.donut {
  width: 160px;
  height: 160px;
  display: grid;
  place-items: center;
  margin: 20px auto;
  border-radius: 50%;
  background: conic-gradient(var(--accent) 42%, var(--accent-2) 42% 68%, var(--surface-3) 68%);
}
.donut::before { content: ""; width: 112px; height: 112px; border-radius: 50%; background: var(--surface); }
.donut span { position: absolute; font-weight: 800; }
.source-list { display: grid; gap: 8px; }
.source-row { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.source-row span { color: var(--muted); }

.form-grid, .drawer-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}
.settings-actions { margin-top: 16px; }
.form-grid small { color: var(--muted); font-size: 11px; line-height: 1.4; }
.security-panel { max-width: 980px; }
.migration-panel { max-width: 980px; border-color: rgba(95, 123, 255, .2); }
.migration-panel .panel-head { align-items: center; }
.migration-note {
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 12px;
  color: var(--muted);
  background: rgba(255, 255, 255, .025);
  font-size: 13px;
  line-height: 1.5;
}
.audit-table-wrap table { min-width: 760px; }
.report-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.report-panel { min-width: 0; }
.report-panel table { min-width: 660px; }
.loss-panel { grid-column: 1 / -1; }
.loss-report { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; }
.loss-row { display: flex; justify-content: space-between; gap: 12px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-2); }
.loss-row span { overflow-wrap: anywhere; color: var(--muted); }

.deal-card-owner { display: flex; justify-content: space-between; gap: 8px; margin-top: 9px; color: var(--muted); font-size: 11px; }
.deal-card-owner small { color: var(--accent-2); }
.deal-card-owner small.is-overdue, .is-overdue { color: #ff9baa !important; }
.deal-health { margin: 10px 0 0; padding: 7px 9px; border-radius: 9px; font-size: 10px; font-weight: 800; }
.health-danger, .health-lost { color: #ff9baa; background: rgba(255,97,120,.1); }
.health-warning, .health-pending { color: #ffd38a; background: rgba(255,191,89,.1); }
.deal-health-summary { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; margin: 0 0 14px; }
.deal-health-summary > div { min-width: 0; padding: 10px 11px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.deal-health-summary span, .deal-health-summary b { display: block; overflow-wrap: anywhere; }
.deal-health-summary span { color: var(--muted); font-size: 10px; }
.deal-health-summary b { margin-top: 4px; font-size: 11px; }
.sla-met { color: #8ce9c4; }
.sla-pending { color: #ffd38a; }
.sla-breached { color: #ff9baa; }
.loss-reason-field[hidden] { display: none !important; }
.drawer-relation { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; margin: 0 0 14px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.drawer-relation span, .drawer-relation small { color: var(--muted); font-size: 11px; }
.drawer-section { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.drawer-section h3 { margin: 0 0 12px; font-size: 14px; }
.linked-deals { display: grid; gap: 8px; }
.linked-deal { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 12px; padding: 11px 12px; text-align: left; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); color: var(--text); }
.linked-deal span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.linked-deal small { grid-column: 1 / -1; color: var(--muted); }
.timeline { display: grid; gap: 0; }
.timeline-item { position: relative; display: grid; grid-template-columns: 14px minmax(0,1fr); gap: 10px; padding-bottom: 14px; }
.timeline-item::before { content: ''; position: absolute; left: 6px; top: 12px; bottom: -2px; width: 1px; background: var(--line); }
.timeline-item:last-child::before { display: none; }
.timeline-item > i { position: relative; z-index: 1; width: 13px; height: 13px; margin-top: 3px; border: 3px solid var(--surface); border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.timeline-item > div > div { display: flex; justify-content: space-between; gap: 10px; }
.timeline-item b { font-size: 12px; }
.timeline-item time, .timeline-item small { color: var(--muted); font-size: 10px; }
.timeline-item p { margin: 5px 0; color: var(--soft); font-size: 12px; white-space: pre-wrap; }
.table-actions { display: flex; gap: 6px; }
.table-actions button { min-height: 34px; padding: 6px 9px; }

.modal-backdrop, .drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(5px);
}
.modal-backdrop { display: none; place-items: center; overflow: auto; padding: 24px; }
.modal-backdrop.show { display: grid; }
.modal-backdrop.show { z-index: 3200; }
body.modal-open { overflow: hidden; }
.modal {
  position: relative;
  width: min(720px, 100%);
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: 24px;
  border: 1px solid var(--line-strong);
  border-radius: 22px;
  background: var(--surface);
  box-shadow: var(--shadow);
}
.small-modal { width: min(560px, 100%); }
.modal h2 { margin: 4px 0 20px; }
.modal-kicker { color: var(--accent); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.modal-close, .drawer-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: #fff;
  cursor: pointer;
  background: var(--surface-3);
}

.drawer-backdrop { z-index: 110; }
.drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 120;
  width: min(560px, 100vw);
  overflow: auto;
  transform: translateX(102%);
  border-left: 1px solid var(--line-strong);
  padding: 24px;
  background: var(--surface);
  box-shadow: var(--shadow);
  transition: transform .2s ease;
}
.drawer.show { transform: translateX(0); }
body.drawer-open { overflow: hidden; }
.deal-drawer-head {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-right: 48px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 18px;
}
.deal-drawer-head span:first-child { color: var(--accent); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.deal-drawer-head h2 { margin: 4px 0 0; overflow-wrap: anywhere; font-size: 24px; }
.drawer-edit-form, .drawer-comment-form { display: grid; gap: 14px; }
.drawer-comment-form { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.technical-info {
  margin: 16px 0 112px;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px;
  background: var(--surface-2);
}
.technical-info summary { cursor: pointer; font-weight: 700; }
.technical-info dl { display: grid; gap: 8px; margin: 12px 0 0; }
.technical-info dl div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; }
.technical-info dt { color: var(--muted); }
.technical-info dd { margin: 0; overflow-wrap: anywhere; }
.drawer-actions {
  position: sticky;
  bottom: -24px;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 18px -24px -24px;
  padding: 14px 24px max(14px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
  background: rgba(13,18,32,.96);
  backdrop-filter: blur(14px);
}
.drawer-actions .drawer-delete-button { grid-column: 1 / -1; }

/* Deal workspace redesign — focused, responsive and action-oriented */
#dealDrawer { width: min(820px, 100vw); padding: 0; background: #0b1220; }
#dealDrawer > #drawerContent { min-height: 100%; }
#dealDrawer .drawer-close { position: fixed; }
.deal-drawer-workspace { min-height: 100%; padding: 24px 26px 0; }
.deal-drawer-head-v2 {
  min-height: 86px;
  align-items: flex-start;
  margin: 0;
  padding: 4px 58px 18px 0;
}
.deal-drawer-head-v2 > div { min-width: 0; }
.deal-drawer-head-v2 h2 { max-width: 520px; font-size: clamp(22px, 3vw, 30px); line-height: 1.15; }
.deal-drawer-head-v2 p { margin: 7px 0 0; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.deal-drawer-head-v2 > .temp-pill { flex: 0 0 auto; margin-top: 6px; }
.deal-drawer-kpis {
  display: grid;
  grid-template-columns: 1.1fr .9fr 1fr 1.25fr;
  gap: 9px;
  margin: 16px 0;
}
.deal-drawer-kpis article {
  min-width: 0;
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 12px 13px;
  border: 1px solid rgba(151,171,207,.14);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
.deal-drawer-kpis article.is-overdue { border-color: rgba(255,97,120,.32); background: rgba(255,97,120,.065); }
.deal-drawer-kpis span { color: #8595ad; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.deal-drawer-kpis strong { min-width: 0; overflow: hidden; color: #f3f7ff; font-size: 13px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.deal-drawer-kpis article:first-child strong { font-size: 19px; }
.deal-stage-value.is-success { color: #83e7bf; }
.deal-stage-value.is-danger { color: #ff9baa; }
.deal-stage-value.is-progress { color: #9eb6ff; }
.deal-stage-value.is-neutral { color: #dce5f5; }
.deal-stage-rail {
  display: grid;
  gap: 11px;
  margin: 0 0 12px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(151,171,207,.14);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(17,30,51,.92), rgba(10,20,35,.92));
}
.deal-stage-rail-head { display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.deal-stage-rail-head > div { display: grid; gap: 3px; min-width: 0; }
.deal-stage-rail-head span { color: #72849d; font-size: 8px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.deal-stage-rail-head b { overflow: hidden; color: #edf3ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.deal-stage-rail-head small { color: #75869f; font-size: 9px; text-align: right; }
.deal-stage-rail-list {
  display: flex;
  align-items: stretch;
  gap: 5px;
  min-width: 0;
  padding-bottom: 2px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
.deal-stage-rail-list::-webkit-scrollbar { display: none; }
.deal-stage-rail-list button {
  position: relative;
  flex: 1 0 92px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 7px 9px;
  border: 1px solid rgba(151,171,207,.12);
  border-radius: 11px;
  color: #8f9fb6;
  background: rgba(255,255,255,.025);
  cursor: pointer;
  text-align: left;
}
.deal-stage-rail-list button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 2;
  width: 6px;
  height: 1px;
  background: rgba(151,171,207,.2);
}
.deal-stage-rail-list button:last-child::after { display: none; }
.deal-stage-rail-list button i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  color: #8090a7;
  background: rgba(151,171,207,.09);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}
.deal-stage-rail-list button span { overflow: hidden; font-size: 9px; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.deal-stage-rail-list button:hover { color: #eff4ff; border-color: rgba(126,154,255,.3); background: rgba(126,154,255,.07); }
.deal-stage-rail-list button.is-passed { color: #98d7c1; border-color: rgba(75,213,170,.15); background: rgba(75,213,170,.045); }
.deal-stage-rail-list button.is-passed i { color: #7ce1bf; background: rgba(75,213,170,.11); }
.deal-stage-rail-list button.is-current { color: #fff; border-color: rgba(100,137,255,.5); background: linear-gradient(135deg, rgba(75,112,255,.23), rgba(56,217,255,.08)); box-shadow: 0 8px 22px rgba(41,72,168,.13), inset 0 0 0 1px rgba(126,154,255,.12); }
.deal-stage-rail-list button.is-current i { color: #fff; background: linear-gradient(135deg, #647fff, #4aaed8); box-shadow: 0 5px 13px rgba(67,103,226,.24); }
.deal-stage-rail-list button.is-lost:not(.is-current) { color: #b19099; }
.deal-stage-rail-list button.is-lost.is-current { border-color: rgba(255,97,120,.38); background: rgba(255,97,120,.08); }
.deal-stage-rail-list button.is-lost.is-current i { background: #b74c61; }
.deal-readiness {
  display: grid;
  grid-template-columns: 105px minmax(180px, .9fr) minmax(300px, 1.5fr);
  gap: 14px;
  align-items: center;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(246,185,90,.17);
  border-radius: 15px;
  background: rgba(246,185,90,.035);
}
.deal-readiness.is-complete { border-color: rgba(75,213,170,.2); background: rgba(75,213,170,.035); }
.deal-readiness-score { display: grid; gap: 2px; }
.deal-readiness-score strong { color: #ffd28a; font-size: 22px; font-variant-numeric: tabular-nums; line-height: 1; }
.deal-readiness.is-complete .deal-readiness-score strong { color: #7ce2c0; }
.deal-readiness-score span { color: #8e9db2; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.deal-readiness-progress { display: grid; gap: 6px; min-width: 0; }
.deal-readiness-progress > i { height: 5px; overflow: hidden; border-radius: 999px; background: rgba(151,171,207,.12); }
.deal-readiness-progress em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #f1ad51, #67d7bd); transition: width .2s ease; }
.deal-readiness-progress span { overflow: hidden; color: #a6b2c3; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.deal-readiness-checks { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; min-width: 0; }
.deal-readiness-checks > span { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 3px 7px; border: 1px solid rgba(151,171,207,.1); border-radius: 999px; color: #78889f; background: rgba(255,255,255,.022); font-size: 8px; font-weight: 750; }
.deal-readiness-checks > span i { display: grid; place-items: center; width: 13px; height: 13px; border-radius: 50%; color: #8695aa; background: rgba(151,171,207,.1); font-style: normal; font-weight: 900; }
.deal-readiness-checks > span.is-ready { color: #9fd7c5; border-color: rgba(75,213,170,.12); background: rgba(75,213,170,.045); }
.deal-readiness-checks > span.is-ready i { color: #6fdbb8; background: rgba(75,213,170,.1); }
.deal-drawer-tabs {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  margin: 0 -6px 16px;
  padding: 7px;
  border: 1px solid rgba(151,171,207,.13);
  border-radius: 15px;
  background: rgba(11,18,32,.94);
  backdrop-filter: blur(14px);
}
.deal-drawer-tabs button {
  min-height: 40px;
  border: 0;
  border-radius: 10px;
  color: #8fa0b9;
  cursor: pointer;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
}
.deal-drawer-tabs button:hover { color: #eaf1ff; background: rgba(255,255,255,.045); }
.deal-drawer-tabs button.active { color: #fff; background: linear-gradient(135deg, rgba(76,112,255,.3), rgba(56,217,255,.13)); box-shadow: inset 0 0 0 1px rgba(126,154,255,.24); }
.deal-drawer-tabs button span { display: inline-grid; place-items: center; min-width: 19px; height: 19px; margin-left: 5px; padding-inline: 5px; border-radius: 999px; color: #b9c5d8; background: rgba(151,171,207,.11); font-size: 8px; font-variant-numeric: tabular-nums; }
.deal-drawer-tabs button.active span { color: #fff; background: rgba(255,255,255,.13); }
.deal-drawer-panel { min-width: 0; padding-bottom: 12px; }
.deal-drawer-panel[hidden] { display: none !important; }
.deal-drawer-panel.active { animation: dealPanelIn .16s ease-out; }
@keyframes dealPanelIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.deal-edit-form-v2 {
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(151,171,207,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.025);
}
.deal-form-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.deal-form-section-head > div { display: grid; gap: 3px; }
.deal-form-section-head span { color: #7e8fa8; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.deal-form-section-head h3 { margin: 0; font-size: 16px; }
.deal-form-section-head small { max-width: 240px; color: #74849b; font-size: 10px; text-align: right; }
.deal-edit-form-v2 .drawer-info-grid { gap: 10px; }
.deal-edit-form-v2 label { min-width: 0; gap: 5px; }
.deal-edit-form-v2 label > span { color: #9baac0; font-size: 10px; font-weight: 750; }
.deal-edit-form-v2 input,
.deal-edit-form-v2 select,
.deal-edit-form-v2 textarea { min-height: 42px; border-radius: 10px; background: #0c1728; }
.deal-edit-form-v2 textarea { min-height: 96px; }
#dealDrawer textarea[data-deal-autosize] {
  width: 100%;
  overflow-y: hidden;
  resize: none;
  line-height: 1.55;
  transition: height .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.deal-edit-form-v2 select[name="stage"],
.deal-edit-form-v2 select[name="temperature"] { border-color: rgba(126,154,255,.35); color: #fff; font-weight: 750; background-color: #101e34; }
.deal-contact-brief {
  display: grid;
  grid-template-columns: 44px minmax(145px, .8fr) minmax(300px, 1.35fr);
  gap: 12px;
  align-items: center;
  margin: 0 0 12px;
  padding: 13px;
  border: 1px solid rgba(151,171,207,.13);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}
.deal-contact-avatar { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(126,154,255,.24); border-radius: 14px; color: #dfe7ff; background: linear-gradient(145deg, rgba(88,116,231,.26), rgba(42,106,133,.19)); font-size: 12px; font-weight: 900; letter-spacing: .04em; }
.deal-contact-main { display: grid; gap: 3px; min-width: 0; }
.deal-contact-main span,.deal-contact-channels span { color: #74859e; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.deal-contact-main b { overflow: hidden; color: #eef3ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.deal-contact-main small { overflow: hidden; color: #8999b0; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.deal-contact-channels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.deal-contact-channels button { display: grid; gap: 3px; min-width: 0; min-height: 46px; padding: 8px 10px; border: 1px solid rgba(151,171,207,.11); border-radius: 11px; color: #dce6f5; background: rgba(4,10,19,.28); cursor: pointer; text-align: left; }
.deal-contact-channels button:hover:not(:disabled) { border-color: rgba(126,154,255,.3); background: rgba(126,154,255,.065); }
.deal-contact-channels button:disabled { cursor: default; opacity: .5; }
.deal-contact-channels b { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.deal-form-savebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 3px -16px -16px;
  padding: 12px 16px;
  border-top: 1px solid rgba(151,171,207,.12);
  background: rgba(4,10,19,.4);
}
.deal-form-savebar span { min-width: 0; color: #718198; font-size: 10px; }
.deal-form-savebar small { margin-left: auto; color: #5f7088; font-size: 8px; font-weight: 800; white-space: nowrap; }
.deal-form-savebar .primary-button { min-width: 190px; }
.deal-edit-form-v2.is-dirty .deal-form-savebar { background: rgba(56,217,255,.045); }
.deal-edit-form-v2.is-dirty .deal-form-savebar span { color: #9fefff; }
.drawer-comment-form { padding: 14px; border: 1px solid rgba(151,171,207,.12); border-radius: 15px; background: rgba(255,255,255,.018); }
.drawer-comment-form .secondary-button { justify-self: end; }
.deal-comment-workspace {
  display: grid;
  gap: 11px;
  margin-top: 14px;
  padding: 15px;
  border: 1px solid rgba(126,154,255,.15);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(80,111,221,.055), rgba(255,255,255,.015));
}
.deal-comment-workspace > .drawer-section-head { align-items: end; }
.deal-comment-workspace > .drawer-section-head small { color: #718198; font-size: 9px; text-align: right; }
.deal-comment-workspace .drawer-comment-form { margin: 0; padding: 0; border: 0; background: transparent; }
.deal-comment-workspace .drawer-comment-form textarea { min-height: 82px; background: #0c1728; }
.deal-recent-history {
  display: grid;
  gap: 11px;
  margin-top: 14px;
  padding: 15px;
  border: 1px solid rgba(151,171,207,.13);
  border-radius: 17px;
  background: rgba(255,255,255,.018);
}
.deal-recent-history.is-empty > p { margin: 0; color: #8494aa; font-size: 10px; line-height: 1.55; }
.deal-recent-history-list { display: grid; }
.deal-recent-history-list > article {
  position: relative;
  display: grid;
  grid-template-columns: 13px minmax(0, 1fr);
  gap: 10px;
  padding: 0 0 14px;
}
.deal-recent-history-list > article:last-child { padding-bottom: 0; }
.deal-recent-history-list > article::before { content: ""; position: absolute; top: 12px; bottom: 0; left: 6px; width: 1px; background: rgba(151,171,207,.13); }
.deal-recent-history-list > article:last-child::before { display: none; }
.deal-recent-history-list > article > i { position: relative; z-index: 1; width: 13px; height: 13px; margin-top: 3px; border: 3px solid #111b2d; border-radius: 50%; background: #7896ff; box-shadow: 0 0 0 1px rgba(120,150,255,.8); }
.deal-recent-history-list > article > div { display: grid; gap: 4px; min-width: 0; }
.deal-recent-history-list header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.deal-recent-history-list b { color: #e8eef9; font-size: 11px; }
.deal-recent-history-list time,.deal-recent-history-list small { color: #74849b; font-size: 8px; }
.deal-recent-history-list p { margin: 0; color: #b8c4d5; font-size: 10px; line-height: 1.55; overflow-wrap: anywhere; white-space: pre-wrap; }
.deal-drawer-panel[data-deal-drawer-panel="history"] .timeline-item p {
  max-height: none;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
}
.deal-drawer-actions-v2 { display: grid; grid-template-columns: 1fr; gap: 8px; }
.deal-closed-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 18px 0 10px;
  padding: 12px 14px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
}
.deal-closed-meta time {
  color: #dce5f7;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.deal-drawer-actions-v2 .deal-action-primary,
.deal-drawer-actions-v2 .deal-action-secondary { display: grid; gap: 8px; }
.deal-drawer-actions-v2 .deal-action-primary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.deal-drawer-actions-v2 .deal-action-secondary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.deal-drawer-actions-v2 .drawer-delete-button { grid-column: auto; }
.deal-drawer-actions-v2 button,
.deal-drawer-actions-v2 a { min-width: 0; padding-inline: 9px; font-size: 10px; white-space: nowrap; }
.deal-drawer-panel .deal-room-panel { margin-inline: 0; }
.deal-drawer-panel .technical-info { margin-bottom: 20px; }
.deal-drawer-panel > .timeline-section { margin-top: 0; padding-top: 0; border-top: 0; }

.toast-stack {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 500;
  display: grid;
  gap: 8px;
}
.toast {
  max-width: min(360px, calc(100vw - 36px));
  padding: 12px 15px;
  border: 1px solid var(--line-strong);
  border-radius: 12px;
  color: #fff;
  background: var(--surface-3);
  box-shadow: var(--shadow);
  transition: opacity .18s ease, transform .18s ease;
}
.toast.leaving { opacity: 0; transform: translateY(8px); }
body.is-busy { cursor: progress; }

:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible {
  outline: 3px solid rgba(126, 154, 255, .95);
  outline-offset: 3px;
}
.clickable-row[role="button"], .contact-card[role="button"] { cursor: pointer; }

@media (max-width: 1280px) {
  :root { --sidebar: 226px; }
  .sidebar-brand-image { width: 170px; }
  .top-actions .sync-pill, .top-actions .user-pill { display: none; }
  .contacts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .mobile-bar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 55;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-bottom: 1px solid var(--line);
    background: rgba(7,10,18,.94);
    backdrop-filter: blur(16px);
  }
  .mobile-brand-image { width: 150px; max-height: 40px; object-fit: contain; }
  .sidebar {
    z-index: 60;
    width: min(290px, 86vw);
    transform: translateX(-102%);
    transition: transform .2s ease;
  }
  .sidebar.show { transform: translateX(0); }
  body.sidebar-open { overflow: hidden; }
  body.sidebar-open::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 50;
    background: rgba(0,0,0,.55);
  }
  .main { margin-left: 0; padding-top: 76px; }
  .topbar { top: 58px; }
  .hero { grid-template-columns: 1fr; }
  .command-card { width: 100%; }
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-grid, .tasks-layout, .analytics-layout { grid-template-columns: 1fr; }
  .report-grid { grid-template-columns: 1fr; }
  .loss-panel { grid-column: auto; }
  .deal-readiness { grid-template-columns: 96px minmax(0, 1fr); }
  .deal-readiness-checks { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 760px) {
  #dealDrawer { width: 100vw; }
  .deal-drawer-workspace { padding: max(16px, env(safe-area-inset-top)) 14px 0; }
  .deal-drawer-head-v2 { min-height: 76px; padding-right: 48px; }
  .deal-drawer-head-v2 h2 { font-size: 22px; }
  .deal-drawer-head-v2 p { max-width: calc(100vw - 105px); }
  .deal-drawer-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .deal-drawer-kpis article { min-height: 66px; padding: 10px; }
  .deal-drawer-kpis article:first-child strong { font-size: 17px; }
  .deal-stage-rail { margin-bottom: 10px; padding: 11px; }
  .deal-stage-rail-head { align-items: start; flex-direction: column; gap: 3px; }
  .deal-stage-rail-head small { text-align: left; }
  .deal-stage-rail-list button { flex-basis: 114px; min-height: 44px; }
  .deal-readiness { grid-template-columns: 78px minmax(0, 1fr); gap: 10px; padding: 11px; }
  .deal-readiness-score strong { font-size: 20px; }
  .deal-readiness-checks { gap: 4px; }
  .deal-drawer-tabs { overflow-x: auto; grid-template-columns: repeat(4, minmax(92px, 1fr)); scrollbar-width: none; }
  .deal-drawer-tabs::-webkit-scrollbar { display: none; }
  .deal-contact-brief { grid-template-columns: 40px minmax(0, 1fr); padding: 11px; }
  .deal-contact-avatar { width: 40px; height: 40px; }
  .deal-contact-channels { grid-column: 1 / -1; }
  .deal-edit-form-v2 { padding: 13px; }
  .deal-edit-form-v2 .drawer-info-grid { grid-template-columns: 1fr; }
  .deal-edit-form-v2 .drawer-info-grid .full { grid-column: auto; }
  .deal-form-section-head { align-items: start; flex-direction: column; gap: 4px; }
  .deal-form-section-head small { max-width: none; text-align: left; }
  .deal-form-savebar { align-items: stretch; flex-direction: column; margin: 2px -13px -13px; padding: 12px 13px; }
  .deal-form-savebar .primary-button { width: 100%; min-width: 0; }
  .drawer-comment-form .secondary-button { width: 100%; }
  .deal-comment-workspace,.deal-recent-history { padding: 12px; border-radius: 15px; }
  .deal-comment-workspace > .drawer-section-head { align-items: start; }
  .deal-comment-workspace > .drawer-section-head small { text-align: left; }
  .deal-recent-history .drawer-section-head { align-items: stretch; flex-direction: column; }
  .deal-recent-history .drawer-section-head button { width: 100%; }
  .deal-recent-history-list header { align-items: flex-start; flex-direction: column; gap: 2px; }
  .deal-drawer-actions-v2 .deal-action-primary,
  .deal-drawer-actions-v2 .deal-action-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deal-closed-meta { align-items: flex-start; flex-direction: column; gap: 4px; }
  .deal-closed-meta time { text-align: left; }
  .deal-drawer-actions-v2 button,
  .deal-drawer-actions-v2 a { min-height: 44px; font-size: 11px; }
}

@media (max-width: 420px) {
  .deal-drawer-head-v2 > .temp-pill { position: absolute; top: max(64px, calc(env(safe-area-inset-top) + 48px)); right: 14px; }
  .deal-drawer-head-v2 { position: relative; padding-bottom: 44px; }
  .deal-drawer-kpis { grid-template-columns: 1fr; }
  .deal-readiness { grid-template-columns: 1fr; }
  .deal-readiness-checks { grid-column: auto; justify-content: flex-start; }
  .deal-contact-channels { grid-template-columns: 1fr; }
  .deal-form-savebar small { display: none; }
}

@media (max-width: 760px) {
  body { font-size: 13px; }
  input, select, textarea { font-size: 16px; }
  .main { padding-left: 12px; padding-right: 12px; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
  .topbar {
    align-items: flex-start;
    gap: 10px;
    margin-left: -12px;
    margin-right: -12px;
    padding: 10px 12px;
  }
  .title-box h1 { font-size: 18px; }
  .top-actions {
    max-width: calc(100vw - 120px);
    overflow-x: auto;
    justify-content: flex-start;
    scrollbar-width: none;
  }
  .top-actions::-webkit-scrollbar { display: none; }
  .search-box { width: 210px; min-width: 210px; }
  .top-actions .status-pill-live, .top-actions .logout-button { display: none; }
  .workspace-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero { min-height: 0; padding: 22px; border-radius: 18px; }
  .hero-copy h2 { font-size: 32px; }
  .command-card { padding: 16px; }
  .kpi-grid, .smart-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .smart-grid .smart-card:last-child { grid-column: 1 / -1; }
  .sales-attention, .deal-health-summary, .loss-report { grid-template-columns: 1fr; }
  .panel { padding: 15px; }
  .panel-head, .contacts-head, .contacts-tools { align-items: stretch; flex-direction: column; }
  .contacts-actions { justify-content: stretch; }
  .contacts-actions > * { flex: 1 1 140px; }
  .contacts-summary { width: 100%; }
  .sort-control { width: 100%; min-width: 0; }
  .contacts-grid { grid-template-columns: 1fr; }
  .funnel-row { grid-template-columns: 28px minmax(100px, 1fr) 40px; }
  .funnel-track, .funnel-row small { display: none; }
  .kanban-column { width: calc(100vw - 32px); flex-basis: calc(100vw - 32px); }
  .kanban-add-column { width: calc(100vw - 32px); flex-basis: calc(100vw - 32px); }
  .kanban-shell { scroll-snap-type: x proximity; cursor: default; }
  .kanban-column, .kanban-add-column { scroll-snap-align: start; }
  .column-actions button, .deal-card-actions button, .drawer-actions button, .drawer-actions a,
  .notification-close, .modal-close, .drawer-close { min-width: 42px; min-height: 42px; }
  .form-grid, .drawer-info-grid { grid-template-columns: 1fr; }
  .drawer {
    inset: 0;
    width: 100%;
    border-left: 0;
    padding: max(66px, env(safe-area-inset-top)) 14px 14px;
  }
  .drawer-close { position: fixed; top: max(12px, env(safe-area-inset-top)); right: 12px; }
  .deal-drawer-head { padding-right: 48px; }
  .drawer-relation { grid-template-columns: 1fr; gap: 3px; }
  .timeline-item > div > div { align-items: flex-start; flex-direction: column; gap: 2px; }
  .drawer-actions {
    bottom: -14px;
    margin: 18px -14px -14px;
    padding-left: 14px;
    padding-right: 14px;
  }
  .technical-info { margin-bottom: 116px; }
  .modal-backdrop { padding: 0; align-items: end; }
  .modal { width: 100%; max-height: 94dvh; border-radius: 20px 20px 0 0; padding: 20px 14px max(20px, env(safe-area-inset-bottom)); }
  .table-wrap { margin: 0 -15px; width: calc(100% + 30px); }
  table { min-width: 720px; }
}

@media (max-width: 430px) {
  .workspace-strip, .kpi-grid, .smart-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .workspace-tile, .kpi-card, .smart-card { padding: 13px; }
  .kpi-card strong { font-size: 21px; }
  .hero-actions > * { width: 100%; }
  .contacts-summary { grid-template-columns: 1fr; }
  .tiny-grid, .admin-stats { grid-template-columns: 1fr; }
  .drawer-actions { grid-template-columns: 1fr; }
  .drawer-actions .drawer-delete-button { grid-column: auto; }
  .technical-info dl div { grid-template-columns: 1fr; gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}

/* Stage 7: communications, templates and secure card files */
.communications-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.communication-panel { min-width: 0; }
.delivery-panel { grid-column: 1 / -1; }
.template-list, .webhook-list, .file-list { display: grid; gap: 10px; }
.template-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.template-card, .webhook-card, .file-card, .automation-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.035);
}
.template-card { min-width: 0; padding: 14px; }
.template-card.is-disabled, .webhook-card.is-disabled { opacity: .58; }
.template-card-head, .drawer-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.template-card-head > div, .drawer-section-head > div { min-width: 0; }
.template-card-head span, .drawer-section-head span, .webhook-card span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.template-card h4, .drawer-section-head h3 { margin: 3px 0 0; color: var(--text); }
.template-card p {
  min-height: 58px;
  margin: 12px 0;
  color: var(--soft);
  line-height: 1.55;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.template-card footer, .row-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.danger-link {
  min-height: 36px;
  padding: 7px 10px;
  border: 0;
  color: #ff9caa;
  background: transparent;
  cursor: pointer;
}
.state-chip {
  display: inline-flex;
  align-items: center;
  width: max-content;
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.state-chip.is-success { border-color: rgba(70,225,169,.24); color: #78f0c4; background: rgba(70,225,169,.08); }
.state-chip.is-error { border-color: rgba(255,98,120,.25); color: #ff9caa; background: rgba(255,98,120,.08); }
.automation-card { display: flex; align-items: center; gap: 12px; padding: 14px; }
.automation-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, var(--accent), #7a62ff);
  font-size: 20px;
}
.automation-card div { display: grid; gap: 3px; }
.automation-card small, .automation-status > p, .webhook-card small, .file-card small, .file-hint { color: var(--muted); }
.automation-status > p { margin: 12px 0 0; line-height: 1.5; }
.automation-status code { color: var(--soft); }
.webhook-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; }
.webhook-card > div:first-child { display: grid; min-width: 0; gap: 3px; }
.webhook-card b, .webhook-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.delivery-error { display: block; max-width: 260px; margin-top: 4px; color: #ff9caa; overflow-wrap: anywhere; }
.template-composer > label { display: grid; gap: 6px; margin-top: 13px; }
.template-composer textarea { width: 100%; margin-top: 9px; resize: vertical; line-height: 1.55; }
.files-section { margin-bottom: 14px; }
.file-upload-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  color: #fff;
  background: rgba(255,255,255,.06);
  font-weight: 700;
  cursor: pointer;
}
.file-upload-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.file-list { margin-top: 12px; }
.file-card { display: flex; align-items: center; gap: 8px; padding: 9px; }
.file-card > a { display: flex; align-items: center; min-width: 0; flex: 1; gap: 10px; color: inherit; text-decoration: none; }
.file-card > a > div { display: grid; min-width: 0; gap: 2px; }
.file-card b, .file-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 9px;
  color: #b8f5ff;
  background: rgba(59,209,255,.11);
  font-size: 10px;
  font-weight: 800;
}
.file-hint { display: block; margin-top: 9px; }
.empty.compact { padding: 13px; }

@media (max-width: 1100px) {
  .communications-grid { grid-template-columns: 1fr; }
  .delivery-panel { grid-column: auto; }
}

@media (max-width: 760px) {
  .template-list { grid-template-columns: 1fr; }
  .webhook-card, .template-card-head, .drawer-section-head { align-items: stretch; flex-direction: column; }
  .webhook-card .row-actions, .drawer-section-head .secondary-button, .file-upload-button { width: 100%; }
  .row-actions > * { flex: 1 1 auto; }
}

/* Stage 8: operations and reliability */
.operations-layout { display: grid; gap: 16px; }
.operations-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 154px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 0, rgba(56,217,255,.13), transparent 22rem),
    linear-gradient(135deg, rgba(17,25,42,.96), rgba(9,14,25,.96));
}
.operations-hero-copy h2 { margin: 8px 0 6px; font-size: clamp(24px, 3vw, 38px); }
.operations-hero-copy p { max-width: 650px; margin: 0; color: var(--muted); line-height: 1.55; }
.operations-hero-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.system-status {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--soft);
  background: rgba(255,255,255,.04);
  font-weight: 800;
}
.system-status::before { content: ""; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--muted); }
.system-status.is-healthy::before { background: var(--success); box-shadow: 0 0 14px rgba(64,220,154,.7); }
.system-status.is-warning::before { background: var(--warning); box-shadow: 0 0 14px rgba(255,191,89,.65); }
.system-status.is-critical::before { background: var(--danger); box-shadow: 0 0 14px rgba(255,97,120,.65); }
.system-status.is-loading::before { background: var(--accent); }
.operations-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.operation-metric {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
}
.operation-metric span, .operation-metric small { color: var(--muted); }
.operation-metric strong { color: var(--text); font-size: 24px; overflow-wrap: anywhere; }
.operations-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 16px; }
.operations-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.operation-check {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
}
.operation-check i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; font-style: normal; font-weight: 900; }
.operation-check.is-ok i { color: #72efc0; background: rgba(64,220,154,.12); }
.operation-check.is-warning i { color: #ffd084; background: rgba(255,191,89,.12); }
.operation-check span { min-width: 0; color: var(--soft); }
.operation-check b { color: var(--muted); font-size: 11px; }
.maintenance-summary { display: grid; gap: 8px; margin-bottom: 14px; }
.maintenance-state { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.maintenance-state span { color: var(--muted); }
.maintenance-state b { text-align: right; }
.maintenance-panel > .secondary-button { width: 100%; }
.backup-name { max-width: 340px; }
.backup-name b, .backup-name code { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.backup-name code { margin-top: 4px; color: var(--muted); font-size: 10px; }
.backup-actions { min-width: 260px; }
.table-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--text);
  text-decoration: none;
  background: rgba(255,255,255,.045);
}
.restore-guide { display: grid; grid-template-columns: minmax(190px, .34fr) minmax(0, 1fr); align-items: center; gap: 24px; }
.restore-guide span { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.restore-guide h3 { margin: 5px 0 0; }
.restore-guide p { margin: 0; color: var(--muted); line-height: 1.6; }

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

@media (max-width: 760px) {
  .operations-hero { align-items: stretch; flex-direction: column; min-height: 0; }
  .operations-hero-actions, .operations-hero-actions > * { width: 100%; }
  .operations-hero-actions { justify-content: stretch; }
  .operations-metrics, .operations-checks { grid-template-columns: 1fr; }
  .restore-guide { grid-template-columns: 1fr; gap: 10px; }
  .backups-panel .panel-head > button { width: 100%; }
}
/* Stage 09: catalog and commercial proposals */
.catalog-layout{display:grid;gap:18px}.catalog-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,rgba(36,82,155,.22),rgba(11,25,49,.9))}.catalog-hero h2{margin:5px 0 6px;font-size:clamp(22px,2vw,30px)}.catalog-hero p{margin:0;color:var(--muted,#9eabc1)}.overline{display:block;color:#82aef7;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.catalog-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.catalog-summary>div{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid rgba(142,163,198,.18);border-radius:14px;background:rgba(12,25,48,.74)}.catalog-summary span{color:var(--muted,#9eabc1);font-size:13px}.catalog-summary b{font-size:22px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.product-card{min-width:0;padding:17px;border:1px solid rgba(142,163,198,.18);border-radius:16px;background:linear-gradient(145deg,rgba(19,37,69,.9),rgba(11,24,46,.92));box-shadow:0 8px 28px rgba(2,9,24,.16)}.product-card.is-inactive{opacity:.58}.product-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.product-card-head span{color:#82aef7;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.product-card-head h3{margin:4px 0 0;font-size:17px}.product-card-head>b{color:#fff;white-space:nowrap}.product-card>p{min-height:42px;margin:12px 0;color:var(--muted,#9eabc1);font-size:13px}.product-meta,.product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.product-meta span{font-size:11px;color:#adbad0;background:rgba(255,255,255,.045);padding:5px 8px;border-radius:999px}.product-meta .status-dot.ok{color:#73e1ad}.product-actions{border-top:1px solid rgba(142,163,198,.13);margin-top:14px;padding-top:12px}.product-actions button,.proposal-actions button,.proposal-actions a,.deal-item-actions button{border:0;background:rgba(255,255,255,.07);color:#e8effd;border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}.danger-link{color:#ff9d9d!important}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.section-title-row h3{margin:3px 0 0}.commerce-section{overflow:hidden}.deal-items-list,.proposal-list{display:grid;gap:8px}.deal-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(142,163,198,.16);border-radius:12px;background:rgba(255,255,255,.035)}.deal-item-row b,.deal-item-row span{display:block}.deal-item-row span{margin-top:3px;color:var(--muted,#9eabc1);font-size:12px}.deal-item-row>strong{white-space:nowrap}.deal-item-actions{display:flex;gap:5px}.deal-item-actions button{width:31px;height:31px;padding:0;font-size:16px}.commerce-empty{padding:15px;border:1px dashed rgba(142,163,198,.24);border-radius:12px;color:var(--muted,#9eabc1);font-size:13px}.commerce-total{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:13px 2px 0;border-top:1px solid rgba(142,163,198,.17)}.commerce-total span{color:var(--muted,#9eabc1)}.commerce-total strong{font-size:20px}.proposal-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px;border:1px solid rgba(142,163,198,.16);border-radius:12px;background:rgba(255,255,255,.035)}.proposal-row b,.proposal-row span,.proposal-row small{display:block}.proposal-row span{margin:2px 0;color:#dce5f6}.proposal-row small{color:var(--muted,#9eabc1)}.proposal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.proposal-actions select{max-width:130px;padding:7px 30px 7px 9px;border:1px solid rgba(142,163,198,.2);border-radius:9px;background:#142847;color:#eef4ff;font-size:12px}.check-line{display:flex!important;align-items:center;gap:10px}.check-line input{width:18px!important;height:18px;margin:0}.check-line span{margin:0!important}
@media(max-width:920px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-row{grid-template-columns:1fr}.proposal-actions{justify-content:flex-start}}
@media(max-width:640px){.catalog-hero{align-items:flex-start;flex-direction:column;padding:18px}.catalog-summary{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.deal-item-row{grid-template-columns:minmax(0,1fr) auto}.deal-item-actions{grid-column:1/-1}.section-title-row{align-items:flex-start}.section-title-row .primary-button,.section-title-row .secondary-button{white-space:nowrap}.proposal-actions{display:grid;grid-template-columns:1fr 1fr}.proposal-actions select{max-width:none}.proposal-actions>*{min-height:40px;text-align:center}.commerce-total strong{font-size:18px}}
/* Stage 10: order execution */
.orders-layout{display:grid;gap:18px}.orders-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;background:linear-gradient(135deg,rgba(22,112,104,.22),rgba(11,25,49,.92))}.orders-hero h2{margin:5px 0 6px;font-size:clamp(22px,2vw,30px)}.orders-hero p{margin:0;color:var(--muted,#9eabc1)}.orders-hero-note{padding:9px 13px;border:1px solid rgba(96,210,178,.3);border-radius:999px;color:#9be8ce;background:rgba(40,155,128,.1);font-size:12px;font-weight:700;white-space:nowrap}.orders-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.orders-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid rgba(142,163,198,.18);border-radius:14px;background:rgba(12,25,48,.74)}.orders-summary span{color:var(--muted,#9eabc1);font-size:13px}.orders-summary b{font-size:20px}.orders-summary .has-alert b{color:#ff9b9b}.orders-board{display:grid;gap:22px}.order-group>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.order-group>header h3{margin:0;font-size:15px}.order-group>header span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px}.order-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.order-card{display:block;min-width:0;padding:15px;border:1px solid rgba(142,163,198,.18);border-radius:15px;background:linear-gradient(145deg,rgba(19,37,69,.92),rgba(11,24,46,.94));color:#edf4ff;text-align:left;cursor:pointer}.order-card:hover{border-color:rgba(90,153,255,.55);transform:translateY(-1px)}.order-card.is-overdue{border-color:rgba(255,103,120,.46)}.order-card-top,.order-money,.order-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-card-top>span,.order-card footer{color:var(--muted,#9eabc1);font-size:11px}.order-card h4{margin:13px 0 4px;font-size:17px}.order-card p{height:38px;margin:0 0 13px;color:#aebbd0;font-size:12px;overflow:hidden}.order-money strong{font-size:18px}.order-money span{font-size:11px;color:#a9b7cd}.order-progress{height:5px;margin:10px 0 12px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.order-progress i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#27c995,#62a4ff)}.order-card footer b{color:#dce7fa;font-size:11px}.order-state{display:inline-flex;align-items:center;width:max-content;padding:5px 8px;border-radius:999px;background:rgba(100,150,230,.14);color:#a9c8ff;font-size:10px;font-style:normal;white-space:nowrap}.state-ready,.state-shipped,.state-completed{background:rgba(42,184,137,.14);color:#8be6c3}.state-cancelled{background:rgba(255,91,112,.13);color:#ffabb6}.muted-group{opacity:.7}.order-finance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}.order-finance>div{padding:12px;border:1px solid rgba(142,163,198,.16);border-radius:12px;background:rgba(255,255,255,.035)}.order-finance span,.order-finance b{display:block}.order-finance span{color:var(--muted,#9eabc1);font-size:11px}.order-finance b{margin-top:4px;font-size:17px}.balance-due b{color:#ffc789}.balance-ok b{color:#7fe0b8}.order-items,.order-records{display:grid;gap:7px}.order-item-line,.order-record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(142,163,198,.15);border-radius:11px;background:rgba(255,255,255,.03)}.order-item-line b,.order-item-line span,.order-record b,.order-record span,.order-record small{display:block}.order-item-line span,.order-record span,.order-record small{margin-top:3px;color:var(--muted,#9eabc1);font-size:11px}.order-item-line>strong{white-space:nowrap}.order-record>button,.record-actions button{width:31px;height:31px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#f0f5ff;cursor:pointer}.record-actions{display:flex;gap:5px}.form-callout{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px solid rgba(96,210,178,.25);border-radius:12px;background:rgba(40,155,128,.08)}.form-callout span{color:#a7b7cc}.form-callout b{font-size:18px}.order-create-button{background:rgba(42,184,137,.16)!important;color:#9be8ce!important}.order-link-button{background:rgba(81,132,223,.18)!important;color:#bad2ff!important}
@media(max-width:920px){.orders-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.order-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.orders-hero{align-items:flex-start;flex-direction:column;padding:18px}.orders-hero-note{white-space:normal}.orders-summary,.order-cards{grid-template-columns:1fr}.order-finance{grid-template-columns:1fr}.order-card p{height:auto}.order-item-line,.order-record{align-items:flex-start}.order-drawer-head{padding-right:42px}}

/* Stage 11: management analytics */
#analytics > .analytics-layout,
#analytics > .report-grid { display: none !important; }
.management-analytics { display: grid; gap: 16px; min-width: 0; }
.analytics-control-panel {
  display: grid;
  grid-template-columns: minmax(230px, .72fr) minmax(520px, 1.28fr);
  align-items: end;
  gap: 18px 24px;
  padding: 20px 22px;
  background:
    radial-gradient(circle at 92% 0, rgba(83,143,255,.13), transparent 24rem),
    linear-gradient(145deg, rgba(19,36,66,.96), rgba(10,21,41,.96));
}
.analytics-control-copy h2 { margin: 5px 0 5px; font-size: clamp(21px, 2vw, 29px); }
.analytics-control-copy p { max-width: 520px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.analytics-filters { display: grid; grid-template-columns: repeat(4, minmax(112px, 1fr)) auto; gap: 9px; align-items: end; }
.analytics-filters label,
.target-form label { display: grid; min-width: 0; gap: 5px; }
.analytics-filters label > span,
.target-form label > span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.analytics-filters input,
.analytics-filters select,
.target-form input,
.target-form select {
  width: 100%;
  min-width: 0;
  height: 40px;
  border: 1px solid rgba(142,163,198,.2);
  border-radius: 10px;
  background: #102342;
  color: #edf4ff;
}
.analytics-filters .primary-button { min-height: 40px; white-space: nowrap; }
.analytics-presets { display: flex; grid-column: 1 / -1; align-items: center; justify-content: space-between; gap: 10px; padding-top: 11px; border-top: 1px solid rgba(142,163,198,.13); }
.analytics-presets > div { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 7px; }
.analytics-preset { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid rgba(142,163,198,.18); border-radius: 999px; background: rgba(255,255,255,.04); }
.analytics-preset button { min-height: 30px; border: 0; color: #dce8fb; background: transparent; cursor: pointer; }
.analytics-preset [data-analytics-preset] { padding: 6px 10px; }
.analytics-preset [data-delete-analytics-preset] { width: 28px; color: #ff9ca9; border-left: 1px solid rgba(142,163,198,.14); }
.analytics-kpis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.analytics-kpi {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 15px;
  border: 1px solid rgba(142,163,198,.17);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(19,37,69,.9), rgba(10,23,45,.92));
  box-shadow: 0 10px 28px rgba(2,9,24,.13);
}
.analytics-kpi > span { color: #9eacc3; font-size: 11px; font-weight: 700; }
.analytics-kpi > strong { overflow: hidden; color: #f2f6ff; font-size: clamp(18px, 1.55vw, 24px); letter-spacing: -.025em; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.analytics-kpi > small { min-height: 29px; color: #8796af; font-size: 10px; line-height: 1.4; }
.analytics-kpi > em { color: #8796af; font-size: 9px; font-style: normal; }
.kpi-target { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }
.kpi-target i { display: block; width: var(--w); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #438dff, #55d7bf); }
.analytics-main-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, .45fr); gap: 16px; }
.analytics-main-grid.lower { grid-template-columns: minmax(0, 1.22fr) minmax(330px, .78fr); }
.analytics-trend-panel,
.analytics-quality-panel,
.target-panel,
.analytics-table-panel,
.analytics-main-grid > .panel { min-width: 0; }
.data-freshness { color: #8292aa; font-size: 10px; white-space: nowrap; }
.analytics-trend { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(52px, 1fr)); align-items: end; gap: 10px; min-height: 230px; padding: 20px 4px 28px; border-bottom: 1px solid rgba(142,163,198,.13); }
.trend-column { display: grid; min-width: 0; height: 190px; grid-template-rows: 1fr auto; gap: 8px; }
.trend-bars { display: flex; align-items: end; justify-content: center; gap: 4px; min-width: 0; }
.trend-bars > i { display: block; width: min(13px, 28%); height: var(--h); min-height: 3px; border-radius: 4px 4px 1px 1px; }
.trend-bars .revenue,
.trend-legend .revenue { background: #4d8eff; }
.trend-bars .payments,
.trend-legend .payments { background: #4fd6b5; }
.trend-bars .profit,
.trend-legend .profit { background: #b383ff; }
.trend-column > span { overflow: hidden; color: #8292aa; font-size: 9px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.trend-legend { position: absolute; right: 2px; bottom: -27px; display: flex; gap: 11px; }
.trend-legend span { display: inline-flex; align-items: center; gap: 5px; color: #8998b0; font-size: 9px; }
.trend-legend i { width: 7px; height: 7px; border-radius: 50%; }
.forecast-note { margin-top: 38px; padding: 11px 13px; border: 1px solid rgba(80,154,255,.19); border-radius: 11px; color: #bed1ee; background: rgba(58,118,209,.08); font-size: 12px; line-height: 1.45; }
.quality-score { display: grid; place-items: center; width: 96px; height: 96px; margin: 12px auto 18px; border: 8px solid rgba(81,211,178,.18); border-top-color: #51d3b2; border-radius: 50%; }
.quality-score strong { display: block; color: #f2f7ff; font-size: 25px; text-align: center; }
.quality-score span { display: block; margin-top: -2px; color: #8392aa; font-size: 9px; text-align: center; }
.quality-list { display: grid; gap: 8px; }
.quality-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; border: 1px solid rgba(142,163,198,.13); border-radius: 10px; color: #a9b7cc; background: rgba(255,255,255,.025); font-size: 11px; }
.quality-list b { color: #f5c47d; font-size: 13px; font-variant-numeric: tabular-nums; }
.quality-list b.ok { color: #76dfb9; }
.management-funnel { display: grid; gap: 8px; }
.management-funnel-row { display: grid; grid-template-columns: 30px minmax(160px, 1fr) auto; align-items: center; gap: 11px; padding: 9px 0; border-bottom: 1px solid rgba(142,163,198,.1); }
.management-funnel-row:last-child { border-bottom: 0; }
.management-funnel-row > span { color: #75869f; font-size: 9px; font-weight: 800; }
.management-funnel-row > div { display: grid; min-width: 0; gap: 6px; }
.management-funnel-row > div b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.management-funnel-row > div i { display: block; height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.07); }
.management-funnel-row > div em { display: block; width: var(--w); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4d8eff, #58d2ba); }
.management-funnel-row > strong { min-width: 86px; text-align: right; font-variant-numeric: tabular-nums; }
.management-funnel-row > strong small { display: block; margin-top: 3px; color: #8291a9; font-size: 9px; font-weight: 500; }
.target-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.target-form .full { grid-column: 1 / -1; }
.analytics-table-panel { overflow: hidden; }
.analytics-table-panel .table-wrap { margin: 0 -18px -18px; border-top: 1px solid rgba(142,163,198,.13); }
.analytics-table-panel table { min-width: 820px; }
.analytics-table-panel td,
.analytics-table-panel th { padding-top: 11px; padding-bottom: 11px; }
.analytics-table-panel td:not(:first-child),
.analytics-table-panel th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.analytics-definitions { padding: 0; overflow: hidden; }
.analytics-definitions summary { padding: 15px 18px; color: #cbd7ea; font-weight: 800; cursor: pointer; }
.analytics-definitions > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border-top: 1px solid rgba(142,163,198,.13); background: rgba(142,163,198,.1); }
.analytics-definitions > div > div { padding: 13px 15px; background: #0d1c35; }
.analytics-definitions > div b,
.analytics-definitions > div p { display: block; }
.analytics-definitions > div b { margin-bottom: 4px; color: #e7effd; font-size: 11px; }
.analytics-definitions > div p { margin: 0; color: #8998b0; font-size: 10px; line-height: 1.45; }

@media (max-width: 1280px) {
  .analytics-control-panel { grid-template-columns: 1fr; align-items: stretch; }
  .analytics-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .analytics-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-filters .primary-button { grid-column: 1 / -1; }
  .analytics-main-grid,
  .analytics-main-grid.lower { grid-template-columns: 1fr; }
  .analytics-definitions > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .analytics-control-panel { padding: 17px; }
  .analytics-filters,
  .analytics-kpis,
  .target-form,
  .analytics-definitions > div { grid-template-columns: 1fr; }
  .target-form .full { grid-column: auto; }
  .analytics-presets { align-items: stretch; flex-direction: column; }
  .analytics-presets > button { width: 100%; }
  .analytics-kpi > small { min-height: 0; }
  .analytics-trend { grid-template-columns: repeat(6, minmax(42px, 1fr)); overflow-x: auto; }
  .management-funnel-row { grid-template-columns: 26px minmax(0, 1fr); }
  .management-funnel-row > strong { grid-column: 1 / -1; min-width: 0; text-align: left; }
  .analytics-table-panel .table-wrap { margin-right: -14px; margin-left: -14px; }
}

/* Stage 16: unified communication center */
.communication-center{display:grid;gap:14px;margin-bottom:18px;min-width:0}
.communication-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:124px;padding:22px 24px;background:radial-gradient(circle at 88% 10%,rgba(64,194,166,.13),transparent 22rem),linear-gradient(145deg,rgba(19,38,70,.96),rgba(9,22,43,.97))}
.communication-hero h2{margin:5px 0 5px;color:#f3f7ff;font-size:clamp(22px,2.2vw,30px)}
.communication-hero p{max-width:680px;margin:0;color:#96a6bd;font-size:12px;line-height:1.5}
.communication-hero-actions,.sequence-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inbox-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.inbox-summary article{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:13px 15px;border:1px solid rgba(142,163,198,.15);border-radius:13px;background:linear-gradient(145deg,rgba(19,36,67,.9),rgba(10,23,45,.93))}
.inbox-summary span{color:#94a3b8;font-size:10px;font-weight:750}.inbox-summary b{color:#f2f6ff;font-size:22px;font-variant-numeric:tabular-nums}
.inbox-workspace{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:14px;min-height:560px;min-width:0}
.inbox-list-panel,.conversation-panel{min-width:0;overflow:hidden}.conversation-list{display:grid;gap:5px;max-height:640px;overflow:auto;padding-right:3px}
.conversation-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;width:100%;padding:11px;border:1px solid transparent;border-radius:11px;color:inherit;background:rgba(255,255,255,.025);text-align:left;cursor:pointer}
.conversation-item:hover,.conversation-item.active{border-color:rgba(102,159,245,.36);background:rgba(72,120,194,.11)}.conversation-item.is-overdue{border-left:3px solid #ff7184}
.conversation-channel{padding:4px 6px;border-radius:7px;color:#86b3f9;background:rgba(76,128,209,.13);font-size:8px;font-weight:900;text-transform:uppercase}.conversation-item b,.conversation-item p,.conversation-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item b{color:#e9effa;font-size:12px}.conversation-item p{margin:4px 0;color:#99a8bd;font-size:10px}.conversation-item small{color:#73849d;font-size:8px}.conversation-item>i{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#fff;background:#548fe8;font-size:9px;font-style:normal;font-weight:900}
.conversation-panel{display:grid;grid-template-rows:auto minmax(160px,1fr) auto auto;padding:0}.conversation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid rgba(142,163,198,.12)}.conversation-head>div>span{color:#78a7ee;font-size:9px;font-weight:900;text-transform:uppercase}.conversation-head h3{margin:4px 0;color:#edf4ff;font-size:17px}.conversation-head p{margin:0;color:#899ab2;font-size:10px}.conversation-status{padding:6px 8px;border-radius:999px;color:#d8e4f5;background:rgba(255,255,255,.06);font-size:9px;font-weight:850;white-space:nowrap}.conversation-status.status-open{color:#ffd18c;background:rgba(225,159,58,.14)}.conversation-status.status-waiting{color:#94baff;background:rgba(80,136,223,.13)}.conversation-status.status-closed{color:#9de6cc;background:rgba(57,189,145,.12)}
.message-stream{display:flex;flex-direction:column;gap:8px;min-height:0;max-height:390px;padding:16px 18px;overflow:auto}.message{align-self:flex-start;max-width:82%;padding:10px 12px;border:1px solid rgba(142,163,198,.13);border-radius:12px;background:rgba(255,255,255,.035)}.message.outbound{align-self:flex-end;border-color:rgba(72,142,230,.25);background:rgba(58,113,188,.13)}.message.note{border-style:dashed}.message.draft{border-color:rgba(229,169,66,.28);background:rgba(181,119,30,.08)}.message header{display:flex;justify-content:space-between;gap:12px}.message header b{color:#dce7f7;font-size:9px}.message header span{color:#71829b;font-size:8px}.message p{margin:6px 0 0;color:#b8c5d7;font-size:11px;line-height:1.5;white-space:pre-wrap}
.communication-composer{display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:end;gap:8px;padding:13px 18px;border-top:1px solid rgba(142,163,198,.11);background:rgba(4,13,28,.3)}.communication-composer label{display:grid;gap:5px}.communication-composer label span{color:#8d9cb1;font-size:9px;font-weight:800}.communication-composer select,.communication-composer textarea{width:100%;border:1px solid rgba(142,163,198,.18);border-radius:9px;color:#eef4ff;background:#102341}.communication-composer select{height:40px;padding:0 9px}.communication-composer textarea{min-height:72px;padding:9px;resize:vertical}.communication-composer>small{grid-column:2/-1;color:#6f819b;font-size:8px}.conversation-footer{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 18px 14px}.conversation-footer button{min-height:32px;padding:6px 9px;border:1px solid rgba(142,163,198,.14);border-radius:8px;color:#bdc9d9;background:rgba(255,255,255,.035);font-size:9px;cursor:pointer}
.sequence-panel{min-width:0}.sequence-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:14px}.sequence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sequence-card{display:grid;gap:10px;padding:13px;border:1px solid rgba(142,163,198,.14);border-radius:12px;background:rgba(255,255,255,.025)}.sequence-card.is-disabled{opacity:.55}.sequence-card header,.sequence-card footer{display:flex;align-items:center;justify-content:space-between;gap:9px}.sequence-card header span,.sequence-card header b{display:block}.sequence-card header span{color:#719ce2;font-size:8px;text-transform:uppercase}.sequence-card header b{margin-top:3px;color:#e6edf9;font-size:12px}.sequence-card header em{color:#8b9ab0;font-size:9px;font-style:normal}.sequence-card ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}.sequence-card li{display:grid;grid-template-columns:52px 74px minmax(0,1fr);gap:7px;align-items:start;padding:7px 8px;border-radius:8px;background:rgba(255,255,255,.025)}.sequence-card li span,.sequence-card li b{font-size:8px}.sequence-card li span{color:#71829b}.sequence-card li b{color:#9fb9e1}.sequence-card li p{overflow:hidden;margin:0;color:#9eacc0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sequence-card footer button{min-height:32px;padding:6px 8px;font-size:9px}
.enrollment-list{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid rgba(142,163,198,.12);border-radius:12px;background:rgba(4,13,28,.22)}.enrollment-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-radius:9px;background:rgba(255,255,255,.03)}.enrollment-card b,.enrollment-card span,.enrollment-card small{display:block}.enrollment-card b{color:#e1e9f5;font-size:10px}.enrollment-card span{margin-top:3px;color:#8797ae;font-size:8px}.enrollment-card small{margin-top:3px;color:#71829b;font-size:8px}.enrollment-card button{border:0;color:#ff9ba9;background:transparent;font-size:8px;cursor:pointer}.sequence-step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:12px;border:1px solid rgba(142,163,198,.16);border-radius:10px}.sequence-step legend{padding:0 6px;color:#a9b8cc;font-size:10px;font-weight:850}.sequence-safety{padding:10px 11px;border-radius:9px;color:#9fb7d7;background:rgba(64,118,190,.1);font-size:9px;line-height:1.45}
@media(max-width:1100px){.inbox-workspace,.sequence-layout{grid-template-columns:1fr}.inbox-workspace{min-height:0}.conversation-list{max-height:340px}}
@media(max-width:760px){.communication-hero{align-items:stretch;flex-direction:column;padding:18px}.communication-hero-actions{display:grid;grid-template-columns:1fr 1fr}.inbox-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sequence-list{grid-template-columns:1fr}.communication-composer{grid-template-columns:1fr}.communication-composer>small{grid-column:1}.message{max-width:94%}}
@media(max-width:480px){.communication-hero-actions,.inbox-summary{grid-template-columns:1fr}.inbox-summary article{min-height:58px}.conversation-head{align-items:stretch;flex-direction:column}.communication-composer{padding:12px}.conversation-footer{display:grid;grid-template-columns:1fr 1fr}.conversation-footer button{min-height:40px}.sequence-step{grid-template-columns:1fr}}

/* Stage 18: verified client delivery */
.delivery-provider-panel{padding:15px 18px}.delivery-provider-panel .panel-head{margin-bottom:10px}.delivery-provider-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.provider-state{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 13px;border:1px solid rgba(142,163,198,.13);border-radius:10px;background:rgba(255,255,255,.025)}.provider-state span{color:#8d9cb1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.provider-state b{overflow:hidden;color:#d9e4f2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.provider-state.is-ready{border-color:rgba(64,194,166,.24);background:rgba(64,194,166,.06)}.provider-state.is-ready b{color:#75dfc4}.provider-state.is-off b{color:#ed9aa4}.conversation-destinations{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 18px;border-bottom:1px solid rgba(142,163,198,.1);background:rgba(6,16,32,.34)}.conversation-destinations span{padding:6px 8px;border-radius:7px;color:#8494aa;background:rgba(255,255,255,.035);font-size:8px}.conversation-destinations b{color:#ced9e8}.conversation-destinations button,.outbox-item button{min-height:28px;padding:5px 8px;border:1px solid rgba(142,163,198,.16);border-radius:7px;color:#e3ecf8;background:rgba(255,255,255,.045);font-size:8px;cursor:pointer}.outbox-history{display:grid;gap:7px;padding:13px 18px;border-top:1px solid rgba(142,163,198,.1)}.outbox-history>header,.outbox-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.outbox-history>header b{color:#dce6f4;font-size:10px}.outbox-history>header span{color:#73839a;font-size:8px}.outbox-item{padding:9px 10px;border:1px solid rgba(142,163,198,.12);border-radius:9px;background:rgba(255,255,255,.025)}.outbox-item>div:first-child{display:grid;gap:3px;min-width:0}.outbox-item>div:last-child{display:flex;gap:5px;flex-shrink:0}.outbox-item b{color:#c9d6e6;font-size:9px}.outbox-item span,.outbox-item small{color:#75869e;font-size:8px}.outbox-item small{overflow-wrap:anywhere}.outbox-item.status-sent{border-color:rgba(64,194,166,.2)}.outbox-item.status-failed,.outbox-item.status-manual_review{border-color:rgba(234,100,112,.24)}
@media(max-width:760px){.delivery-provider-status{grid-template-columns:1fr}.delivery-provider-panel .panel-head{align-items:stretch;flex-direction:column}.conversation-destinations{align-items:stretch;flex-direction:column}.conversation-destinations button{min-height:40px}.outbox-item{align-items:stretch;flex-direction:column}.outbox-item>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.outbox-item button{min-height:38px}}

/* Stage 19: signed inbound channels and identity review */
.inbound-review-panel{display:grid;gap:12px;padding:16px 18px}.inbound-review-panel[hidden]{display:none!important}.inbound-event-list{display:grid;gap:8px}.inbound-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(142,163,198,.13);border-radius:10px;background:rgba(255,255,255,.025)}.inbound-event.status-failed{border-color:rgba(234,100,112,.25)}.inbound-event-channel{min-width:64px;padding:7px 8px;border-radius:8px;color:#7ee0c7;background:rgba(64,194,166,.09);font-size:8px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.06em}.inbound-event-copy{display:grid;gap:3px;min-width:0}.inbound-event-copy b{color:#e1eaf6;font-size:10px}.inbound-event-copy span,.inbound-event-copy small{overflow-wrap:anywhere;color:#73849b;font-size:8px}.inbound-event-copy p{overflow:hidden;margin:2px 0 0;color:#aebdd0;font-size:9px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.inbound-event-copy small{color:#ef9aa5}.inbound-event-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.inbound-event-actions button{min-height:30px;padding:6px 8px;border:1px solid rgba(142,163,198,.16);border-radius:7px;color:#dfe8f5;background:rgba(255,255,255,.04);font-size:8px;cursor:pointer}.inbound-event-actions button:first-child{border-color:rgba(64,194,166,.24);color:#7ee0c7;background:rgba(64,194,166,.07)}
@media(max-width:760px){.inbound-review-panel .panel-head{align-items:stretch;flex-direction:column}.inbound-event{grid-template-columns:1fr}.inbound-event-channel{justify-self:start}.inbound-event-copy p{white-space:normal}.inbound-event-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.inbound-event-actions button{min-height:40px}}

/* Stage 20: inbox triage and SLA operations */
#communications .inbox-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.inbox-filter-panel{display:grid;gap:11px;padding:14px 16px}.inbox-filter-grid{display:grid;grid-template-columns:1.4fr repeat(5,minmax(115px,1fr));gap:8px}.inbox-filter-grid label{display:grid;gap:5px;min-width:0}.inbox-filter-grid label>span,.conversation-triage label>span{color:#7f8fa6;font-size:8px;font-weight:850;letter-spacing:.04em}.inbox-filter-grid input,.inbox-filter-grid select,.conversation-triage input,.conversation-triage select{width:100%;height:38px;border:1px solid rgba(142,163,198,.16);border-radius:8px;color:#e7eef8;background:#10213c;padding:0 9px;font-size:9px;outline:none}.inbox-filter-grid input:focus,.inbox-filter-grid select:focus,.conversation-triage input:focus,.conversation-triage select:focus{border-color:rgba(75,201,169,.48);box-shadow:0 0 0 3px rgba(75,201,169,.08)}.inbox-filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.inbox-filter-actions>div{display:flex;align-items:center;gap:7px;margin-right:auto;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.03)}.inbox-filter-actions span{color:#7f90a7;font-size:8px}.inbox-filter-actions b{color:#edf3fb;font-size:12px}.inbox-filter-actions em{color:#ed9aa4;font-size:8px;font-style:normal}.conversation-item.priority-urgent{border-color:rgba(238,102,114,.3)}.conversation-item.priority-high{border-color:rgba(255,180,84,.25)}.conversation-item-title{display:flex;align-items:center;gap:7px;min-width:0}.conversation-item-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-title em{flex-shrink:0;padding:3px 5px;border-radius:5px;color:#ffbd6d;background:rgba(255,180,84,.1);font-size:7px;font-style:normal;text-transform:uppercase}.priority-urgent .conversation-item-title em{color:#f49aa4;background:rgba(238,102,114,.1)}.conversation-triage{display:grid;gap:9px;padding:11px 18px;border-bottom:1px solid rgba(142,163,198,.1);background:rgba(7,17,34,.34)}.conversation-triage-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.conversation-triage label{display:grid;gap:5px;min-width:0}.conversation-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.conversation-tag-check{display:inline-flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:5px!important;padding:5px 7px;border:1px solid color-mix(in srgb,var(--tag-color) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag-color) 9%,transparent);cursor:pointer}.conversation-tag-check input{width:13px!important;height:13px!important;min-height:0!important;accent-color:var(--tag-color)}.conversation-tag-check span{color:#cbd7e7!important;font-size:8px!important}.conversation-triage-actions{display:flex;justify-content:flex-end;gap:7px}.conversation-triage-actions button{min-height:34px;padding:6px 10px}.conversation-status+.conversation-priority{margin-left:4px}
@media(max-width:1180px){.inbox-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.conversation-triage-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#communications .inbox-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-filter-grid label:first-child{grid-column:1/-1}.inbox-filter-actions{display:grid;grid-template-columns:1fr 1fr}.inbox-filter-actions>div{grid-column:1/-1;margin:0}.conversation-triage-fields{grid-template-columns:1fr 1fr}.conversation-triage-actions{display:grid;grid-template-columns:1fr 1fr}.conversation-triage-actions button{min-height:42px}}
@media(max-width:480px){#communications .inbox-summary,.inbox-filter-grid,.conversation-triage-fields,.conversation-triage-actions{grid-template-columns:1fr}.inbox-filter-grid label:first-child{grid-column:auto}.inbox-filter-actions{grid-template-columns:1fr}.inbox-filter-actions>div{grid-column:auto}.conversation-triage{padding:11px 12px}}

/* Stage 21: production readiness */
.production-readiness-panel{overflow:hidden;padding:0}.production-readiness-head{margin:0;padding:19px 21px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(74,126,255,.09),rgba(54,205,164,.045))}.production-readiness-head .overline{display:block;margin-bottom:5px;color:#7ea6ff;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.production-readiness-body{display:grid;grid-template-columns:148px minmax(220px,.55fr) minmax(0,1.45fr);gap:18px;padding:19px 21px}.readiness-score{display:grid;place-content:center;align-self:start;aspect-ratio:1;border:1px solid rgba(122,151,205,.2);border-radius:22px;background:radial-gradient(circle,rgba(82,137,255,.13),rgba(255,255,255,.025) 68%);text-align:center}.readiness-score strong{font-size:31px;line-height:1;font-variant-numeric:tabular-nums}.readiness-score span{margin-top:7px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.readiness-score.is-healthy{border-color:rgba(67,211,159,.35);background:radial-gradient(circle,rgba(67,211,159,.14),rgba(255,255,255,.02) 68%)}.readiness-score.is-warning{border-color:rgba(255,191,89,.35);background:radial-gradient(circle,rgba(255,191,89,.13),rgba(255,255,255,.02) 68%)}.readiness-score.is-critical{border-color:rgba(255,97,120,.4);background:radial-gradient(circle,rgba(255,97,120,.14),rgba(255,255,255,.02) 68%)}.readiness-release{display:grid;align-content:start;gap:8px}.readiness-release>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(142,163,198,.13);border-radius:10px;background:rgba(255,255,255,.022)}.readiness-release span{color:var(--muted);font-size:9px}.readiness-release b{font-size:10px;text-align:right}.readiness-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px}.readiness-check{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;min-width:0;padding:9px 10px;border:1px solid rgba(142,163,198,.12);border-radius:10px;background:rgba(255,255,255,.02)}.readiness-check>i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#9aa9bd;background:rgba(255,255,255,.055);font-size:10px;font-style:normal;font-weight:900}.readiness-check div{display:grid;gap:3px;min-width:0}.readiness-check b{font-size:9px}.readiness-check span{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.readiness-check.is-good>i{color:#82e4c1;background:rgba(67,211,159,.12)}.readiness-check.is-warning>i{color:#ffd18a;background:rgba(255,191,89,.12)}.readiness-check.is-critical{border-color:rgba(255,97,120,.22)}.readiness-check.is-critical>i{color:#ff9baa;background:rgba(255,97,120,.12)}
.production-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.production-jobs,.production-errors{display:grid;gap:8px}.production-job{padding:12px 13px;border:1px solid rgba(142,163,198,.13);border-radius:11px;background:rgba(255,255,255,.022)}.production-job header,.production-job footer{display:flex;align-items:center;gap:8px}.production-job header i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.production-job header b{margin-right:auto;font-size:10px}.production-job header span{color:var(--muted);font-size:8px;font-weight:800}.production-job p{margin:9px 0;color:#aab7c9;font-size:9px}.production-job footer{justify-content:space-between;color:var(--muted);font-size:8px}.production-job.is-good header i{background:var(--success);box-shadow:0 0 10px rgba(64,220,154,.45)}.production-job.is-warning header i{background:var(--warning)}.production-job.is-critical{border-color:rgba(255,97,120,.25)}.production-job.is-critical header i{background:var(--danger)}.production-queue-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}.production-queue-metrics>div{padding:10px;border:1px solid rgba(142,163,198,.12);border-radius:10px;background:rgba(255,255,255,.022)}.production-queue-metrics span,.production-queue-metrics b{display:block}.production-queue-metrics span{min-height:22px;color:var(--muted);font-size:8px}.production-queue-metrics b{margin-top:4px;font-size:18px;font-variant-numeric:tabular-nums}.production-queue-metrics b.has-warning{color:#ffbd78}.production-errors{max-height:240px;overflow:auto;scrollbar-width:thin}.production-errors h4{margin:2px 0 0;color:#aebbcf;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.production-error{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;padding:9px 10px;border-left:2px solid rgba(255,97,120,.55);border-radius:0 9px 9px 0;background:rgba(255,97,120,.045)}.production-error span,.production-error code{color:var(--muted);font-size:7px}.production-error b{font-size:8px}.production-error p{grid-column:1/-1;margin:0;color:#c7d1df;font-size:8px;overflow-wrap:anywhere}.production-no-errors{padding:12px;border:1px solid rgba(67,211,159,.15);border-radius:10px;color:#91dabc;background:rgba(67,211,159,.045);font-size:9px}.production-runs-panel td:first-child b,.production-runs-panel td:first-child small{display:block}.production-runs-panel td:first-child small{max-width:300px;margin-top:3px;color:var(--muted);font-size:8px;white-space:normal}.production-runs-panel code{color:#8fa1b8;font-size:8px}
@media(max-width:1180px){.production-readiness-body{grid-template-columns:128px minmax(220px,.65fr) minmax(0,1.35fr)}.production-queue-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.production-readiness-body{grid-template-columns:120px minmax(0,1fr)}.readiness-checks{grid-column:1/-1}.production-grid{grid-template-columns:1fr}}
@media(max-width:640px){.production-readiness-head{align-items:stretch;flex-direction:column}.production-readiness-head button{width:100%}.production-readiness-body{grid-template-columns:1fr;padding:14px}.readiness-score{width:118px;margin:auto}.readiness-checks{grid-column:auto;grid-template-columns:1fr}.readiness-check span{white-space:normal}.production-queue-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.production-runs-panel .table-wrap{overflow-x:auto}.production-runs-panel table{min-width:680px}}
@media(max-width:420px){.production-queue-metrics{grid-template-columns:1fr 1fr}.production-queue-metrics>div{padding:9px}.production-error{grid-template-columns:1fr auto}}
.tag-admin-list{display:grid;gap:6px;margin-top:4px}.tag-admin-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid rgba(142,163,198,.13);border-radius:8px;background:rgba(255,255,255,.025)}.tag-admin-row span{display:inline-flex;align-items:center;gap:6px;color:#d8e2ef;font-size:9px}.tag-admin-row span:before{width:8px;height:8px;border-radius:50%;background:var(--tag-color);content:""}.tag-admin-row button{min-height:30px;padding:5px 8px;border:1px solid rgba(142,163,198,.16);border-radius:7px;color:#dce7f4;background:rgba(255,255,255,.04);font-size:8px;cursor:pointer}

/* Stage 17: client portal and document templates */
.client-template-library{min-width:0;padding:0;overflow:hidden}.client-template-library>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;cursor:pointer;list-style:none}.client-template-library>summary::-webkit-details-marker{display:none}.client-template-library>summary>div span,.client-template-library>summary>div b,.client-template-library>summary>div small{display:block}.client-template-library>summary b{margin-top:3px;color:#edf3fd;font-size:14px}.client-template-library>summary small{margin-top:4px;color:#7f90a8;font-size:9px}.client-template-library[open]>summary{border-bottom:1px solid rgba(142,163,198,.12)}.client-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.client-template-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0;padding:12px;border:1px solid rgba(142,163,198,.13);border-radius:11px;background:rgba(255,255,255,.025)}.client-template-card.is-disabled{opacity:.5}.client-template-card>div{min-width:0}.client-template-card span,.client-template-card b{display:block}.client-template-card span{color:#75a5ed;font-size:8px;text-transform:uppercase}.client-template-card b{margin-top:4px;color:#e5edf9;font-size:12px}.client-template-card p{display:-webkit-box;overflow:hidden;margin:6px 0 0;color:#8798b0;font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.client-template-card button{flex:0 0 auto;min-height:32px;padding:6px 8px;font-size:8px}.template-variable-help{padding:10px 11px;border:1px solid rgba(94,145,222,.16);border-radius:9px;color:#96acd0;background:rgba(63,113,190,.08);font-size:9px;line-height:1.5}
.client-portal-order{display:grid;gap:12px}.portal-state{padding:6px 8px;border-radius:999px;color:#899ab1;background:rgba(255,255,255,.05);font-size:8px;font-weight:850;white-space:nowrap}.portal-state.is-active{color:#9be5cc;background:rgba(48,180,137,.12)}.portal-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.portal-toolbar button{min-height:34px;padding:7px 9px;font-size:9px}.portal-warning{margin:0;padding:8px 10px;border-radius:8px;color:#7f91ab;background:rgba(255,255,255,.025);font-size:8px}.client-documents{display:grid;gap:7px}.client-document{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:11px;border:1px solid rgba(142,163,198,.13);border-radius:10px;background:rgba(255,255,255,.026)}.client-document.status-shared{border-left:3px solid #6a9ee9}.client-document.status-acknowledged{border-left:3px solid #58cda7}.client-document>div:first-child{min-width:0}.client-document span,.client-document b{display:block}.client-document span{color:#7fa9e8;font-size:8px;text-transform:uppercase}.client-document b{margin-top:4px;color:#e4edf9;font-size:11px}.client-document p{overflow:hidden;margin:5px 0 0;color:#8293aa;font-size:9px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.client-document-actions{display:flex;align-items:center;gap:5px}.client-document-actions button{min-height:31px;padding:5px 7px;border:1px solid rgba(142,163,198,.13);border-radius:7px;color:#b8c7da;background:rgba(255,255,255,.035);font-size:8px;cursor:pointer}.client-document-actions .danger-link{color:#ff9da9}.client-events{border-top:1px solid rgba(142,163,198,.1);padding-top:9px}.client-events>summary{color:#8fa1ba;font-size:9px;cursor:pointer}.client-events>div{display:grid;gap:5px;margin-top:8px}.client-event{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:7px;align-items:start;padding:7px;border-radius:8px;background:rgba(255,255,255,.022)}.client-event i{color:#68a2f0;font-style:normal}.client-event b,.client-event span{display:block}.client-event b{color:#cbd7e7;font-size:9px}.client-event span{margin-top:3px;color:#788aa3;font-size:8px}.client-event time{color:#6e809a;font-size:8px;white-space:nowrap}
@media(max-width:760px){.client-template-list{grid-template-columns:1fr}.client-template-library>summary{align-items:stretch;flex-direction:column}.client-template-library>summary button{width:100%}.client-document{grid-template-columns:1fr}.client-document-actions{justify-content:flex-start}.portal-toolbar{display:grid;grid-template-columns:1fr}.portal-toolbar button{min-height:40px}.client-event{grid-template-columns:12px minmax(0,1fr)}.client-event time{grid-column:2}}

/* Stage 15: permission matrix and substitutions */
.admin-stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
.permission-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }
.permission-overview article { display: grid; gap: 3px; min-height: 78px; padding: 12px 13px; border: 1px solid rgba(142,163,198,.1); border-radius: 10px; background: rgba(255,255,255,.022); }
.permission-overview span { color: #8fa1b8; font-size: 9px; font-weight: 750; }
.permission-overview b { color: #f0f6ff; font-size: 22px; font-variant-numeric: tabular-nums; }
.permission-overview small { color: #687b93; font-size: 8px; }
.substitution-list { display: grid; gap: 7px; }
.substitution-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; padding: 11px 12px; border: 1px solid rgba(142,163,198,.1); border-left: 3px solid #6a87ac; border-radius: 9px; background: rgba(255,255,255,.018); }
.substitution-card.is-current { border-left-color: #46bd95; background: rgba(54,177,137,.055); }
.substitution-card.is-disabled { opacity: .55; }
.substitution-card > div:first-child { min-width: 0; }
.substitution-card span { color: #82bcf6; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.substitution-card h4 { margin: 3px 0; color: #edf5ff; font-size: 12px; }
.substitution-card p { margin: 0; color: #7f91a8; font-size: 9px; }
.substitution-card > div:last-child { display: flex; gap: 7px; flex: 0 0 auto; }
.permission-fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid rgba(142,163,198,.12); border-radius: 11px; }
.permission-fieldset legend { padding: 0 7px; color: #93a5bc; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.permission-check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.permission-check { display: grid !important; grid-template-columns: 18px minmax(0,1fr); align-items: start; gap: 8px !important; min-width: 0; padding: 9px; border-radius: 9px; background: rgba(255,255,255,.025); }
.permission-check input { width: 17px !important; height: 17px !important; margin: 1px 0 0; }
.permission-check > span { display: grid; gap: 3px; min-width: 0; }
.permission-check b { color: #dce8f7; font-size: 10px; }
.permission-check small { color: #74869e; font-size: 8px; line-height: 1.4; }
.permission-form-note { margin: 0; color: #778aa2; font-size: 9px; line-height: 1.5; }

@media (max-width: 760px) {
  .admin-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .permission-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .permission-check-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .admin-stats { grid-template-columns: 1fr; }
  .substitution-card { align-items: stretch; flex-direction: column; }
  .substitution-card > div:last-child { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .substitution-card button { min-height: 38px; }
}

/* Stage 14: sales teams and lead routing */
.team-layout { display: grid; gap: 14px; min-width: 0; }
.team-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 132px; padding: 24px 26px; background: linear-gradient(135deg, rgba(18,32,51,.98), rgba(15,26,43,.96)); }
.team-hero h2 { margin: 5px 0 7px; color: #f7fbff; font-size: clamp(22px,2.2vw,32px); }
.team-hero p { max-width: 700px; margin: 0; color: #aebdd2; line-height: 1.5; }
.team-hero-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.team-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.team-summary article { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 3px 12px; min-height: 86px; padding: 15px 17px; border: 1px solid rgba(142,163,198,.12); border-radius: 13px; background: rgba(18,31,49,.76); }
.team-summary span { color: #aebdd2; font-size: 11px; font-weight: 700; }
.team-summary b { grid-row: 1/3; grid-column: 2; align-self: center; color: #f7fbff; font-size: 26px; font-variant-numeric: tabular-nums; }
.team-summary small { color: #71839b; font-size: 10px; }
.team-routing-bar { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,300px) auto; align-items: end; gap: 14px; padding: 17px 19px; }
.team-routing-bar h3 { margin: 0 0 4px; color: #edf5ff; font-size: 15px; }
.team-routing-bar p { margin: 0; color: #8395ad; font-size: 10px; line-height: 1.45; }
.team-routing-bar label { display: grid; gap: 5px; margin: 0; }
.team-routing-bar label span { color: #8698b0; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.team-routing-bar select { min-height: 39px; }
.team-grid { display: grid; grid-template-columns: minmax(300px,.72fr) minmax(0,1.5fr); align-items: start; gap: 12px; min-width: 0; }
.team-grid > .panel { min-width: 0; }
.sales-team-list { display: grid; gap: 9px; }
.sales-team-card { display: grid; gap: 10px; padding: 14px; border: 1px solid rgba(142,163,198,.12); border-radius: 11px; background: rgba(255,255,255,.024); }
.sales-team-card.is-disabled { opacity: .55; }
.sales-team-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.sales-team-head span:not(.state-chip) { color: #73b4f7; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.sales-team-head h4 { margin: 3px 0 0; color: #f1f7ff; font-size: 14px; }
.sales-team-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.sales-team-facts span { padding: 8px; border-radius: 8px; color: #8395ad; background: rgba(255,255,255,.025); font-size: 9px; }
.sales-team-facts b { color: #e6f1ff; font-size: 12px; font-variant-numeric: tabular-nums; }
.sales-team-card p { margin: 0; color: #7f91a9; font-size: 9px; }
.sales-team-card p b { color: #cbd9e9; }
.sales-team-card footer { display: flex; gap: 7px; }
.team-load-panel { overflow: hidden; }
.team-load-panel .table-wrap { margin: 0 -18px -18px; border-top: 1px solid rgba(142,163,198,.1); }
.team-load-panel table { min-width: 800px; }
.team-load { display: grid; gap: 5px; min-width: 110px; }
.team-load > div { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
.team-load i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#3c8fe7,#56c9a3); }
.team-load span { color: #8294ac; font-size: 9px; font-variant-numeric: tabular-nums; }
.routing-status { display: inline-flex; padding: 5px 7px; border-radius: 7px; color: #ffbd92; background: rgba(212,121,64,.1); font-size: 8px; font-weight: 800; white-space: nowrap; }
.routing-status.is-ready { color: #91dfc4; background: rgba(50,183,139,.11); }
.danger-text { color: #ff9d9d; font-weight: 850; }
.team-assignment-log { display: grid; gap: 6px; }
.team-assignment { display: grid; grid-template-columns: 28px minmax(0,1.2fr) minmax(150px,.7fr) auto auto; align-items: center; gap: 10px; min-width: 0; padding: 9px 11px; border: 1px solid rgba(142,163,198,.09); border-radius: 9px; background: rgba(255,255,255,.018); }
.team-assignment > i { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #86c1ff; background: rgba(61,139,224,.12); font-style: normal; }
.team-assignment > div { display: grid; gap: 2px; min-width: 0; }
.team-assignment b { overflow: hidden; color: #dfeafb; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.team-assignment span,.team-assignment time { color: #71839b; font-size: 8px; white-space: nowrap; }
.team-assignment button { min-height: 29px; padding: 5px 8px; border: 1px solid rgba(142,163,198,.13); border-radius: 7px; color: #d5e4f5; background: rgba(255,255,255,.035); font-size: 8px; font-weight: 800; }
.routing-member-heading { display: grid; gap: 3px; padding: 12px; border-radius: 10px; background: rgba(63,137,219,.08); }
.routing-member-heading span,.routing-member-heading small { color: #8194ac; font-size: 9px; }
.routing-member-heading b { color: #eff6ff; font-size: 15px; }

@media (max-width: 1120px) {
  .team-grid { grid-template-columns: 1fr; }
  .sales-team-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
  .team-hero { align-items: flex-start; flex-direction: column; }
  .team-hero-actions { justify-content: flex-start; }
  .team-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .team-routing-bar { grid-template-columns: 1fr; align-items: stretch; }
  .team-assignment { grid-template-columns: 28px minmax(0,1fr) auto; }
  .team-assignment > div:nth-of-type(2) { grid-column: 2; }
  .team-assignment time { grid-column: 2; }
  .team-assignment button { grid-row: 1/4; grid-column: 3; }
}
@media (max-width: 640px) {
  .team-layout { gap: 10px; }
  .team-hero { min-height: 0; padding: 18px; }
  .team-hero p { font-size: 12px; }
  .team-hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .team-hero-actions button { width: 100%; }
  .team-summary { gap: 7px; }
  .team-summary article { min-height: 72px; padding: 12px; }
  .team-summary b { font-size: 22px; }
  .sales-team-list { grid-template-columns: 1fr; }
  .team-routing-bar { padding: 14px; }
  .team-routing-bar select { font-size: 16px; }
  .team-assignment { grid-template-columns: 28px minmax(0,1fr); }
  .team-assignment button { grid-row: auto; grid-column: 1/-1; width: 100%; min-height: 38px; }
}

/* Stage 13: calendar and manager workday */
.calendar-layout { display: grid; gap: 14px; min-width: 0; }
.calendar-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 128px; padding: 24px 26px; overflow: hidden; background: linear-gradient(135deg, rgba(19,32,51,.98), rgba(13,24,40,.96)); }
.calendar-hero h2 { margin: 5px 0 7px; color: #f8fbff; font-size: clamp(22px, 2.2vw, 32px); line-height: 1.05; }
.calendar-hero p { max-width: 680px; margin: 0; color: #aebdd2; line-height: 1.5; }
.calendar-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.calendar-hero-actions button { min-width: 42px; min-height: 40px; }
.calendar-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.calendar-summary article { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 2px 12px; min-height: 86px; padding: 15px 17px; border: 1px solid rgba(142,163,198,.12); border-radius: 13px; background: rgba(18,31,49,.76); }
.calendar-summary span { color: #aebdd2; font-size: 11px; font-weight: 700; }
.calendar-summary b { grid-row: 1 / 3; grid-column: 2; align-self: center; color: #f7fbff; font-size: 26px; font-variant-numeric: tabular-nums; }
.calendar-summary small { color: #71839b; font-size: 10px; }
.calendar-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 64px; padding: 11px 15px; }
.calendar-toolbar > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.calendar-toolbar > div:last-child { justify-content: flex-end; flex-wrap: wrap; }
.calendar-toolbar label { display: flex; align-items: center; gap: 7px; margin: 0; }
.calendar-toolbar label span { color: #8495ad; font-size: 10px; font-weight: 700; }
.calendar-toolbar select { min-width: 155px; min-height: 37px; }
.calendar-period-title { padding: 0; border: 0; color: #f5f9ff; background: transparent; font-size: 17px; font-weight: 850; text-align: left; cursor: default; }
#calendarFreshness { color: #71839b; font-size: 10px; }
.calendar-workspace { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, .65fr); align-items: start; gap: 12px; min-width: 0; }
.calendar-month-panel { min-width: 0; padding: 0; overflow: hidden; }
.calendar-weekdays { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-bottom: 1px solid rgba(142,163,198,.12); background: rgba(255,255,255,.018); }
.calendar-weekdays span { padding: 10px 8px; color: #72849d; font-size: 9px; font-weight: 800; text-align: center; text-transform: uppercase; }
.calendar-desktop-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.calendar-day { min-width: 0; min-height: 116px; padding: 8px; border-right: 1px solid rgba(142,163,198,.09); border-bottom: 1px solid rgba(142,163,198,.09); background: rgba(12,22,36,.28); cursor: pointer; transition: background .15s ease; }
.calendar-day:nth-child(7n) { border-right: 0; }
.calendar-day:hover { background: rgba(72,133,206,.07); }
.calendar-day.is-outside { background: rgba(8,16,27,.23); opacity: .54; }
.calendar-day.is-today { box-shadow: inset 0 0 0 1px rgba(73,155,245,.55); background: rgba(40,101,170,.1); }
.calendar-day-head { display: flex; align-items: center; justify-content: space-between; gap: 5px; min-height: 22px; margin-bottom: 4px; }
.calendar-day-head b { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 7px; color: #dfe9f7; font-size: 11px; }
.calendar-day.is-today .calendar-day-head b { color: #fff; background: #317ed2; }
.calendar-day-head span { overflow: hidden; color: #62748c; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.calendar-day-items { display: grid; gap: 4px; min-width: 0; }
.calendar-chip { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 5px; min-width: 0; min-height: 22px; padding: 4px 6px; border: 0; border-radius: 6px; color: #dce9f8; background: rgba(61,139,224,.14); font-size: 8px; text-align: left; cursor: pointer; }
.calendar-chip span { color: #8fc5ff; font-variant-numeric: tabular-nums; font-weight: 800; white-space: nowrap; }
.calendar-chip b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.calendar-chip.source-task { background: rgba(181,126,231,.13); }
.calendar-chip.source-task span { color: #d4adfb; }
.calendar-chip.source-deal { background: rgba(55,187,144,.13); }
.calendar-chip.source-deal span { color: #84dfc1; }
.calendar-chip.source-order { background: rgba(226,158,59,.14); }
.calendar-chip.source-order span { color: #ffd08c; }
.calendar-chip.status-completed { opacity: .58; text-decoration: line-through; }
.calendar-chip.status-cancelled { opacity: .4; }
.calendar-more { padding-left: 5px; color: #72849d; font-size: 8px; }
.calendar-mobile-list { display: none; }
.calendar-agenda-panel { position: sticky; top: 76px; min-width: 0; max-height: calc(100dvh - 94px); padding: 14px; overflow: hidden; }
.calendar-agenda { display: grid; gap: 7px; max-height: calc(100dvh - 170px); padding-right: 3px; overflow: auto; scrollbar-width: thin; }
.calendar-agenda-item { display: grid; gap: 7px; padding: 11px; border: 1px solid rgba(142,163,198,.11); border-left: 3px solid #4c96e8; border-radius: 10px; background: rgba(255,255,255,.025); }
.calendar-agenda-item.source-task { border-left-color: #a874da; }
.calendar-agenda-item.source-deal { border-left-color: #3cba91; }
.calendar-agenda-item.source-order { border-left-color: #df9f42; }
.calendar-agenda-item.is-overdue { border-color: rgba(231,99,99,.32); border-left-color: #e56464; background: rgba(173,54,54,.07); }
.calendar-agenda-time { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.calendar-agenda-time span { color: #7fa6d0; font-size: 8px; font-weight: 850; text-transform: uppercase; }
.calendar-agenda-time b { color: #9fb0c7; font-size: 9px; font-variant-numeric: tabular-nums; }
.calendar-agenda-copy h4 { margin: 0 0 3px; color: #f0f6ff; font-size: 12px; line-height: 1.3; }
.calendar-agenda-copy p { margin: 0; color: #8495ad; font-size: 9px; line-height: 1.45; }
.calendar-agenda-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.calendar-agenda-actions button { min-height: 28px; padding: 5px 7px; border: 1px solid rgba(142,163,198,.14); border-radius: 7px; color: #d7e4f4; background: rgba(255,255,255,.04); font-size: 8px; font-weight: 800; cursor: pointer; }
.calendar-agenda-actions .danger-link { color: #ffaaaa; }
.calendar-loading { grid-column: 1 / -1; padding: 48px; }

@media (max-width: 1180px) {
  .calendar-workspace { grid-template-columns: 1fr; }
  .calendar-agenda-panel { position: static; max-height: none; }
  .calendar-agenda { max-height: 420px; }
  .calendar-day { min-height: 108px; }
}
@media (max-width: 820px) {
  .calendar-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .calendar-hero { align-items: flex-start; flex-direction: column; }
  .calendar-toolbar { align-items: stretch; flex-direction: column; }
  .calendar-toolbar > div:last-child { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .calendar-layout { gap: 10px; }
  .calendar-hero { min-height: 0; padding: 18px; }
  .calendar-hero p { font-size: 12px; }
  .calendar-hero-actions { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; width: 100%; }
  .calendar-hero-actions #openCalendarEvent { grid-column: 1 / -1; width: 100%; }
  .calendar-summary { gap: 7px; }
  .calendar-summary article { min-height: 72px; padding: 12px; }
  .calendar-summary b { font-size: 22px; }
  .calendar-toolbar { padding: 12px; }
  .calendar-toolbar > div:last-child { display: grid; grid-template-columns: 1fr; }
  .calendar-toolbar label { align-items: stretch; flex-direction: column; gap: 4px; }
  .calendar-toolbar select { width: 100%; min-width: 0; font-size: 16px; }
  .calendar-weekdays, .calendar-desktop-grid { display: none; }
  .calendar-mobile-list { display: grid; }
  .calendar-mobile-day { display: grid; gap: 7px; padding: 14px; border-bottom: 1px solid rgba(142,163,198,.1); cursor: pointer; }
  .calendar-mobile-day > div { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
  .calendar-mobile-day > div b { color: #eff6ff; font-size: 13px; }
  .calendar-mobile-day > div span { color: #72849d; font-size: 10px; text-transform: capitalize; }
  .calendar-mobile-day .calendar-chip { min-height: 38px; padding: 8px 10px; border-radius: 9px; font-size: 10px; }
  .calendar-mobile-day .calendar-chip b { font-size: 11px; }
  .calendar-agenda { max-height: none; overflow: visible; }
  .calendar-agenda-item { padding: 12px; }
  .calendar-agenda-actions button { flex: 1 1 auto; min-height: 38px; font-size: 10px; }
}

/* Stage 12: workflows and approvals */
.workflow-layout { display: grid; gap: 16px; min-width: 0; }
.workflow-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  min-height: 132px;
  padding: 22px 24px;
  background:
    radial-gradient(circle at 86% 0, rgba(157,104,255,.14), transparent 25rem),
    linear-gradient(145deg, rgba(20,36,68,.96), rgba(10,21,41,.96));
}
.workflow-hero h2 { margin: 5px 0 5px; font-size: clamp(22px, 2.2vw, 31px); }
.workflow-hero p { max-width: 660px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.workflow-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.workflow-summary article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(142,163,198,.17);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(19,37,69,.9), rgba(10,23,45,.92));
}
.workflow-summary span { color: #98a7bd; font-size: 11px; }
.workflow-summary b { color: #eef4ff; font-size: 22px; font-variant-numeric: tabular-nums; }
.workflow-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .5fr); gap: 16px; align-items: start; }
.workflow-approvals-panel,
.workflow-settings-panel,
.workflow-policies-panel,
.workflow-log-panel { min-width: 0; }
.approval-list { display: grid; gap: 10px; }
.approval-card {
  display: grid;
  gap: 9px;
  padding: 14px;
  border: 1px solid rgba(142,163,198,.16);
  border-left: 3px solid #7e8da4;
  border-radius: 13px;
  background: rgba(255,255,255,.028);
}
.approval-card.status-pending { border-left-color: #f0b85e; }
.approval-card.status-approved { border-left-color: #55d0a9; }
.approval-card.status-rejected { border-left-color: #ff7184; }
.approval-card-head,
.approval-card footer,
.approval-card footer > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.approval-card-head span { color: #83aef6; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.approval-card-head h4 { margin: 3px 0 0; font-size: 15px; }
.approval-card-head > b { padding: 5px 8px; border-radius: 999px; color: #d8e3f4; background: rgba(255,255,255,.06); font-size: 9px; }
.approval-card > p { margin: 0; color: #a5b3c8; font-size: 11px; }
.approval-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.approval-facts span { padding: 8px 9px; border-radius: 9px; color: #8594ad; background: rgba(255,255,255,.035); font-size: 9px; }
.approval-facts b { display: block; margin-top: 3px; color: #eaf1fd; font-size: 12px; }
.approval-card blockquote,
.approval-decision { margin: 0; padding: 8px 10px; border-left: 2px solid rgba(111,157,232,.45); color: #aebbd0; background: rgba(72,116,188,.07); font-size: 10px; line-height: 1.45; }
.approval-card footer { padding-top: 8px; border-top: 1px solid rgba(142,163,198,.11); }
.approval-card footer small { color: #7788a2; font-size: 9px; }
.approval-card footer button { min-height: 32px; padding: 6px 9px; border: 0; border-radius: 8px; font: inherit; font-size: 10px; cursor: pointer; }
.approval-approve { color: #a4efd2; background: rgba(57,189,145,.14); }
.approval-reject { color: #ffadb8; background: rgba(255,93,116,.13); }
.workflow-settings-panel { display: grid; gap: 13px; }
.workflow-threshold { display: grid; gap: 6px; }
.workflow-threshold span { color: #93a2b9; font-size: 10px; font-weight: 800; }
.workflow-threshold input { width: 100%; height: 44px; border: 1px solid rgba(142,163,198,.2); border-radius: 10px; color: #f0f5ff; background: #102342; }
.workflow-policy-list { display: grid; gap: 7px; }
.workflow-policy { display: grid; grid-template-columns: 31px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid rgba(142,163,198,.13); border-radius: 11px; background: rgba(255,255,255,.025); }
.policy-index { color: #70829e; font-size: 9px; font-weight: 900; }
.workflow-policy h4 { margin: 0; color: #e5edfb; font-size: 13px; }
.workflow-policy p { overflow: hidden; margin: 4px 0 0; color: #8796ad; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.workflow-policy button { min-height: 34px; }
.workflow-run-list { display: grid; gap: 7px; }
.workflow-run { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid rgba(142,163,198,.12); border-radius: 10px; background: rgba(255,255,255,.022); }
.workflow-run > i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #83dfc0; background: rgba(57,189,145,.12); font-style: normal; font-weight: 900; }
.workflow-run.status-failed > i { color: #ff9ead; background: rgba(255,93,116,.12); }
.workflow-run b,
.workflow-run span { display: block; }
.workflow-run b { color: #dce6f6; font-size: 11px; }
.workflow-run span { margin-top: 3px; color: #7f8fa8; font-size: 9px; }
.workflow-run time { color: #74849d; font-size: 9px; white-space: nowrap; }
.workflow-form-heading { display: grid; gap: 4px; padding: 12px; border: 1px solid rgba(125,158,213,.16); border-radius: 11px; background: rgba(65,105,175,.07); }
.workflow-form-heading span,
.workflow-form-heading small { color: #8999b1; font-size: 10px; }
.workflow-form-heading b { color: #f0f5ff; font-size: 15px; }
.workflow-fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid rgba(142,163,198,.17); border-radius: 11px; }
.workflow-fieldset legend { padding: 0 6px; color: #aab8cc; font-size: 10px; font-weight: 800; }
.workflow-field-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.workflow-field-check { display: flex !important; align-items: center; gap: 8px !important; min-width: 0; padding: 7px 8px; border-radius: 8px; background: rgba(255,255,255,.03); }
.workflow-field-check input { flex: 0 0 auto; width: 17px !important; height: 17px !important; margin: 0; }
.workflow-field-check span { overflow: hidden; color: #b8c5d8; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.approval-request-button,
.approval-pending-button,
.approval-approved-label { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: 6px 9px; border: 0; border-radius: 8px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.approval-request-button { color: #ffcf87 !important; background: rgba(225,159,58,.14) !important; cursor: pointer; }
.approval-pending-button { color: #ffcf87 !important; background: rgba(225,159,58,.1) !important; cursor: pointer; }
.approval-approved-label { color: #9de6cc; background: rgba(57,189,145,.12); }

@media (max-width: 1040px) {
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .workflow-hero { align-items: stretch; flex-direction: column; min-height: 0; padding: 18px; }
  .workflow-hero button { width: 100%; }
  .workflow-summary { grid-template-columns: 1fr; }
  .approval-facts { grid-template-columns: 1fr; }
  .approval-card footer,
  .approval-card footer > div { align-items: stretch; flex-direction: column; }
  .approval-card footer button { width: 100%; }
  .workflow-policy { grid-template-columns: 27px minmax(0, 1fr); }
  .workflow-policy button { grid-column: 1 / -1; width: 100%; }
  .workflow-policy p { white-space: normal; }
  .workflow-run { grid-template-columns: 30px minmax(0, 1fr); }
  .workflow-run time { grid-column: 2; }
  .workflow-field-grid { grid-template-columns: 1fr; }
}
/* Stage 22: персональный центр уведомлений */
body.notifications-open{overflow:hidden}.notification-bell{position:relative;width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px;border:1px solid var(--line);border-radius:15px;color:var(--muted-2);background:rgba(255,255,255,.055)}.notification-bell>span{font-size:22px;line-height:1;transform:rotate(45deg)}.notification-bell:hover,.notification-bell.has-unread{color:var(--text);border-color:rgba(102,255,216,.36);background:rgba(102,255,216,.09)}.notification-bell b{position:absolute;top:-6px;right:-7px;min-width:21px;height:21px;padding:0 5px;display:grid;place-items:center;border:2px solid #090d1b;border-radius:999px;color:#07100e;background:var(--accent);font-size:10px;font-weight:900}
.notification-backdrop{position:fixed;inset:0;z-index:2090;background:rgba(2,5,13,.64);backdrop-filter:blur(5px)}.notification-center{position:fixed;z-index:2100;top:10px;right:10px;bottom:10px;width:min(440px,calc(100vw - 20px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:26px;background:linear-gradient(160deg,rgba(17,24,43,.98),rgba(7,10,21,.98));box-shadow:-24px 0 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);transform:translateX(calc(100% + 36px));visibility:hidden;transition:transform .24s ease,visibility .24s ease}.notification-center.show{transform:translateX(0);visibility:visible}.notification-center-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 22px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.notification-center-head h2{margin:3px 0 5px;color:var(--text);font-size:25px;line-height:1.08}.notification-center-head p{margin:0;color:var(--muted);font-size:13px}.notification-close{width:38px;height:38px;flex:0 0 38px;border-radius:13px;color:var(--text);background:rgba(255,255,255,.075);font-size:24px;line-height:1}
.notification-filters{display:flex;gap:6px;padding:14px 16px 8px;overflow-x:auto;scrollbar-width:none}.notification-filters::-webkit-scrollbar{display:none}.notification-filters button,.notification-toolbar button{white-space:nowrap;border:1px solid transparent;border-radius:11px;color:var(--muted-2);background:rgba(255,255,255,.045);font-size:12px;font-weight:750}.notification-filters button{min-height:34px;padding:0 12px}.notification-filters button.active{color:#07100e;border-color:rgba(102,255,216,.35);background:var(--accent)}.notification-toolbar{display:flex;justify-content:flex-end;gap:7px;padding:0 16px 10px}.notification-toolbar button{min-height:30px;padding:0 9px;color:var(--muted)}.notification-list{min-height:0;padding:0 12px 14px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.notification-item{position:relative;margin:0 0 8px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}.notification-item.is-unread{border-color:rgba(102,255,216,.22);background:linear-gradient(135deg,rgba(102,255,216,.09),rgba(129,167,255,.055))}.notification-item.priority-urgent{border-color:rgba(255,95,134,.35)}.notification-item-main{width:100%;min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr) 8px;gap:11px;align-items:start;padding:15px 42px 15px 14px;text-align:left;color:var(--text);background:transparent}.notification-item-main:hover{background:rgba(255,255,255,.035)}.notification-item-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--accent);background:rgba(102,255,216,.09);font-style:normal;font-weight:900}.notification-item-icon.category-task{color:var(--accent-2);background:rgba(129,167,255,.11)}.notification-item-icon.category-communication{color:#c99aff;background:rgba(190,124,255,.11)}.notification-item-icon.category-approval,.notification-item-icon.category-order{color:var(--warning);background:rgba(255,211,110,.1)}.notification-item-copy{min-width:0;display:grid;gap:4px}.notification-item-copy small{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.notification-item-copy b{color:var(--text);font-size:14px;line-height:1.25}.notification-item-copy>span{color:var(--muted-2);font-size:12px;line-height:1.42;overflow-wrap:anywhere}.notification-item-main em{width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--accent)}.notification-archive{position:absolute;top:10px;right:9px;width:29px;height:29px;border-radius:10px;color:var(--muted);background:transparent;font-size:18px}.notification-archive:hover{color:var(--text);background:rgba(255,255,255,.08)}
.notification-empty{min-height:230px;display:grid;place-content:center;justify-items:center;gap:7px;padding:30px;text-align:center}.notification-empty i{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:16px;color:var(--accent);font-style:normal;font-size:24px;transform:rotate(45deg)}.notification-empty b{color:var(--text)}.notification-empty span{max-width:250px;color:var(--muted);font-size:12px;line-height:1.4}.notification-preferences{border-top:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.12)}.notification-preferences summary{padding:14px 18px;color:var(--muted-2);cursor:pointer;font-size:12px;font-weight:800}.notification-preferences form{max-height:280px;display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:0 18px 18px;overflow:auto}.notification-preferences label{min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:11px;line-height:1.25}.notification-preferences input{width:16px;height:16px;accent-color:var(--accent)}.notification-preferences button{grid-column:1/-1;min-height:40px;margin-top:4px}body.auth-locked .notification-bell,body.auth-locked .notification-backdrop,body.auth-locked .notification-center{display:none!important}
@media(max-width:760px){.notification-bell{width:40px;height:40px;flex-basis:40px;border-radius:13px}.notification-center{inset:0;width:100vw;height:100dvh;border:0;border-radius:0}.notification-center-head{padding:max(18px,env(safe-area-inset-top)) 16px 14px}.notification-center-head h2{font-size:22px}.notification-filters{padding-inline:12px}.notification-toolbar{padding-inline:12px;justify-content:stretch}.notification-toolbar button{flex:1}.notification-list{padding-inline:8px;padding-bottom:10px}.notification-item-main{grid-template-columns:36px minmax(0,1fr) 7px;padding:13px 39px 13px 11px}.notification-item-icon{width:36px;height:36px;border-radius:12px}.notification-preferences form{padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.notification-center{transition:none}}

/* Stage 23: телефония и журнал звонков */
.calls-layout{display:grid;gap:14px}.calls-hero{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:linear-gradient(135deg,rgba(62,125,209,.16),rgba(11,24,46,.92))}.calls-hero h2{margin:5px 0 7px;font-size:clamp(23px,2.3vw,32px)}.calls-hero p{max-width:720px;margin:0;color:var(--muted);line-height:1.45}.calls-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.calls-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.calls-summary article{min-width:0;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.045)}.calls-summary span,.calls-summary b{display:block}.calls-summary span{color:var(--muted);font-size:11px}.calls-summary b{margin-top:6px;color:var(--text);font-size:21px;font-variant-numeric:tabular-nums}.calls-summary .has-alert b{color:#ff9aab}.calls-provider{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px}.calls-provider>div{display:flex;align-items:center;gap:11px}.calls-provider i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:rgba(102,255,216,.1);font-style:normal;font-weight:900}.calls-provider span{display:grid;gap:3px}.calls-provider b{font-size:13px}.calls-provider small{color:var(--muted);font-size:11px}.calls-provider code{padding:7px 10px;border-radius:8px;color:#bcd1ef;background:rgba(0,0,0,.22);font-size:10px}.calls-provider.is-manual i{color:var(--warning);background:rgba(255,211,110,.1)}.calls-journal{overflow:hidden}.calls-toolbar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(130px,.7fr));gap:9px;padding:14px 16px;border-bottom:1px solid var(--line)}.calls-toolbar label{display:grid;gap:5px;min-width:0}.calls-toolbar label>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.calls-toolbar input,.calls-toolbar select{width:100%;height:39px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#10213c;padding:0 10px;outline:none}.calls-toolbar input:focus,.calls-toolbar select:focus{border-color:rgba(102,255,216,.4);box-shadow:0 0 0 3px rgba(102,255,216,.07)}.calls-list{display:grid;gap:0}.call-row{min-width:0;display:grid;grid-template-columns:104px minmax(190px,1.1fr) minmax(190px,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.075)}.call-row:last-child{border-bottom:0}.call-row:hover{background:rgba(255,255,255,.025)}.call-row.status-missed{box-shadow:inset 3px 0 #ff6d86}.call-row.status-busy,.call-row.status-failed{box-shadow:inset 3px 0 #ffd36e}.call-direction{display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:11px;font-weight:800}.call-direction i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:rgba(102,255,216,.08);font-style:normal}.status-missed .call-direction i{color:#ff9aab;background:rgba(255,95,134,.09)}.call-person,.call-result{min-width:0;display:grid;gap:3px}.call-person b,.call-result b{overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.call-person span,.call-person small,.call-result span,.call-result small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.call-result small{color:var(--muted-2)}.call-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.call-row-actions button,.call-row-actions a{min-height:32px;display:inline-flex;align-items:center;padding:0 9px;border:1px solid var(--line);border-radius:9px;color:var(--muted-2);background:rgba(255,255,255,.045);font-size:10px;font-weight:750;text-decoration:none}.call-row-actions .danger-link{width:32px;justify-content:center;color:#ff9aab}.call-edit-context{display:grid;gap:4px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.call-edit-context b{font-size:15px}.call-edit-context span{color:var(--muted);font-size:11px}
@media(max-width:1100px){.calls-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.calls-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.calls-search{grid-column:1/-1}.call-row{grid-template-columns:90px minmax(160px,1fr) minmax(160px,1fr)}.call-row-actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:760px){.calls-layout{gap:10px}.calls-hero{min-height:0;display:grid;padding:17px 15px}.calls-hero h2{font-size:24px}.calls-hero-actions{display:grid;grid-template-columns:1fr 1fr}.calls-hero-actions button{min-height:43px}.calls-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.calls-summary article{padding:11px 12px}.calls-summary article:first-child{grid-column:1/-1}.calls-provider{align-items:flex-start;padding:12px}.calls-provider code{display:none}.calls-toolbar{grid-template-columns:1fr 1fr;padding:11px}.calls-search{grid-column:1/-1}.call-row{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:12px}.call-direction span{display:none}.call-person{align-self:center}.call-result,.call-row-actions{grid-column:2}.call-result b,.call-result span,.call-result small{white-space:normal}.call-row-actions{justify-content:flex-start}.call-row-actions button,.call-row-actions a{min-height:36px}.team-calls-only{display:none!important}}
@media(max-width:430px){.calls-hero-actions,.calls-toolbar{grid-template-columns:1fr}.calls-search,.calls-summary article:first-child{grid-column:auto}.calls-summary{grid-template-columns:1fr 1fr}.calls-toolbar label{grid-column:auto}}
/* Stage 24: explainable deal priorities */
.priority-workspace{display:grid;gap:18px;max-width:1440px;margin:0 auto;padding-bottom:28px}
.priority-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid rgba(122,162,255,.18);border-radius:22px;background:linear-gradient(135deg,rgba(17,30,58,.96),rgba(12,20,39,.96));box-shadow:0 16px 42px rgba(3,8,20,.22)}
.priority-hero h2{margin:4px 0 6px;font-size:clamp(22px,2.4vw,34px);line-height:1.1;color:#f7f9ff}.priority-hero p{margin:0;max-width:760px;color:#aebbd2;line-height:1.5}
.priority-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.priority-summary article{display:grid;gap:8px;padding:16px 18px;border:1px solid rgba(134,157,203,.16);border-radius:17px;background:rgba(14,24,45,.9)}.priority-summary span{font-size:12px;color:#9cabca}.priority-summary b{font-size:28px;color:#f7f9ff;font-variant-numeric:tabular-nums}.priority-summary-hot b{color:#ffd878!important}.priority-summary-critical b{color:#ff8f9c!important}
.priority-toolbar{display:grid;grid-template-columns:220px 240px minmax(260px,1fr);gap:12px;padding:14px;border:1px solid rgba(134,157,203,.14);border-radius:18px;background:rgba(11,20,38,.78)}.priority-toolbar label,.priority-settings-grid label{display:grid;gap:7px}.priority-toolbar label>span,.priority-settings-grid label>span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#91a2c2}.priority-toolbar input,.priority-toolbar select,.priority-settings-grid input{min-width:0;width:100%;height:42px;border:1px solid rgba(141,166,216,.2);border-radius:11px;background:#101d36;color:#fff;padding:0 12px}
.priority-list{display:grid;gap:10px}.priority-card{display:grid;grid-template-columns:42px 70px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px;border:1px solid rgba(135,158,205,.15);border-left:3px solid #5b7bb6;border-radius:18px;background:linear-gradient(135deg,rgba(16,27,50,.97),rgba(11,20,37,.97));box-shadow:0 10px 30px rgba(3,8,20,.15)}.priority-card.urgency-critical{border-left-color:#ff6578}.priority-card.urgency-high{border-left-color:#ffbd5d}.priority-rank{padding-top:8px;color:#687a9b;font-size:12px;font-weight:800}.priority-score{display:grid;place-items:center;align-content:center;width:62px;height:62px;border-radius:16px;background:#172743;border:1px solid rgba(255,255,255,.08)}.priority-score b{font-size:25px;line-height:1;color:#fff}.priority-score span{font-size:11px;font-weight:900}.grade-a{color:#ffcf65!important}.priority-score.grade-a{background:rgba(255,187,68,.12);border-color:rgba(255,187,68,.32)}.grade-b{color:#72ddbd!important}.priority-score.grade-b{background:rgba(74,205,164,.1);border-color:rgba(74,205,164,.28)}.grade-c{color:#8db9ff!important}.priority-score.grade-c{background:rgba(92,143,232,.1)}.grade-d{color:#9ba9c2!important}
.priority-main{min-width:0}.priority-card-head{display:flex;justify-content:space-between;gap:16px}.priority-card-head h3{margin:0 0 4px;color:#fff;font-size:17px}.priority-card-head p{margin:0;color:#afbdd4}.priority-card-head strong{white-space:nowrap;color:#fff}.priority-meta,.priority-reasons,.priority-risks{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.priority-meta span,.priority-reasons span,.priority-risks span{padding:5px 8px;border-radius:8px;font-size:11px}.priority-meta span{background:rgba(111,144,205,.11);color:#aebfde}.priority-reasons span{background:rgba(73,202,159,.1);color:#91e0c5}.priority-risks span{background:rgba(255,110,126,.1);color:#ffacb5}.priority-next{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(138,158,199,.12)}.priority-next span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7f91b1}.priority-next b{color:#e8efff;font-size:13px}.priority-actions{display:grid;gap:8px;min-width:168px}.priority-actions button{width:100%;white-space:nowrap}.priority-empty{min-height:180px;display:grid;place-content:center;text-align:center;gap:6px}.priority-empty b{color:#fff}.priority-empty span{color:#8fa0bd}
.priority-settings{border:1px solid rgba(134,157,203,.14);border-radius:16px;background:rgba(11,20,38,.72);overflow:hidden}.priority-settings summary{cursor:pointer;padding:15px 18px;color:#c8d5ea;font-weight:700}.priority-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:12px;align-items:end;padding:0 18px 18px}.deal-priority-badge{margin-left:auto;padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(12,20,37,.76);font-size:10px;font-weight:900}.deal-priority-summary{grid-column:1/-1}.deal-priority-summary small{display:block;margin-top:4px;color:#9fb0cc;font-weight:500}
@media(max-width:980px){.priority-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-search{grid-column:1/-1}.priority-card{grid-template-columns:36px 62px minmax(0,1fr)}.priority-actions{grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.priority-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-settings-grid button{grid-column:1/-1}}
@media(max-width:640px){.priority-workspace{gap:12px}.priority-hero{align-items:stretch;flex-direction:column;padding:18px}.priority-hero .primary-button{width:100%}.priority-summary{gap:8px}.priority-summary article{padding:13px}.priority-summary b{font-size:23px}.priority-toolbar{grid-template-columns:1fr;padding:10px}.priority-search{grid-column:auto}.priority-card{grid-template-columns:52px minmax(0,1fr);gap:11px;padding:14px}.priority-rank{display:none}.priority-score{width:50px;height:50px;border-radius:13px}.priority-score b{font-size:20px}.priority-main{grid-column:2}.priority-card-head{display:grid;gap:6px}.priority-actions{grid-column:1/-1;grid-template-columns:1fr}.priority-next{display:grid;gap:4px}.priority-settings-grid{grid-template-columns:1fr}}

/* Stage 25: sales forecast and risk review */
.forecast-workspace{display:grid;gap:16px;max-width:1480px;margin:0 auto;padding-bottom:30px}.forecast-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;border:1px solid rgba(121,159,235,.18);border-radius:22px;background:linear-gradient(135deg,rgba(16,29,55,.97),rgba(10,19,36,.97));box-shadow:0 16px 44px rgba(2,7,18,.2)}.forecast-hero h2{margin:4px 0 6px;color:#f7f9ff;font-size:clamp(23px,2.4vw,34px)}.forecast-hero p{max-width:780px;margin:0;color:#a8b7d0;line-height:1.5}.forecast-hero-actions{display:flex;gap:9px;flex-shrink:0}
.forecast-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.forecast-summary article{display:grid;gap:8px;padding:16px 17px;border:1px solid rgba(135,159,206,.15);border-radius:17px;background:rgba(13,23,43,.9)}.forecast-summary span{font-size:11px;color:#94a5c3}.forecast-summary b{font-size:clamp(18px,1.8vw,26px);color:#f7f9ff;font-variant-numeric:tabular-nums}.forecast-weighted b{color:#8ebaff!important}.forecast-commit b{color:#7de0bd!important}.forecast-upside b{color:#ffd175!important}.forecast-risk b{color:#ff909d!important}
.forecast-toolbar{display:grid;grid-template-columns:180px 170px 160px 210px minmax(220px,1fr);gap:10px;padding:13px;border:1px solid rgba(134,157,203,.14);border-radius:18px;background:rgba(11,20,38,.78)}.forecast-toolbar label{display:grid;gap:6px;min-width:0}.forecast-toolbar label>span,.forecast-fields label>span{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8fa1c0}.forecast-toolbar select,.forecast-toolbar input,.forecast-fields select,.forecast-fields input{width:100%;min-width:0;height:41px;padding:0 11px;border:1px solid rgba(140,163,207,.2);border-radius:10px;background:#101d35;color:#fff}
.forecast-movement{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 16px;border:1px solid rgba(105,156,246,.2);border-radius:14px;background:rgba(59,103,185,.09);color:#aebed8}.forecast-movement b{color:#eef4ff}.forecast-movement span{font-size:12px;font-variant-numeric:tabular-nums}.forecast-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.forecast-category-card{display:grid;gap:5px;padding:14px 16px;border:1px solid rgba(135,159,206,.14);border-radius:15px;background:rgba(13,23,43,.82)}.forecast-category-card>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#91a3c1}.forecast-category-card b{font-size:20px;color:#fff}.forecast-category-card small{color:#8294b3}.category-commit{border-top:2px solid #5ed1aa}.category-upside{border-top:2px solid #f0bd5b}.category-pipeline{border-top:2px solid #6598ec}.category-omitted{border-top:2px solid #77839a}
.forecast-list{display:grid;gap:11px}.forecast-deal{display:grid;gap:13px;padding:18px;border:1px solid rgba(135,159,206,.15);border-left:3px solid #6b8bc4;border-radius:18px;background:linear-gradient(135deg,rgba(15,26,48,.97),rgba(10,19,36,.97));box-shadow:0 10px 30px rgba(2,7,18,.14)}.forecast-deal.risk-high{border-left-color:#ff6e7e}.forecast-deal.risk-moderate{border-left-color:#f0bd5b}.forecast-deal.risk-low{border-left-color:#58cfa4}.forecast-deal-head{display:flex;justify-content:space-between;gap:18px}.forecast-deal-head h3{margin:7px 0 3px;color:#fff;font-size:18px}.forecast-deal-head p{margin:0;color:#a6b5cd}.forecast-risk-badge{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.06);color:#bbc8dc;font-size:10px;font-weight:800}.risk-high .forecast-risk-badge{background:rgba(255,94,113,.12);color:#ff9aa6}.risk-low .forecast-risk-badge{background:rgba(65,203,155,.11);color:#8ce0c1}.forecast-deal-money{display:grid;gap:3px;text-align:right;white-space:nowrap}.forecast-deal-money b{color:#fff;font-size:20px}.forecast-deal-money span{color:#8fa3c3;font-size:11px}.forecast-fields{display:grid;grid-template-columns:180px 130px 170px minmax(220px,1fr);gap:10px}.forecast-fields label{display:grid;gap:6px}.forecast-probability{position:relative}.forecast-probability input{padding-right:30px}.forecast-probability i{position:absolute;right:11px;top:12px;color:#8596b4;font-style:normal}.forecast-risks{display:flex;flex-wrap:wrap;gap:7px}.forecast-risks span{padding:5px 8px;border-radius:8px;background:rgba(255,100,118,.1);color:#ffabb4;font-size:11px}.forecast-risks.is-clear span{background:rgba(69,202,157,.1);color:#8fe0c3}.forecast-recommendation{display:flex;gap:10px;align-items:center;padding-top:11px;border-top:1px solid rgba(136,158,199,.12)}.forecast-recommendation span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7e91b1}.forecast-recommendation b{font-size:13px;color:#e6eeff}.forecast-deal-actions{display:flex;gap:8px;align-items:center}.forecast-deal-actions .ghost-small{margin-left:auto}.forecast-empty{min-height:180px;display:grid;place-content:center;text-align:center;gap:6px}.forecast-empty b{color:#fff}.forecast-empty span{color:#8fa0bd}.deal-forecast-summary{grid-column:1/-1}.deal-forecast-summary small{display:block;margin-top:4px;color:#9fb0cc;font-weight:500}.forecast-category-commit{color:#7de0bd!important}.forecast-category-upside{color:#ffd175!important}.forecast-category-pipeline{color:#8ebaff!important}.forecast-category-omitted{color:#9ba8bd!important}
@media(max-width:1180px){.forecast-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-search{grid-column:2/4}.forecast-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-note{grid-column:1/-1}}
@media(max-width:760px){.forecast-workspace{gap:12px}.forecast-hero{align-items:stretch;flex-direction:column;padding:18px}.forecast-hero-actions{display:grid;grid-template-columns:1fr 1fr}.forecast-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.forecast-summary article{padding:13px}.forecast-toolbar{grid-template-columns:1fr 1fr;padding:10px}.forecast-search{grid-column:1/-1}.forecast-categories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.forecast-category-card{min-width:210px;scroll-snap-align:start}.forecast-deal{padding:14px}.forecast-deal-head{display:grid}.forecast-deal-money{text-align:left}.forecast-fields{grid-template-columns:1fr}.forecast-note{grid-column:auto}.forecast-recommendation{display:grid;gap:4px}.forecast-deal-actions{display:grid;grid-template-columns:1fr 1fr}.forecast-deal-actions .ghost-small{grid-column:1/-1;margin:0}.forecast-movement{align-items:flex-start;display:grid;gap:6px}}
@media(max-width:430px){.forecast-hero-actions,.forecast-toolbar,.forecast-deal-actions{grid-template-columns:1fr}.forecast-search,.forecast-deal-actions .ghost-small{grid-column:auto}.forecast-summary{grid-template-columns:1fr 1fr}.forecast-summary article:first-child{grid-column:1/-1}}

/* Stage 28 — secure client map sharing */
.deal-map-share{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr) minmax(200px,.62fr);align-items:center;gap:15px;margin:14px 22px 0;padding:16px;border:1px solid rgba(99,215,171,.2);border-radius:17px;background:linear-gradient(135deg,rgba(53,156,123,.07),rgba(111,140,255,.04))}.deal-map-share-copy,.deal-map-share-state,.deal-map-share-actions{display:grid;gap:6px;min-width:0}.deal-map-share-copy>span{color:#78dfaf;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.deal-map-share-copy h3{margin:0;font-size:14px}.deal-map-share-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.deal-map-share-state{align-content:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.deal-map-share-state>span{justify-self:start;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900}.deal-map-share-state>span.is-active{color:#8ce7c1;background:rgba(72,209,156,.11)}.deal-map-share-state>span.is-disabled{color:#b8c3d6;background:rgba(255,255,255,.055)}.deal-map-share-state b{font-size:11px}.deal-map-share-state small,.deal-map-share-actions small{color:var(--muted);font-size:8px;line-height:1.4}.deal-map-share-actions{justify-items:stretch}.deal-map-share-actions .primary-button,.deal-map-share-actions .ghost-small{width:100%;justify-content:center}.deal-map-share-actions .primary-button:disabled{cursor:not-allowed;opacity:.45}.deal-map-share-actions small{text-align:center}.deal-map-event p{margin:0;color:#c9d4e7;font-size:10px;line-height:1.45}.deal-map-event.is-client i{background:#62d6aa;box-shadow:0 0 0 4px rgba(98,214,170,.1)}
@media(max-width:1180px){.deal-map-share{grid-template-columns:minmax(0,1fr) minmax(210px,.8fr)}.deal-map-share-actions{grid-column:1/-1;grid-template-columns:minmax(210px,1fr) minmax(150px,.65fr) auto;align-items:center}.deal-map-share-actions small{text-align:right}}
@media(max-width:680px){.deal-map-share{grid-template-columns:1fr;margin:12px 14px 0;padding:14px}.deal-map-share-actions{grid-column:auto;grid-template-columns:1fr}.deal-map-share-actions small{text-align:left}}

/* Stage 29 — managed client plan delivery */
.deal-map-delivery{display:grid;gap:12px;margin:10px 22px 0;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.deal-map-delivery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.deal-map-delivery-head>div{display:grid;gap:4px}.deal-map-delivery-head span{color:#86a9ff;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.deal-map-delivery-head h3{margin:0;font-size:14px}.deal-map-delivery-head p{max-width:720px;margin:0;color:var(--muted);font-size:9px;line-height:1.45}.deal-map-delivery-head>small{flex:0 0 auto;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.04);color:#acb9cf;font-size:8px}.deal-map-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.deal-map-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022)}.deal-map-channel>div:first-child{display:grid;gap:3px;min-width:0}.deal-map-channel span{color:var(--muted);font-size:8px;text-transform:uppercase}.deal-map-channel b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.deal-map-channel small{color:#7f90ab;font-size:8px}.deal-map-channel.is-disabled{opacity:.58}.deal-map-channel-actions{display:flex;gap:6px;flex:0 0 auto}.deal-map-channel-actions button{min-height:32px;padding:7px 9px;font-size:8px}.deal-map-channel-actions button:disabled{cursor:not-allowed;opacity:.5}.deal-map-delivery-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:2px}.deal-map-delivery-item{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.018)}.deal-map-delivery-item>i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#91a0b7}.deal-map-delivery-item.status-sent>i{background:#62d6aa}.deal-map-delivery-item.status-failed>i,.deal-map-delivery-item.status-manual_review>i{background:#ff8294}.deal-map-delivery-item>div{display:grid;gap:3px;min-width:0}.deal-map-delivery-item b{font-size:9px}.deal-map-delivery-item span,.deal-map-delivery-item small{color:var(--muted);font-size:8px;line-height:1.35}.deal-map-delivery-item small{color:#ff9dac}
@media(max-width:900px){.deal-map-delivery-head{align-items:flex-start;flex-direction:column}.deal-map-delivery-head>small{align-self:flex-start}.deal-map-channel{align-items:flex-start;flex-direction:column}.deal-map-channel-actions{width:100%}.deal-map-channel-actions button{flex:1}}
@media(max-width:680px){.deal-map-delivery{margin:10px 14px 0;padding:14px}.deal-map-channel-grid,.deal-map-delivery-history{grid-template-columns:1fr}.deal-map-channel-actions{display:grid;grid-template-columns:1fr}.deal-map-delivery-head p{font-size:10px}}

/* Stage 30 — unified client deal room */
.deal-room-panel{display:grid;gap:14px;margin:10px 22px 0;padding:17px;border:1px solid rgba(112,155,236,.2);border-radius:18px;background:linear-gradient(145deg,rgba(71,116,196,.07),rgba(255,255,255,.018));overflow:hidden}.deal-room-state{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.deal-room-copy{display:grid;gap:5px;min-width:0}.deal-room-copy>span{color:#87aaff;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.deal-room-copy h3{margin:0;color:var(--text);font-size:15px}.deal-room-copy p{max-width:760px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.deal-room-state-badge{flex:0 0 auto;display:grid;justify-items:end;gap:4px}.deal-room-state-badge b{padding:5px 8px;border-radius:999px;color:#b8c4d7;background:rgba(255,255,255,.055);font-size:8px}.deal-room-state-badge b.is-active{color:#8ce6c2;background:rgba(64,201,151,.12)}.deal-room-state-badge small{color:var(--muted);font-size:8px}.deal-room-onboarding{padding:13px 14px;border:1px dashed rgba(130,163,224,.22);border-radius:13px;color:#a7b6cf;background:rgba(45,78,136,.07);font-size:9px;line-height:1.5}.deal-room-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.deal-room-toolbar button{min-height:34px}.deal-room-toolbar .danger-link{margin-left:auto;color:#ff9dad!important}.deal-room-sections{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.deal-room-sections>label{display:grid;gap:5px;min-width:0}.deal-room-sections>label>span{color:#92a3bf;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.deal-room-sections input[type=text],.deal-room-sections textarea,.deal-room-template-add select,.deal-room-template-add input{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#10213c;outline:none}.deal-room-sections input[type=text],.deal-room-template-add select,.deal-room-template-add input{height:39px;padding:0 10px}.deal-room-sections textarea{min-height:72px;padding:10px;resize:vertical}.deal-room-section-toggles{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.deal-room-section-toggles label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#afbdd2;background:rgba(255,255,255,.025);font-size:9px}.deal-room-section-toggles input{width:15px;height:15px;accent-color:var(--accent)}.deal-room-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.deal-room-summary article{display:grid;gap:4px;min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025)}.deal-room-summary span{color:var(--muted);font-size:8px}.deal-room-summary b{overflow:hidden;color:#eaf1fd;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.deal-room-subhead{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:2px}.deal-room-subhead>div{display:grid;gap:3px}.deal-room-subhead h4{margin:0;color:#e8effc;font-size:12px}.deal-room-subhead p{margin:0;color:var(--muted);font-size:8px;line-height:1.4}.deal-room-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deal-room-channel{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.023)}.deal-room-channel>div:first-child{display:grid;gap:3px;min-width:0}.deal-room-channel span{color:var(--muted);font-size:8px;text-transform:uppercase}.deal-room-channel b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.deal-room-channel small{color:#8091ab;font-size:8px}.deal-room-channel-actions{display:flex;gap:6px;flex:0 0 auto}.deal-room-channel-actions button{min-height:32px;padding:7px 9px;color:#fff!important;font-size:8px}.deal-room-channel.is-disabled{opacity:.58}.deal-room-delivery-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.deal-room-delivery-row{display:grid;grid-template-columns:8px minmax(0,1fr);gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.018)}.deal-room-delivery-row>i{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#91a0b7}.deal-room-delivery-row.status-sent>i{background:#62d6aa}.deal-room-delivery-row.status-failed>i,.deal-room-delivery-row.status-manual_review>i{background:#ff8294}.deal-room-delivery-row>div{display:grid;gap:3px;min-width:0}.deal-room-delivery-row b{font-size:9px}.deal-room-delivery-row span,.deal-room-delivery-row small{overflow-wrap:anywhere;color:var(--muted);font-size:8px;line-height:1.35}.deal-room-delivery-row small{color:#ff9dac}.deal-room-template-add{display:grid;grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) auto;gap:7px}.deal-room-template-add button{min-height:39px;color:#fff!important}.deal-room-documents,.deal-room-events{display:grid;gap:7px}.deal-room-document{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.021)}.deal-room-document>div:first-child{display:grid;gap:3px;min-width:0}.deal-room-document b{overflow:hidden;color:#e5edfa;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.deal-room-document span,.deal-room-document small{color:var(--muted);font-size:8px;line-height:1.4}.deal-room-document-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.deal-room-document-actions button{min-height:30px;padding:6px 8px;font-size:8px}.deal-room-document-actions .danger-link{color:#ff9dac!important}.deal-room-event{display:grid;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;align-items:start;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.018)}.deal-room-event>i{width:6px;height:6px;margin-top:4px;border-radius:50%;background:#7fa5ef}.deal-room-event>div{display:grid;gap:2px;min-width:0}.deal-room-event b{font-size:9px}.deal-room-event span{overflow-wrap:anywhere;color:var(--muted);font-size:8px;line-height:1.4}.deal-room-event time{color:#72839d;font-size:8px;white-space:nowrap}.deal-room-empty{padding:14px;border:1px dashed rgba(255,255,255,.09);border-radius:11px;color:#8495af;text-align:center;font-size:9px}.deal-room-panel button,.deal-room-panel .primary-button{color:#fff}.deal-room-panel button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:900px){.deal-room-state{display:grid}.deal-room-state-badge{justify-items:start}.deal-room-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-room-channel{align-items:flex-start;flex-direction:column}.deal-room-channel-actions{width:100%}.deal-room-channel-actions button{flex:1}.deal-room-template-add{grid-template-columns:1fr 1fr}.deal-room-template-add button{grid-column:1/-1}.deal-room-document{align-items:start;grid-template-columns:1fr}.deal-room-document-actions{justify-content:flex-start}}
@media(max-width:680px){.deal-room-panel{margin:10px 14px 0;padding:14px}.deal-room-sections,.deal-room-summary,.deal-room-channel-grid,.deal-room-delivery-history,.deal-room-template-add{grid-template-columns:1fr}.deal-room-section-toggles,.deal-room-template-add button{grid-column:auto}.deal-room-toolbar{display:grid;grid-template-columns:1fr 1fr}.deal-room-toolbar .danger-link{margin:0}.deal-room-subhead{align-items:flex-start;flex-direction:column}.deal-room-channel-actions{display:grid;grid-template-columns:1fr}.deal-room-event{grid-template-columns:7px minmax(0,1fr)}.deal-room-event time{grid-column:2}.deal-room-copy p,.deal-room-subhead p{font-size:9px}}

/* Stage 30 render bindings */
.deal-room-panel .section-title-row{align-items:center;margin:0;padding:0;border:0}.deal-room-panel .deal-room-state{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:6px 9px;border-radius:999px;color:#b9c5d8;background:rgba(255,255,255,.055);font-size:8px;font-weight:900;white-space:nowrap}.deal-room-panel .deal-room-state.is-active{color:#91e7c7;background:rgba(64,201,151,.12)}.deal-room-copy{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.deal-room-copy label{display:grid;gap:5px;min-width:0}.deal-room-copy label>span{color:#92a3bf;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.deal-room-copy input,.deal-room-copy textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#10213c;outline:none}.deal-room-copy input{height:39px;padding:0 10px}.deal-room-copy textarea{min-height:62px;padding:9px 10px;resize:vertical}.deal-room-copy input:focus,.deal-room-copy textarea:focus{border-color:rgba(102,255,216,.35);box-shadow:0 0 0 3px rgba(102,255,216,.06)}.deal-room-onboarding{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px}.deal-room-onboarding b{color:#e8effc;font-size:11px}.deal-room-onboarding span{color:#9aabc4;font-size:9px}.deal-room-onboarding button{grid-column:2;grid-row:1/3;min-height:38px}.deal-room-toolbar>small{margin-left:auto;color:var(--muted);font-size:8px}.deal-room-sections{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center}.deal-room-sections label{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#afbdd2;background:rgba(255,255,255,.025);font-size:9px}.deal-room-sections input{width:15px;height:15px;flex:0 0 auto;accent-color:var(--accent)}.deal-room-sections button{min-height:34px;color:#fff!important}.deal-room-delivery{display:grid;gap:8px}.deal-room-channel>div:last-child{display:flex;gap:6px;flex:0 0 auto}.deal-room-channel>div:last-child button{min-height:32px;padding:7px 9px;color:#fff!important;font-size:8px}.deal-room-document p{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:#91a2bb;font-size:8px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:pre-wrap}.deal-room-document>.record-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.deal-room-document>.record-actions button{min-height:30px;padding:6px 8px;color:#fff;font-size:8px}.deal-room-events{overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.016)}.deal-room-events summary{padding:11px 12px;color:#b5c2d6;font-size:9px;font-weight:800;cursor:pointer}.deal-room-events>div{display:grid;gap:1px;padding:0 8px 8px}.deal-room-events>div>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.018)}.deal-room-events>div>article b{font-size:9px}.deal-room-events>div>article span{color:#72839d;font-size:8px;white-space:nowrap}.deal-room-events>div>article p{grid-column:1/-1;margin:0;color:var(--muted);font-size:8px;line-height:1.4}.deal-room-template-add span{align-self:center;color:var(--muted);font-size:9px}
@media(max-width:900px){.deal-room-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-room-sections button{grid-column:1/-1}.deal-room-channel>div:last-child{width:100%}.deal-room-channel>div:last-child button{flex:1}.deal-room-document>.record-actions{justify-content:flex-start}}
@media(max-width:680px){.deal-room-panel .section-title-row{align-items:flex-start}.deal-room-copy,.deal-room-sections{grid-template-columns:1fr}.deal-room-onboarding{grid-template-columns:1fr}.deal-room-onboarding button{grid-column:auto;grid-row:auto;margin-top:5px}.deal-room-toolbar>small{grid-column:1/-1;margin:0}.deal-room-sections button{grid-column:auto}.deal-room-channel>div:last-child{display:grid;grid-template-columns:1fr}.deal-room-events>div>article{grid-template-columns:1fr}.deal-room-events>div>article span{white-space:normal}.deal-room-events>div>article p{grid-column:auto}}

/* Stage 31 — addressed client access and governed decisions */
.deal-room-governance{display:grid;gap:10px;margin-top:2px;padding-top:14px;border-top:1px solid rgba(143,170,219,.12)}
.deal-room-governance.is-unavailable{padding:12px;border:1px dashed rgba(245,183,88,.28);border-radius:12px;color:#c7d2e5;background:rgba(245,183,88,.045)}
.deal-room-governance.is-unavailable b,.deal-room-governance.is-unavailable span{display:block}.deal-room-governance.is-unavailable span{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}
.deal-room-governance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.deal-room-governance-head.is-documents{margin-top:9px;padding-top:14px;border-top:1px solid rgba(143,170,219,.1)}
.deal-room-governance-head>div{display:grid;gap:3px}.deal-room-governance-head span{color:#83a9f7;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.deal-room-governance-head h4{margin:0;color:#edf4ff;font-size:13px}.deal-room-governance-head small{max-width:390px;color:#8193ad;font-size:8px;line-height:1.45;text-align:right}
.deal-room-participant-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid rgba(112,155,236,.16);border-radius:13px;background:rgba(23,43,75,.42)}
.deal-room-participant-add>label,.deal-room-participant-fields>label,.deal-room-version-editor>label{display:grid;gap:5px;min-width:0}.deal-room-participant-add label>span,.deal-room-participant-fields label>span,.deal-room-version-editor label>span{color:#8ea0bb;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.deal-room-participant-add input,.deal-room-participant-fields input,.deal-room-version-editor input,.deal-room-version-editor textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;color:#edf4ff;background:#10213c;outline:none}.deal-room-participant-add input,.deal-room-participant-fields input,.deal-room-version-editor input{height:37px;padding:0 9px}.deal-room-version-editor textarea{min-height:104px;padding:9px;resize:vertical;line-height:1.5}
.deal-room-participant-add>.primary-button{grid-column:1/-1;justify-self:start;min-height:34px}.deal-room-scope-grid{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.deal-room-scope-grid label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#b6c3d8;background:rgba(255,255,255,.025);font-size:8px}.deal-room-scope-grid input{width:14px!important;height:14px!important;min-height:0;padding:0;accent-color:#55d7aa}
.deal-room-participant-list,.deal-room-document-registry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deal-room-participant{display:grid;gap:8px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.021)}.deal-room-participant.is-revoked{opacity:.58}.deal-room-participant-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.deal-room-participant-main>div{display:grid;grid-template-columns:9px minmax(0,1fr);gap:2px 5px;min-width:0}.deal-room-access-dot{grid-row:1/3;width:7px;height:7px;margin-top:3px;border-radius:50%;background:#66758c}.deal-room-access-dot.is-active{background:#58d7a8;box-shadow:0 0 0 4px rgba(88,215,168,.08)}.deal-room-participant-main b{overflow:hidden;color:#edf4ff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.deal-room-participant-main small{overflow:hidden;color:#8294ae;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.deal-room-access-state{flex:0 0 auto;color:#8fa0ba;font-size:8px;text-align:right}.deal-room-participant-meta{display:grid;gap:3px;color:#8799b2;font-size:8px;line-height:1.35}.deal-room-participant-actions{display:flex;gap:5px;flex-wrap:wrap}.deal-room-participant-actions button{min-height:29px;padding:6px 8px;border-radius:8px;font-size:8px}.deal-room-participant-actions .danger-link{margin-left:auto;color:#ffa4b1!important}.deal-room-participant-edit{overflow:hidden;border-top:1px solid rgba(255,255,255,.055)}.deal-room-participant-edit summary,.deal-room-document-registry details summary{padding:9px 0 3px;color:#9db0cb;font-size:8px;font-weight:800;cursor:pointer}.deal-room-participant-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:7px}.deal-room-participant-edit .deal-room-scope-grid{padding:8px 0}.deal-room-participant-edit>.secondary-button{min-height:32px;color:#fff!important}
.deal-room-document-registry{display:grid;align-content:start;gap:8px;min-width:0;padding:12px;border:1px solid rgba(112,155,236,.15);border-radius:13px;background:rgba(22,41,70,.42)}.deal-room-document-registry>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.deal-room-document-registry>header>div{display:grid;gap:3px;min-width:0}.deal-room-document-registry>header span:first-child{color:#8194ae;font-size:8px;text-transform:uppercase}.deal-room-document-registry>header b{overflow:hidden;color:#edf4ff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.deal-room-decision-status{flex:0 0 auto;padding:5px 7px;border-radius:999px;color:#aebbd0;background:rgba(255,255,255,.055);font-size:8px;font-weight:850;white-space:nowrap}.deal-room-decision-status.is-approved{color:#8de2c1;background:rgba(61,197,145,.11)}.deal-room-decision-status.is-partly_approved{color:#9fc7ff;background:rgba(68,133,220,.12)}.deal-room-decision-status.is-changes_requested{color:#ffb3bd;background:rgba(236,84,104,.11)}.deal-room-current-version{padding:7px 8px;border-radius:8px;color:#9eacc2;background:rgba(255,255,255,.025);font-size:8px}.deal-room-version-list,.deal-room-decision-list{display:grid;gap:5px;padding-top:6px}.deal-room-version{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:rgba(255,255,255,.018)}.deal-room-version.is-current{border-color:rgba(78,177,226,.22);background:rgba(67,139,201,.055)}.deal-room-version>div{display:grid;gap:2px}.deal-room-version b{font-size:9px}.deal-room-version span{color:#7f91aa;font-size:8px}.deal-room-version button{min-height:28px;padding:5px 7px;font-size:8px}.deal-room-decision-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px;border-left:2px solid #71839d;border-radius:7px;background:rgba(255,255,255,.02)}.deal-room-decision-row.is-approved{border-left-color:#58d7a8}.deal-room-decision-row.is-changes_requested{border-left-color:#ff8596}.deal-room-decision-row b{font-size:9px}.deal-room-decision-row span{color:#8092ad;font-size:8px}.deal-room-decision-row p{grid-column:1/-1;margin:0;color:#b7c4d8;font-size:8px;line-height:1.45}.deal-room-version-editor{display:grid;gap:7px}.deal-room-version-editor[open]{padding-bottom:2px}.deal-room-version-editor>.secondary-button{justify-self:start;min-height:32px;color:#fff!important}
@media(max-width:980px){.deal-room-participant-list,.deal-room-document-registry-list{grid-template-columns:1fr}.deal-room-governance-head{align-items:flex-start;flex-direction:column}.deal-room-governance-head small{text-align:left}.deal-room-participant-main{align-items:flex-start}}
@media(max-width:680px){.deal-room-participant-add,.deal-room-participant-fields{grid-template-columns:1fr}.deal-room-participant-add>.primary-button{grid-column:auto;width:100%}.deal-room-scope-grid{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.deal-room-participant-main{display:grid}.deal-room-access-state{text-align:left}.deal-room-participant-actions{display:grid;grid-template-columns:1fr 1fr}.deal-room-participant-actions .danger-link{margin:0}.deal-room-document-registry>header{display:grid}.deal-room-decision-status{justify-self:start}.deal-room-decision-row{grid-template-columns:1fr}.deal-room-decision-row p{grid-column:auto}.deal-room-version-editor>.secondary-button{width:100%}}

/* Release 2.29 — unified sales workspace */
body {
  background:
    radial-gradient(circle at 78% -12%, rgba(110,143,255,.12), transparent 34rem),
    linear-gradient(180deg, #080d18 0%, #0a101d 100%);
}
body.modal-open { overflow: hidden; }

.sidebar {
  border-right-color: rgba(151,171,207,.12);
  background: rgba(10,16,29,.97);
  box-shadow: 18px 0 55px rgba(0,0,0,.14);
}
.sidebar-inner { gap: 14px; padding: 18px 14px; }
.brand { min-height: 54px; }
.sidebar-brand-image { width: 174px; max-height: 54px; }
.profile-card { padding: 12px; background: rgba(255,255,255,.035); }
.profile-card .pulse-row { margin-top: 8px; font-size: 10px; }
.nav { gap: 3px; }
.nav-section-label {
  display: block;
  margin: 12px 10px 5px;
  color: #64748b;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.nav-section-label:first-child { margin-top: 2px; }
.nav-link {
  min-height: 40px;
  grid-template-columns: 25px minmax(0,1fr);
  border-radius: 10px;
  padding: 7px 10px;
  color: #8999b1;
}
.nav-link > span { color: #6f829f; text-align: center; }
.nav-link b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.nav-link:hover { color: #e9eef8; border-color: rgba(151,171,207,.12); background: rgba(255,255,255,.035); }
.nav-link.active {
  color: #fff;
  border-color: rgba(110,143,255,.22);
  background: linear-gradient(90deg, rgba(110,143,255,.18), rgba(110,143,255,.06));
  box-shadow: inset 2px 0 #7d9aff;
}
.nav-link.active > span { color: #9eb2ff; }
.side-metric { padding: 12px; border-color: rgba(67,209,166,.15); background: rgba(67,209,166,.045); }
.side-metric strong { font-size: 17px; }

.main { padding-top: 16px; }
.topbar {
  min-height: 72px;
  margin-top: -16px;
  margin-bottom: 20px;
  border-bottom-color: rgba(151,171,207,.12);
  background: rgba(8,13,24,.9);
}
.title-box { flex: 0 0 auto; min-width: 150px; }
.title-box h1 { font-size: 21px; letter-spacing: -.025em; }
.title-box .overline { color: #8093b1; }
.top-actions { flex: 1; }
.search-box {
  width: min(480px, 38vw);
  margin-right: auto;
  border-color: rgba(151,171,207,.15);
  background: rgba(255,255,255,.035);
}
.search-box:focus-within { border-color: rgba(110,143,255,.5); box-shadow: 0 0 0 3px rgba(110,143,255,.08); }
.status-pill-live { min-height: 36px; padding: 6px 10px; color: #a9b7cc; background: rgba(255,255,255,.03); }
.sync-pill { border: 0; padding-inline: 4px; background: transparent; }
.notification-bell { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
.top-create-deal { min-height: 42px; padding-inline: 16px; color: #fff; background: linear-gradient(135deg, #6e8fff, #5879e8); box-shadow: 0 10px 28px rgba(76,108,220,.22); }
.top-create-deal:hover { border-color: transparent; background: linear-gradient(135deg, #7b99ff, #6282ec); }
.topbar-menu { position: relative; }
.topbar-menu > summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px 0 2px;
  border: 1px solid var(--line);
  border-radius: 12px;
  cursor: pointer;
  list-style: none;
  background: rgba(255,255,255,.03);
}
.topbar-menu > summary::-webkit-details-marker { display: none; }
.topbar-menu > summary .user-pill { min-height: 0; border: 0; padding: 7px 8px; background: transparent; }
.topbar-menu > summary > i { color: var(--muted); font-style: normal; }
.topbar-menu[open] > summary { border-color: rgba(110,143,255,.35); }
.topbar-menu-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  width: 224px;
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: #111a2a;
  box-shadow: 0 22px 60px rgba(0,0,0,.42);
}
.topbar-menu-popover button {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 0;
  border-radius: 9px;
  padding: 8px 10px;
  color: #c7d2e4;
  text-align: left;
  cursor: pointer;
  background: transparent;
}
.topbar-menu-popover button:hover { color: #fff; background: rgba(255,255,255,.055); }
.topbar-menu-popover .topbar-menu-status { margin-bottom: 4px; color: #84dcbf; background: rgba(67,209,166,.07); }
.topbar-menu-popover .logout-button { color: #ff9baa; }

.dashboard-hero {
  min-height: 218px;
  grid-template-columns: minmax(360px,1fr) minmax(420px,.95fr);
  gap: clamp(24px,3vw,46px);
  padding: clamp(24px,3vw,34px);
  border-color: rgba(126,153,205,.17);
  background:
    linear-gradient(120deg, rgba(110,143,255,.09), transparent 48%),
    #101827;
  box-shadow: 0 18px 55px rgba(1,5,14,.22);
}
.dashboard-hero .hero-copy h2 { max-width: 640px; margin: 8px 0 10px; font-size: clamp(30px,3.2vw,44px); letter-spacing: -.045em; }
.dashboard-hero .hero-copy p { max-width: 680px; color: #9fadc2; }
.dashboard-hero .badge { color: #91a8ff; }
.hero-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  align-self: stretch;
}
.hero-summary button {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 7px;
  border: 1px solid rgba(151,171,207,.12);
  border-radius: 15px;
  padding: 16px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  background: rgba(255,255,255,.035);
  transition: border-color .16s ease, background .16s ease;
}
.hero-summary button:hover { border-color: rgba(110,143,255,.4); background: rgba(110,143,255,.08); }
.hero-summary span { color: #8999b1; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.hero-summary b { overflow-wrap: anywhere; font-size: clamp(16px,1.55vw,22px); font-variant-numeric: tabular-nums; }
.hero-summary small { color: #8495ae; font-size: 9px; }
.kpi-grid { gap: 10px; }
.kpi-card {
  position: relative;
  overflow: hidden;
  padding: 17px 18px;
  background: linear-gradient(160deg, rgba(255,255,255,.035), rgba(255,255,255,.012)), #101827;
}
.kpi-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 2px; background: #6e8fff; opacity: .65; }
.kpi-card:nth-child(2)::before { background: #43d1a6; }
.kpi-card:nth-child(3)::before { background: #f2bd62; }
.kpi-card:nth-child(4)::before { background: #b68cff; }
.kpi-card strong { font-size: clamp(24px,2vw,32px); letter-spacing: -.035em; }
.panel { border-color: rgba(151,171,207,.13); background: rgba(16,24,39,.96); box-shadow: 0 12px 38px rgba(1,5,14,.12); }
.panel-head h3 { letter-spacing: -.015em; }
.attention-panel { border-color: rgba(242,189,98,.13); }
.dashboard-grid.second { grid-template-columns: minmax(0,1.65fr) minmax(290px,.72fr); }
.funnel-row { background: rgba(255,255,255,.028); }

#pipeline { min-height: calc(100dvh - 112px); }
.kanban-shell { min-height: calc(100dvh - 112px); border-radius: 18px; background: rgba(6,11,21,.34); }
.kanban { gap: 12px; padding: 2px 2px 12px; }
.kanban-column { width: 292px; flex-basis: 292px; border-color: rgba(151,171,207,.13); border-radius: 16px; background: #101827; }
.column-head { background: rgba(255,255,255,.02); }
.deal-card { border-color: rgba(151,171,207,.13); border-radius: 13px; background: #151f31; box-shadow: 0 8px 24px rgba(1,5,14,.1); }
.deal-card:hover { border-color: rgba(110,143,255,.36); background: #18243a; }

.deal-create-modal { width: min(820px,100%); padding: 0; overflow: hidden; }
.deal-create-modal .modal-close { top: 18px; right: 18px; }
.deal-modal-head {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 22px 70px 18px 24px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(110deg, rgba(110,143,255,.12), transparent 62%);
}
.deal-modal-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#6e8fff,#5879e8); font-size: 24px; font-weight: 500; }
.deal-modal-head h2 { margin: 3px 0 4px; font-size: 23px; }
.deal-modal-head p { margin: 0; color: var(--muted); font-size: 12px; }
.deal-create-modal .form-grid { max-height: calc(100dvh - 170px); overflow: auto; padding: 18px 24px 0; }
.form-section-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 4px 0 0;
  padding-top: 3px;
  color: #e9eef8;
}
.form-section-title:not(:first-child) { margin-top: 8px; padding-top: 15px; border-top: 1px solid rgba(151,171,207,.1); }
.form-section-title > span { font-size: 13px; font-weight: 850; }
.form-section-title small { color: #7788a1; font-size: 10px; }
.deal-create-modal label > span i { color: #ff92a1; font-style: normal; }
.deal-create-modal input,
.deal-create-modal select,
.deal-create-modal textarea { background: #0c1422; }
.deal-create-modal input:focus,
.deal-create-modal select:focus,
.deal-create-modal textarea:focus { border-color: rgba(110,143,255,.55); box-shadow: 0 0 0 3px rgba(110,143,255,.09); outline: 0; }
.deal-form-error { min-height: 0; color: #ff9baa; font-size: 12px; }
.deal-form-error:not(:empty) { padding: 10px 12px; border: 1px solid rgba(244,111,130,.22); border-radius: 10px; background: rgba(244,111,130,.075); }
.deal-modal-actions {
  position: sticky;
  bottom: 0;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin: 4px -24px 0;
  padding: 14px 24px max(18px,env(safe-area-inset-bottom));
  border-top: 1px solid var(--line);
  background: rgba(16,24,39,.97);
  backdrop-filter: blur(14px);
}
.button-spinner { width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

@media (max-width: 1360px) {
  .sync-pill, .topbar-menu .user-pill { display: none; }
  .topbar-menu > summary { width: 40px; justify-content: center; padding: 0; }
  .search-box { width: min(420px,34vw); }
  .dashboard-hero { grid-template-columns: minmax(330px,1fr) minmax(360px,.9fr); }
}
@media (max-width: 1120px) {
  .status-pill-live span { display: none; }
  .status-pill-live { width: 36px; justify-content: center; padding: 0; }
  .status-pill-live i { margin: 0; }
  .dashboard-hero { grid-template-columns: 1fr; }
  .hero-summary { min-height: 118px; }
}
@media (max-width: 980px) {
  .nav-section-label { margin-inline: 12px; }
  .topbar { top: 58px; align-items: flex-start; }
  .title-box { min-width: 112px; }
  .top-actions { flex-wrap: wrap; }
  .search-box { order: 5; width: 100%; max-width: none; }
  .dashboard-grid.second { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .main { padding-inline: 12px; padding-bottom: max(22px,env(safe-area-inset-bottom)); }
  .topbar { margin-inline: -12px; margin-bottom: 12px; padding-inline: 12px; }
  .title-box { flex: 1; }
  .title-box h1 { font-size: 19px; }
  .top-actions { flex: 0 0 auto; gap: 6px; }
  .top-actions .status-pill-live, .top-actions .sync-pill { display: none; }
  .search-box { order: 10; flex-basis: 100%; min-width: 0; }
  .top-create-deal { width: 42px; padding: 0; font-size: 0; }
  .top-create-deal span { font-size: 22px; }
  .dashboard-hero { min-height: 0; padding: 20px 17px; }
  .dashboard-hero .hero-copy h2 { font-size: 31px; }
  .hero-summary { grid-template-columns: 1fr; min-height: 0; }
  .hero-summary button { min-height: 82px; padding: 13px 14px; }
  .kpi-grid { grid-template-columns: 1fr 1fr; }
  .kpi-card { padding: 14px; }
  .kpi-card strong { font-size: 23px; }
  .sales-attention { grid-template-columns: 1fr; }
  .panel { padding: 15px; }
  .panel-head { align-items: flex-start; }
  .kanban-column { width: calc(100vw - 34px); flex-basis: calc(100vw - 34px); }
  .deal-create-modal { max-height: 100dvh; border-radius: 20px 20px 0 0; }
  .deal-modal-head { grid-template-columns: 38px minmax(0,1fr); padding: 18px 58px 14px 16px; }
  .deal-modal-icon { width: 38px; height: 38px; border-radius: 11px; font-size: 21px; }
  .deal-modal-head h2 { font-size: 20px; }
  .deal-modal-head p { font-size: 11px; }
  .deal-create-modal .form-grid { max-height: calc(100dvh - 123px); padding: 14px 14px 0; }
  .deal-modal-actions { margin-inline: -14px; padding-inline: 14px; }
  .deal-modal-actions > * { flex: 1; }
  .form-section-title { align-items: flex-start; flex-direction: column; gap: 2px; }
}
@media (max-width: 420px) {
  .kpi-grid { grid-template-columns: 1fr; }
  .hero-actions { display: grid; }
  .hero-actions > * { width: 100%; }
  .deal-modal-actions { display: grid; grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .button-spinner { animation-duration: 1.4s; }
}
/* 2.30.0 — lead geography */
.lead-location-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid rgba(75, 214, 171, .26);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(24, 77, 72, .42), rgba(13, 28, 48, .78));
  color: #f7fbff;
}
.lead-location-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(75, 214, 171, .14);
  color: #72e0bd;
  font-size: 24px;
  font-weight: 800;
}
.lead-location-card > div:last-child { min-width: 0; }
.lead-location-card span,
.lead-location-card strong,
.lead-location-card small,
.lead-location-card em { display: block; overflow-wrap: anywhere; }
.lead-location-card span { margin-bottom: 3px; color: #8fa4bc; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lead-location-card strong { color: #fff; font-size: 15px; line-height: 1.35; }
.lead-location-card small { margin-top: 4px; color: #c9d7e7; font-size: 12px; line-height: 1.4; }
.lead-location-card em { margin-top: 5px; color: #7f94ac; font-size: 10px; font-style: normal; }
.lead-location-card.compact { margin-top: 12px; }
@media (max-width: 560px) {
  .lead-location-card { grid-template-columns: 36px minmax(0, 1fr); padding: 12px; border-radius: 14px; }
  .lead-location-icon { width: 36px; height: 36px; border-radius: 11px; font-size: 20px; }
}

/* 2.31.0 — рабочая воронка, единая карточка сделки и оргструктура продаж */
#pipeline,
.kanban-shell { min-height: 0; height: calc(100dvh - 112px); }
.kanban { height: 100%; align-items: stretch; padding-bottom: 10px; }
.kanban-column {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.column-head,
.column-add { flex: 0 0 auto; }
.kanban-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(130, 154, 196, .34) transparent;
  touch-action: pan-x pan-y;
}
.kanban-list::-webkit-scrollbar { width: 7px; }
.kanban-list::-webkit-scrollbar-track { background: transparent; }
.kanban-list::-webkit-scrollbar-thumb { border-radius: 8px; background: rgba(130,154,196,.3); }
.deal-card-geo {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  color: #a9bad0;
  font-size: 10px;
  line-height: 1.3;
}
.deal-card-geo span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deal-card-geo small { flex: 0 0 auto; color: #7f94ac; font-size: 9px; }
.drawer { isolation: isolate; }
.drawer-close {
  position: fixed;
  top: max(14px, env(safe-area-inset-top));
  right: 14px;
  z-index: 140;
  display: grid;
  place-items: center;
  pointer-events: auto;
  touch-action: manipulation;
  font-size: 24px;
  line-height: 1;
}
.drawer-close:hover,
.drawer-close:focus-visible { border-color: var(--accent); background: #26354d; outline: 0; }
.drawer-actions [data-close-drawer] { border-color: rgba(151,171,207,.28); background: rgba(255,255,255,.035); }
.sales-team-members { display: grid; gap: 6px; }
.sales-team-member {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(142,163,198,.1);
  border-radius: 9px;
  background: rgba(255,255,255,.02);
}
.sales-team-member::before { content: ''; width: 7px; height: 7px; grid-row: 1; border-radius: 50%; background: #596a82; }
.sales-team-member.is-ready::before { background: #43d1a6; box-shadow: 0 0 0 4px rgba(67,209,166,.09); }
.sales-team-member b { min-width: 0; grid-column: 2; overflow: hidden; color: #eaf3ff; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.sales-team-member small { grid-column: 3; color: #8395ad; font-size: 9px; }
.sales-team-member.is-empty { display: block; color: #7f91a9; font-size: 10px; }
.sales-team-member.is-empty::before { display: none; }
.sales-team-more { color: #8fa4bc; font-size: 9px; text-align: right; }
.sales-team-card footer { flex-wrap: wrap; }
.sales-team-card footer .primary-button { min-height: 34px; padding: 7px 10px; }
.client-cell small { display: block; margin-top: 2px; color: #71849d; font-size: 9px; }

@media (max-height: 680px) and (min-width: 761px) {
  #pipeline,
  .kanban-shell { height: calc(100dvh - 92px); }
  .column-head { min-height: 56px; padding-block: 9px; }
}
@media (max-width: 760px) {
  #pipeline,
  .kanban-shell { height: calc(100dvh - 132px); min-height: 420px; }
  .kanban-column { height: 100%; }
  .kanban-list { -webkit-overflow-scrolling: touch; }
  .deal-card-geo { align-items: flex-start; flex-wrap: wrap; }
  .drawer-close { right: 12px; }
  .team-hero-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .team-hero-actions > * { width: 100%; }
}
@media (max-width: 430px) {
  .team-hero-actions { grid-template-columns: 1fr; }
}

/* 2.32.0 — стабильная компоновка, доступность и адаптивность */
.drawer[aria-hidden="false"] { visibility: visible; }
.drawer :is(button,a,input,select,textarea):focus-visible,
.main :is(button,a,input,select,textarea):focus-visible {
  outline: 2px solid #8ca8ff;
  outline-offset: 2px;
}
@media (max-width: 760px) {
  body.app-ready[data-view="pipeline"] .main {
    display: flex;
    min-height: 100svh;
    min-height: 100dvh;
    flex-direction: column;
    overflow: hidden;
  }
  body.app-ready[data-view="pipeline"] #pipeline {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
  body.app-ready[data-view="pipeline"] .kanban-shell {
    width: 100%;
    height: 100%;
    min-height: 0;
    overscroll-behavior-x: contain;
  }
  .drawer {
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    border-left: 0;
    transform: translateX(100vw);
    padding-bottom: max(16px, env(safe-area-inset-bottom));
  }
  .drawer.show { transform: translateX(0); }
}

html,
body { max-width: 100%; overflow-x: hidden; }
@supports (overflow: clip) {
  html,
  body { overflow-x: clip; }
}

/* 2.31.1 — надёжное управление воронкой */
.column-head {
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas: "heading count" "actions actions";
  align-items: center;
}
.column-heading { grid-area: heading; }
.column-count { grid-area: count; }
.column-actions {
  grid-area: actions;
  min-width: 0;
  justify-content: flex-end;
  padding-top: 2px;
}
.column-actions button { width: 27px; height: 27px; flex: 0 0 27px; }
.column-actions button:disabled { opacity: .28; cursor: default; border-color: var(--line); color: var(--muted); }
.column-add,
.column-actions button,
.deal-card-actions button { position: relative; z-index: 2; pointer-events: auto; touch-action: manipulation; }
.deal-card-actions .deal-card-delete {
  flex: 0 0 32px;
  width: 32px;
  padding-inline: 0;
  border-color: rgba(255,104,124,.24);
  color: #ff9aaa;
}
.deal-card-actions .deal-card-delete:hover,
.deal-card-actions .deal-card-delete:focus-visible { border-color: rgba(255,104,124,.56); color: #fff; background: rgba(255,104,124,.15); }
@media (max-width: 760px) {
  .column-head { min-height: 82px; }
  .column-actions button { width: 31px; height: 31px; flex-basis: 31px; }
}

/* 2.31.2 — входящая Яндекс Почта */
.provider-state .provider-sync {
  align-self: flex-start;
  min-height: 34px;
  margin-top: 8px;
  padding: 0 12px;
  border: 1px solid rgba(116, 150, 255, .34);
  border-radius: 10px;
  background: rgba(82, 113, 214, .16);
  color: #f7f9ff;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
}
.provider-state .provider-sync:hover { background: rgba(82, 113, 214, .28); }
.provider-state .provider-sync:focus-visible { outline: 2px solid #91a7ff; outline-offset: 2px; }
.provider-state .provider-diagnostic {
  display: block;
  max-width: 320px;
  margin-top: 5px;
  color: #aab9cf;
  font-size: 11px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.provider-state.is-off .provider-diagnostic { color: #ffadba; }

/* 2.32.4 — focused sales workspace */
.nav-primary-label {
  margin-top: 2px;
  color: #8ca8ff;
}
.nav-daily,
.nav-more-links {
  display: grid;
  gap: 3px;
}
.nav-link-primary {
  position: relative;
  min-height: 54px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  margin-bottom: 7px;
  border-color: rgba(110, 143, 255, .3);
  border-radius: 13px;
  color: #f8fbff;
  background:
    linear-gradient(110deg, rgba(110, 143, 255, .24), rgba(67, 209, 166, .08)),
    rgba(20, 31, 52, .94);
  box-shadow: 0 12px 32px rgba(3, 8, 20, .24), inset 0 0 0 1px rgba(255, 255, 255, .025);
}
.nav-link-primary::after {
  content: "";
  position: absolute;
  inset: 9px auto 9px 0;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #90a7ff, #43d1a6);
}
.nav-link-primary > span { color: #b7c5ff; font-size: 17px; }
.nav-link-primary b { color: #fff; font-size: 13px; }
.nav-link-primary em {
  padding: 4px 7px;
  border: 1px solid rgba(134, 160, 255, .24);
  border-radius: 999px;
  color: #b9c7ff;
  background: rgba(110, 143, 255, .1);
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.nav-link-primary:hover,
.nav-link-primary.active {
  border-color: rgba(126, 154, 255, .46);
  background:
    linear-gradient(110deg, rgba(110, 143, 255, .3), rgba(67, 209, 166, .11)),
    rgba(20, 31, 52, .98);
  box-shadow: 0 14px 36px rgba(3, 8, 20, .3), inset 0 0 0 1px rgba(255, 255, 255, .035);
}
.nav-more {
  min-width: 0;
  margin-top: 7px;
  border-top: 1px solid rgba(151, 171, 207, .09);
  padding-top: 7px;
}
.nav-more > summary {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-radius: 10px;
  padding: 7px 10px;
  color: #7f90a9;
  cursor: pointer;
  list-style: none;
  font-size: 11px;
  font-weight: 800;
  transition: color .15s ease, background .15s ease;
}
.nav-more > summary::-webkit-details-marker { display: none; }
.nav-more > summary::after {
  content: "⌄";
  color: #667993;
  transition: transform .16s ease;
}
.nav-more[open] > summary::after { transform: rotate(180deg); }
.nav-more > summary:hover,
.nav-more[open] > summary { color: #dbe5f5; background: rgba(255, 255, 255, .03); }
.nav-more > summary i {
  order: 2;
  margin-left: auto;
  color: #6f829e;
  font-size: 9px;
  font-style: normal;
  font-variant-numeric: tabular-nums;
}
.nav-more-links {
  margin-top: 5px;
  padding-top: 2px;
}
.nav-more-links .nav-section-label { margin-top: 9px; }
.nav-more-links .nav-link {
  min-height: 36px;
  color: #788aa4;
}
.nav-more-links .nav-link b { font-size: 11px; }
.nav-more-links .nav-link.active { color: #fff; }

body.app-ready[data-view="pipeline"] .topbar {
  margin-bottom: 12px;
}
body.app-ready[data-view="pipeline"] .top-create-deal { display: none; }
#pipeline.view.active {
  height: calc(100dvh - 100px);
  min-height: 520px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pipeline-commandbar {
  min-width: 0;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(420px, 1.35fr) auto;
  align-items: center;
  gap: clamp(18px, 2.2vw, 36px);
  min-height: 72px;
  padding: 11px 13px 11px 17px;
  border: 1px solid rgba(151, 171, 207, .13);
  border-radius: 16px;
  background:
    linear-gradient(100deg, rgba(110, 143, 255, .085), transparent 38%),
    rgba(14, 22, 37, .92);
  box-shadow: 0 12px 35px rgba(1, 5, 14, .12);
}
.pipeline-command-title { min-width: 0; }
.pipeline-command-title > span {
  display: block;
  margin-bottom: 3px;
  color: #7f94b4;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.pipeline-command-title h2 {
  margin: 0;
  color: #f8fbff;
  font-size: clamp(18px, 1.65vw, 23px);
  letter-spacing: -.035em;
  line-height: 1.15;
}
.pipeline-command-metrics {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
}
.pipeline-command-metrics > div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 1px clamp(12px, 1.45vw, 22px);
  border-left: 1px solid rgba(151, 171, 207, .11);
}
.pipeline-command-metrics span {
  overflow: hidden;
  color: #8193ad;
  font-size: 9px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pipeline-command-metrics b {
  overflow: hidden;
  color: #eef4ff;
  font-size: clamp(15px, 1.35vw, 19px);
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pipeline-command-metrics > div:nth-child(2) b { color: #8de3c2; }
.pipeline-command-metrics > div:nth-child(3) b { color: #ffd18a; }
.pipeline-create-deal {
  min-height: 42px;
  border-radius: 11px;
  padding-inline: 15px;
  color: #fff;
  white-space: nowrap;
  background: linear-gradient(135deg, #6e8fff, #5879e8);
  box-shadow: 0 9px 24px rgba(76, 108, 220, .2);
}
#pipeline .kanban-shell {
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  border: 1px solid rgba(151, 171, 207, .08);
  border-radius: 16px;
  padding: 8px 8px 0;
  background: rgba(6, 11, 21, .26);
}
#pipeline .kanban {
  height: 100%;
  gap: 10px;
  padding: 0 0 8px;
}
#pipeline .kanban-column {
  width: 280px;
  flex-basis: 280px;
  border-color: rgba(151, 171, 207, .1);
  border-radius: 14px;
  background: rgba(15, 23, 38, .9);
  box-shadow: none;
}
#pipeline .column-head {
  min-height: 74px;
  border-bottom-color: rgba(151, 171, 207, .09);
  background: rgba(255, 255, 255, .012);
}
#pipeline .column-heading > span { color: #7894f6; }
#pipeline .column-heading h3 { color: #edf3ff; font-size: 13px; }
#pipeline .column-count { color: #cbd7ed; background: rgba(110, 143, 255, .09); }
#pipeline .deal-card {
  border-color: rgba(151, 171, 207, .11);
  background: rgba(21, 31, 49, .9);
  box-shadow: 0 7px 18px rgba(1, 5, 14, .09);
  transition: border-color .14s ease, background .14s ease, transform .14s ease;
}
#pipeline .deal-card:hover {
  border-color: rgba(126, 154, 255, .34);
  background: rgba(25, 37, 59, .96);
  transform: translateY(-1px);
}
#pipeline .column-add {
  min-height: 36px;
  border-color: transparent;
  color: #899bb6;
  background: rgba(255, 255, 255, .018);
}
#pipeline .column-add:hover { color: #fff; border-color: rgba(110, 143, 255, .24); background: rgba(110, 143, 255, .07); }
#pipeline .kanban-add-column {
  width: 210px;
  flex-basis: 210px;
  min-height: 110px;
  align-self: flex-start;
  border-color: rgba(151, 171, 207, .14);
  color: #8294af;
  background: rgba(255, 255, 255, .014);
}

/* Secondary sections are quieter than the main sales board. */
.view:not(#pipeline) > :is(.priority-workspace, .forecast-workspace, .deal-plan-workspace, .calls-layout, .calendar-layout, .team-layout, .operations-layout) {
  gap: 13px;
}
.view:not(#pipeline) :is(.priority-hero, .forecast-hero, .deal-plan-hero, .calls-hero, .team-hero, .operations-hero) {
  border-color: rgba(151, 171, 207, .11);
  box-shadow: 0 12px 34px rgba(1, 5, 14, .11);
}
.view:not(#pipeline) :is(.panel, .priority-toolbar, .forecast-toolbar, .deal-plan-toolbar) {
  box-shadow: none;
}

@media (max-width: 1180px) {
  .pipeline-commandbar { grid-template-columns: minmax(170px, .7fr) minmax(350px, 1.25fr) auto; gap: 14px; }
  .pipeline-command-metrics > div { padding-inline: 11px; }
  .pipeline-create-deal { padding-inline: 12px; }
}

@media (max-width: 980px) {
  .sidebar-inner { padding-bottom: max(18px, env(safe-area-inset-bottom)); }
  .nav-more > summary { min-height: 42px; }
  body.app-ready[data-view="pipeline"] .main { padding-bottom: 12px; }
  #pipeline.view.active { height: calc(100dvh - 148px); min-height: 470px; }
  .pipeline-commandbar { grid-template-columns: minmax(150px, .62fr) minmax(330px, 1.25fr) auto; min-height: 66px; }
  .pipeline-command-title > span { display: none; }
  .pipeline-command-title h2 { font-size: 18px; }
}

@media (max-width: 760px) {
  .nav-link-primary { min-height: 56px; }
  .nav-more-links .nav-link { min-height: 42px; }
  body.app-ready[data-view="pipeline"] .main { overflow: hidden; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  body.app-ready[data-view="pipeline"] .topbar {
    min-height: 58px;
    align-items: center;
  }
  body.app-ready[data-view="pipeline"] .topbar .title-box { min-width: 76px; }
  body.app-ready[data-view="pipeline"] .topbar .search-box { display: none; }
  body.app-ready[data-view="pipeline"] .topbar .top-actions {
    width: auto;
    max-width: none;
    flex: 0 1 auto;
    overflow: visible;
  }
  #pipeline.view.active {
    width: 100%;
    height: auto;
    min-height: 0;
    flex: 1 1 auto;
    gap: 8px;
    padding-top: 64px;
  }
  .pipeline-commandbar {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    min-height: 0;
    padding: 10px;
    border-radius: 13px;
  }
  .pipeline-command-title { display: none; }
  .pipeline-create-deal { min-height: 38px; padding: 7px 10px; font-size: 0; }
  .pipeline-create-deal::after { content: "Сделка"; font-size: 11px; }
  .pipeline-create-deal > span { display: inline; font-size: 15px; }
  .pipeline-command-metrics { grid-column: 1; }
  .pipeline-command-metrics > div { padding: 0 8px; }
  .pipeline-command-metrics > div:first-child { border-left: 0; padding-left: 1px; }
  .pipeline-command-metrics span { font-size: 8px; }
  .pipeline-command-metrics b { font-size: 14px; }
  #pipeline .kanban-shell { height: auto; min-height: 0; padding: 6px 6px 0; border-radius: 13px; }
  #pipeline .kanban { gap: 8px; padding-bottom: 6px; }
  #pipeline .kanban-column {
    width: min(286px, calc(100vw - 36px));
    flex-basis: min(286px, calc(100vw - 36px));
    border-radius: 12px;
  }
  #pipeline .column-head { min-height: 72px; }
}

@media (max-width: 420px) {
  .pipeline-create-deal > span { display: none; }
  .pipeline-command-metrics > div { padding-inline: 6px; }
  .pipeline-command-metrics span { max-width: 90px; }
}

/* Competitor monitoring — Stage 2 */
#competitors { min-width: 0; }
.competitor-workspace { display: grid; gap: 16px; min-width: 0; }
.competitor-hero {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px;
  min-height: 142px; overflow: hidden; padding: 24px 26px; border: 1px solid rgba(110,143,255,.22);
  border-radius: 22px; background: linear-gradient(128deg, rgba(24,37,62,.98), rgba(13,23,40,.98));
  box-shadow: 0 18px 48px rgba(1,5,14,.18);
}
.competitor-hero::after {
  content: ""; position: absolute; right: -70px; top: -110px; width: 320px; height: 320px;
  border-radius: 50%; background: radial-gradient(circle, rgba(67,209,166,.17), transparent 68%); pointer-events: none;
}
.competitor-hero > * { position: relative; z-index: 1; }
.competitor-hero h2 { margin: 5px 0 7px; font-size: clamp(25px, 2.5vw, 37px); line-height: 1.05; }
.competitor-hero p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.55; }
.competitor-hero .primary-button { flex: 0 0 auto; min-height: 44px; }
.competitor-hero-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 0 0 auto; }
.competitor-hero-actions .secondary-button { min-height: 44px; border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.045); }
.competitor-commandbar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 7px;
  border: 1px solid rgba(110,143,255,.16); border-radius: 16px; background: rgba(11,19,33,.9); box-shadow: 0 12px 30px rgba(1,5,14,.1);
}
.competitor-commandbar .competitor-tabs { flex: 1 1 auto; width: auto; border: 0; padding: 0; background: transparent; }
.competitor-commandbar .competitor-hero-actions { padding-left: 9px; border-left: 1px solid rgba(255,255,255,.075); }
.competitor-commandbar .competitor-hero-actions button { min-height: 38px; padding: 8px 13px; }
.competitor-tabs {
  display: flex; gap: 5px; width: max-content; max-width: 100%; overflow-x: auto; padding: 5px;
  border: 1px solid var(--line); border-radius: 14px; background: rgba(12,20,35,.86); scrollbar-width: none;
}
.competitor-tabs::-webkit-scrollbar { display: none; }
.competitor-tabs button {
  min-height: 38px; padding: 8px 15px; border: 0; border-radius: 10px; background: transparent;
  color: var(--muted); font-size: 12px; font-weight: 800; white-space: nowrap; cursor: pointer;
}
.competitor-tabs button:hover { color: var(--text); background: rgba(255,255,255,.035); }
.competitor-tabs button.active { color: #f7f9ff; background: rgba(110,143,255,.18); box-shadow: inset 0 0 0 1px rgba(110,143,255,.24); }
.competitor-tabs .competitor-tab-primary { padding-inline: 18px; }
.competitor-tabs .competitor-tab-primary::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #69dfbe; box-shadow: 0 0 0 4px rgba(67,209,166,.09); vertical-align: 1px; }
.competitor-tabs .competitor-tab-primary.active { background: linear-gradient(135deg,rgba(110,143,255,.22),rgba(67,209,166,.12)); box-shadow: inset 0 0 0 1px rgba(110,143,255,.28),0 7px 20px rgba(4,10,23,.14); }
.competitor-tab-panel { display: none; min-width: 0; }
.competitor-tab-panel.active { display: grid; gap: 15px; }
.competitor-tab-panel.is-unavailable { opacity: .48; pointer-events: none; }
.competitor-module-state:empty { display: none; }
.competitor-module-state {
  display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 10px 14px;
  border: 1px solid rgba(110,143,255,.22); border-radius: 13px; background: rgba(110,143,255,.07); color: #dce3ff;
}
.competitor-module-state strong { font-size: 12px; }
.competitor-module-state span { color: var(--muted); font-size: 11px; }
.competitor-module-state button { margin-left: auto; padding: 6px 10px; border: 1px solid currentColor; border-radius: 8px; background: transparent; color: inherit; }
.competitor-module-state.is-error { border-color: rgba(244,111,130,.3); background: rgba(244,111,130,.08); color: #ff9dad; }
.competitor-module-state.is-warning { border-color: rgba(242,189,98,.3); background: rgba(242,189,98,.08); color: #f7d494; }
.competitor-spinner { width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.18); border-top-color: var(--accent); border-radius: 50%; animation: competitorSpin .8s linear infinite; }
@keyframes competitorSpin { to { transform: rotate(360deg); } }
.competitor-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 11px; }
.competitor-kpi {
  position: relative; display: grid; gap: 7px; min-width: 0; padding: 17px 18px; overflow: hidden;
  border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(20,31,50,.98), rgba(13,22,38,.98));
}
.competitor-kpi::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--accent); }
.competitor-kpi-1::before { background: var(--accent-2); }
.competitor-kpi-2::before { background: var(--warning); }
.competitor-kpi-3::before { background: #9c82ff; }
.competitor-kpi span { color: var(--muted); font-size: 11px; }
.competitor-kpi b { overflow: hidden; font-size: clamp(21px,2vw,28px); line-height: 1.08; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.competitor-kpi small { color: #b7c2d6; font-size: 10px; }
/* Competitor monitoring — decision center enhancement */
.competitor-decision-center { overflow: hidden; border-color: rgba(110,143,255,.18); background: linear-gradient(145deg,rgba(18,29,49,.98),rgba(10,18,32,.98)); }
.competitor-decision-head { align-items: end; }
.competitor-decision-head .overline { color: #91a8ff; font-size: 8px; letter-spacing: .14em; }
.competitor-decision-grid { display: grid; grid-template-columns: minmax(0,1.45fr) repeat(3,minmax(190px,.8fr)); gap: 10px; }
.competitor-signal-card { display: grid; align-content: start; gap: 8px; min-width: 0; min-height: 190px; padding: 15px; border: 1px solid rgba(255,255,255,.075); border-radius: 15px; background: rgba(255,255,255,.022); }
.competitor-signal-card:hover { border-color: rgba(110,143,255,.24); background: rgba(110,143,255,.035); }
.competitor-signal-primary { position: relative; overflow: hidden; background: linear-gradient(145deg,rgba(110,143,255,.1),rgba(67,209,166,.045)); }
.competitor-signal-primary::after { content: ""; position: absolute; right: -60px; bottom: -100px; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle,rgba(110,143,255,.13),transparent 68%); pointer-events: none; }
.competitor-signal-card > * { position: relative; z-index: 1; }
.competitor-signal-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.competitor-signal-top small,.competitor-signal-card > small { color: var(--muted); font-size: 8px; line-height: 1.45; }
.competitor-signal-card h4 { margin: 2px 0 0; color: #f4f7ff; font-size: 15px; line-height: 1.25; }
.competitor-signal-card p { margin: 0; color: #9eacc2; font-size: 9px; line-height: 1.5; }
.competitor-signal-card > .ghost-small { justify-self: start; margin-top: auto; padding-inline: 0; color: #b8c8ff; }
.competitor-signal-label { display: inline-flex; align-items: center; width: max-content; max-width: 100%; min-height: 22px; padding: 4px 8px; border-radius: 999px; color: #aebbd0; background: rgba(147,163,188,.1); font-size: 8px; font-weight: 900; white-space: nowrap; }
.competitor-signal-label.is-fact,.competitor-signal-label.is-success { color: #83e5c4; background: rgba(67,209,166,.1); }
.competitor-signal-label.is-inference { color: #c6b8ff; background: rgba(156,130,255,.11); }
.competitor-signal-label.is-action,.competitor-signal-label.is-warning { color: #f6d08a; background: rgba(242,189,98,.11); }
.competitor-signal-label.is-danger { color: #ff9cac; background: rgba(244,111,130,.11); }
.competitor-signal-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 3px; }
.competitor-signal-metrics > div { display: grid; gap: 3px; min-width: 0; padding: 9px; border-radius: 10px; background: rgba(6,13,25,.3); }
.competitor-signal-metrics span { color: var(--muted); font-size: 7px; }
.competitor-signal-metrics b { overflow: hidden; color: #eff4ff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.competitor-signal-value { color: #cbd5e6; font-size: 20px; line-height: 1; font-variant-numeric: tabular-nums; }
.competitor-signal-value.is-up { color: #83e5c4; }
.competitor-control-list { display: grid; gap: 5px; }
.competitor-control-list button { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 32px; padding: 7px 9px; border: 0; border-radius: 9px; background: rgba(255,255,255,.035); color: #b9c5d8; text-align: left; cursor: pointer; }
.competitor-control-list button:hover { color: #fff; background: rgba(110,143,255,.09); }
.competitor-control-list span { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.competitor-control-list b { color: #f4f7ff; font-size: 12px; font-variant-numeric: tabular-nums; }
.competitor-quality-track { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.competitor-quality-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#f2bd62,#43d1a6); }
.competitor-decision-onboarding { grid-column: 1/-1; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; min-height: 150px; padding: 20px; border: 1px dashed rgba(110,143,255,.25); border-radius: 15px; background: rgba(110,143,255,.035); }
.competitor-decision-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(145deg,rgba(110,143,255,.2),rgba(67,209,166,.1)); color: #dce4ff; font-size: 25px; }
.competitor-decision-onboarding h4 { margin: 7px 0 4px; font-size: 16px; }
.competitor-decision-onboarding p { max-width: 690px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.competitor-decision-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.competitor-decision-loading,.competitor-decision-error { grid-column: 1/-1; display: flex; align-items: center; gap: 12px; min-height: 100px; padding: 18px; border: 1px dashed rgba(110,143,255,.22); border-radius: 14px; color: #c6d0e2; }
.competitor-decision-loading span { color: var(--muted); font-size: 10px; }
.competitor-decision-error { justify-content: space-between; border-color: rgba(244,111,130,.22); background: rgba(244,111,130,.035); }
.competitor-decision-error > div { display: grid; gap: 4px; }
.competitor-decision-error b { font-size: 11px; }
.competitor-decision-error span { color: #ffadba; font-size: 9px; }
.competitor-summary-panel { overflow: hidden; }
.competitor-summary-list { display: grid; gap: 4px; }
.competitor-summary-list button {
  display: grid; grid-template-columns: minmax(170px,1fr) minmax(140px,1.3fr) minmax(100px,auto); align-items: center; gap: 16px;
  width: 100%; padding: 12px 13px; border: 0; border-radius: 12px; background: transparent; text-align: left; cursor: pointer;
}
.competitor-summary-list button:hover { background: rgba(255,255,255,.035); }
.competitor-summary-list button > div { display: grid; gap: 2px; min-width: 0; }
.competitor-summary-list b { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.competitor-summary-list span { color: var(--muted); font-size: 10px; }
.competitor-summary-list i { height: 7px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.competitor-summary-list em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent),var(--accent-2)); }
.competitor-summary-list strong { justify-self: end; font-size: 12px; font-variant-numeric: tabular-nums; }
.competitor-panel-head { align-items: center; }
.competitor-list-panel { overflow: hidden; border-color: rgba(110,143,255,.16); background: linear-gradient(145deg,rgba(17,28,47,.97),rgba(10,18,31,.97)); }
.competitor-list-panel { padding: 12px; }
.competitor-toolbar {
  display: grid; grid-template-columns: minmax(190px,1.5fr) repeat(3,minmax(150px,.7fr)); gap: 9px;
  margin-bottom: 14px; padding: 11px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7,14,27,.34);
}
.competitor-toolbar label { display: grid; align-content: start; gap: 5px; min-width: 0; }
.competitor-toolbar label > span { color: #aebbd0; font-size: 11px; font-weight: 750; }
.competitor-toolbar input,.competitor-toolbar select { width: 100%; min-width: 0; min-height: 42px; color: #edf3ff; font-size: 13px; }
.competitor-company-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(340px,1fr)); align-items: stretch; gap: 10px; }
.competitor-company-card {
  display: grid; grid-template-columns: 1fr; align-content: start; gap: 11px; min-width: 0; height: 100%; padding: 15px;
  position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.075); border-radius: 17px; background: linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014)); cursor: pointer;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.competitor-company-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg,var(--accent),var(--accent-2)); opacity: .72; }
.competitor-company-card:hover { border-color: rgba(110,143,255,.42); background: linear-gradient(145deg,rgba(110,143,255,.075),rgba(67,209,166,.025)); transform: translateY(-1px); }
.competitor-company-main { display: flex; align-items: flex-start; gap: 11px; min-width: 0; }
.competitor-company-mark { flex: 0 0 46px; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(145deg,rgba(110,143,255,.29),rgba(67,209,166,.16)); color: #fff; font-size: 15px; font-weight: 900; }
.competitor-company-main > div:last-child { min-width: 0; }
.competitor-company-badges { display: flex; align-items: center; gap: 5px; min-width: 0; flex-wrap: wrap; }
.competitor-review-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border-radius: 999px; background: rgba(147,163,188,.1); color: #c3cede; font-size: 10px; font-weight: 850; white-space: nowrap; }
.competitor-review-badge.is-success { color: #83e5c4; background: rgba(67,209,166,.09); }
.competitor-review-badge.is-warning { color: #f6d08a; background: rgba(242,189,98,.1); }
.competitor-review-badge.is-danger { color: #ff9cac; background: rgba(244,111,130,.1); }
.competitor-company-main h3 { margin: 5px 0 3px; overflow: hidden; color: #f5f8ff; font-size: 19px; line-height: 1.18; text-overflow: ellipsis; white-space: nowrap; }
.competitor-company-main p { margin: 0; overflow: hidden; color: #b0bed2; font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.competitor-priority,.competitor-status {
  display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; border-radius: 999px;
  background: rgba(110,143,255,.1); color: #cbd4ff; font-size: 10px; font-weight: 900; white-space: nowrap;
}
.competitor-priority.priority-high,.competitor-status.status-pending { background: rgba(242,189,98,.11); color: #f6d08a; }
.competitor-priority.priority-low { background: rgba(147,163,188,.1); color: #b6c1d2; }
.competitor-status.status-active,.competitor-status.status-corrected { background: rgba(67,209,166,.1); color: #83e5c4; }
.competitor-status.status-voided { background: rgba(244,111,130,.1); color: #ff9cac; }
.competitor-company-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.competitor-company-stats > div { display: grid; align-content: start; gap: 4px; min-width: 0; padding: 9px; border: 1px solid rgba(255,255,255,.045); border-radius: 11px; background: rgba(255,255,255,.04); }
.competitor-company-stats span { color: #aebbd0; font-size: 10px; font-weight: 750; }
.competitor-company-stats small { color: #94a4bb; font-size: 9px; line-height: 1.3; }
.competitor-company-stats b { overflow: hidden; color: #f3f7ff; font-size: 15px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.competitor-company-meta { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.competitor-company-meta > span { display: grid; gap: 3px; min-width: 0; padding: 8px 9px; border-radius: 10px; background: rgba(6,13,25,.25); }
.competitor-company-meta small { color: #91a1b8; font-size: 9px; line-height: 1.2; }
.competitor-company-meta b { overflow: hidden; color: #dfe7f4; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.competitor-company-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: auto; padding-top: 1px; }
.competitor-company-actions button { min-height: 36px; padding-inline: 13px; font-size: 11px; }
.competitor-journal-filters { grid-template-columns: minmax(180px,1.4fr) repeat(6,minmax(130px,.7fr)); overflow-x: auto; }
.competitor-journal-table { border: 1px solid var(--line); border-radius: 14px; }
.competitor-journal-table table { min-width: 920px; }
.competitor-event-row { cursor: pointer; }
.competitor-event-row:hover td { background: rgba(110,143,255,.035); }
.competitor-event-row.status-voided { opacity: .58; }
.competitor-event-row td { vertical-align: middle; }
.competitor-event-row td > b,.competitor-event-row td > span,.competitor-event-row td > small { display: block; }
.competitor-event-row td small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.competitor-pagination { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 13px; color: var(--muted); font-size: 10px; }
.competitor-pagination > div { display: flex; align-items: center; gap: 7px; }
.competitor-pagination button { width: 34px; height: 32px; padding: 0; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.035); }
.competitor-pagination button:disabled { opacity: .35; cursor: default; }
.competitor-settings-readonly { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.competitor-settings-readonly > div { display: grid; gap: 7px; min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.competitor-settings-readonly span { color: var(--muted); font-size: 10px; }
.competitor-settings-readonly b { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.competitor-settings-readonly small { color: #b6c1d4; font-size: 9px; line-height: 1.4; }
.competitor-empty { display: grid; place-content: center; justify-items: center; gap: 6px; min-height: 150px; padding: 24px; border: 1px dashed var(--line); border-radius: 14px; color: var(--muted); text-align: center; }
.competitor-empty b { color: var(--soft); }
.competitor-empty.compact { min-height: 72px; }
.competitor-modal { width: min(780px,calc(100vw - 28px)); max-height: min(88dvh,900px); overflow: auto; }
.competitor-form { margin-top: 17px; }
.competitor-form label { min-width: 0; }
.competitor-form label > span { color: #cbd5e8; }
.competitor-form label > span i { color: var(--danger); font-style: normal; }
.competitor-form label small { color: var(--muted); font-size: 9px; }
.competitor-form input,.competitor-form select,.competitor-form textarea { width: 100%; min-width: 0; color: var(--text); }
.competitor-form-error { min-height: 0; color: #ff9cad; font-size: 11px; }
.competitor-form-error:empty { display: none; }
.competitor-form-actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 5px; }
.competitor-cost-preview { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.competitor-cost-preview > div { display: grid; gap: 4px; padding: 13px 14px; border: 1px solid rgba(110,143,255,.18); border-radius: 13px; background: rgba(110,143,255,.055); }
.competitor-cost-preview span,.competitor-cost-preview small { color: var(--muted); font-size: 9px; }
.competitor-cost-preview b { font-size: 18px; font-variant-numeric: tabular-nums; }
.competitor-duplicate-warning { display: grid; gap: 3px; padding: 11px 13px; border: 1px solid rgba(242,189,98,.34); border-radius: 12px; background: rgba(242,189,98,.08); color: #f5d18f; }
.competitor-duplicate-warning span { font-size: 10px; }
.competitor-action-toast {
  position: fixed; left: 50%; bottom: max(22px,env(safe-area-inset-bottom)); z-index: 1200; display: flex; align-items: center; gap: 16px;
  min-width: min(390px,calc(100vw - 24px)); padding: 13px 15px; border: 1px solid rgba(67,209,166,.3); border-radius: 14px;
  background: #14243a; box-shadow: 0 18px 50px rgba(0,0,0,.4); opacity: 0; transform: translate(-50%,18px); transition: .18s ease;
}
.competitor-action-toast.show { opacity: 1; transform: translate(-50%,0); }
.competitor-action-toast span { flex: 1; color: #e9f5f1; font-size: 12px; font-weight: 800; }
.competitor-action-toast button { padding: 6px 10px; border: 0; border-radius: 8px; background: rgba(67,209,166,.14); color: #83e5c4; font-weight: 900; }
.competitor-drawer-head > div > span { color: #9eacc1; font-size: 11px; font-weight: 800; }
.competitor-drawer-head h2 { font-size: clamp(23px,2.2vw,31px); }
.competitor-drawer-head p { margin: 5px 0 0; color: #b2bfd2; font-size: 13px; line-height: 1.4; }
.competitor-drawer-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 0 20px 17px; }
.competitor-drawer-metrics > div { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.03); }
.competitor-drawer-metrics span { color: #aab8cc; font-size: 11px; font-weight: 750; }
.competitor-drawer-metrics small { color: #95a5bc; font-size: 10px; }
.competitor-drawer-metrics b { overflow: hidden; color: #f3f7ff; font-size: 17px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
#dealDrawer .competitor-form { padding: 0 20px 20px; }
.competitor-form label > span { color: #d5ddec; font-size: 12px; font-weight: 750; }
.competitor-form label small { color: #9dacbf; font-size: 10px; line-height: 1.4; }
.competitor-form input,.competitor-form select,.competitor-form textarea { font-size: 13px; }
.competitor-drawer-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.competitor-drawer-section-head h3 { margin: 0; font-size: 15px; }
.competitor-linked-events { display: grid; gap: 7px; margin-top: 10px; }
.competitor-linked-event { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); text-align: left; }
.competitor-linked-event:hover { border-color: rgba(110,143,255,.36); }
.competitor-linked-event span { display: grid; gap: 2px; }
.competitor-linked-event b { color: #edf3ff; font-size: 12px; }
.competitor-linked-event small { color: #a4b2c6; font-size: 10px; }
.competitor-linked-event strong { color: #e4ebf7; font-size: 12px; }
.competitor-event-readonly dl { display: grid; gap: 0; margin: 10px 0 0; }
.competitor-event-readonly dl > div { display: grid; grid-template-columns: 130px 1fr; gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); }
.competitor-event-readonly dt { color: var(--muted); font-size: 10px; }
.competitor-event-readonly dd { margin: 0; font-size: 11px; }
.competitor-drawer-actions { flex-wrap: wrap; }

@media (max-width: 1280px) {
  .competitor-decision-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .competitor-signal-primary { grid-column: 1/-1; }
  .competitor-journal-filters { grid-template-columns: repeat(4,minmax(150px,1fr)); }
}
@media (max-width: 980px) {
  .competitor-summary-grid,.competitor-settings-readonly { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .competitor-toolbar { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .competitor-journal-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  #competitors.view.active { padding-top: 64px; }
  .competitor-workspace { gap: 10px; }
  .competitor-commandbar { display: grid; gap: 7px; padding: 6px; border-radius: 14px; }
  .competitor-commandbar .competitor-tabs { width: 100%; }
  .competitor-commandbar .competitor-hero-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; padding: 7px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.075); }
  .competitor-commandbar .competitor-hero-actions button { width: 100%; }
  .competitor-tabs { width: 100%; }
  .competitor-tabs button { flex: 0 0 auto; }
  .competitor-summary-grid { gap: 7px; }
  .competitor-decision-grid { grid-template-columns: 1fr; }
  .competitor-signal-primary { grid-column: auto; }
  .competitor-decision-onboarding { grid-template-columns: 1fr; justify-items: start; }
  .competitor-decision-actions { justify-content: stretch; width: 100%; }
  .competitor-decision-actions button { flex: 1; }
  .competitor-kpi { padding: 13px; }
  .competitor-kpi b { font-size: 18px; }
  .competitor-summary-list button { grid-template-columns: minmax(0,1fr) 92px; gap: 9px; padding: 10px 4px; }
  .competitor-summary-list i { grid-column: 1/-1; grid-row: 2; }
  .competitor-summary-list strong { grid-column: 2; grid-row: 1; }
  .competitor-panel-head { display: grid; align-items: start; }
  .competitor-panel-head .primary-button { width: 100%; }
  .competitor-toolbar,.competitor-journal-filters { grid-template-columns: 1fr 1fr; }
  .competitor-search { grid-column: 1/-1; }
  .competitor-company-list { grid-template-columns: 1fr; }
  .competitor-company-card { padding: 14px; }
  .competitor-company-meta { grid-template-columns: 1fr; }
  .competitor-company-actions { justify-content: stretch; }
  .competitor-company-actions button { flex: 1; }
  .competitor-settings-readonly { grid-template-columns: 1fr; }
  .competitor-modal { width: 100%; max-height: calc(var(--app-height,100dvh) - 14px); margin-top: auto; border-radius: 20px 20px 0 0; }
  .competitor-form { grid-template-columns: 1fr; }
  .competitor-form .full { grid-column: auto; }
  .competitor-cost-preview { grid-template-columns: 1fr; }
  .competitor-form-actions { position: sticky; bottom: 0; z-index: 2; margin: 0 -2px -2px; padding: 10px 0 max(4px,env(safe-area-inset-bottom)); background: linear-gradient(transparent,#101827 28%); }
  .competitor-form-actions button { flex: 1; }
  .competitor-drawer-metrics { grid-template-columns: 1fr 1fr; padding-inline: 14px; }
  .competitor-drawer-metrics > div:first-child { grid-column: 1/-1; }
  #dealDrawer .competitor-form { padding-inline: 14px; }
}
@media (max-width: 430px) {
  .competitor-hero-actions { grid-template-columns: 1fr; }
  .competitor-company-card { padding: 14px; }
  .competitor-company-main h3 { font-size: 18px; }
  .competitor-company-stats { grid-template-columns: 1fr 1fr; }
  .competitor-company-stats > div:last-child { grid-column: 1/-1; }
  .competitor-summary-grid { grid-template-columns: 1fr 1fr; }
  .competitor-toolbar,.competitor-journal-filters { grid-template-columns: 1fr; }
  .competitor-search { grid-column: auto; }
  .competitor-company-stats { gap: 4px; }
  .competitor-company-stats > div { padding: 7px; }
}

/* Competitor monitoring — Stage 3 analytics and reports */
.competitor-report-controls {
  display: grid; gap: 12px; padding: 15px;
  border: 1px solid rgba(110,143,255,.2); border-radius: 17px;
  background: linear-gradient(145deg,rgba(17,28,47,.96),rgba(10,18,32,.96));
  box-shadow: 0 14px 34px rgba(1,5,14,.12);
}
.competitor-report-controls[hidden] { display: none !important; }
.competitor-report-controls-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.competitor-report-controls-head > div { display: grid; gap: 3px; }
.competitor-report-controls-head b { color: #f4f7ff; font-size: 14px; }
.competitor-report-controls-head > span { color: var(--muted); font-size: 9px; }
.competitor-report-controls-head > span.is-error { color: #ff9cac; }
.competitor-report-filter-grid {
  display: grid; grid-template-columns: repeat(7,minmax(120px,1fr)) auto; gap: 8px; align-items: end;
}
.competitor-report-filter-grid label { display: grid; gap: 5px; min-width: 0; }
.competitor-report-filter-grid label > span { color: var(--muted); font-size: 9px; font-weight: 700; }
.competitor-report-filter-grid input,.competitor-report-filter-grid select { width: 100%; min-width: 0; min-height: 38px; }
.competitor-report-controls:not(.is-custom) .competitor-custom-period { display: none; }
.competitor-report-filter-actions { display: flex; gap: 7px; }
.competitor-report-filter-actions button { min-height: 38px; white-space: nowrap; }
.competitor-report-controls.is-loading { border-color: rgba(110,143,255,.38); }
.competitor-summary-grid { grid-template-columns: repeat(5,minmax(0,1fr)); }
.competitor-kpi-4::before { background: #f08aca; }
.competitor-kpi-delta {
  display: inline-flex; align-items: center; width: max-content; max-width: 100%; min-height: 21px;
  padding: 3px 7px; border-radius: 999px; background: rgba(147,163,188,.09);
  color: #aebbd0 !important; font-size: 8px !important; font-weight: 850; white-space: nowrap;
}
.competitor-kpi-delta.is-up { color: #79dfbf !important; background: rgba(67,209,166,.1); }
.competitor-kpi-delta.is-down { color: #ff9cac !important; background: rgba(244,111,130,.1); }
.competitor-kpi-delta.is-flat,.competitor-kpi-delta.is-neutral { color: #b8c4d8 !important; }
.competitor-analytics-empty {
  display: flex; align-items: center; gap: 10px; padding: 12px 14px;
  border: 1px dashed rgba(110,143,255,.24); border-radius: 13px; background: rgba(110,143,255,.045);
}
.competitor-analytics-empty[hidden] { display: none; }
.competitor-analytics-empty b { font-size: 11px; }
.competitor-analytics-empty span { color: var(--muted); font-size: 10px; }
.competitor-chart-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.competitor-analytics-panel { min-width: 0; overflow: hidden; }
.competitor-chart-total {
  flex: 0 0 auto; padding: 6px 9px; border: 1px solid rgba(110,143,255,.18);
  border-radius: 9px; background: rgba(110,143,255,.07); color: #eef2ff;
  font-size: 11px; font-weight: 900; font-variant-numeric: tabular-nums;
}
.competitor-chart { width: 100%; min-height: 245px; overflow: hidden; }
.competitor-chart svg { display: block; width: 100%; height: 245px; overflow: visible; }
.competitor-chart-gridlines line { stroke: rgba(170,186,214,.11); stroke-width: 1; vector-effect: non-scaling-stroke; }
.competitor-chart-gridlines text,.competitor-chart-labels text { fill: #8796ae; font-size: 9px; }
.competitor-chart-area { fill: color-mix(in srgb,var(--chart-color) 14%,transparent); }
.competitor-chart-line {
  fill: none; stroke: var(--chart-color); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.competitor-chart-dots circle { fill: #101b2d; stroke: var(--chart-color); stroke-width: 2; vector-effect: non-scaling-stroke; }
.competitor-chart-empty { display: grid; place-content: center; justify-items: center; gap: 5px; min-height: 230px; color: var(--muted); text-align: center; }
.competitor-chart-empty > span { color: rgba(110,143,255,.55); font-size: 26px; }
.competitor-chart-empty b { color: #c5cfe0; font-size: 12px; }
.competitor-chart-empty small { font-size: 9px; }
.competitor-summary-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); gap: 12px; }
.competitor-rank {
  display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px;
  background: rgba(110,143,255,.1); color: #bdc9ff !important; font-size: 9px !important; font-weight: 900;
}
.competitor-summary-list button { grid-template-columns: 25px minmax(150px,1fr) minmax(110px,.8fr) minmax(100px,auto); }
.competitor-recent-list { display: grid; gap: 5px; }
.competitor-recent-list > button {
  display: grid; grid-template-columns: 32px minmax(0,1fr) auto; align-items: center; gap: 9px;
  width: 100%; padding: 9px; border: 0; border-radius: 11px; background: transparent; text-align: left;
}
.competitor-recent-list > button:hover { background: rgba(255,255,255,.035); }
.competitor-recent-icon {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px;
  background: rgba(67,209,166,.09); color: #73dfbd; font-size: 14px;
}
.competitor-recent-list > button > div { display: grid; gap: 2px; min-width: 0; }
.competitor-recent-list b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.competitor-recent-list small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.competitor-recent-list strong { color: #83e5c4; font-size: 12px; font-variant-numeric: tabular-nums; }
.competitor-report-panel { min-width: 0; overflow: hidden; }
.competitor-export-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; text-decoration: none; }
.competitor-export-button.is-disabled { opacity: .45; pointer-events: none; }
.competitor-report-table { max-width: 100%; border: 1px solid var(--line); border-radius: 14px; }
.competitor-report-table table { min-width: 1460px; border-collapse: separate; border-spacing: 0; }
.competitor-report-table thead tr:first-child th { padding-block: 9px 5px; border-bottom: 0; color: #dce4f5; text-align: center; }
.competitor-report-table thead tr:nth-child(2) th { padding-block: 5px 9px; color: var(--muted); font-size: 8px; text-align: right; }
.competitor-report-table th:first-child,.competitor-report-table td:first-child {
  position: sticky; left: 0; z-index: 2; min-width: 190px; background: #111c2e;
}
.competitor-report-table thead th:first-child { z-index: 3; text-align: left !important; }
.competitor-report-table td { text-align: right; font-variant-numeric: tabular-nums; }
.competitor-report-table td:first-child { text-align: left; }
.competitor-report-table td:first-child b,.competitor-report-table td:first-child small { display: block; }
.competitor-report-table td:first-child small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.competitor-report-table tbody tr { cursor: pointer; }
.competitor-report-table tbody tr:hover td { background: #17253c; }
.competitor-report-table .is-selected-period { background: rgba(110,143,255,.055); }
.competitor-money-cell { color: #dbe4f4; font-size: 10px; white-space: nowrap; }
.competitor-breakdown-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.competitor-breakdown-list { display: grid; gap: 9px; }
.competitor-breakdown-list > div {
  display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 14px; align-items: center;
  padding: 10px 11px; border: 1px solid rgba(255,255,255,.045); border-radius: 11px; background: rgba(255,255,255,.018);
}
.competitor-breakdown-list > div > div { display: grid; gap: 2px; min-width: 0; }
.competitor-breakdown-list b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.competitor-breakdown-list span { color: var(--muted); font-size: 8px; }
.competitor-breakdown-list strong { color: #dbe4f5; font-size: 11px; font-variant-numeric: tabular-nums; }
.competitor-breakdown-list i { grid-column: 1/-1; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.competitor-breakdown-list em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--accent),var(--accent-2)); }

@media (max-width: 1380px) {
  .competitor-report-filter-grid { grid-template-columns: repeat(4,minmax(150px,1fr)); }
  .competitor-report-filter-actions { grid-column: span 1; }
  .competitor-summary-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 1100px) {
  .competitor-summary-layout { grid-template-columns: 1fr; }
  .competitor-report-filter-grid { grid-template-columns: repeat(3,minmax(140px,1fr)); }
}
@media (max-width: 900px) {
  .competitor-chart-grid,.competitor-breakdown-grid { grid-template-columns: 1fr; }
  .competitor-report-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .competitor-report-filter-actions { grid-column: 1/-1; }
  .competitor-report-filter-actions button { flex: 1; }
}
@media (max-width: 760px) {
  .competitor-report-controls { gap: 10px; padding: 12px; border-radius: 14px; }
  .competitor-report-controls-head { display: grid; align-items: start; }
  .competitor-report-filter-grid { grid-template-columns: 1fr 1fr; }
  .competitor-report-filter-grid label:first-child,.competitor-report-filter-grid label:nth-child(4) { grid-column: 1/-1; }
  .competitor-summary-grid { grid-template-columns: 1fr 1fr; }
  .competitor-kpi:last-child { grid-column: 1/-1; }
  .competitor-chart { min-height: 210px; overflow-x: auto; }
  .competitor-chart svg { min-width: 580px; height: 210px; }
  .competitor-summary-list button { grid-template-columns: 25px minmax(0,1fr) auto; }
  .competitor-summary-list button i { grid-column: 2/-1; grid-row: auto; }
  .competitor-summary-list button strong { grid-column: 3; grid-row: 1; }
  .competitor-panel-head .competitor-export-button { width: 100%; }
  .competitor-report-table { margin-inline: -2px; }
}
@media (max-width: 430px) {
  .competitor-report-filter-grid { grid-template-columns: 1fr; }
  .competitor-report-filter-grid label:first-child,.competitor-report-filter-grid label:nth-child(4),.competitor-report-filter-actions { grid-column: auto; }
  .competitor-summary-grid { grid-template-columns: 1fr; }
  .competitor-kpi:last-child { grid-column: auto; }
  .competitor-analytics-empty { display: grid; }
}

/* Competitor monitoring — Stage 4 governance, settings and approvals */
.competitor-admin-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.competitor-admin-summary > article {
  position:relative; display:grid; gap:5px; min-width:0; padding:15px 16px; overflow:hidden;
  border:1px solid rgba(151,171,205,.16); border-radius:15px;
  background:linear-gradient(145deg,rgba(23,35,56,.96),rgba(14,24,40,.96));
}
.competitor-admin-summary > article::after { content:""; position:absolute; right:-20px; bottom:-28px; width:78px; height:78px; border-radius:50%; background:rgba(110,143,255,.08); }
.competitor-admin-summary > article.needs-attention { border-color:rgba(246,185,90,.42); }
.competitor-admin-summary span,.competitor-admin-summary small { color:var(--muted); font-size:9px; }
.competitor-admin-summary b { color:#f5f8ff; font-size:19px; font-variant-numeric:tabular-nums; }
.competitor-access-badge { display:inline-flex; align-items:center; min-height:28px; padding:0 10px; border:1px solid rgba(163,180,209,.18); border-radius:999px; color:#aebbd0; background:rgba(255,255,255,.035); font-size:9px; font-weight:800; }
.competitor-access-badge.can-manage { border-color:rgba(75,213,170,.28); color:#7ce3c3; background:rgba(75,213,170,.08); }
.competitor-settings-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.competitor-settings-form > label { display:grid; align-content:start; gap:6px; min-width:0; }
.competitor-settings-form > label > span { color:#aebbd0; font-size:9px; font-weight:750; }
.competitor-settings-form input,.competitor-settings-form select,.competitor-settings-form textarea { width:100%; min-width:0; }
.competitor-settings-form .full { grid-column:1/-1; }
.competitor-switch-field { grid-template-columns:minmax(0,1fr) auto; align-items:center; min-height:42px; padding:9px 11px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); }
.competitor-switch-field input { position:absolute; opacity:0; pointer-events:none; }
.competitor-switch-field i { position:relative; width:34px; height:20px; border-radius:999px; background:rgba(157,174,204,.22); transition:.16s ease; }
.competitor-switch-field i::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#dbe5f6; transition:.16s ease; }
.competitor-switch-field input:checked + i { background:#5477ed; }
.competitor-switch-field input:checked + i::after { transform:translateX(14px); background:#fff; }
.competitor-switch-field:has(input:focus-visible) { outline:2px solid rgba(110,143,255,.5); outline-offset:2px; }
.competitor-history-warning { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 12px; align-items:center; padding:12px 14px; border:1px solid rgba(246,185,90,.25); border-radius:12px; background:rgba(246,185,90,.07); }
.competitor-history-warning b { color:#ffd28b; font-size:10px; }
.competitor-history-warning span { color:#bdc8d9; font-size:9px; line-height:1.55; }
.competitor-confirm-field { display:flex!important; grid-template-columns:none; flex-direction:row; align-items:center!important; gap:9px!important; min-height:34px; }
.competitor-confirm-field input { width:17px!important; min-width:17px; height:17px; }
.competitor-approval-list { display:grid; gap:8px; margin-top:12px; }
.competitor-approval-list > article { display:grid; grid-template-columns:minmax(220px,1.5fr) minmax(90px,.45fr) minmax(140px,.65fr) auto; gap:12px; align-items:center; padding:12px; border:1px solid rgba(246,185,90,.2); border-radius:13px; background:rgba(246,185,90,.035); cursor:pointer; }
.competitor-approval-list > article:hover { border-color:rgba(246,185,90,.42); background:rgba(246,185,90,.06); }
.competitor-approval-list > article > div { display:grid; gap:3px; min-width:0; }
.competitor-approval-list span,.competitor-approval-list small { color:var(--muted); font-size:8px; }
.competitor-approval-list b { overflow:hidden; color:#edf3ff; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.competitor-approval-actions { display:flex!important; grid-auto-flow:column; gap:6px!important; }
.competitor-approval-actions button { min-height:34px; padding-inline:11px; white-space:nowrap; }
.secondary-button.danger { border-color:rgba(244,111,130,.25); color:#ff9cac; background:rgba(244,111,130,.07); }
.competitor-reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.competitor-reference-grid > section { min-width:0; padding:13px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); }
.competitor-reference-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.competitor-reference-head > div { display:grid; gap:3px; }
.competitor-reference-head b { color:#eef3ff; font-size:11px; }
.competitor-reference-head span { color:var(--muted); font-size:8px; }
.competitor-reference-list { display:grid; gap:6px; }
.competitor-reference-list > article { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:8px; align-items:center; padding:9px 10px; border:1px solid rgba(157,174,204,.12); border-radius:10px; background:rgba(255,255,255,.025); }
.competitor-reference-list > article.is-inactive { opacity:.58; }
.competitor-reference-list > article > div:first-child { display:grid; gap:2px; min-width:0; }
.competitor-reference-list b { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.competitor-reference-list small,.competitor-reference-list > article > span { color:var(--muted); font-size:8px; }
.competitor-reference-list > article > div:last-child { display:flex; gap:4px; }
.competitor-reference-list button { min-height:27px; padding:0 8px; border:1px solid rgba(157,174,204,.15); border-radius:8px; color:#cdd7e8; background:rgba(255,255,255,.035); font-size:8px; }
.competitor-rbac-table { margin-top:12px; border:1px solid var(--line); border-radius:13px; }
.competitor-rbac-table table { min-width:760px; }
.competitor-rbac-table th:not(:first-child),.competitor-rbac-table td:not(:first-child) { width:118px; text-align:center; }
.competitor-rbac-table td:first-child b,.competitor-rbac-table td:first-child small { display:block; }
.competitor-rbac-table td:first-child small { max-width:580px; margin-top:3px; color:var(--muted); font-size:8px; }
.competitor-permission-mark { display:inline-grid; place-items:center; width:25px; height:25px; border-radius:8px; font-weight:900; }
.competitor-permission-mark.is-allowed { color:#77e2bf; background:rgba(75,213,170,.09); }
.competitor-permission-mark.is-denied { color:#738096; background:rgba(255,255,255,.025); }
.competitor-user-access { margin-top:14px; }
.competitor-user-access h4 { margin:0 0 8px; color:#edf3ff; font-size:11px; }
.competitor-user-access > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.competitor-user-access button { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding:10px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); text-align:left; }
.competitor-user-access button > span { display:grid; gap:2px; min-width:0; }
.competitor-user-access b { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.competitor-user-access small { color:var(--muted); font-size:8px; }
.competitor-user-access strong { flex:0 0 auto; color:#88a4ff; font-size:9px; }
.competitor-audit-list { display:grid; gap:2px; margin-top:10px; }
.competitor-audit-toolbar { display:grid; grid-template-columns:minmax(190px,.7fr) minmax(240px,1fr) auto; gap:8px; align-items:end; margin-top:12px; }
.competitor-audit-toolbar label { display:grid; gap:5px; min-width:0; }
.competitor-audit-toolbar label span { color:var(--muted); font-size:8px; font-weight:750; }
.competitor-audit-toolbar input,.competitor-audit-toolbar select { width:100%; min-width:0; min-height:36px; }
.competitor-audit-toolbar button { min-height:36px; }
.competitor-audit-list > article { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:10px; align-items:center; min-width:0; padding:9px 4px; border-bottom:1px solid rgba(157,174,204,.1); }
.competitor-audit-icon { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#a9bbff; background:rgba(110,143,255,.09); font-weight:900; }
.competitor-audit-list > article > div { display:grid; gap:2px; min-width:0; }
.competitor-audit-list b { font-size:10px; }
.competitor-audit-list small { color:var(--muted); font-size:8px; }
.competitor-audit-list p { margin:3px 0 0; color:#bdc8d9; font-size:9px; line-height:1.45; }
.competitor-audit-list code { color:#7e8ba0; font-size:8px; }
.competitor-empty.is-success { border-color:rgba(75,213,170,.22); background:rgba(75,213,170,.045); }

@media (max-width:1180px) {
  .competitor-admin-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-settings-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-user-access > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .competitor-approval-list > article { grid-template-columns:minmax(200px,1fr) repeat(2,minmax(100px,.45fr)); }
  .competitor-approval-actions { grid-column:1/-1; justify-content:flex-end; }
}
@media (max-width:760px) {
  .competitor-admin-summary,.competitor-reference-grid { grid-template-columns:1fr; }
  .competitor-settings-form { grid-template-columns:1fr; }
  .competitor-settings-form .full { grid-column:auto; }
  .competitor-history-warning { grid-template-columns:1fr; }
  .competitor-approval-list > article { grid-template-columns:1fr 1fr; }
  .competitor-approval-main,.competitor-approval-actions { grid-column:1/-1; }
  .competitor-approval-actions { justify-content:stretch; }
  .competitor-approval-actions button { flex:1; }
  .competitor-reference-head { align-items:flex-start; }
  .competitor-reference-list > article { grid-template-columns:minmax(0,1fr) auto; }
  .competitor-reference-list > article > div:last-child { grid-column:1/-1; }
  .competitor-reference-list > article > div:last-child button { flex:1; }
  .competitor-user-access > div { grid-template-columns:1fr; }
  .competitor-audit-toolbar { grid-template-columns:1fr 1fr; }
  .competitor-audit-toolbar button { grid-column:1/-1; }
}
@media (max-width:460px) {
  .competitor-approval-list > article { grid-template-columns:1fr; }
  .competitor-approval-main,.competitor-approval-actions { grid-column:auto; }
  .competitor-approval-actions { display:grid!important; grid-auto-flow:row; }
  .competitor-audit-list > article { grid-template-columns:28px minmax(0,1fr); }
  .competitor-audit-list code { grid-column:2; }
  .competitor-audit-toolbar { grid-template-columns:1fr; }
  .competitor-audit-toolbar button { grid-column:auto; }
}

/* Competitor cards — observation recency must stay visible at every density. */
.competitor-company-meta > span:nth-child(3) {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(110,143,255,.14);
  background: linear-gradient(90deg,rgba(110,143,255,.085),rgba(67,209,166,.04));
}
.competitor-company-meta > span:nth-child(3) small {
  color: #aebdff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .025em;
}
.competitor-company-meta > span:nth-child(3) b {
  overflow: visible;
  color: #f2f6ff;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  text-overflow: clip;
  white-space: nowrap;
}

@media (max-width: 430px) {
  .competitor-company-meta > span:nth-child(3) { grid-template-columns: 1fr; gap: 4px; }
  .competitor-company-meta > span:nth-child(3) b { text-align: left; }
}

/* 2.32.5 — adaptive desktop density tiers.
   Full HD keeps the proven compact layout. Large workspaces get physically
   larger controls and typography without zoom/transform, so fixed drawers,
   the pipeline viewport and mobile rules keep their native geometry. */
@media (min-width: 2000px) and (min-height: 1100px) {
  :root {
    --sidebar: 278px;
    --radius: 18px;
  }

  body { font-size: 16px; }
  .sidebar-inner { gap: 16px; padding: 22px 17px; }
  .brand { min-height: 64px; }
  .sidebar-brand-image { width: 204px; max-height: 64px; }
  .profile-card,
  .side-metric { padding: 15px; border-radius: 17px; }
  .avatar-ring { width: 46px; height: 46px; flex-basis: 46px; }
  .profile-top b { font-size: 15px; }
  .profile-top span,
  .pulse-row,
  .side-metric span,
  .side-metric p { font-size: 13px; }
  .side-metric strong { font-size: 21px; }
  .nav { gap: 4px; }
  .nav-section-label { margin: 13px 11px 6px; font-size: 10px; }
  .nav-link { min-height: 46px; grid-template-columns: 30px minmax(0,1fr); padding: 8px 12px; border-radius: 12px; }
  .nav-link b,
  .nav-more-links .nav-link b { font-size: 13px; }
  .nav-more > summary { min-height: 44px; font-size: 13px; }
  .nav-more-links .nav-link { min-height: 40px; }

  .main { padding: 20px clamp(22px, 2.2vw, 38px) 44px; }
  .topbar {
    min-height: 80px;
    margin: -20px calc(clamp(22px, 2.2vw, 38px) * -1) 22px;
    padding: 14px clamp(22px, 2.2vw, 38px);
  }
  .title-box { min-width: 180px; }
  .title-box h1 { font-size: 25px; }
  .overline { font-size: 11px; }
  .search-box { width: min(560px, 38vw); min-width: 260px; min-height: 44px; }
  .status-pill-live { min-height: 40px; padding-inline: 12px; }
  .notification-bell { width: 46px; height: 46px; flex-basis: 46px; }
  .top-create-deal { min-height: 48px; padding-inline: 19px; }
  .topbar-menu > summary { min-height: 46px; }

  input,
  select,
  textarea { min-height: 48px; padding: 11px 14px; border-radius: 13px; font-size: 15px; }
  textarea { min-height: 104px; }
  .auth-form label > span,
  .form-grid label > span,
  .drawer-edit-form label > span,
  .drawer-comment-form label > span,
  .view label > span { font-size: 12px; }
  .primary-button,
  .secondary-button,
  .glass-button,
  .ghost-small,
  .icon-button,
  .drawer-actions button,
  .drawer-actions a,
  .contact-actions button,
  .contact-actions a,
  .column-add,
  .kanban-add-column,
  .table-actions button { min-height: 46px; padding: 10px 16px; border-radius: 13px; font-size: 14px; }

  .workspace-strip { gap: 14px; margin-bottom: 19px; }
  .workspace-tile { min-height: 82px; padding: 16px 18px; border-radius: 17px; }
  .workspace-tile span { font-size: 12px; }
  .workspace-tile b { font-size: 17px; }
  .hero { min-height: 330px; margin-bottom: 19px; border-radius: 27px; }
  .hero-copy p { font-size: 17px; }
  .badge { font-size: 12px; }
  .kpi-grid,
  .smart-grid { gap: 14px; margin-bottom: 19px; }
  .kpi-card,
  .smart-card { padding: 21px; }
  .smart-card b { font-size: 18px; }
  .smart-card p { font-size: 14px; }
  .attention-panel { margin-bottom: 19px; }
  .attention-item { gap: 13px; padding: 14px; }
  .attention-item b { font-size: 14px; }
  .attention-item small,
  .attention-item time { font-size: 12px; }
  .dashboard-grid,
  .tasks-layout,
  .analytics-layout { gap: 19px; margin-bottom: 19px; }
  .panel { padding: 23px; border-radius: 18px; }
  .panel-head { gap: 18px; margin-bottom: 18px; }
  .panel-head h3 { font-size: 20px; }
  .panel-head p { font-size: 14px; }
  .view small { font-size: 12px; }
  th,
  td { padding: 14px; font-size: 15px; }
  th { font-size: 12px; }
  .client-cell span { font-size: 13px; }
  .status-pill,
  .source-chip,
  .temp-pill,
  .priority { min-height: 29px; padding: 5px 10px; font-size: 11px; }

  body.app-ready[data-view="pipeline"] .topbar { margin-bottom: 14px; }
  #pipeline.view.active { height: calc(100dvh - 112px); min-height: 600px; gap: 12px; }
  .pipeline-commandbar {
    grid-template-columns: minmax(230px,.8fr) minmax(500px,1.35fr) auto;
    gap: clamp(22px,2.3vw,42px);
    min-height: 82px;
    padding: 13px 15px 13px 19px;
    border-radius: 18px;
  }
  .pipeline-command-title > span { font-size: 10px; }
  .pipeline-command-title h2 { font-size: clamp(22px,1.45vw,27px); }
  .pipeline-command-metrics > div { padding-inline: clamp(15px,1.5vw,26px); }
  .pipeline-command-metrics span { font-size: 11px; }
  .pipeline-command-metrics b { font-size: clamp(18px,1.2vw,22px); }
  .pipeline-create-deal { min-height: 48px; padding-inline: 19px; }
  #pipeline .kanban-shell { padding: 10px 10px 0; border-radius: 18px; }
  #pipeline .kanban { gap: 12px; padding-bottom: 10px; }
  #pipeline .kanban-column { width: 326px; flex-basis: 326px; border-radius: 16px; }
  #pipeline .column-head { min-height: 84px; padding: 14px; }
  #pipeline .column-heading h3 { font-size: 15px; }
  #pipeline .column-heading small { font-size: 12px; }
  .column-count { min-width: 31px; height: 31px; }
  .column-actions button { width: 32px; height: 32px; }
  .kanban-list { gap: 11px; padding: 12px; }
  #pipeline .deal-card { padding: 14px; border-radius: 15px; }
  #pipeline .deal-card h4 { font-size: 17px; }
  #pipeline .deal-card p { min-height: 42px; font-size: 14px; }
  #pipeline .deal-card-value b { font-size: 17px; }
  #pipeline .deal-card-value span,
  .deal-card-owner { font-size: 12px; }
  .deal-card-geo { font-size: 12px; }
  .deal-card-geo small { font-size: 11px; }
  .deal-card-actions button { min-height: 38px; padding: 7px 11px; font-size: 13px; }
  #pipeline .column-add { min-height: 42px; }
  #pipeline .kanban-add-column { width: 250px; flex-basis: 250px; min-height: 132px; }

  .modal { width: min(820px,100%); max-height: calc(100dvh - 58px); padding: 30px; border-radius: 25px; }
  .small-modal { width: min(640px,100%); }
  .modal h2 { font-size: 28px; }
  .modal-kicker { font-size: 12px; }
  .modal-close,
  .drawer-close { width: 44px; height: 44px; }
  .drawer { width: min(640px,100vw); padding: 28px; }
  #dealDrawer { width: min(900px,100vw); }
  .deal-drawer-workspace { padding: 28px 30px 0; }
  .deal-drawer-head-v2 { min-height: 92px; }
  .deal-drawer-head-v2 h2 { max-width: 620px; font-size: 32px; }
  .deal-drawer-head-v2 p { font-size: 14px; }
  .deal-drawer-kpis { gap: 10px; }
  .deal-drawer-kpis article { min-height: 78px; padding: 14px; }
  .deal-drawer-kpis span { font-size: 11px; }
  .deal-drawer-kpis strong { font-size: 15px; }
  .deal-drawer-kpis article:first-child strong { font-size: 22px; }
  .deal-drawer-tabs button { min-height: 44px; font-size: 12px; }
  .deal-drawer-panel :is(input,select,textarea) { font-size: 15px; }
  .drawer-info-grid > div { padding: 13px 14px; }
  .drawer-info-grid > div > span { font-size: 11px; }
  .drawer-info-grid > div > b { font-size: 15px; }
  .drawer-section h3,
  .drawer-section-head h3 { font-size: 16px; }
  .timeline-item b,
  .timeline-item p { font-size: 14px; }
  .timeline-item time,
  .timeline-item small { font-size: 12px; }
  .deal-drawer-actions-v2 button,
  .deal-drawer-actions-v2 a { min-height: 42px; font-size: 12px; }

  .auth-card { width: min(480px,100%); padding: 36px; border-radius: 29px; }
  .auth-brand-image { width: min(286px,80%); max-height: 94px; }
  .auth-copy h1 { font-size: 31px; }

  .competitor-toolbar { grid-template-columns: minmax(230px,1.5fr) repeat(3,minmax(180px,.7fr)); gap: 11px; padding: 13px; }
  .competitor-toolbar label > span { font-size: 12px; }
  .competitor-toolbar input,
  .competitor-toolbar select { min-height: 48px; font-size: 15px; }
  .competitor-company-list { grid-template-columns: repeat(auto-fill,minmax(400px,1fr)); gap: 12px; }
  .competitor-company-card { gap: 13px; padding: 18px; border-radius: 19px; }
  .competitor-company-mark { width: 52px; height: 52px; flex-basis: 52px; font-size: 17px; }
  .competitor-company-main h3 { font-size: 21px; }
  .competitor-company-main p { font-size: 14px; }
  .competitor-review-badge,
  .competitor-priority,
  .competitor-status { min-height: 29px; font-size: 11px; }
  .competitor-company-stats > div { padding: 11px; }
  .competitor-company-stats span { font-size: 12px; }
  .competitor-company-stats small { font-size: 11px; }
  .competitor-company-stats b { font-size: 17px; }
  .competitor-company-meta small { font-size: 11px; }
  .competitor-company-meta b { font-size: 13px; }
  .competitor-company-meta > span:nth-child(3) { min-height: 50px; padding: 11px 13px; border-radius: 12px; }
  .competitor-company-meta > span:nth-child(3) small { font-size: 12px; }
  .competitor-company-meta > span:nth-child(3) b { font-size: 15px; }
  .competitor-company-actions button { min-height: 42px; font-size: 13px; }
}

@media (min-width: 3200px) and (min-height: 1700px) {
  :root {
    --sidebar: 316px;
    --radius: 21px;
  }

  body { font-size: 18px; }
  .sidebar-inner { gap: 19px; padding: 27px 20px; }
  .brand { min-height: 74px; }
  .sidebar-brand-image { width: 234px; max-height: 74px; }
  .avatar-ring { width: 52px; height: 52px; flex-basis: 52px; }
  .profile-top b { font-size: 17px; }
  .profile-top span,
  .pulse-row,
  .side-metric span,
  .side-metric p { font-size: 14px; }
  .nav-section-label { font-size: 11px; }
  .nav-link { min-height: 52px; grid-template-columns: 34px minmax(0,1fr); padding: 10px 14px; }
  .nav-link b,
  .nav-more-links .nav-link b,
  .nav-more > summary { font-size: 15px; }
  .nav-more-links .nav-link { min-height: 46px; }

  .main { padding: 25px clamp(30px,2.2vw,48px) 54px; }
  .topbar {
    min-height: 92px;
    margin: -25px calc(clamp(30px,2.2vw,48px) * -1) 26px;
    padding: 17px clamp(30px,2.2vw,48px);
  }
  .title-box { min-width: 210px; }
  .title-box h1 { font-size: 29px; }
  .overline { font-size: 12px; }
  .search-box { width: min(650px,38vw); min-height: 50px; }
  .notification-bell { width: 52px; height: 52px; flex-basis: 52px; }
  .top-create-deal,
  .topbar-menu > summary { min-height: 52px; }

  input,
  select,
  textarea { min-height: 54px; padding: 13px 16px; font-size: 17px; }
  .primary-button,
  .secondary-button,
  .glass-button,
  .ghost-small,
  .icon-button,
  .drawer-actions button,
  .drawer-actions a,
  .contact-actions button,
  .contact-actions a,
  .column-add,
  .kanban-add-column,
  .table-actions button { min-height: 52px; padding: 12px 18px; font-size: 16px; }
  .panel { padding: 28px; border-radius: 21px; }
  .panel-head h3 { font-size: 23px; }
  .panel-head p { font-size: 16px; }
  .view small,
  .view label > span { font-size: 14px; }
  th,
  td { padding: 17px; font-size: 17px; }
  th { font-size: 14px; }

  #pipeline.view.active { height: calc(100dvh - 130px); min-height: 720px; }
  .pipeline-commandbar { grid-template-columns: minmax(270px,.8fr) minmax(600px,1.35fr) auto; min-height: 94px; padding: 16px 18px 16px 22px; }
  .pipeline-command-title > span { font-size: 11px; }
  .pipeline-command-title h2 { font-size: 30px; }
  .pipeline-command-metrics span { font-size: 13px; }
  .pipeline-command-metrics b { font-size: 25px; }
  #pipeline .kanban-column { width: 370px; flex-basis: 370px; }
  #pipeline .column-head { min-height: 94px; padding: 17px; }
  #pipeline .column-heading h3 { font-size: 18px; }
  #pipeline .column-heading small { font-size: 14px; }
  .column-actions button { width: 38px; height: 38px; }
  .kanban-list { gap: 13px; padding: 14px; }
  #pipeline .deal-card { padding: 17px; }
  #pipeline .deal-card h4 { font-size: 19px; }
  #pipeline .deal-card p { font-size: 16px; }
  #pipeline .deal-card-value b { font-size: 19px; }
  #pipeline .deal-card-value span,
  .deal-card-owner,
  .deal-card-geo { font-size: 14px; }
  .deal-card-actions button { min-height: 44px; font-size: 15px; }

  .modal { width: min(940px,100%); padding: 36px; }
  .small-modal { width: min(720px,100%); }
  .drawer { width: min(720px,100vw); }
  #dealDrawer { width: min(1020px,100vw); }
  .deal-drawer-workspace { padding: 34px 36px 0; }
  .deal-drawer-head-v2 h2 { max-width: 720px; font-size: 36px; }
  .deal-drawer-head-v2 p { font-size: 16px; }
  .deal-drawer-kpis article { min-height: 88px; padding: 17px; }
  .deal-drawer-kpis span { font-size: 13px; }
  .deal-drawer-kpis strong { font-size: 17px; }
  .deal-drawer-kpis article:first-child strong { font-size: 25px; }
  .deal-drawer-tabs button { min-height: 50px; font-size: 14px; }
  .deal-drawer-panel :is(input,select,textarea) { font-size: 17px; }

  .auth-card { width: min(550px,100%); padding: 44px; }
  .auth-brand-image { width: min(326px,80%); max-height: 106px; }
  .auth-copy h1 { font-size: 36px; }

  .competitor-company-list { grid-template-columns: repeat(auto-fill,minmax(480px,1fr)); gap: 15px; }
  .competitor-company-card { gap: 15px; padding: 20px; }
  .competitor-company-main h3 { font-size: 24px; }
  .competitor-company-main p { font-size: 16px; }
  .competitor-company-stats span { font-size: 14px; }
  .competitor-company-stats small { font-size: 13px; }
  .competitor-company-stats b { font-size: 20px; }
  .competitor-company-meta > span:nth-child(3) { min-height: 58px; padding: 13px 15px; border-radius: 14px; }
  .competitor-company-meta > span:nth-child(3) small { font-size: 14px; }
  .competitor-company-meta > span:nth-child(3) b { font-size: 18px; }
}

/* Deal archive — final responsive placement after all density layers */
.pipeline-command-actions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 10px;
  min-width: max-content;
}
.pipeline-command-actions > button { white-space: nowrap; }
@media (max-width: 760px) {
  .pipeline-command-actions {
    grid-column: 2;
    grid-row: 1;
    width: auto;
    min-width: 0;
    gap: 6px;
  }
  .pipeline-archive-button {
    min-height: 38px;
    padding: 7px 9px;
    border-radius: 10px;
    font-size: 11px;
  }
  .pipeline-archive-button > span { font-size: 14px; }
  .pipeline-archive-button > b { min-width: 20px; min-height: 20px; padding-inline: 5px; font-size: 10px; }
}
@media (max-width: 420px) {
  .pipeline-command-actions { gap: 4px; }
  .pipeline-archive-button { padding-inline: 7px; }
}
@media (min-width: 2000px) and (min-height: 1100px) {
  .pipeline-archive-button { min-height: 48px; padding-inline: 17px; font-size: 14px; }
  .deal-archive-sheet { width: min(1320px, 94vw); }
  .deal-archive-quickviews button,.deal-archive-export { min-height: 42px; padding-inline: 13px; font-size: 13px; }
  .deal-archive-card-title h3 { font-size: 20px; }
  .deal-archive-card-title p { font-size: 15px; }
  .deal-archive-card-meta b { font-size: 14px; }
}

/* Tasks — full workspace, actionable cards and contextual drawer */
#tasks { overflow: visible; }
.task-workspace { display: grid; gap: 16px; }
.task-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 146px;
  padding: 26px 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 20%, rgba(59,209,255,.15), transparent 34%),
    linear-gradient(135deg, rgba(12,26,46,.98), rgba(8,17,31,.96));
}
.task-hero::after { content: ''; width: 220px; height: 220px; position: absolute; right: -90px; top: -112px; border: 1px solid rgba(59,209,255,.18); border-radius: 50%; }
.task-hero > div { position: relative; z-index: 1; min-width: 0; }
.task-hero h2 { margin: 5px 0 8px; font-size: clamp(25px,2.2vw,34px); letter-spacing: -.035em; }
.task-hero p { max-width: 680px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.task-hero .primary-button { position: relative; z-index: 1; min-height: 46px; padding-inline: 18px; white-space: nowrap; }
.task-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.task-summary article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.task-summary span,.task-summary small { color: var(--muted); }
.task-summary span { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.task-summary b { color: #fff; font-size: 25px; line-height: 1.1; font-variant-numeric: tabular-nums; }
.task-summary small { font-size: 11px; }
.task-summary .is-danger { border-color: rgba(255,97,120,.24); background: linear-gradient(145deg,rgba(255,97,120,.1),rgba(255,255,255,.018)); }
.task-summary .is-danger b { color: #ff9bac; }
.task-commandbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 14px; }
.task-filter-tabs { display: flex; align-items: center; gap: 6px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.task-filter-tabs::-webkit-scrollbar { display: none; }
.task-filter-tabs button {
  min-height: 36px;
  padding: 7px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--muted);
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  cursor: pointer;
}
.task-filter-tabs button:hover { color: #fff; background: rgba(255,255,255,.045); }
.task-filter-tabs button.active { border-color: rgba(59,209,255,.25); color: #dffaff; background: rgba(59,209,255,.11); }
.task-search { display: flex; align-items: center; gap: 8px; width: min(330px,34vw); min-width: 220px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(4,11,22,.5); }
.task-search > span { color: var(--muted); font-size: 18px; }
.task-search input { width: 100%; min-height: 38px; padding: 0; border: 0; outline: 0; color: #fff; background: transparent; font-size: 13px; }
.tasks-layout { grid-template-columns: minmax(0,1.8fr) minmax(260px,.56fr); align-items: start; }
.task-board { min-width: 0; }
.task-list { gap: 10px; }
.task-item {
  grid-template-columns: 38px minmax(0,1fr) 28px 34px;
  gap: 12px;
  min-height: 86px;
  padding: 13px 12px 13px 14px;
  border-color: rgba(155,178,210,.14);
  border-radius: 14px;
  background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.017));
  cursor: pointer;
  transition: border-color .18s ease,background .18s ease,transform .18s ease;
}
.task-item:hover,.task-item:focus-visible { border-color: rgba(59,209,255,.34); background: linear-gradient(145deg,rgba(59,209,255,.075),rgba(255,255,255,.025)); transform: translateY(-1px); outline: 0; }
.task-item.done { opacity: .72; }
.task-item.done .task-item-title > b { text-decoration: line-through; }
.task-item.done .task-item-title .priority,.task-item.done .task-item-meta b { text-decoration: none; }
.task-item.task-overdue { border-color: rgba(255,97,120,.28); background: linear-gradient(145deg,rgba(255,97,120,.075),rgba(255,255,255,.018)); }
.task-item .check { width: 34px; height: 34px; border-radius: 11px; font-size: 16px; }
.task-item.done .check { border-color: rgba(77,224,168,.36); color: #a9f3d7; background: rgba(77,224,168,.14); }
.task-item-copy { display: grid; gap: 7px; min-width: 0; }
.task-item-title { display: flex; align-items: center; gap: 9px; min-width: 0; }
.task-item-title > b { min-width: 0; overflow: hidden; color: #f5f9ff; font-size: 14px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.task-item-title .priority { flex: 0 0 auto; }
.task-item-copy > p { display: -webkit-box; margin: 0; overflow: hidden; color: #a9b8cb; font-size: 12px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.task-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.task-item .task-item-meta span { position: relative; color: var(--muted); font-size: 10px; line-height: 1.3; }
.task-item .task-item-meta span + span::before { content: '·'; position: absolute; left: -8px; color: #556981; }
.task-item .task-item-meta .is-overdue { color: #ff9bac; font-weight: 800; }
.task-open-arrow { color: #6d829a; font-size: 17px; transition: color .18s ease,transform .18s ease; }
.task-item:hover .task-open-arrow { color: var(--accent); transform: translateX(2px); }
.task-item .delete-task { opacity: .55; }
.task-item:hover .delete-task,.task-item:focus-within .delete-task { opacity: 1; }
.task-empty-state { display: grid; place-items: center; gap: 7px; min-height: 250px; padding: 30px; color: var(--muted); text-align: center; }
.task-empty-state i { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 18px; color: #a9f3d7; background: rgba(77,224,168,.1); font-size: 24px; font-style: normal; }
.task-empty-state b { color: #eef6ff; font-size: 16px; }
.task-empty-state span { max-width: 320px; font-size: 12px; }
.task-progress-panel { position: sticky; top: 92px; display: grid; gap: 4px; }
.task-progress-panel .progress-ring { width: 132px; height: 132px; margin: 17px auto; box-shadow: inset 0 0 0 12px rgba(7,16,29,.86); }
.task-progress-panel .tiny-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.task-progress-hint { display: grid; gap: 5px; margin-top: 14px; padding: 13px; border: 1px solid rgba(59,209,255,.13); border-radius: 12px; background: rgba(59,209,255,.055); }
.task-progress-hint b { color: #dffaff; font-size: 12px; }
.task-progress-hint span { color: var(--muted); font-size: 11px; line-height: 1.5; }
.task-quick-intro { display: flex; align-items: center; gap: 12px; padding: 13px; border: 1px solid rgba(59,209,255,.16); border-radius: 13px; background: rgba(59,209,255,.06); }
.task-quick-intro i { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 12px; color: #bdf8e3; background: rgba(77,224,168,.13); font-style: normal; }
.task-quick-intro div { display: grid; gap: 3px; }
.task-quick-intro b { color: #fff; font-size: 13px; }
.task-quick-intro span { color: var(--muted); font-size: 11px; line-height: 1.4; }
.task-quick-files { padding: 12px; border: 1px dashed rgba(155,178,210,.25); border-radius: 12px; background: rgba(255,255,255,.02); }
.task-quick-files input { min-height: auto; padding: 8px 0 2px; border: 0; background: transparent; }
.task-quick-files small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }

#dealDrawer.task-drawer { width: min(920px,100vw); padding: 0; background: #08111f; }
#dealDrawer.task-drawer .drawer-close { top: 17px; right: 18px; z-index: 5; }
.task-drawer-content { min-height: 100%; padding: 0 24px 26px; }
.task-drawer-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0 -24px 18px; padding: 24px 76px 21px 24px; border-bottom: 1px solid var(--line); background: linear-gradient(145deg,rgba(59,209,255,.085),rgba(255,255,255,.018)); }
.task-drawer-head > div { min-width: 0; }
.task-drawer-head > div > span { color: #78dff9; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.task-drawer-head h2 { margin: 6px 0 5px; overflow-wrap: anywhere; color: #fff; font-size: clamp(23px,3vw,32px); line-height: 1.12; letter-spacing: -.035em; }
.task-drawer-head p { margin: 0; color: var(--muted); font-size: 12px; }
.task-status-pill { flex: 0 0 auto; padding: 8px 11px; border: 1px solid var(--line); border-radius: 999px; color: #dce9f8; background: rgba(255,255,255,.05); font-size: 11px; font-weight: 900; }
.task-status-pill.is-done { border-color: rgba(77,224,168,.28); color: #a9f3d7; background: rgba(77,224,168,.1); }
.task-status-pill.is-overdue { border-color: rgba(255,97,120,.28); color: #ffacb9; background: rgba(255,97,120,.1); }
.task-drawer-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-bottom: 14px; }
.task-drawer-kpis article { display: grid; gap: 5px; min-width: 0; padding: 13px 14px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.028); }
.task-drawer-kpis span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.task-drawer-kpis b { min-width: 0; overflow: hidden; color: #edf6ff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.task-edit-form,.task-discussion { margin-top: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.task-edit-form .drawer-section-head,.task-discussion .drawer-section-head { margin-bottom: 14px; }
.task-edit-form .drawer-section-head small,.task-discussion .drawer-section-head small { color: var(--muted); font-size: 10px; }
.task-edit-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.task-edit-grid label,.task-comment-form > label { display: grid; gap: 6px; min-width: 0; }
.task-edit-grid label > span,.task-comment-form label > span { color: #aebed2; font-size: 11px; font-weight: 800; }
.task-edit-grid .full { grid-column: 1/-1; }
.task-edit-grid :is(input,select,textarea),.task-comment-form textarea { width: 100%; min-width: 0; border-color: rgba(155,178,210,.18); color: #f4f8ff; background: #0a1525; }
.task-edit-grid textarea,.task-comment-form textarea { resize: none; overflow: hidden; line-height: 1.55; }
.task-form-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.task-form-actions button { min-height: 39px; }
.task-feed { display: grid; gap: 10px; }
.task-feed-entry { padding: 13px 14px; border: 1px solid rgba(155,178,210,.13); border-radius: 13px; background: rgba(4,11,22,.42); }
.task-feed-entry.task-feed-origin { border-color: rgba(59,209,255,.16); background: rgba(59,209,255,.045); }
.task-feed-entry > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.task-feed-entry > header span { color: #eaf4ff; font-size: 11px; font-weight: 900; }
.task-feed-entry > header time { color: var(--muted); font-size: 9px; }
.task-feed-entry > p { margin: 0; color: #c6d4e5; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
.task-inline-attachments { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 11px; }
.task-image-wrap { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(155,178,210,.15); border-radius: 11px; background: #07111f; }
.task-image-attachment { display: grid; color: inherit; text-decoration: none; }
.task-image-attachment img { width: 100%; aspect-ratio: 4/3; display: block; object-fit: cover; background: #050b14; }
.task-image-attachment span { padding: 7px 9px; overflow: hidden; color: #b8c8da; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.task-image-wrap > button { position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 9px; color: #fff; background: rgba(6,12,22,.82); opacity: .75; }
.task-image-wrap:hover > button { opacity: 1; }
.task-document-attachment { grid-column: 1/-1; display: flex; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.task-document-attachment > a { display: flex; align-items: center; min-width: 0; flex: 1; gap: 9px; color: inherit; text-decoration: none; }
.task-document-attachment > a > div { display: grid; min-width: 0; gap: 2px; }
.task-document-attachment b,.task-document-attachment small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-document-attachment b { color: #eef6ff; font-size: 11px; }
.task-document-attachment small { color: var(--muted); font-size: 9px; }
.task-discussion-empty { display: grid; place-items: center; gap: 5px; min-height: 130px; padding: 18px; color: var(--muted); text-align: center; }
.task-discussion-empty b { color: #eaf4ff; font-size: 13px; }
.task-discussion-empty span { max-width: 390px; font-size: 10px; line-height: 1.5; }
.task-comment-form { display: grid; gap: 10px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.task-comment-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.task-attachment-picker { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 39px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; color: #dbe9f8; background: rgba(255,255,255,.045); font-size: 11px; font-weight: 800; cursor: pointer; }
.task-attachment-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.task-comment-form > small { color: var(--muted); font-size: 9px; line-height: 1.45; }
.task-drawer-actions { position: sticky; bottom: 0; z-index: 3; display: grid; grid-template-columns: 1.2fr .7fr 1fr; gap: 8px; margin: 18px -24px -26px; padding: 13px 24px calc(13px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: rgba(7,16,29,.94); backdrop-filter: blur(16px); }
.task-drawer-actions button { min-height: 42px; border: 1px solid var(--line); border-radius: 11px; color: #eef6ff; background: rgba(255,255,255,.045); font-weight: 800; cursor: pointer; }
.task-drawer-actions .primary-button { color: #04131a; background: var(--accent); }
.task-drawer-actions .drawer-delete-button { color: #ffb0bc; border-color: rgba(255,97,120,.23); background: rgba(255,97,120,.085); }
.task-drawer-loading { display: grid; place-items: center; gap: 9px; min-height: 70vh; color: var(--muted); text-align: center; }
.task-drawer-loading i { width: 36px; height: 36px; border: 3px solid rgba(59,209,255,.14); border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; }
.task-drawer-loading b { color: #eef6ff; }

@media (max-width: 980px) {
  .task-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .task-commandbar { align-items: stretch; flex-direction: column; }
  .task-search { width: 100%; min-width: 0; }
  .tasks-layout { grid-template-columns: 1fr; }
  .task-progress-panel { position: static; }
  .task-progress-panel .progress-ring { width: 112px; height: 112px; }
}
@media (max-width: 760px) {
  .task-workspace { gap: 10px; }
  .task-hero { align-items: stretch; min-height: 0; padding: 18px; flex-direction: column; }
  .task-hero h2 { font-size: 24px; }
  .task-hero .primary-button { width: 100%; }
  .task-summary { gap: 8px; }
  .task-summary article { padding: 13px; }
  .task-summary b { font-size: 21px; }
  .task-commandbar { padding: 9px; }
  .task-filter-tabs { width: 100%; }
  .task-board { padding: 14px; }
  .task-item { grid-template-columns: 34px minmax(0,1fr) 28px; min-height: 82px; padding: 11px; }
  .task-item .delete-task { grid-column: 3; grid-row: 1; }
  .task-open-arrow { display: none; }
  .task-item-title { align-items: flex-start; flex-direction: column; gap: 5px; }
  .task-item-title > b { width: 100%; white-space: normal; }
  .task-item-meta { gap: 5px 10px; }
  #dealDrawer.task-drawer { width: 100vw; }
  .task-drawer-content { padding: 0 14px 20px; }
  .task-drawer-head { align-items: flex-start; margin: 0 -14px 12px; padding: 18px 58px 16px 14px; flex-direction: column; gap: 10px; }
  .task-drawer-head h2 { font-size: 24px; }
  .task-status-pill { align-self: flex-start; }
  .task-drawer-kpis { grid-template-columns: 1fr; gap: 7px; }
  .task-drawer-kpis article { padding: 10px 12px; }
  .task-edit-form,.task-discussion { padding: 13px; }
  .task-edit-grid { grid-template-columns: 1fr; }
  .task-edit-grid .full { grid-column: auto; }
  .task-form-actions { display: grid; grid-template-columns: 1fr; }
  .task-inline-attachments { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .task-comment-actions { align-items: stretch; flex-direction: column; }
  .task-attachment-picker,.task-comment-actions .primary-button { width: 100%; }
  .task-drawer-actions { grid-template-columns: 1fr; margin: 14px -14px -20px; padding-inline: 14px; }
}
@media (max-width: 420px) {
  .task-summary { grid-template-columns: 1fr 1fr; }
  .task-summary small { display: none; }
  .task-summary article { min-height: 74px; }
  .task-filter-tabs button { padding-inline: 10px; }
  .task-item { grid-template-columns: 32px minmax(0,1fr) 28px; gap: 8px; }
  .task-inline-attachments { grid-template-columns: 1fr; }
}
@media (min-width: 2000px) and (min-height: 1100px) {
  .task-workspace { gap: 20px; }
  .task-hero { min-height: 176px; padding: 32px 36px; }
  .task-hero h2 { font-size: 40px; }
  .task-hero p { font-size: 16px; }
  .task-summary article { min-height: 100px; padding: 21px; }
  .task-summary span,.task-summary small { font-size: 13px; }
  .task-summary b { font-size: 31px; }
  .task-commandbar { padding: 15px 17px; }
  .task-filter-tabs button { min-height: 42px; font-size: 14px; }
  .task-search input { min-height: 44px; font-size: 15px; }
  .task-item { min-height: 106px; padding: 17px; }
  .task-item-title > b { font-size: 17px; }
  .task-item-copy > p { font-size: 14px; }
  .task-item .task-item-meta span { font-size: 12px; }
  #dealDrawer.task-drawer { width: min(1120px,100vw); }
  .task-drawer-content { padding-inline: 32px; }
  .task-drawer-head { margin-inline: -32px; padding: 31px 90px 26px 32px; }
  .task-drawer-head h2 { font-size: 38px; }
  .task-drawer-kpis article { padding: 17px; }
  .task-edit-form,.task-discussion { padding: 22px; }
  .task-edit-grid :is(input,select,textarea),.task-comment-form textarea { font-size: 16px; }
  .task-feed-entry > p { font-size: 15px; }
}

/* Tasks Pro v2 — grouped work queue, checklists and focus actions */
.task-command-tools { display: flex; align-items: stretch; justify-content: flex-end; gap: 9px; min-width: 0; }
.task-owner-filter { display: grid; grid-template-columns: auto minmax(140px,1fr); align-items: center; gap: 8px; min-width: 225px; padding: 0 9px 0 12px; border: 1px solid var(--line); border-radius: 11px; background: rgba(4,11,22,.5); }
.task-owner-filter > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.task-owner-filter select { min-height: 38px; padding: 0 28px 0 8px; border: 0; color: #eff6ff; background-color: transparent; font-size: 11px; font-weight: 800; }
.task-list { display: grid; gap: 15px; }
.task-queue-group { display: grid; gap: 9px; }
.task-queue-group > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 48px; padding: 9px 12px; border: 1px solid rgba(155,178,210,.1); border-radius: 12px; background: rgba(255,255,255,.018); }
.task-queue-group > header > div { display: grid; gap: 2px; min-width: 0; }
.task-queue-group > header h4 { margin: 0; color: #eef6ff; font-size: 13px; line-height: 1.2; }
.task-queue-group > header span { color: var(--muted); font-size: 9px; }
.task-queue-group > header > b { display: grid; place-items: center; min-width: 29px; height: 29px; padding-inline: 7px; border: 1px solid var(--line); border-radius: 9px; color: #dce9f8; background: rgba(255,255,255,.04); font-size: 11px; font-variant-numeric: tabular-nums; }
.task-group-overdue > header { border-color: rgba(255,97,120,.19); background: rgba(255,97,120,.045); }
.task-group-overdue > header h4,.task-group-overdue > header > b { color: #ffacba; }
.task-group-today > header { border-color: rgba(59,209,255,.18); background: rgba(59,209,255,.045); }
.task-group-today > header h4 { color: #c6f7ff; }
.task-group-list { display: grid; gap: 8px; }
.task-card-progress { width: min(260px,100%); height: 4px; overflow: hidden; border-radius: 999px; background: rgba(155,178,210,.13); }
.task-card-progress i { display: block; width: var(--task-progress,0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#3bd1ff,#4de0a8); }
.task-progress-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line); }
.task-progress-heading span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.task-progress-heading b { color: #dffaff; font-size: 11px; font-variant-numeric: tabular-nums; }
.task-focus-card { display: grid; gap: 6px; width: 100%; margin-top: 14px; padding: 14px; border: 1px solid rgba(59,209,255,.2); border-radius: 14px; color: inherit; background: linear-gradient(145deg,rgba(59,209,255,.09),rgba(77,224,168,.035)); text-align: left; cursor: pointer; }
.task-focus-card:hover { border-color: rgba(59,209,255,.42); background: linear-gradient(145deg,rgba(59,209,255,.14),rgba(77,224,168,.055)); }
.task-focus-card > span { color: #78dff9; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.task-focus-card > b { overflow-wrap: anywhere; color: #fff; font-size: 14px; line-height: 1.35; }
.task-focus-card > small { color: #9fb0c4; font-size: 10px; line-height: 1.45; }
.task-focus-card > i { margin-top: 2px; color: #bdf8e3; font-size: 10px; font-style: normal; font-weight: 900; }
.task-due-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 12px; border: 1px solid rgba(155,178,210,.14); border-radius: 11px; background: rgba(255,255,255,.02); }
.task-due-presets > span { margin-right: auto; color: var(--muted); font-size: 10px; font-weight: 800; }
.task-due-presets button,.task-reschedule-bar button { min-height: 32px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 9px; color: #dce9f8; background: rgba(255,255,255,.04); font-size: 10px; font-weight: 800; cursor: pointer; }
.task-due-presets button:hover,.task-reschedule-bar button:hover { border-color: rgba(59,209,255,.32); color: #fff; background: rgba(59,209,255,.09); }
.task-reschedule-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 10px 12px; border: 1px solid rgba(59,209,255,.13); border-radius: 12px; background: rgba(59,209,255,.035); }
.task-reschedule-bar > span { color: #aebed2; font-size: 10px; font-weight: 800; white-space: nowrap; }
.task-reschedule-bar > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.task-checklist-panel { margin-top: 14px; padding: 17px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.task-checklist-progress { height: 6px; margin: 0 0 13px; overflow: hidden; border-radius: 999px; background: rgba(155,178,210,.12); }
.task-checklist-progress i { display: block; width: var(--task-progress,0%); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#3bd1ff,#4de0a8); transition: width .2s ease; }
.task-checklist { display: grid; gap: 7px; }
.task-checkitem { display: grid; grid-template-columns: 32px minmax(0,1fr) 30px; align-items: center; gap: 9px; min-height: 46px; padding: 7px 8px; border: 1px solid rgba(155,178,210,.13); border-radius: 11px; background: rgba(4,11,22,.4); }
.task-checkitem-toggle { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(155,178,210,.28); border-radius: 9px; color: #fff; background: rgba(255,255,255,.03); font-size: 13px; cursor: pointer; }
.task-checkitem > span { min-width: 0; color: #d7e3f1; font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.task-checkitem-delete { width: 28px; height: 28px; border: 0; border-radius: 8px; color: #8496ac; background: transparent; font-size: 17px; cursor: pointer; }
.task-checkitem-delete:hover { color: #ff9bac; background: rgba(255,97,120,.09); }
.task-checkitem.is-done { opacity: .7; }
.task-checkitem.is-done .task-checkitem-toggle { border-color: rgba(77,224,168,.35); color: #a9f3d7; background: rgba(77,224,168,.13); }
.task-checkitem.is-done > span { text-decoration: line-through; }
.task-checklist-empty { display: flex; align-items: center; gap: 11px; padding: 14px; border: 1px dashed rgba(155,178,210,.18); border-radius: 11px; }
.task-checklist-empty > i { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 11px; color: #8ee9c6; background: rgba(77,224,168,.09); font-style: normal; }
.task-checklist-empty > div { display: grid; gap: 3px; }
.task-checklist-empty b { color: #eaf4ff; font-size: 11px; }
.task-checklist-empty span { color: var(--muted); font-size: 9px; line-height: 1.45; }
.task-checklist-form { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-top: 10px; }
.task-checklist-form input { min-width: 0; min-height: 39px; border-color: rgba(155,178,210,.18); color: #f4f8ff; background: #0a1525; }
.task-checklist-form button { min-height: 39px; white-space: nowrap; }

@media (max-width: 1100px) {
  .task-command-tools { width: 100%; }
  .task-owner-filter,.task-search { flex: 1 1 0; width: auto; }
  .task-drawer-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .task-command-tools { display: grid; grid-template-columns: 1fr; }
  .task-owner-filter { min-width: 0; }
  .task-queue-group > header { min-height: 44px; padding: 8px 10px; }
  .task-reschedule-bar { align-items: stretch; flex-direction: column; }
  .task-reschedule-bar > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .task-reschedule-bar button { min-height: 38px; }
  .task-checklist-panel { padding: 13px; }
  .task-checklist-form { grid-template-columns: 1fr; }
  .task-checklist-form button { width: 100%; }
  .task-checkitem { grid-template-columns: 34px minmax(0,1fr) 32px; min-height: 50px; }
  .task-due-presets > span { width: 100%; margin: 0 0 2px; }
  .task-due-presets button { flex: 1 1 calc(50% - 6px); min-height: 38px; }
}
@media (max-width: 420px) {
  .task-owner-filter { grid-template-columns: 1fr; gap: 2px; padding-block: 7px; }
  .task-owner-filter select { padding-left: 0; }
  .task-drawer-kpis { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 2000px) and (min-height: 1100px) {
  .task-command-tools { gap: 12px; }
  .task-owner-filter { min-width: 290px; }
  .task-owner-filter > span,.task-queue-group > header span,.task-focus-card > small { font-size: 12px; }
  .task-owner-filter select,.task-filter-tabs button,.task-search input { font-size: 14px; }
  .task-queue-group > header { min-height: 60px; padding: 12px 15px; }
  .task-queue-group > header h4 { font-size: 17px; }
  .task-checkitem > span { font-size: 14px; }
  .task-focus-card > b { font-size: 17px; }
  .task-checklist-panel { padding: 21px; }
}