.mayak-role-home {
  --role-home-bg: var(--redesign-canvas, #f3f6fb);
  --role-home-card: var(--redesign-surface, #ffffff);
  --role-home-card-soft: var(--redesign-surface-soft, #f8faff);
  --role-home-line: var(--redesign-line, #dfe5f0);
  --role-home-line-strong: var(--redesign-line-strong, #ccd6e7);
  --role-home-text: var(--redesign-text, #13203d);
  --role-home-muted: var(--redesign-muted, #6f7b96);
  --role-home-accent: var(--redesign-accent, #4163e7);
  --role-home-accent-soft: var(--redesign-accent-soft, #edf1ff);
  --role-home-danger: var(--redesign-danger, #d64d59);
  --role-home-warning: #b97812;
  --role-home-success: #23845e;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: clamp(20px, 2.2vw, 34px);
  color: var(--role-home-text);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--role-home-accent) 7%, transparent), transparent 34%),
    var(--role-home-bg);
}

.mayak-role-home *,
.mayak-role-home *::before,
.mayak-role-home *::after { box-sizing: border-box; }

.mayak-role-home button,
.mayak-role-home input { font: inherit; }

.mayak-role-home button { color: inherit; }

body.mayak-role-home-active .redesign-main.redesign-dashboard > .redesign-dashboard-header,
body.mayak-role-home-active .redesign-main.redesign-dashboard > .mayak-dashboard-toolbar,
body.mayak-role-home-active .redesign-main.redesign-dashboard > .mayak-dashboard-board { display: none !important; }

.mayak-role-home-header {
  position: relative;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1680px;
  margin: 0 auto 18px;
}

.mayak-role-home-title { min-width: 0; }

.mayak-role-eyebrow,
.mayak-role-kicker {
  display: block;
  margin-bottom: 5px;
  color: var(--role-home-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.mayak-role-home-title h1,
.mayak-role-card h2,
.mayak-role-focus-task h3,
.mayak-role-popover h2 { margin: 0; color: var(--role-home-text); }

.mayak-role-home-title h1 { font-size: clamp(26px, 2.4vw, 38px); line-height: 1.08; letter-spacing: -.035em; }
.mayak-role-home-title p { margin: 7px 0 0; color: var(--role-home-muted); font-size: 14px; }

.mayak-role-home-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }

.mayak-role-codex-notice {
  display: grid;
  grid-template-columns: auto minmax(240px, 1fr) minmax(260px, auto);
  align-items: center;
  gap: 15px;
  max-width: 1680px;
  margin: 0 auto 16px;
  padding: 15px 16px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--role-home-accent) 42%, var(--role-home-line));
  border-radius: 16px;
  background:
    linear-gradient(135deg, transparent 0 73%, color-mix(in srgb, #f3c45a 11%, transparent) 73% 76%, transparent 76%),
    radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--role-home-accent) 19%, transparent), transparent 34%),
    linear-gradient(110deg, color-mix(in srgb, var(--role-home-accent) 10%, var(--role-home-card)), var(--role-home-card));
  box-shadow: 0 12px 34px color-mix(in srgb, var(--role-home-accent) 10%, transparent);
}

.mayak-role-codex-mark {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  align-content: center;
  gap: 1px;
  border: 1px solid color-mix(in srgb, #f3c45a 65%, var(--role-home-accent));
  border-radius: 18px;
  background: linear-gradient(145deg, #8b72ff, var(--role-home-accent));
  color: #fff;
  box-shadow: 0 9px 24px color-mix(in srgb, var(--role-home-accent) 30%, transparent);
}
.mayak-role-codex-mark b { font-size: 24px; line-height: 1; }
.mayak-role-codex-mark small { font-size: 7px; font-weight: 900; letter-spacing: .08em; }

.mayak-role-codex-copy { min-width: 0; }
.mayak-role-codex-copy .mayak-role-kicker { margin: 0 0 3px; }
.mayak-role-codex-copy strong { display: block; color: var(--role-home-text); font-size: 14px; line-height: 1.3; }
.mayak-role-codex-copy p { margin: 4px 0 0; color: var(--role-home-muted); font-size: 11px; line-height: 1.4; }
.mayak-role-codex-rules { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.mayak-role-codex-rules span { padding: 6px 8px; border: 1px solid var(--role-home-line); border-radius: 999px; background: var(--role-home-card-soft); color: var(--role-home-muted); font-size: 10px; font-weight: 750; white-space: nowrap; }
.mayak-role-codex-actions { display: flex; align-items: center; gap: 7px; }
.mayak-role-codex-invitation { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(250px, 1fr) auto auto; align-items: center; gap: 12px; padding: 12px 13px; border: 1px solid color-mix(in srgb, #f3c45a 48%, var(--role-home-line)); border-radius: 13px; background: color-mix(in srgb, #f3c45a 8%, var(--role-home-card)); }
.mayak-role-codex-invitation > div:first-child { display: grid; gap: 3px; }
.mayak-role-codex-invitation small { color: #c78a18; font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.mayak-role-codex-invitation strong { color: var(--role-home-text); font-size: 12px; line-height: 1.35; }
.mayak-role-codex-invitation span { color: var(--role-home-muted); font-size: 9px; font-weight: 700; }
.mayak-role-codex-choice { display: flex; gap: 7px; }
.mayak-role-codex-choice .is-selected { border-color: var(--role-home-success); background: color-mix(in srgb, var(--role-home-success) 10%, var(--role-home-card)); color: var(--role-home-success); }

.mayak-request-proposals {
  display: grid;
  gap: 10px;
  max-width: 1680px;
  margin: 0 auto 16px;
  padding: 12px;
  border: 1px solid var(--role-home-line);
  border-radius: 16px;
  background: var(--role-home-card);
  box-shadow: 0 12px 34px color-mix(in srgb, var(--role-home-text) 7%, transparent);
}
.mayak-request-proposals > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mayak-request-proposals > header h2 { margin: 0; color: var(--role-home-text); font-size: 16px; line-height: 1.35; }
.mayak-request-proposals > header p { margin: 5px 0 0; color: var(--role-home-muted); font-size: 11px; line-height: 1.45; }
.mayak-request-proposals__controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.mayak-request-proposals__view { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--role-home-line); border-radius: 10px; background: var(--role-home-card-soft); }
.mayak-request-proposals__view .mayak-role-button { min-height: 30px; padding: 5px 9px; font-size: 10px; }
.mayak-request-proposals__featured { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 13px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 42%, var(--role-home-line)); border-radius: 14px; background: linear-gradient(135deg, color-mix(in srgb, var(--role-home-accent) 10%, var(--role-home-card)), var(--role-home-card)); }
.mayak-request-proposals__featured > div { display: grid; min-width: 0; gap: 5px; }
.mayak-request-proposals__featured small { color: var(--role-home-accent); font-size: 9px; font-weight: 850; letter-spacing: .07em; }
.mayak-request-proposals__featured strong { color: var(--role-home-text); font-size: 15px; line-height: 1.35; }
.mayak-request-proposals__featured blockquote { margin: 2px 0; color: var(--role-home-text); font-size: 11px; line-height: 1.45; }
.mayak-request-proposals__featured p { margin: 0; color: var(--role-home-muted); font-size: 10px; line-height: 1.45; }
.mayak-request-proposals__featured p b { color: var(--role-home-text); }
.mayak-request-proposals__featured footer { display: grid; min-width: 134px; gap: 6px; }
.mayak-request-proposals__rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; overflow: visible; padding: 2px 0; }
.mayak-request-proposals[data-request-proposal-view="4"] .mayak-request-proposals__rail { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mayak-request-proposal { display: grid; min-width: 0; gap: 9px; padding: 11px; border: 1px solid var(--role-home-line); border-radius: 12px; background: var(--role-home-card-soft); }
.mayak-request-proposal > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mayak-request-proposal > header > span { display: grid; min-width: 0; gap: 3px; }
.mayak-request-proposal__picture { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; padding: 0; border: 1px solid color-mix(in srgb, var(--role-home-accent) 46%, var(--role-home-line)); border-radius: 13px; background: linear-gradient(145deg, color-mix(in srgb, var(--role-home-accent) 16%, var(--role-home-card)), var(--role-home-card)); color: var(--role-home-accent); font-size: 17px; font-weight: 900; cursor: pointer; box-shadow: 0 7px 18px color-mix(in srgb, var(--role-home-accent) 12%, transparent); }
.mayak-request-proposal__picture:hover { border-color: var(--role-home-accent); transform: translateY(-1px); }
.mayak-request-proposal > header small,
.mayak-request-proposal section > small,
.mayak-request-proposal__chat > small { color: var(--role-home-accent); font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.mayak-request-proposal > header strong { color: var(--role-home-text); font-size: 14px; line-height: 1.3; }
.mayak-request-proposal > header > b { display: grid; min-width: 42px; height: 28px; place-items: center; border-radius: 999px; background: var(--role-home-accent-soft); color: var(--role-home-accent); font-size: 11px; }
.mayak-request-proposal > header > b[data-state="TRIGGERED"] { background: color-mix(in srgb, var(--role-home-success) 14%, var(--role-home-card)); color: var(--role-home-success); }
.mayak-request-proposal__verbatim,
.mayak-request-proposal__meaning,
.mayak-request-proposal__chat { display: grid; gap: 7px; padding: 10px; border-radius: 10px; background: var(--role-home-card); }
.mayak-request-proposal__verbatim blockquote { display: grid; gap: 3px; margin: 0; padding: 8px 9px; border-left: 3px solid var(--role-home-accent); background: color-mix(in srgb, var(--role-home-accent) 5%, transparent); }
.mayak-request-proposal__verbatim blockquote b { color: var(--role-home-accent); font-size: 9px; }
.mayak-request-proposal__verbatim blockquote p,
.mayak-request-proposal__meaning p { margin: 0; color: var(--role-home-text); font-size: 11px; line-height: 1.48; white-space: pre-wrap; }
.mayak-request-proposal__verbatim blockquote > div { display: grid; gap: 3px; padding: 7px; border-radius: 7px; }
.mayak-request-proposal__verbatim blockquote > div small { font-size: 8px; font-weight: 850; letter-spacing: .06em; }
.mayak-request-proposal__verbatim .is-verbatim { border: 1px solid color-mix(in srgb, #56c7ff 42%, var(--role-home-line)); background: color-mix(in srgb, #56c7ff 8%, transparent); }
.mayak-request-proposal__verbatim .is-verbatim small { color: #7bd6ff; }
.mayak-request-proposal__verbatim .is-criterion { border: 1px solid color-mix(in srgb, #ffbd59 42%, var(--role-home-line)); background: color-mix(in srgb, #ffbd59 8%, transparent); }
.mayak-request-proposal__verbatim .is-criterion small { color: #ffd089; }
.mayak-request-proposal__verbatim details { display: grid; gap: 7px; }
.mayak-request-proposal__verbatim details[open] summary { margin-bottom: 7px; }
.mayak-request-proposal__verbatim summary { color: var(--role-home-accent); font-size: 10px; font-weight: 750; cursor: pointer; }
.mayak-request-proposal__meaning { border: 1px solid color-mix(in srgb, var(--role-home-accent) 36%, var(--role-home-line)); background: color-mix(in srgb, var(--role-home-accent) 8%, var(--role-home-card)); }
.mayak-request-proposal__meaning details { display: grid; gap: 6px; padding-top: 7px; border-top: 1px solid var(--role-home-line); }
.mayak-request-proposal__meaning summary { color: var(--role-home-accent); font-size: 9px; font-weight: 800; cursor: pointer; }
.mayak-request-proposal__meaning details article { display: grid; gap: 3px; padding: 6px 7px; border-radius: 7px; background: color-mix(in srgb, var(--role-home-card) 78%, transparent); }
.mayak-request-proposal__meaning details b { color: var(--role-home-text); font-size: 9px; }
.mayak-request-proposal__meaning details span { color: var(--role-home-muted); font-size: 9px; line-height: 1.4; }
.mayak-request-proposal__route { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-top: 7px; border-top: 1px solid var(--role-home-line); }
.mayak-request-proposal__route b { color: var(--role-home-accent); font-size: 8px; letter-spacing: .07em; }
.mayak-request-proposal__route span { padding: 3px 5px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 28%, var(--role-home-line)); border-radius: 999px; background: color-mix(in srgb, var(--role-home-accent) 7%, var(--role-home-card)); color: var(--role-home-text); font-size: 8px; }
.mayak-request-proposal__route em { flex-basis: 100%; color: var(--role-home-muted); font-size: 8px; font-style: normal; }
.mayak-request-proposal-table { overflow: auto; max-height: 70vh; border: 1px solid rgba(150, 164, 255, .32); border-radius: 13px; background: rgba(8, 18, 38, .94); }
.mayak-request-proposal-table table { width: 100%; border-collapse: collapse; color: #f5f7ff; font-size: 10px; }
.mayak-request-proposal-table th { position: sticky; z-index: 1; top: 0; padding: 9px; background: #111f39; color: #9ba8ff; text-align: left; }
.mayak-request-proposal-table td { padding: 9px; border-top: 1px solid rgba(150, 164, 255, .18); vertical-align: top; }
.mayak-request-proposal-table td:nth-child(2) { min-width: 280px; }
.mayak-request-proposal-table td strong,
.mayak-request-proposal-table td small { display: block; }
.mayak-request-proposal-table td small { max-width: 620px; margin-top: 4px; color: #aab4cb; line-height: 1.4; }
.mayak-request-proposal-task-row { border-left: 3px solid #8e7dff; }
.mayak-request-proposal-table .mayak-request-proposal-task-row td:first-child { border-left: 3px solid #8e7dff; }
.mayak-request-proposal-task-row .mayak-role-button.is-liked { border-color: rgba(92, 210, 160, .55); color: #7fe0b6; background: rgba(34, 139, 97, .18); }
.mayak-request-proposal__open-chat { width: calc(100% - 28px); margin: 0 14px 10px; border-color: rgba(142, 125, 255, .46); }
.mayak-request-proposal-list { display: grid; gap: 8px; max-height: 70vh; overflow: auto; }
.mayak-request-proposal-list__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 11px 12px; border: 1px solid rgba(150, 164, 255, .28); border-radius: 11px; background: rgba(8, 18, 38, .94); color: #f5f7ff; }
.mayak-request-proposal-list__item > span { display: grid; gap: 4px; }
.mayak-request-proposal-list__item > span:last-child { justify-items: end; }
.mayak-request-proposal-list__item > span:last-child > div { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.mayak-request-proposal-list__item small { color: #8e7dff; font-size: 9px; font-weight: 850; }
.mayak-request-proposal-list__item strong { font-size: 12px; }
.mayak-request-proposal-list__item p { overflow: hidden; margin: 0; color: #aab4cb; font-size: 10px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.mayak-request-proposal-list__item b { color: #aab4cb; font-size: 9px; }
.mayak-request-proposal__actions { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.mayak-request-proposal__actions > span { color: var(--role-home-muted); font-size: 10px; font-weight: 800; }
.mayak-request-proposal__actions .is-liked { border-color: var(--role-home-success); background: color-mix(in srgb, var(--role-home-success) 10%, var(--role-home-card)); color: var(--role-home-success); }
.mayak-request-proposal__comment { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; }
.mayak-request-proposal__comment label { display: grid; gap: 4px; color: var(--role-home-muted); font-size: 10px; font-weight: 750; }
.mayak-request-proposal__comment textarea { width: 100%; min-height: 62px; resize: vertical; padding: 8px 9px; border: 1px solid var(--role-home-line-strong); border-radius: 9px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; font-size: 11px; }
.mayak-request-proposal__chat p { display: grid; grid-template-columns: minmax(72px, auto) minmax(0, 1fr); gap: 4px 8px; margin: 0; padding-top: 6px; border-top: 1px solid var(--role-home-line); color: var(--role-home-text); font-size: 10px; line-height: 1.42; }
.mayak-request-proposal__chat p b { color: var(--role-home-accent); }
.mayak-request-proposal__chat p em { grid-column: 2; display: -webkit-box; overflow: hidden; color: var(--role-home-muted); font-size: 9px; font-style: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mayak-request-proposal__chat p.is-empty { display: block; color: var(--role-home-muted); }
.mayak-request-proposals.is-loading { min-height: 94px; align-content: center; }

.mayak-canonical-chat-layer {
  --role-home-card: #101b30;
  --role-home-card-soft: #15233d;
  --role-home-line: #2c3d5d;
  --role-home-line-strong: #425779;
  --role-home-text: #f4f6ff;
  --role-home-muted: #aeb9d2;
  --role-home-accent: #8775ff;
  --role-home-accent-soft: #292657;
  --role-home-success: #4ed7a2;
  --role-home-warning: #efbd54;
}
.mayak-canonical-chat-layer .mayak-platform-dialog { border-color: var(--role-home-line); background: #081224; color: var(--role-home-text); box-shadow: 0 26px 80px rgba(0, 0, 0, .52); }
.mayak-canonical-chat-layer .mayak-platform-dialog > header { border-color: var(--role-home-line); background: #0d192d; }
.mayak-canonical-chat-layer .mayak-platform-dialog > header span { color: var(--role-home-accent); }
.mayak-canonical-chat-layer .mayak-platform-dialog > header h2 { color: var(--role-home-text); }
.mayak-canonical-chat-layer .mayak-platform-dialog > header p { color: var(--role-home-muted); }
.mayak-canonical-chat-layer .mayak-platform-dialog > header > button { border-color: var(--role-home-line); background: var(--role-home-card-soft); color: var(--role-home-muted); }
.mayak-canonical-chat-layer .mayak-platform-drawer-body { padding: 0; background: #081224; }
.mayak-canonical-chat { display: grid; gap: 12px; padding: 14px; color: var(--role-home-text); }
.mayak-canonical-chat *,
.mayak-canonical-chat *::before,
.mayak-canonical-chat *::after { box-sizing: border-box; }
.mayak-canonical-chat__safety { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid color-mix(in srgb, var(--role-home-success) 45%, var(--role-home-line)); border-radius: 11px; background: color-mix(in srgb, var(--role-home-success) 9%, var(--role-home-card)); }
.mayak-canonical-chat__safety > span { display: grid; gap: 2px; }
.mayak-canonical-chat__safety .mayak-icon { width: 18px; height: 18px; color: var(--role-home-success); }
.mayak-canonical-chat__safety strong { color: var(--role-home-success); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.mayak-canonical-chat__safety small { color: var(--role-home-muted); font-size: 9px; line-height: 1.35; }
.mayak-canonical-chat__topic { display: grid; gap: 5px; }
.mayak-canonical-chat__topic > span,
.mayak-canonical-chat__composer label > span { color: var(--role-home-muted); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.mayak-canonical-chat__topic input,
.mayak-canonical-chat__composer textarea { width: 100%; border: 1px solid var(--role-home-line-strong); border-radius: 10px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; outline: 0; }
.mayak-canonical-chat__topic input { min-height: 40px; padding: 8px 10px; font-size: 12px; font-weight: 800; }
.mayak-canonical-chat__composer textarea { min-height: 78px; padding: 9px 10px; resize: vertical; font-size: 11px; line-height: 1.45; }
.mayak-canonical-chat__composer textarea:focus { border-color: var(--role-home-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--role-home-accent) 18%, transparent); }
.mayak-canonical-chat__meta { display: flex; flex-wrap: wrap; gap: 6px; }
.mayak-canonical-chat__meta span { padding: 5px 7px; border: 1px solid var(--role-home-line); border-radius: 999px; background: var(--role-home-card); color: var(--role-home-muted); font-size: 8px; font-weight: 750; }
.mayak-canonical-chat__meta b { color: var(--role-home-accent); }
.mayak-canonical-chat__layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); min-height: 330px; overflow: hidden; border: 1px solid var(--role-home-line); border-radius: 13px; background: var(--role-home-card); }
.mayak-canonical-chat__context { display: grid; align-content: start; gap: 8px; padding: 10px; overflow: auto; border-right: 1px solid var(--role-home-line); background: #0c172a; }
.mayak-canonical-chat__context > section { display: grid; gap: 7px; padding: 9px; border: 1px solid var(--role-home-line); border-radius: 9px; background: var(--role-home-card); }
.mayak-canonical-chat__context > section > small { color: var(--role-home-accent); font-size: 8px; font-weight: 850; letter-spacing: .07em; }
.mayak-canonical-chat__context article { display: grid; gap: 5px; padding: 7px; border-left: 3px solid var(--role-home-accent); background: var(--role-home-card-soft); }
.mayak-canonical-chat__context article header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mayak-canonical-chat__context article b { color: var(--role-home-accent); font-size: 8px; }
.mayak-canonical-chat__context article small { color: var(--role-home-muted); font-size: 7px; }
.mayak-canonical-chat__context p { margin: 0; color: var(--role-home-text); font-size: 9px; line-height: 1.45; white-space: pre-wrap; }
.mayak-canonical-chat__context .is-meaning { border-color: color-mix(in srgb, var(--role-home-accent) 45%, var(--role-home-line)); background: color-mix(in srgb, var(--role-home-accent) 8%, var(--role-home-card)); }
.mayak-canonical-chat__context .is-route div { display: flex; flex-wrap: wrap; gap: 4px; }
.mayak-canonical-chat__context .is-route div span { padding: 3px 5px; border: 1px solid var(--role-home-line-strong); border-radius: 999px; color: var(--role-home-muted); font-size: 7px; }
.mayak-canonical-chat__context .is-progress strong { color: var(--role-home-text); font-size: 10px; line-height: 1.35; }
.mayak-source-pairs { gap: 10px !important; }
.mayak-source-pair { display: grid; gap: 7px; padding: 8px; border: 1px solid var(--role-home-line); border-radius: 9px; background: #0a1425; }
.mayak-source-pair > header { display: flex; justify-content: space-between; gap: 8px; }
.mayak-source-pair__verbatim,
.mayak-source-pair__criterion { display: grid; gap: 4px; padding: 7px; border-radius: 7px; }
.mayak-source-pair__verbatim { border: 1px solid color-mix(in srgb, #56c7ff 45%, var(--role-home-line)); background: color-mix(in srgb, #56c7ff 9%, transparent); }
.mayak-source-pair__criterion { border: 1px solid color-mix(in srgb, #ffbd59 45%, var(--role-home-line)); background: color-mix(in srgb, #ffbd59 9%, transparent); }
.mayak-source-pair__verbatim > small,
.mayak-source-pair__verbatim > span { color: #7bd6ff !important; font-size: 8px; font-weight: 850; letter-spacing: .05em; }
.mayak-source-pair__criterion > small,
.mayak-source-pair__criterion > span { color: #ffd089 !important; font-size: 8px; font-weight: 850; letter-spacing: .05em; }
.mayak-source-pair textarea { width: 100%; resize: vertical; border: 1px solid var(--role-home-line-strong); border-radius: 7px; padding: 7px; background: #07101e; color: var(--role-home-text); font: inherit; line-height: 1.45; }
.mayak-source-pair.is-editable > button { justify-self: end; }
.mayak-canonical-chat__thread { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; background: #0a1426; }
.mayak-canonical-chat__thread > header { display: flex; align-items: center; gap: 9px; padding: 10px 11px; border-bottom: 1px solid var(--role-home-line); background: var(--role-home-card); }
.mayak-canonical-chat__thread > header > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: var(--role-home-accent-soft); color: var(--role-home-accent); }
.mayak-canonical-chat__thread > header > div { display: grid; gap: 2px; }
.mayak-canonical-chat__thread > header strong { font-size: 11px; }
.mayak-canonical-chat__thread > header small { color: var(--role-home-muted); font-size: 8px; }
.mayak-canonical-chat__thread > div { display: grid; align-content: start; gap: 8px; max-height: 430px; overflow: auto; padding: 11px; }
.mayak-canonical-chat__thread article { display: grid; gap: 5px; max-width: 94%; padding: 8px 9px; border: 1px solid var(--role-home-line); border-radius: 10px 10px 10px 3px; background: var(--role-home-card); }
.mayak-canonical-chat__thread article.is-draft { justify-self: end; border-color: color-mix(in srgb, var(--role-home-accent) 50%, var(--role-home-line)); border-radius: 10px 10px 3px 10px; background: color-mix(in srgb, var(--role-home-accent) 12%, var(--role-home-card)); }
.mayak-canonical-chat__thread article header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mayak-canonical-chat__thread article b { color: var(--role-home-accent); font-size: 9px; }
.mayak-canonical-chat__thread article small { color: var(--role-home-muted); font-size: 7px; }
.mayak-canonical-chat__thread article p { margin: 0; color: var(--role-home-text); font-size: 10px; line-height: 1.45; white-space: pre-wrap; }
.mayak-canonical-chat__thread article em { color: var(--role-home-muted); font-size: 8px; font-style: normal; line-height: 1.4; }
.mayak-canonical-chat .is-empty { margin: 0; color: var(--role-home-muted); font-size: 9px; }
.mayak-canonical-chat__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mayak-canonical-chat__actions > span { color: var(--role-home-muted); font-size: 9px; text-align: right; }
.mayak-canonical-chat__actions .is-liked { border-color: var(--role-home-success); background: color-mix(in srgb, var(--role-home-success) 12%, var(--role-home-card)); color: var(--role-home-success); }
.mayak-canonical-chat__composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; padding-top: 11px; border-top: 1px solid var(--role-home-line); }
.mayak-canonical-chat__composer label { display: grid; gap: 5px; }
.mayak-canonical-chat__composer > small { grid-column: 1 / -1; color: var(--role-home-muted); font-size: 8px; }

@media (max-width: 720px) {
  .mayak-request-proposals__featured { grid-template-columns: auto minmax(0, 1fr); }
  .mayak-request-proposals__featured footer { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .mayak-canonical-chat__layout { grid-template-columns: 1fr; }
  .mayak-canonical-chat__context { max-height: 280px; border-right: 0; border-bottom: 1px solid var(--role-home-line); }
  .mayak-canonical-chat__actions,
  .mayak-canonical-chat__composer { grid-template-columns: 1fr; align-items: stretch; }
  .mayak-canonical-chat__actions { display: grid; }
  .mayak-canonical-chat__actions > span { text-align: left; }
}

.mayak-codex-server { display: grid; gap: 13px; padding: 16px; border: 1px solid var(--role-home-line); border-radius: 16px; background: var(--role-home-card); box-shadow: var(--role-home-shadow); }
.mayak-codex-server > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mayak-codex-server > header h2 { margin: 3px 0 4px; color: var(--role-home-text); font-size: 20px; }
.mayak-codex-server > header p { max-width: 820px; margin: 0; color: var(--role-home-muted); font-size: 11px; line-height: 1.5; }
.mayak-codex-server__node { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 8px 10px; border: 1px solid var(--role-home-line); border-radius: 999px; background: var(--role-home-card-soft); color: var(--role-home-muted); font-size: 10px; font-weight: 800; }
.mayak-codex-server__node i { width: 8px; height: 8px; border-radius: 50%; background: var(--role-home-danger); box-shadow: 0 0 0 4px color-mix(in srgb, var(--role-home-danger) 12%, transparent); }
.mayak-codex-server__node[data-ready="true"] { color: var(--role-home-success); }
.mayak-codex-server__node[data-ready="true"] i { background: var(--role-home-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--role-home-success) 12%, transparent); }
.mayak-codex-server__head { display: grid; justify-items: end; gap: 8px; }
.mayak-codex-server__launch-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.mayak-codex-server__views { display: flex; align-items: center; gap: 6px; }
.mayak-codex-server__views .mayak-role-button { min-width: 76px; justify-content: center; }
.mayak-codex-server__head nav { display: flex; align-items: center; gap: 6px; }
.mayak-codex-server__head nav span { min-width: 42px; color: var(--role-home-muted); font-size: 10px; font-weight: 850; text-align: center; }
.mayak-codex-server__head nav .mayak-role-button { min-width: 38px; padding-inline: 9px; }
.mayak-codex-smart-router { display: grid; gap: 10px; padding: 15px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 68%, var(--role-home-line)); border-radius: 15px; background: linear-gradient(135deg, color-mix(in srgb, var(--role-home-accent) 15%, var(--role-home-card)), color-mix(in srgb, var(--role-home-success) 7%, var(--role-home-card-soft))); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--role-home-accent) 11%, transparent), var(--role-home-shadow); }
.mayak-codex-smart-router > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mayak-codex-smart-router > header > span { display: grid; gap: 3px; }
.mayak-codex-smart-router > header small { color: var(--role-home-accent); font-size: 9px; font-weight: 950; letter-spacing: .1em; }
.mayak-codex-smart-router > header strong { color: var(--role-home-text); font-size: 15px; }
.mayak-codex-smart-router > header p { max-width: 820px; margin: 0; color: var(--role-home-muted); font-size: 10px; line-height: 1.45; }
.mayak-codex-smart-router > header > b { flex: 0 0 auto; padding: 6px 9px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 45%, var(--role-home-line)); border-radius: 999px; color: var(--role-home-accent); font-size: 8px; letter-spacing: .08em; }
.mayak-codex-smart-router__composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 9px; }
.mayak-codex-smart-router__composer textarea { width: 100%; min-height: 82px; resize: vertical; border: 1px solid var(--role-home-line); border-radius: 11px; padding: 11px 12px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; font-size: 12px; line-height: 1.5; }
.mayak-codex-smart-router__composer textarea:focus { outline: 2px solid color-mix(in srgb, var(--role-home-accent) 45%, transparent); outline-offset: 1px; }
.mayak-codex-smart-router__composer .mayak-role-button { min-width: 132px; justify-content: center; }
.mayak-codex-smart-router > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mayak-codex-smart-router > footer small { color: var(--role-home-success); font-size: 9px; line-height: 1.45; }
.mayak-codex-smart-router > footer small.is-error { color: var(--role-home-danger); }
.mayak-codex-smart-router > footer span { flex: 0 0 auto; color: var(--role-home-muted); font-size: 8px; font-weight: 800; }
.mayak-codex-new-window-button { min-width: 190px; justify-content: center; }
.mayak-codex-new-window { display: grid; gap: 12px; padding: 14px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 58%, var(--role-home-line)); border-radius: 14px; background: linear-gradient(145deg, color-mix(in srgb, var(--role-home-accent) 10%, var(--role-home-card-soft)), var(--role-home-card-soft)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--role-home-accent) 9%, transparent); }
.mayak-codex-new-window > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.mayak-codex-new-window > header > span { display: grid; gap: 4px; }
.mayak-codex-new-window > header small,
.mayak-codex-priority > header small { color: var(--role-home-accent); font-size: 9px; font-weight: 900; letter-spacing: .08em; }
.mayak-codex-new-window > header strong,
.mayak-codex-priority > header strong { color: var(--role-home-text); font-size: 13px; }
.mayak-codex-new-window > header p { margin: 0; color: var(--role-home-muted); font-size: 10px; line-height: 1.45; }
.mayak-codex-new-window > label,
.mayak-codex-new-window__settings label { display: grid; gap: 5px; color: var(--role-home-muted); font-size: 9px; font-weight: 800; }
.mayak-codex-new-window input,
.mayak-codex-new-window textarea,
.mayak-codex-new-window select { width: 100%; border: 1px solid var(--role-home-line); border-radius: 9px; padding: 9px 10px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; font-size: 11px; }
.mayak-codex-new-window textarea { min-height: 150px; resize: vertical; line-height: 1.5; }
.mayak-codex-new-window input:focus,
.mayak-codex-new-window textarea:focus,
.mayak-codex-new-window select:focus { outline: 2px solid color-mix(in srgb, var(--role-home-accent) 42%, transparent); outline-offset: 1px; }
.mayak-codex-new-window__settings { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .7fr); gap: 9px; }
.mayak-codex-new-window > footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.mayak-codex-new-window > footer small { color: var(--role-home-success); font-size: 9px; line-height: 1.45; }
.mayak-codex-new-window > footer small.is-error { color: var(--role-home-danger); }
.mayak-codex-attachments { display: grid; gap: 7px; padding: 9px; border: 1px dashed color-mix(in srgb, var(--role-home-accent) 44%, var(--role-home-line)); border-radius: 10px; background: color-mix(in srgb, var(--role-home-accent) 5%, var(--role-home-card)); transition: border-color .16s ease, background .16s ease; }
.mayak-codex-attachments.is-dragover { border-color: var(--role-home-accent); background: color-mix(in srgb, var(--role-home-accent) 13%, var(--role-home-card)); }
.mayak-codex-attachments__list { display: flex; flex-wrap: wrap; gap: 6px; }
.mayak-codex-attachments__list > span { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 5px; max-width: 100%; padding: 5px 6px 5px 8px; border: 1px solid var(--role-home-line); border-radius: 8px; background: var(--role-home-card-soft); }
.mayak-codex-attachments__list b { overflow: hidden; color: var(--role-home-text); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mayak-codex-attachments__list small { color: var(--role-home-muted); font-size: 8px; }
.mayak-codex-attachments__list button { display: grid; width: 20px; height: 20px; place-items: center; border: 0; border-radius: 50%; background: transparent; color: var(--role-home-muted); cursor: pointer; }
.mayak-codex-attachments__list button:hover { background: color-mix(in srgb, var(--role-home-danger) 12%, transparent); color: var(--role-home-danger); }
.mayak-codex-attachments__controls { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.mayak-codex-attachments__controls label { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border: 1px solid var(--role-home-line); border-radius: 8px; background: var(--role-home-card); color: var(--role-home-text); font-size: 9px; font-weight: 800; cursor: pointer; }
.mayak-codex-attachments__controls label:hover { border-color: color-mix(in srgb, var(--role-home-accent) 55%, var(--role-home-line)); }
.mayak-codex-attachments__controls input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.mayak-codex-attachments__controls small { color: var(--role-home-muted); font-size: 8px; line-height: 1.35; text-align: right; }
.mayak-codex-reviewed-control { display: flex; align-items: center; gap: 10px; }
.mayak-codex-reviewed-control .mayak-role-button { width: auto; min-width: 190px; }
.mayak-codex-reviewed-control > small { color: var(--role-home-muted); font-size: 9px; }
.mayak-codex-autofill-switch { display: inline-flex; min-height: 36px; align-items: center; gap: 8px; padding: 5px 10px; border: 1px solid var(--role-home-line); border-radius: 10px; background: var(--role-home-card); color: var(--role-home-text); cursor: pointer; text-align: left; }
.mayak-codex-autofill-switch:hover { border-color: color-mix(in srgb, var(--role-home-accent) 55%, var(--role-home-line)); }
.mayak-codex-autofill-switch:focus-visible { outline: 2px solid color-mix(in srgb, var(--role-home-accent) 55%, transparent); outline-offset: 2px; }
.mayak-codex-autofill-switch:disabled { cursor: wait; opacity: .68; }
.mayak-codex-autofill-switch > span { position: relative; width: 31px; height: 18px; flex: 0 0 31px; border-radius: 999px; background: color-mix(in srgb, var(--role-home-muted) 32%, var(--role-home-card-soft)); transition: background .16s ease; }
.mayak-codex-autofill-switch > span i { position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; border-radius: 50%; background: var(--role-home-muted); transition: transform .16s ease, background .16s ease; }
.mayak-codex-autofill-switch.is-on > span { background: color-mix(in srgb, var(--role-home-success) 32%, var(--role-home-card-soft)); }
.mayak-codex-autofill-switch.is-on > span i { background: var(--role-home-success); transform: translateX(13px); }
.mayak-codex-autofill-switch > b,
.mayak-codex-autofill-switch > b small { display: block; }
.mayak-codex-autofill-switch > b { font-size: 9px; line-height: 1.25; }
.mayak-codex-autofill-switch > b small { margin-top: 1px; color: var(--role-home-muted); font-size: 8px; font-weight: 650; }
.mayak-codex-reviewed { display: grid; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb, var(--role-home-success) 35%, var(--role-home-line)); border-radius: 13px; background: color-mix(in srgb, var(--role-home-success) 5%, var(--role-home-card-soft)); }
.mayak-codex-reviewed > header { display: grid; gap: 3px; }
.mayak-codex-reviewed > header small { color: var(--role-home-success); font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.mayak-codex-reviewed > header strong { color: var(--role-home-text); font-size: 11px; }
.mayak-codex-reviewed > p { margin: 0; color: var(--role-home-muted); font-size: 9px; }
.mayak-codex-prepared { display: grid; gap: 12px; padding: 13px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 42%, var(--role-home-line)); border-radius: 13px; background: color-mix(in srgb, var(--role-home-accent) 5%, var(--role-home-card-soft)); }
.mayak-codex-prepared > header { display: grid; gap: 4px; }
.mayak-codex-prepared > header small { color: var(--role-home-accent); font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.mayak-codex-prepared > header strong { display: block; margin-top: 2px; color: var(--role-home-text); font-size: 11px; }
.mayak-codex-prepared > header p,
.mayak-codex-prepared > p { margin: 0; color: var(--role-home-muted); font-size: 9px; line-height: 1.45; }
.mayak-codex-archive { display: grid; gap: 10px; padding: 12px; border: 1px solid color-mix(in srgb, #8074ff 42%, var(--role-home-line)); border-radius: 13px; background: color-mix(in srgb, #8074ff 6%, var(--role-home-card-soft)); }
.mayak-codex-archive > header { display: grid; gap: 3px; }
.mayak-codex-archive > header small { color: #8f84ff; font-size: 8px; font-weight: 900; letter-spacing: .1em; }
.mayak-codex-archive > header strong { color: var(--role-home-text); font-size: 11px; }
.mayak-codex-archive > header p,
.mayak-codex-archive > p { margin: 0; color: var(--role-home-muted); font-size: 9px; line-height: 1.45; }
.mayak-codex-archive__list { display: grid; max-height: 420px; gap: 7px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.mayak-codex-archive__list article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .6fr); align-items: start; gap: 10px; padding: 10px; border: 1px solid var(--role-home-line); border-radius: 10px; background: var(--role-home-card); }
.mayak-codex-archive__list article > div { display: grid; gap: 4px; min-width: 0; }
.mayak-codex-archive__list article small { color: #8f84ff; font-size: 8px; font-weight: 850; letter-spacing: .05em; }
.mayak-codex-archive__list article strong { overflow: hidden; color: var(--role-home-text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mayak-codex-archive__list article span { color: var(--role-home-muted); font-size: 8px; line-height: 1.4; }
.mayak-codex-archive__actions { display: grid; gap: 8px; min-width: 0; }
.mayak-codex-archive__list details { color: var(--role-home-muted); font-size: 8px; }
.mayak-codex-archive__list summary { cursor: pointer; color: var(--role-home-accent); font-weight: 800; }
.mayak-codex-archive__list details p { max-height: 180px; margin: 7px 0 0; overflow: auto; color: var(--role-home-text); line-height: 1.5; white-space: pre-wrap; }
.mayak-codex-archive__actions form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; align-items: stretch; }
.mayak-codex-archive__actions textarea { min-height: 42px; resize: vertical; border: 1px solid var(--role-home-line); border-radius: 8px; padding: 7px 8px; background: var(--role-home-card-soft); color: var(--role-home-text); font: inherit; font-size: 9px; line-height: 1.4; }
.mayak-codex-archive__actions textarea:focus { outline: 2px solid color-mix(in srgb, var(--role-home-accent) 42%, transparent); outline-offset: 1px; }
.mayak-codex-archive__actions .mayak-role-button { width: auto; min-width: 142px; justify-content: center; }
.mayak-codex-archive__actions form > small { grid-column: 1 / -1; color: var(--role-home-muted); font-size: 8px; line-height: 1.4; }
.mayak-codex-archive__actions form > small.is-error,
.mayak-codex-archive__unavailable { color: var(--role-home-danger); font-size: 8px; line-height: 1.4; }
.mayak-codex-server__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mayak-codex-server-slot { display: grid; min-width: 0; min-height: 560px; align-content: start; gap: 10px; padding: 12px; border: 1px solid var(--role-home-line); border-radius: 13px; background: var(--role-home-card-soft); }
.mayak-codex-server-slot.is-prepared.is-window-preview { min-height: 560px; grid-template-rows: auto auto auto minmax(0, 1fr) auto; border-color: color-mix(in srgb, var(--role-home-accent) 30%, var(--role-home-line)); background: var(--role-home-card-soft); }
.mayak-codex-server-slot.is-prepared.is-window-preview > header i { background: var(--role-home-muted); box-shadow: 0 0 0 4px color-mix(in srgb, var(--role-home-muted) 10%, transparent); }
.mayak-codex-server-slot.is-prepared .mayak-codex-server-slot__topic small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mayak-codex-prepared-preview { height: 320px; border-color: color-mix(in srgb, var(--role-home-accent) 28%, var(--role-home-line)); }
.mayak-codex-prepared-preview .mayak-codex-live__title strong { color: var(--role-home-accent); }
.mayak-codex-prepared-preview__anchor { color: var(--role-home-muted); font-size: 8px; line-height: 1.45; overflow-wrap: anywhere; }
.mayak-codex-prepared-preview__files { display: flex; flex-wrap: wrap; gap: 5px; }
.mayak-codex-prepared-preview__files > span { display: inline-flex; min-width: 0; align-items: center; gap: 5px; padding: 4px 6px; border: 1px solid color-mix(in srgb, var(--role-home-accent) 35%, var(--role-home-line)); border-radius: 7px; background: color-mix(in srgb, var(--role-home-accent) 7%, transparent); }
.mayak-codex-prepared-preview__files b { max-width: 190px; overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.mayak-codex-prepared-preview__files small { color: var(--role-home-muted); font-size: 7px; white-space: nowrap; }
.mayak-codex-request-taken { display: inline-grid; width: 14px; height: 14px; place-items: center; margin-left: 4px; border-radius: 50%; background: #2f9d67; color: #fff; font-size: 9px; font-weight: 950; vertical-align: middle; }
.mayak-codex-server-slot.is-prepared > footer { display: grid; gap: 5px; align-self: end; }
.mayak-codex-server-slot.is-prepared > footer .mayak-role-button { width: 100%; }
.mayak-codex-server-slot.is-prepared > footer small { color: var(--role-home-muted); font-size: 8px; line-height: 1.35; }
.mayak-codex-server-slot > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mayak-codex-server-slot > header span { display: grid; min-width: 0; gap: 2px; }
.mayak-codex-server-slot > header b { color: var(--role-home-accent); font-size: 10px; letter-spacing: .08em; }
.mayak-codex-server-slot > header small { overflow: hidden; color: var(--role-home-muted); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.mayak-codex-server-slot > header i { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: var(--role-home-muted); }
.mayak-codex-server-slot.is-working > header i { background: var(--role-home-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--role-home-success) 12%, transparent); animation: mayak-codex-server-pulse 1.8s ease-in-out infinite; }
.mayak-codex-server-slot.is-working { border-color: color-mix(in srgb, #f2c45c 72%, var(--role-home-line)); background: linear-gradient(145deg, color-mix(in srgb, #f2c45c 17%, var(--role-home-card-soft)), color-mix(in srgb, #f2c45c 8%, var(--role-home-card-soft))); box-shadow: inset 0 0 0 1px color-mix(in srgb, #f2c45c 18%, transparent), 0 10px 26px color-mix(in srgb, #b68218 10%, transparent); }
.mayak-codex-server-slot.is-working > header b { color: #f2c45c; }
.mayak-codex-server-slot.is-review { border-color: color-mix(in srgb, var(--role-home-success) 58%, var(--role-home-line)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--role-home-success) 12%, transparent); }
.mayak-codex-server-slot.is-review > header i { background: var(--role-home-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--role-home-success) 12%, transparent); }
.mayak-codex-server-slot.is-priority { border-color: color-mix(in srgb, var(--role-home-accent) 55%, var(--role-home-line)); box-shadow: inset 0 3px 0 color-mix(in srgb, var(--role-home-accent) 75%, transparent); }
.mayak-codex-server-slot.is-priority > header b { color: var(--role-home-accent); }
.mayak-codex-server-slot.is-waiting > header i { background: var(--role-home-warning); }
.mayak-codex-server-slot.is-blocked > header i { background: var(--role-home-danger); }
.mayak-codex-server-slot__topic { display: grid; gap: 5px; min-height: 58px; }
.mayak-codex-server-slot__topic small { color: var(--role-home-accent); font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.mayak-codex-server-slot__topic strong { display: -webkit-box; overflow: hidden; color: var(--role-home-text); font-size: 12px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mayak-codex-server-slot__topic-title { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 7px; }
.mayak-codex-server-slot__topic-title .mayak-role-button { min-height: 28px; padding: 5px 8px; font-size: 8px; }
.mayak-codex-window-rename { display: grid; gap: 6px; }
.mayak-codex-window-rename input { width: 100%; min-height: 34px; border: 1px solid var(--role-home-accent); border-radius: 8px; padding: 7px 9px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; font-size: 11px; }
.mayak-codex-window-rename input:focus { outline: 2px solid color-mix(in srgb, var(--role-home-accent) 42%, transparent); outline-offset: 1px; }
.mayak-codex-window-rename footer { display: flex; justify-content: flex-end; gap: 6px; }
.mayak-codex-window-rename footer .mayak-role-button { min-height: 28px; padding: 5px 9px; font-size: 8px; }
.mayak-codex-server-slot dl { display: grid; gap: 5px; margin: 0; }
.mayak-codex-server-slot dl div { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 6px; }
.mayak-codex-server-slot dt { color: var(--role-home-muted); font-size: 9px; }
.mayak-codex-server-slot dd { overflow: hidden; margin: 0; color: var(--role-home-text); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mayak-codex-server-slot .mayak-role-button { justify-content: center; width: 100%; }
.mayak-codex-server-slot__empty { color: var(--role-home-muted); font-size: 9px; line-height: 1.4; }
.mayak-codex-live { display: flex; min-width: 0; height: 320px; flex-direction: column; gap: 7px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; border: 1px solid color-mix(in srgb, #f2c45c 30%, var(--role-home-line)); border-radius: 11px; padding: 9px; background: color-mix(in srgb, #070b12 70%, var(--role-home-card)); }
.mayak-codex-live__title { position: sticky; z-index: 1; top: -9px; display: flex; justify-content: space-between; gap: 8px; width: 100%; padding: 7px 2px 6px; background: color-mix(in srgb, #070b12 94%, transparent); color: var(--role-home-muted); font-size: 8px; }
.mayak-codex-live__title strong { color: #f2c45c; font-size: 9px; letter-spacing: .05em; text-transform: uppercase; }
.mayak-codex-live__conversation,
.mayak-codex-live__activity > div { display: flex; min-width: 0; flex-direction: column; gap: 7px; }
.mayak-codex-live__activity { border-top: 1px solid color-mix(in srgb, var(--role-home-line) 72%, transparent); padding-top: 7px; }
.mayak-codex-live__activity > summary { cursor: pointer; color: var(--role-home-muted); font-size: 9px; font-weight: 800; list-style-position: inside; }
.mayak-codex-live__activity > div { padding-top: 7px; }
.mayak-codex-live article { display: grid; width: min(92%, 720px); gap: 4px; padding: 8px 10px; border: 1px solid color-mix(in srgb, var(--role-home-line) 72%, transparent); border-radius: 10px 10px 10px 3px; background: color-mix(in srgb, var(--role-home-card-soft) 88%, transparent); }
.mayak-codex-live article[data-role="Вы"] { align-self: end; border-color: color-mix(in srgb, var(--role-home-accent) 35%, var(--role-home-line)); border-radius: 10px 10px 3px 10px; background: color-mix(in srgb, var(--role-home-accent) 13%, var(--role-home-card)); }
.mayak-codex-live article[data-role="Команда"] { width: 100%; border-style: dashed; background: color-mix(in srgb, #111827 78%, transparent); }
.mayak-codex-live article[data-role="Система"] { width: 100%; border: 0; padding-block: 4px; background: transparent; }
.mayak-codex-live article small { color: #f2c45c; font-size: 8px; font-weight: 850; letter-spacing: .025em; }
.mayak-codex-live article[data-role="Вы"] small { color: var(--role-home-accent); text-align: right; }
.mayak-codex-live article[data-role="Система"] small { color: var(--role-home-muted); }
.mayak-codex-live article p { margin: 0; color: var(--role-home-text); font-size: 10px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.mayak-codex-live article[data-role="Команда"] p,
.mayak-codex-live article[data-role="Система"] p { color: var(--role-home-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 9px; }
.mayak-codex-paired-prompt { display: grid; gap: 6px; }
.mayak-codex-paired-prompt > b.is-source { display: flex; justify-content: space-between; gap: 8px; margin-top: 5px; color: var(--role-home-text); font-size: 9px; }
.mayak-codex-paired-prompt > b.is-source > small { color: var(--role-home-muted) !important; text-align: right !important; }
.mayak-codex-paired-prompt > span { display: grid; gap: 4px; padding: 7px; border-radius: 7px; }
.mayak-codex-paired-prompt > span > small { text-align: left !important; font-size: 8px; font-weight: 850; letter-spacing: .05em; }
.mayak-codex-paired-prompt > span > em { color: var(--role-home-text); font-size: 10px; font-style: normal; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.mayak-codex-paired-prompt > .is-verbatim { border: 1px solid color-mix(in srgb, #56c7ff 48%, var(--role-home-line)); background: color-mix(in srgb, #56c7ff 10%, transparent); }
.mayak-codex-paired-prompt > .is-verbatim > small { color: #7bd6ff !important; }
.mayak-codex-paired-prompt > .is-criterion { border: 1px solid color-mix(in srgb, #ffbd59 48%, var(--role-home-line)); background: color-mix(in srgb, #ffbd59 10%, transparent); }
.mayak-codex-paired-prompt > .is-criterion > small { color: #ffd089 !important; }
.mayak-codex-paired-prompt > .is-overall { border-top: 1px solid var(--role-home-line); border-radius: 0; padding-inline: 0; }
.mayak-codex-paired-prompt > .is-overall > small { color: #f2c45c !important; }
.mayak-codex-paired-prompt > p { margin: 0; }
.mayak-codex-live article[data-status="error"],
.mayak-codex-live article[data-status="failed"] { border-color: color-mix(in srgb, var(--role-home-danger) 55%, var(--role-home-line)); }
.mayak-codex-live article[data-status="error"] small,
.mayak-codex-live article[data-status="failed"] small { color: var(--role-home-danger); }
.mayak-codex-live.is-empty { display: grid; place-items: center; color: var(--role-home-muted); font-size: 10px; text-align: center; }
.mayak-codex-server-slot__comments { display: grid; gap: 6px; padding-top: 8px; border-top: 1px solid var(--role-home-line); }
.mayak-codex-server-slot__comments p { display: grid; gap: 2px; margin: 0; padding: 6px 8px; border-radius: 8px; background: var(--role-home-card); }
.mayak-codex-server-slot__comments b { color: var(--role-home-accent); font-size: 9px; }
.mayak-codex-server-slot__comments span,
.mayak-codex-server-slot__comments small { overflow: hidden; color: var(--role-home-muted); font-size: 9px; line-height: 1.4; text-overflow: ellipsis; }
.mayak-codex-server-slot__review { display: grid; grid-template-columns: minmax(0, 1fr) minmax(140px, .55fr); align-items: center; gap: 9px; padding: 10px; border: 1px solid color-mix(in srgb, var(--role-home-success) 45%, var(--role-home-line)); border-radius: 10px; background: color-mix(in srgb, var(--role-home-success) 9%, var(--role-home-card)); }
.mayak-codex-server-slot__review span { display: grid; gap: 3px; }
.mayak-codex-server-slot__review b { color: var(--role-home-success); font-size: 10px; }
.mayak-codex-server-slot__review small { color: var(--role-home-muted); font-size: 9px; line-height: 1.4; }
.mayak-codex-server-slot__comment { display: grid; gap: 7px; }
.mayak-codex-server-slot__comment.is-live-chat { padding-top: 9px; border-top: 1px solid var(--role-home-line); }
.mayak-codex-server-slot__model { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .72fr); gap: 7px; }
.mayak-codex-server-slot__model select { width: 100%; min-height: 34px; border: 1px solid var(--role-home-line); border-radius: 8px; padding: 6px 8px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; font-size: 9px; }
.mayak-codex-server-slot__comment label { display: grid; gap: 5px; color: var(--role-home-muted); font-size: 9px; font-weight: 750; }
.mayak-codex-server-slot__comment textarea { width: 100%; min-height: 58px; resize: vertical; border: 1px solid var(--role-home-line); border-radius: 9px; padding: 8px 9px; background: var(--role-home-card); color: var(--role-home-text); font: inherit; font-size: 10px; line-height: 1.4; }
.mayak-codex-server-slot__comment textarea:focus { outline: 2px solid color-mix(in srgb, var(--role-home-accent) 42%, transparent); outline-offset: 1px; }
.mayak-codex-server-slot__comment footer { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 6px; }
.mayak-codex-server-slot__comment > small { color: var(--role-home-success); font-size: 9px; line-height: 1.4; }
.mayak-codex-server-slot__comment > small.is-error { color: var(--role-home-danger); }
.mayak-codex-priority { display: grid; gap: 10px; padding-top: 4px; }
.mayak-codex-priority > header { display: grid; gap: 3px; padding: 2px 1px; }
@keyframes mayak-codex-server-pulse { 50% { opacity: .45; transform: scale(.82); } }

.mayak-request-proposals[data-request-proposal-view="4"] .mayak-request-proposal { padding: 8px; gap: 8px; }
.mayak-request-proposals[data-request-proposal-view="4"] .mayak-request-proposal__picture { width: 34px; height: 34px; flex-basis: 34px; }
.mayak-request-proposals[data-request-proposal-view="4"] .mayak-request-proposal > header strong { font-size: 12px; }
.mayak-request-proposals[data-request-proposal-view="4"] .mayak-request-proposal__verbatim blockquote:nth-of-type(n+2) { display: none; }
.mayak-request-proposal__progress { display: grid; gap: 7px; padding: 10px; border: 1px solid var(--role-home-line); border-radius: 10px; background: var(--role-home-card); }
.mayak-request-proposal__progress > header { display: grid; gap: 5px; }
.mayak-request-proposal__progress > header span { display: flex; align-items: center; gap: 7px; }
.mayak-request-proposal__progress > header i { width: 8px; height: 8px; border-radius: 50%; background: var(--role-home-warning); }
.mayak-request-proposal__progress[data-moving="true"] > header i { background: var(--role-home-success); animation: mayak-codex-server-pulse 1.8s ease-in-out infinite; }
.mayak-request-proposal__progress > header small { color: var(--role-home-accent); font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.mayak-request-proposal__progress > header b { color: var(--role-home-text); font-size: 12px; }
.mayak-request-proposal__progress p { margin: 0; color: var(--role-home-muted); font-size: 10px; line-height: 1.4; }
.mayak-request-proposal__progress p strong { color: var(--role-home-text); }
.mayak-request-proposal__progress footer { display: flex; flex-wrap: wrap; gap: 5px; }
.mayak-request-proposal__progress footer span { padding: 4px 6px; border-radius: 999px; background: var(--role-home-card-soft); color: var(--role-home-muted); font-size: 8px; }

.mayak-innovation-slide { display: grid; gap: 14px; color: var(--redesign-text, #152042); }
.mayak-innovation-slide__intro { display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; gap: 12px; }
.mayak-innovation-slide__intro > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: var(--redesign-accent, #315eea); color: #fff; }
.mayak-innovation-slide__intro strong { display: block; font-size: 17px; line-height: 1.25; }
.mayak-innovation-slide__intro p,
.mayak-innovation-necessity p,
.mayak-innovation-comments p { margin: 4px 0 0; color: var(--redesign-muted, #69728f); font-size: 12px; line-height: 1.5; }
.mayak-innovation-slide ol { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; counter-reset: innovation; }
.mayak-innovation-slide li { counter-increment: innovation; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; gap: 9px; padding: 9px 10px; border: 1px solid var(--redesign-line, #e2e6f0); border-radius: 11px; background: var(--redesign-surface-soft, #f8f9fd); color: var(--redesign-text, #152042); font-size: 12px; line-height: 1.45; }
.mayak-innovation-slide li::before { content: counter(innovation); display: grid; width: 22px; height: 22px; place-items: center; border-radius: 7px; background: var(--redesign-accent-soft, #edf2ff); color: var(--redesign-accent, #315eea); font-size: 10px; font-weight: 850; }
.mayak-innovation-necessity { display: grid; gap: 5px; padding: 13px 14px; border: 1px solid color-mix(in srgb, var(--redesign-warning, #b87511) 48%, var(--redesign-line, #e2e6f0)); border-radius: 12px; background: color-mix(in srgb, var(--redesign-warning-soft, #fff6df) 72%, var(--redesign-surface, #fff)); }
.mayak-innovation-necessity small { color: var(--redesign-warning, #b87511); font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.mayak-innovation-necessity em { color: var(--redesign-text, #152042); font-size: 11px; font-style: normal; font-weight: 750; }
.mayak-innovation-summary,
.mayak-innovation-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.mayak-innovation-summary span { padding: 6px 9px; border-radius: 999px; background: var(--redesign-surface-soft, #f8f9fd); color: var(--redesign-muted, #69728f); font-size: 10px; }
.mayak-innovation-summary b { color: var(--redesign-text, #152042); }
.mayak-innovation-actions .is-complete,
.mayak-innovation-actions .is-liked { border-color: var(--redesign-success, #15966a); color: var(--redesign-success, #15966a); background: color-mix(in srgb, var(--redesign-success, #15966a) 9%, var(--redesign-surface, #fff)); }
.mayak-innovation-comment { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 9px; }
.mayak-innovation-comment label { display: grid; gap: 5px; color: var(--redesign-muted, #69728f); font-size: 11px; font-weight: 750; }
.mayak-innovation-comment textarea { width: 100%; min-height: 76px; resize: vertical; padding: 9px 10px; border: 1px solid var(--redesign-line-strong, #cfd5e4); border-radius: 10px; background: var(--redesign-input, #fff); color: var(--redesign-text, #152042); font: inherit; font-weight: 500; }
.mayak-innovation-comments { display: grid; gap: 8px; padding-top: 2px; }
.mayak-innovation-comments > strong { font-size: 12px; }
.mayak-innovation-comments article { padding: 9px 10px; border-left: 3px solid var(--redesign-accent, #315eea); border-radius: 0 9px 9px 0; background: var(--redesign-surface-soft, #f8f9fd); }
.mayak-innovation-comments article b { font-size: 11px; }

@media (max-width: 1100px) {
  .mayak-role-codex-notice { grid-template-columns: auto minmax(0, 1fr) auto; }
  .mayak-role-codex-rules { grid-column: 2 / -1; justify-content: flex-start; }
}

@media (max-width: 680px) {
  .mayak-role-codex-notice { grid-template-columns: auto minmax(0, 1fr); }
  .mayak-role-codex-notice > .mayak-role-button { grid-column: 1 / -1; width: 100%; }
  .mayak-role-codex-actions { grid-column: 1 / -1; }
  .mayak-role-codex-actions .mayak-role-button { flex: 1 1 auto; }
  .mayak-role-codex-rules { grid-column: 1 / -1; }
  .mayak-innovation-comment { grid-template-columns: 1fr; }
}

.mayak-role-scope {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  border: 1px solid var(--role-home-line);
  border-radius: 12px;
  background: var(--role-home-card);
}

.mayak-role-scope button {
  min-height: 34px;
  max-width: 170px;
  padding: 7px 12px;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--role-home-muted);
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.mayak-role-scope button:hover { background: var(--role-home-card-soft); color: var(--role-home-text); }
.mayak-role-scope button.is-active { background: var(--role-home-accent-soft); color: var(--role-home-accent); }

.mayak-role-button {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid var(--role-home-line-strong);
  border-radius: 11px;
  background: var(--role-home-card);
  color: var(--role-home-text);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease;
}

.mayak-role-button:hover { border-color: color-mix(in srgb, var(--role-home-accent) 55%, var(--role-home-line)); box-shadow: 0 8px 22px rgba(33, 48, 85, .08); transform: translateY(-1px); }
.mayak-role-button.is-primary { border-color: var(--role-home-accent); background: var(--role-home-accent); color: #fff; }

.mayak-role-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.mayak-role-icon svg,
.mayak-role-icon img { width: 100%; height: 100%; object-fit: contain; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.mayak-role-settings {
  position: absolute;
  top: calc(100% + 8px);
  right: 112px;
  z-index: 30;
  width: min(330px, calc(100vw - 32px));
  padding: 7px;
  border: 1px solid var(--role-home-line);
  border-radius: 14px;
  background: var(--role-home-card);
  box-shadow: 0 22px 55px rgba(30, 44, 75, .18);
}

.mayak-role-settings[hidden] { display: none; }
.mayak-role-settings > button { display: flex; width: 100%; align-items: center; gap: 11px; padding: 10px; border: 0; border-radius: 10px; background: transparent; text-align: left; cursor: pointer; }
.mayak-role-settings > button:hover { background: var(--role-home-card-soft); }
.mayak-role-settings > button > span:not(.mayak-role-icon) { display: grid; min-width: 0; gap: 2px; }
.mayak-role-settings strong { font-size: 13px; }
.mayak-role-settings small { overflow: hidden; color: var(--role-home-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

.mayak-role-focus-strip {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 13px;
  max-width: 1680px;
  min-height: 62px;
  margin: 0 auto 16px;
  padding: 10px 14px;
  border: 1px solid color-mix(in srgb, var(--role-home-accent) 22%, var(--role-home-line));
  border-radius: 14px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--role-home-accent) 7%, var(--role-home-card)), var(--role-home-card));
}

.mayak-role-focus-mark { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; background: var(--role-home-accent-soft); color: var(--role-home-accent); }
.mayak-role-focus-strip > div:nth-child(2) { min-width: 0; }
.mayak-role-focus-strip strong { font-size: 12px; }
.mayak-role-focus-strip p { margin: 2px 0 0; overflow: hidden; color: var(--role-home-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.mayak-role-focus-strip > button { display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--role-home-muted); cursor: pointer; transform: rotate(45deg); }
.mayak-role-focus-strip > button:hover { background: var(--role-home-card-soft); color: var(--role-home-text); }

.mayak-role-utilities { display: flex; align-items: center; gap: 13px; color: var(--role-home-muted); }
.mayak-role-utilities time { color: var(--role-home-text); font-size: 16px; font-weight: 800; font-variant-numeric: tabular-nums; }
.mayak-role-utilities > span { display: flex; align-items: center; gap: 5px; padding-left: 13px; border-left: 1px solid var(--role-home-line); }
.mayak-role-utilities b { color: var(--role-home-text); font-size: 13px; }
.mayak-role-utilities small { max-width: 110px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

.mayak-role-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(310px, .86fr);
  align-items: start;
  gap: 16px;
  max-width: 1680px;
  margin: 0 auto;
}

.mayak-role-layout > main,
.mayak-role-layout > aside { display: grid; min-width: 0; gap: 16px; }

.mayak-role-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--role-home-line);
  border-radius: 16px;
  background: var(--role-home-card);
  box-shadow: 0 8px 28px rgba(36, 51, 82, .055);
}

.mayak-role-card > header {
  display: flex;
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 17px;
  border-bottom: 1px solid var(--role-home-line);
}

.mayak-role-card h2 { font-size: 18px; line-height: 1.15; letter-spacing: -.015em; }
.mayak-role-card .mayak-role-kicker { margin-bottom: 3px; font-size: 9px; }
.mayak-role-link { padding: 6px 3px; border: 0; background: transparent; color: var(--role-home-accent); font-size: 12px; font-weight: 750; white-space: nowrap; cursor: pointer; }
.mayak-role-link:hover { text-decoration: underline; text-underline-offset: 3px; }

.mayak-role-risk { padding: 6px 9px; border-radius: 8px; background: var(--role-home-card-soft); color: var(--role-home-muted); font-size: 10px; font-weight: 800; white-space: nowrap; }
.mayak-role-risk.is-danger { background: color-mix(in srgb, var(--role-home-danger) 10%, var(--role-home-card)); color: var(--role-home-danger); }
.mayak-role-risk.is-warning { background: #fff6e5; color: var(--role-home-warning); }
.mayak-role-risk.is-calm { background: #edf9f4; color: var(--role-home-success); }

.mayak-role-focus-task { padding: 20px; }
.mayak-role-focus-heading { display: flex; align-items: flex-start; gap: 13px; min-width: 0; }
.mayak-role-task-check { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 11px; background: var(--role-home-accent-soft); color: var(--role-home-accent); }
.mayak-role-focus-heading > div { min-width: 0; }
.mayak-role-focus-heading h3 { overflow: hidden; font-size: clamp(18px, 1.5vw, 24px); line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.mayak-role-focus-heading p { margin: 5px 0 0; overflow: hidden; color: var(--role-home-muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }

.mayak-role-focus-task dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin: 19px 0; overflow: hidden; border: 1px solid var(--role-home-line); border-radius: 12px; background: var(--role-home-line); }
.mayak-role-focus-task dl > div { display: grid; min-height: 72px; align-content: center; gap: 6px; padding: 11px 13px; background: var(--role-home-card-soft); }
.mayak-role-focus-task dt { color: var(--role-home-muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.mayak-role-focus-task dd { display: flex; min-width: 0; align-items: center; gap: 8px; margin: 0; color: var(--role-home-text); font-size: 12px; font-weight: 700; }
.mayak-role-focus-task dd > b { flex: 0 0 auto; font-size: 11px; }

.mayak-role-progress { display: block; width: min(110px, 72%); height: 5px; overflow: hidden; border-radius: 999px; background: #e1e6f0; }
.mayak-role-progress i { display: block; height: 100%; border-radius: inherit; background: var(--role-home-accent); }

.mayak-role-focus-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mayak-role-focus-actions .mayak-role-link { margin-left: auto; }

.mayak-role-avatar-stack { display: inline-flex; align-items: center; padding-left: 4px; }
.mayak-role-avatar {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid var(--role-home-card);
  border-radius: 50%;
  background: var(--role-home-accent);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.mayak-role-avatar.is-small { width: 27px; height: 27px; margin-left: -5px; font-size: 9px; }
.mayak-role-avatar:first-child { margin-left: 0; }
.mayak-role-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mayak-role-avatar-stack > b { display: flex; height: 27px; min-width: 27px; align-items: center; justify-content: center; margin-left: -5px; padding: 0 5px; border: 2px solid var(--role-home-card); border-radius: 999px; background: #e9edf5; color: var(--role-home-muted); font-size: 9px; }
.mayak-role-unassigned { color: var(--role-home-muted); font-size: 11px; font-weight: 500; }

.mayak-role-next-list > button {
  display: grid;
  grid-template-columns: 28px minmax(150px, 1fr) minmax(70px, auto) 118px 18px;
  width: 100%;
  min-height: 67px;
  align-items: center;
  gap: 11px;
  padding: 10px 16px;
  border: 0;
  border-bottom: 1px solid var(--role-home-line);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.mayak-role-next-list > button:last-child { border-bottom: 0; }
.mayak-role-next-list > button:hover { background: var(--role-home-card-soft); }
.mayak-role-next-order { display: flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 7px; background: var(--role-home-card-soft); color: var(--role-home-muted); font-size: 10px; font-weight: 800; }
.mayak-role-next-body { display: grid; min-width: 0; gap: 4px; }
.mayak-role-next-body strong,
.mayak-role-next-body small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mayak-role-next-body strong { font-size: 13px; }
.mayak-role-next-body small { color: var(--role-home-muted); font-size: 11px; }
.mayak-role-next-people { justify-self: end; }
.mayak-role-next-due { font-size: 10px; font-weight: 750; text-align: right; }
.mayak-role-next-due.is-danger { color: var(--role-home-danger); }
.mayak-role-next-due.is-warning { color: var(--role-home-warning); }
.mayak-role-next-due.is-calm { color: var(--role-home-muted); }
.mayak-role-next-arrow { color: var(--role-home-muted); }

.mayak-role-timeline { position: relative; padding: 8px 15px 13px; }
.mayak-role-timeline > button { display: grid; grid-template-columns: 42px 17px minmax(0, 1fr); width: 100%; min-height: 58px; align-items: center; gap: 8px; padding: 6px 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.mayak-role-timeline > button:hover strong { color: var(--role-home-accent); }
.mayak-role-timeline > button > time { color: var(--role-home-muted); font-size: 10px; font-weight: 750; font-variant-numeric: tabular-nums; }
.mayak-role-timeline-line { position: relative; align-self: stretch; }
.mayak-role-timeline-line::before { position: absolute; top: 0; bottom: 0; left: 7px; width: 1px; background: var(--role-home-line); content: ''; }
.mayak-role-timeline-line i { position: absolute; top: calc(50% - 4px); left: 3px; width: 9px; height: 9px; border: 2px solid var(--role-home-card); border-radius: 50%; background: var(--role-home-accent); box-shadow: 0 0 0 1px var(--role-home-accent); }
.mayak-role-timeline > button > span:last-child { display: grid; min-width: 0; gap: 3px; }
.mayak-role-timeline strong,
.mayak-role-timeline small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mayak-role-timeline strong { font-size: 12px; }
.mayak-role-timeline small { color: var(--role-home-muted); font-size: 10px; }

.mayak-role-pulse-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mayak-role-pulse-grid > button { position: relative; display: grid; min-height: 82px; align-content: center; gap: 4px; padding: 13px 15px; border: 0; border-right: 1px solid var(--role-home-line); border-bottom: 1px solid var(--role-home-line); background: transparent; text-align: left; cursor: pointer; }
.mayak-role-pulse-grid > button:nth-child(2n) { border-right: 0; }
.mayak-role-pulse-grid > button:nth-last-child(-n+2) { border-bottom: 0; }
.mayak-role-pulse-grid > button:hover { background: var(--role-home-card-soft); }
.mayak-role-pulse-grid strong { font-size: 23px; line-height: 1; }
.mayak-role-pulse-grid small { color: var(--role-home-muted); font-size: 10px; }
.mayak-role-pulse-indicator { position: absolute; top: 13px; right: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--role-home-muted); }
.mayak-role-pulse-indicator.is-accent { background: var(--role-home-accent); }
.mayak-role-pulse-indicator.is-danger { background: var(--role-home-danger); }
.mayak-role-pulse-indicator.is-warning { background: var(--role-home-warning); }
.mayak-role-pulse-indicator.is-calm { background: var(--role-home-success); }

.mayak-role-messages > div > button,
.mayak-role-process-list > button {
  display: flex;
  width: 100%;
  min-height: 58px;
  align-items: center;
  gap: 10px;
  padding: 9px 15px;
  border: 0;
  border-bottom: 1px solid var(--role-home-line);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.mayak-role-messages > div > button:last-child,
.mayak-role-process-list > button:last-child { border-bottom: 0; }
.mayak-role-messages > div > button:hover,
.mayak-role-process-list > button:hover { background: var(--role-home-card-soft); }
.mayak-role-messages > div > button > span:nth-child(2),
.mayak-role-process-list > button > span:nth-child(2) { display: grid; min-width: 0; flex: 1; gap: 3px; }
.mayak-role-messages strong,
.mayak-role-messages small,
.mayak-role-process-list strong,
.mayak-role-process-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mayak-role-messages strong,
.mayak-role-process-list strong { font-size: 11px; }
.mayak-role-messages small,
.mayak-role-process-list small { color: var(--role-home-muted); font-size: 10px; }
.mayak-role-messages time { color: var(--role-home-muted); font-size: 9px; }
.mayak-role-process-list b { color: var(--role-home-accent); font-size: 10px; }
.mayak-role-process-status { display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 9px; background: var(--role-home-accent-soft); color: var(--role-home-accent); }
.mayak-role-process-status.is-running .mayak-role-icon { animation: mayak-role-spin 1.4s linear infinite; }
@keyframes mayak-role-spin { to { transform: rotate(360deg); } }

.mayak-role-source-health { display: flex; align-items: center; gap: 11px; min-height: 75px; padding: 12px 15px; }
.mayak-role-source-health > span:first-child { display: flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 11px; }
.mayak-role-source-health > span:first-child.is-ready { background: #edf9f4; color: var(--role-home-success); }
.mayak-role-source-health > span:first-child.is-warning { background: #fff6e5; color: var(--role-home-warning); }
.mayak-role-source-health > span:last-child { display: grid; gap: 3px; }
.mayak-role-source-health strong { font-size: 12px; }
.mayak-role-source-health small { color: var(--role-home-muted); font-size: 10px; }

.mayak-role-tomorrow > div { padding: 16px; }
.mayak-role-tomorrow > div > strong { font-size: 16px; }
.mayak-role-tomorrow > div > p { margin: 5px 0 0; overflow: hidden; color: var(--role-home-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }

.mayak-role-empty { display: grid; justify-items: start; gap: 9px; padding: 28px; color: var(--role-home-muted); }
.mayak-role-empty strong { color: var(--role-home-text); font-size: 14px; }
.mayak-role-empty p { margin: 0; font-size: 12px; }
.mayak-role-empty.is-compact { padding: 20px 16px; font-size: 11px; }

.mayak-role-popover-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  padding: 22px;
  border: 0;
  background: rgba(20, 30, 54, .32);
}
.mayak-role-popover { width: min(440px, 100%); overflow: hidden; border: 1px solid var(--role-home-line); border-radius: 16px; background: var(--role-home-card); box-shadow: 0 30px 90px rgba(19, 31, 60, .25); }
.mayak-role-popover > header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--role-home-line); }
.mayak-role-popover h2 { font-size: 19px; }
.mayak-role-popover > header > button { display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; border: 0; border-radius: 8px; background: transparent; color: var(--role-home-muted); cursor: pointer; transform: rotate(45deg); }
.mayak-role-popover > p { margin: 16px 18px 0; overflow: hidden; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.mayak-role-popover > label { display: grid; gap: 7px; padding: 16px 18px; color: var(--role-home-muted); font-size: 11px; font-weight: 700; }
.mayak-role-popover input { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid var(--role-home-line-strong); border-radius: 10px; background: var(--role-home-card); color: var(--role-home-text); }
.mayak-role-popover > div:last-child { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 18px; border-top: 1px solid var(--role-home-line); }

.mayak-role-live-status { position: fixed; right: 24px; bottom: 24px; z-index: 3100; max-width: min(420px, calc(100vw - 48px)); padding: 11px 15px; border-radius: 11px; background: #172544; color: #fff; font-size: 12px; font-weight: 700; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .16s ease, transform .16s ease; }
.mayak-role-live-status.is-visible { opacity: 1; transform: translateY(0); }
.mayak-role-live-status.is-error { background: #9f3340; }

.mayak-role-home button:focus-visible,
.mayak-role-home input:focus-visible { outline: 3px solid color-mix(in srgb, var(--role-home-accent) 30%, transparent); outline-offset: 2px; }

@media (max-width: 1220px) {
  .mayak-codex-server__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mayak-role-codex-invitation { grid-template-columns: minmax(240px, 1fr) auto; }
  .mayak-role-codex-invitation .mayak-role-codex-actions { grid-column: 1 / -1; }
  .mayak-role-home-header { align-items: flex-start; }
  .mayak-role-home-actions { flex-wrap: wrap; justify-content: flex-end; max-width: 54%; }
  .mayak-role-scope { order: 3; }
  .mayak-role-layout { grid-template-columns: minmax(0, 1.55fr) minmax(290px, .9fr); }
  .mayak-role-focus-task dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mayak-role-next-list > button { grid-template-columns: 28px minmax(120px, 1fr) minmax(60px, auto) 92px 18px; }
}

@media (max-width: 980px) {
  .mayak-role-home-header { display: grid; }
  .mayak-role-home-actions { max-width: none; justify-content: flex-start; }
  .mayak-role-scope { order: initial; }
  .mayak-role-settings { right: auto; left: 0; }
  .mayak-role-layout { grid-template-columns: 1fr; }
  .mayak-role-layout > aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mayak-role-day { grid-row: span 2; }
}

@media (max-width: 720px) {
  .mayak-role-home { padding: 15px; }
  .mayak-role-home-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .mayak-role-scope { grid-column: 1 / -1; overflow-x: auto; }
  .mayak-role-scope button { flex: 1 0 auto; }
  .mayak-role-focus-strip { grid-template-columns: auto minmax(0, 1fr) auto; }
  .mayak-role-utilities { grid-column: 2; }
  .mayak-role-focus-strip > button { grid-column: 3; grid-row: 1; }
  .mayak-role-focus-task dl { grid-template-columns: 1fr; }
  .mayak-role-focus-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .mayak-role-focus-actions .mayak-role-link { grid-column: 1 / -1; margin: 0; text-align: left; }
  .mayak-role-next-list > button { grid-template-columns: 26px minmax(0, 1fr) 18px; }
  .mayak-role-next-people,
  .mayak-role-next-due { display: none; }
  .mayak-role-layout > aside { grid-template-columns: 1fr; }
  .mayak-role-day { grid-row: auto; }
  .mayak-role-codex-invitation { grid-template-columns: 1fr; }
  .mayak-role-codex-invitation .mayak-role-codex-actions { grid-column: auto; }
  .mayak-role-codex-choice,
  .mayak-role-codex-actions { flex-wrap: wrap; }
  .mayak-request-proposals > header { display: grid; }
  .mayak-request-proposals__controls { flex-wrap: wrap; }
  .mayak-request-proposal__comment { grid-template-columns: 1fr; }
  .mayak-request-proposal__comment .mayak-role-button { width: 100%; }
  .mayak-request-proposal-list__item { grid-template-columns: 1fr; }
  .mayak-request-proposal-list__item > span:last-child { justify-items: stretch; }
  .mayak-codex-server > header { display: grid; }
  .mayak-codex-smart-router > header,
  .mayak-codex-smart-router > footer { display: grid; }
  .mayak-codex-smart-router__composer { grid-template-columns: 1fr; }
  .mayak-codex-smart-router__composer .mayak-role-button { min-height: 40px; }
  .mayak-codex-server__head { justify-items: start; }
  .mayak-codex-server__launch-actions { justify-content: flex-start; }
  .mayak-codex-server__node { justify-self: start; }
  .mayak-codex-server__grid { grid-template-columns: 1fr; }
  .mayak-codex-new-window__settings,
  .mayak-codex-new-window > footer { grid-template-columns: 1fr; }
  .mayak-codex-attachments__controls,
  .mayak-codex-reviewed-control { display: grid; justify-items: stretch; }
  .mayak-codex-attachments__controls small { text-align: left; }
  .mayak-codex-reviewed-control .mayak-role-button,
  .mayak-codex-autofill-switch { width: 100%; }
  .mayak-codex-server-slot__review { grid-template-columns: 1fr; }
  .mayak-codex-archive__list article { grid-template-columns: 1fr; }
  .mayak-codex-archive__actions form { grid-template-columns: 1fr; }
  .mayak-codex-archive__actions .mayak-role-button { width: 100%; }
  .mayak-request-proposals { padding: 10px; }
  .mayak-request-proposals .mayak-request-proposals__rail,
  .mayak-request-proposals[data-request-proposal-view="4"] .mayak-request-proposals__rail { grid-template-columns: 1fr; }
  .mayak-request-proposals .mayak-request-proposal { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .mayak-request-proposal__picture { transition-duration: .001ms !important; }
  .mayak-request-proposal__progress[data-moving="true"] > header i { animation: none; }
}

@media (max-width: 460px) {
  .mayak-role-home-title h1 { font-size: 25px; }
  .mayak-role-home-title p { font-size: 12px; }
  .mayak-role-home-actions { grid-template-columns: 1fr; }
  .mayak-role-scope { grid-column: auto; }
  .mayak-role-focus-strip { display: none; }
  .mayak-role-focus-task { padding: 15px; }
  .mayak-role-focus-actions { grid-template-columns: 1fr; }
  .mayak-role-card > header { min-height: 60px; padding-inline: 14px; }
  .mayak-role-pulse-grid { grid-template-columns: 1fr; }
  .mayak-role-pulse-grid > button { border-right: 0; border-bottom: 1px solid var(--role-home-line) !important; }
  .mayak-role-pulse-grid > button:last-child { border-bottom: 0 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .mayak-role-home *,
  .mayak-role-home *::before,
  .mayak-role-home *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}