.digest{display:grid;grid-template-columns:320px 1fr 320px;gap:12px;padding:12px;height:calc(100vh - 64px);min-height:0}

/* Left sidebar - Filters */
.digest__filters{background:linear-gradient(180deg,#0f1928,#0e1826);border:1px solid var(--stroke);border-radius:16px;padding:16px;box-shadow:var(--shadow);height:100%;overflow:auto}
.filters-header{margin-bottom:20px}
.filters-header__title{font-size:16px;font-weight:600;margin-bottom:4px;color:#cfe5ff}
.filters-header__subtitle{font-size:12px;color:#9db7d6}
.filter-section{margin-bottom:24px}
.filter-section__title{font-size:12px;color:#8fb0d1;margin-bottom:12px;text-transform:uppercase;letter-spacing:0.5px}

/* Search box */
.search-box{position:relative}
.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}
.search-box input{width:100%;background:#0b1626;border:1px solid var(--stroke);border-radius:10px;padding:10px 12px 10px 36px;color:#cfe5ff;font-size:13px}
.search-box input:focus{outline:none;border-color:#3b82f6}

/* Category toggles */
.category-toggles{display:flex;flex-direction:column;gap:8px}
.category-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0}
.category-toggle input{display:none}
.category-toggle__dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--stroke);transition:all 0.2s ease}
.category-toggle input:checked + .category-toggle__dot{border-color:#3b82f6;background:#3b82f6}
.category-toggle__text{font-size:13px;color:#cfe5ff;flex:1}

/* Period toggles */
.period-toggles{display:flex;flex-direction:column;gap:6px}
.period-toggle{display:flex;align-items:center;cursor:pointer;padding:6px 0}
.period-toggle input{display:none}
.period-toggle__text{font-size:13px;color:#cfe5ff;position:relative;padding-left:20px}
.period-toggle__text::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;border:2px solid var(--stroke)}
.period-toggle input:checked + .period-toggle__text::before{border-color:#3b82f6;background:#3b82f6}
.period-toggle input:checked + .period-toggle__text::after{content:'';position:absolute;left:3px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#fff}

/* Date range */
.date-range{display:flex;gap:8px;margin-top:8px}
.date-input{flex:1;background:#0b1626;border:1px solid var(--stroke);border-radius:8px;padding:8px 10px;color:#cfe5ff;font-size:12px}

/* Source toggles */
.source-toggles{display:flex;flex-direction:column;gap:8px}
.source-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0}
.source-toggle input{display:none}
.source-toggle__dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--stroke);transition:all 0.2s ease}
.source-toggle input:checked + .source-toggle__dot{border-color:#22c55e;background:#22c55e}
.source-toggle__text{font-size:13px;color:#cfe5ff;flex:1}

/* Sort selector */
.sort-selector select{width:100%;background:#0b1626;border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;color:#cfe5ff;font-size:13px}

/* Clear filters button */
.clear-filters{width:100%;background:linear-gradient(180deg,#1a2538,#0f1b29);border:1px solid var(--stroke);border-radius:10px;padding:10px 12px;color:#cfe5ff;font-size:13px;cursor:pointer;margin-top:16px}
.clear-filters:hover{border-color:#2b3d55;background:linear-gradient(180deg,#2a3548,#1f2b3a)}

/* Content area */
.digest__content{display:flex;flex-direction:column;gap:16px;height:100%;overflow:auto}

/* ===== НОВЫЕ РАЗДЕЛЫ ДАЙДЖЕСТА ===== */

/* Общие стили для заголовков секций */
.section-header {
  margin-bottom: 20px;
  text-align: center;
}

.section-header h2 {
  font-size: 24px;
  font-weight: 700;
  color: #e6f0ff;
  margin: 0;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.section-header h3 {
  font-size: 18px;
  font-weight: 600;
  color: #cfe5ff;
  margin: 0 0 16px 0;
}

/* Ключевые наблюдения */
.key-observations {
  background: linear-gradient(180deg, #0f1a29, #0c1726);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--shadow);
}

.observations-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.observation-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 20px;
  background: linear-gradient(135deg, #1a2a3a, #162230);
  border: 1px solid var(--stroke);
  border-radius: 12px;
  transition: all 0.2s ease;
}

.observation-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  border-color: #3b82f6;
}

.observation-icon {
  font-size: 32px;
  flex-shrink: 0;
  margin-top: 4px;
}

.observation-text {
  color: #cfe5ff;
  line-height: 1.6;
  font-size: 14px;
}

.observation-text strong {
  color: #e6f0ff;
  font-weight: 600;
}

.source-links {
  color: #9db7d6;
  font-size: 12px;
  font-style: italic;
}

/* Рекомендации */
.recommendations {
  background: linear-gradient(180deg, #0f1a29, #0c1726);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--shadow);
}

.recommendations-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.recommendation-item {
  background: linear-gradient(135deg, #1a2a3a, #162230);
  border: 1px solid var(--stroke);
  border-radius: 12px;
  padding: 20px;
  transition: all 0.2s ease;
}

.recommendation-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  border-color: #3b82f6;
}

.recommendation-header {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--stroke);
}

.recommendation-icon {
  font-size: 28px;
  flex-shrink: 0;
}

.recommendation-title {
  font-size: 16px;
  font-weight: 600;
  color: #e6f0ff;
  line-height: 1.4;
}

.recommendation-text {
  color: #cfe5ff;
  line-height: 1.6;
  font-size: 14px;
}

.recommendation-text strong {
  color: #e6f0ff;
  font-weight: 600;
}

.recommendation-details {
  display: flex;
  gap: 20px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--stroke);
  flex-wrap: wrap;
}

.deadline, .responsible {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}

/* Приоритеты и KPI */
.priorities-kpi {
  background: linear-gradient(180deg, #0f1a29, #0c1726);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 24px;
  box-shadow: var(--shadow);
}

.priorities-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.priorities-section {
  margin-bottom: 24px;
}

.priority-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.priority-item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 16px;
  background: linear-gradient(135deg, #1a2a3a, #162230);
  border: 1px solid var(--stroke);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.priority-item:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  border-color: #3b82f6;
}

.priority-number {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  flex-shrink: 0;
}

.priority-text {
  color: #cfe5ff;
  line-height: 1.5;
  font-size: 14px;
}

.kpi-section {
  margin-top: 24px;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

.kpi-card {
  background: linear-gradient(135deg, #1a2a3a, #162230);
  border: 1px solid var(--stroke);
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: all 0.2s ease;
}

.kpi-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  border-color: #3b82f6;
}

.kpi-icon {
  font-size: 36px;
  margin-bottom: 12px;
}

.kpi-title {
  font-size: 16px;
  font-weight: 600;
  color: #e6f0ff;
  margin-bottom: 8px;
}

.kpi-description {
  color: #9db7d6;
  font-size: 13px;
  line-height: 1.5;
}

/* Main news section */
.main-news{background:linear-gradient(180deg,#0f1a29,#0c1726);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.main-news__header{padding:16px;border-bottom:1px solid var(--stroke)}
.main-news__title{font-size:16px;font-weight:600;margin-bottom:4px;color:#cfe5ff}
.main-news__subtitle{font-size:12px;color:#9db7d6}
.main-news__content{padding:16px}
.main-news-item{display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:all 0.2s ease;padding:16px;border-radius:12px}
.main-news-item:hover{background:linear-gradient(135deg,#1a2a3a,#162230);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.3)}
.main-news-item__badge{width:12px;border-radius:6px;flex-shrink:0;margin-top:4px}
.main-news-item__content{flex:1}
.main-news-item__title{font-size:18px;font-weight:600;margin-bottom:8px;color:#cfe5ff;line-height:1.3}

.main-news-item__category {
  display: inline-block;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  align-self: flex-start;
}
.main-news-item__meta{font-size:12px;color:#9db7d6;margin-bottom:12px}
.main-news-item__text{color:#cfe5ff;line-height:1.5}

/* News feed section */
.news-feed{background:linear-gradient(180deg,#0f1a29,#0c1726);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;flex:1}
.news-feed__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--stroke)}
.news-feed__title{font-size:16px;font-weight:600;color:#cfe5ff}
.news-feed__count{font-size:12px;color:#9db7d6}
.news-feed__content{padding:16px;display:flex;flex-direction:column;gap:12px;height:calc(100% - 60px);overflow:auto}

.digest .sidebar--right{height:100%;overflow:hidden}

/* ===== ПРАВАЯ ПАНЕЛЬ ===== */
.sidebar--right {
  background: linear-gradient(180deg, #0f1a29, #0c1726);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  box-shadow: var(--shadow);
  overflow: hidden;
}

.panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid var(--stroke);
  background: linear-gradient(180deg, #0f1b2b, #0b1625);
}

.panel__title {
  font-size: 14px;
  font-weight: 600;
  color: #e6f0ff;
}

.icon-btn--ghost {
  background: none;
  border: none;
  color: #9db7d6;
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.icon-btn--ghost:hover {
  background: rgba(156, 183, 214, 0.1);
  color: #cfe5ff;
}
.digest .chat-card{height:100%;display:flex;flex-direction:column}
.digest .chat-card__body{flex:1;overflow:auto}

/* ===== СТИЛИ ЧАТ-КАРТЫ ===== */
.chat-card {
  background: linear-gradient(180deg, #0f1a29, #0c1726);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow);
}

.chat-card__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--stroke);
}

.bot-avatar {
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: white;
}

.chat-card__title {
  font-size: 14px;
  font-weight: 600;
  color: #e6f0ff;
  margin-bottom: 4px;
}

.chat-card .status--online {
  font-size: 12px;
  color: #9fc2ff;
  background: #0c1c36;
  border: 1px solid #1d3a64;
  padding: 4px 8px;
  border-radius: 999px;
}

.chat-card .status--online::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--green);
  margin-right: 6px;
}

.chat-card__body {
  flex: 1;
  overflow-y: auto;
  margin-bottom: 16px;
}

.msg {
  padding: 12px 16px;
  border-radius: 12px;
  margin-bottom: 12px;
  line-height: 1.4;
}

.msg--bot {
  background: linear-gradient(135deg, #1a2a3a, #162230);
  border: 1px solid var(--stroke);
  color: #cfe5ff;
  font-size: 13px;
}

.msg--user {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: 1px solid #3b82f6;
  color: white;
  font-size: 13px;
  margin-left: 20px;
  text-align: right;
}

.chat-card__quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.chip {
  background: linear-gradient(135deg, #1a2a3a, #162230);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  padding: 6px 12px;
  color: #cfe5ff;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.chip:hover {
  border-color: #3b82f6;
  background: linear-gradient(135deg, #2a3a4a, #263230);
}

.chat-card__input {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--stroke);
}

.chat-card__input input {
  flex: 1;
  background: #0b1626;
  border: 1px solid var(--stroke);
  border-radius: 10px;
  padding: 10px 12px;
  color: #cfe5ff;
  font-size: 13px;
  min-width: 0; /* Важно для корректного flexbox */
}

.chat-card__input input:focus {
  outline: none;
  border-color: #3b82f6;
}

.chat-card__input .icon-btn {
  background: #1a2a3a;
  border: 1px solid var(--stroke);
  border-radius: 8px;
  padding: 8px;
  color: #9db7d6;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.chat-card__input .icon-btn:hover {
  background: #2a3a4a;
  border-color: #3b82f6;
  color: #cfe5ff;
}

.chat-card__input .primary-btn {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border: none;
  border-radius: 8px;
  padding: 10px 12px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-card__input .primary-btn:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.post{background:linear-gradient(180deg,#0f1a29,#0c1726);border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow);padding:12px;display:flex;gap:12px;cursor:pointer;transition:all 0.2s ease}
.post:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.3);border-color:#3b82f6}
.post__badge{width:8px;border-radius:6px}
.post__body{flex:1}
.post__title{font-weight:600;margin-bottom:4px}

.post__category {
  display: inline-block;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 3px 10px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  align-self: flex-start;
}
.post__meta{font-size:12px;color:#9db7d6;margin-bottom:6px}
.post__text{color:#cfe5ff}
.badge-economy{background:#10b981}
.badge-social{background:#3b82f6}
.badge-infra{background:#f59e0b}
.badge-politics{background:#8b5cf6}
.badge-education{background:#06b6d4}
.badge-health{background:#ef4444}

/* Beautiful date styles */
.date-today{
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.date-yesterday{
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.date-week{
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
}

.date-month{
  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
}

.date-year{
  background: linear-gradient(135deg, #6b7280, #4b5563);
  color: white;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
}

.date-old{
  background: linear-gradient(135deg, #374151, #1f2937);
  color: #9ca3af;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 400;
}

/* ===== МОДАЛЬНОЕ ОКНО НОВОСТИ ===== */
.news-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.news-modal--open {
  display: flex;
}

.news-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
}

.news-modal__content {
  position: relative;
  background: linear-gradient(180deg, #0f1a2a, #0b1522);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  width: 100%;
  max-width: 1400px;
  max-height: 95vh;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.news-modal__header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 24px 20px;
  border-bottom: 1px solid var(--stroke);
  background: linear-gradient(180deg, #0f1b2b, #0b1625);
}

.news-modal__badge {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  flex-shrink: 0;
  margin-top: 4px;
}

.news-modal__title {
  flex: 1;
  margin-right: 40px;
}

.modal-category {
  display: inline-block;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  align-self: flex-start;
}

.modal-title-text {
  font-size: 20px;
  font-weight: 700;
  color: #e6f0ff;
  line-height: 1.3;
}

.news-modal__close {
  background: none;
  border: none;
  color: #9db7d6;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.news-modal__close:hover {
  background: rgba(156, 183, 214, 0.1);
  color: #cfe5ff;
}

.news-modal__body {
  padding: 0;
  overflow-y: auto;
  max-height: calc(95vh - 120px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.news-modal__left {
  padding: 24px;
  border-right: 1px solid var(--stroke);
  background: linear-gradient(180deg, #0f1b2b, #0b1625);
}

.news-modal__right {
  padding: 24px;
  background: linear-gradient(180deg, #0b1522, #0a1420);
}

/* Дисклеймер ИИ */
.news-modal__disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  margin-bottom: 20px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 8px;
  border-left: 4px solid #f59e0b;
}

.disclaimer__icon {
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 2px;
}

.disclaimer__text {
  font-size: 13px;
  line-height: 1.4;
  color: #fbbf24;
}

.disclaimer__text strong {
  color: #f59e0b;
  font-weight: 600;
}

.news-modal__meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
  padding: 20px;
  background: linear-gradient(135deg, #0f1b2b, #0b1625);
  border: 1px solid var(--stroke);
  border-radius: 12px;
}

.news-modal__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.news-modal__label {
  font-size: 11px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.news-modal__value {
  font-size: 14px;
  color: #cfe5ff;
  font-weight: 600;
}

.news-modal__description {
  font-size: 16px;
  line-height: 1.6;
  color: #cfe5ff;
  margin-bottom: 24px;
  padding: 20px;
  background: linear-gradient(135deg, #0f1b2b, #0b1625);
  border: 1px solid var(--stroke);
  border-radius: 12px;
}

.news-modal__risks {
  margin-bottom: 24px;
}

.news-modal__risks h4 {
  font-size: 16px;
  font-weight: 600;
  color: #e6f0ff;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.news-modal__risks h4::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}

.news-modal__risks-content {
  padding: 16px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 12px;
  color: #fca5a5;
  line-height: 1.5;
  font-size: 14px;
}

.news-modal__analysis {
  margin-bottom: 24px;
}

.news-modal__analysis h4 {
  font-size: 16px;
  font-weight: 600;
  color: #e6f0ff;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.news-modal__analysis h4::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M18.7 8l-5.1 5.2-2.8-2.7L7 14.3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}

.news-modal__analysis-content {
  padding: 16px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(37, 99, 235, 0.05));
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 12px;
  color: #93c5fd;
  line-height: 1.5;
  font-size: 14px;
}

/* Стили для рисков в правой колонке */
.news-modal__right .news-modal__risks {
  margin-bottom: 24px;
}

.news-modal__right .news-modal__risks h4 {
  font-size: 16px;
  font-weight: 600;
  color: #e6f0ff;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.news-modal__right .news-modal__risks h4::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}

.news-modal__right .news-modal__risks-content {
  padding: 16px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(220, 38, 38, 0.05));
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 12px;
  color: #fca5a5;
  line-height: 1.5;
  font-size: 14px;
}

.news-modal__recommendations {
  margin-bottom: 24px;
}

.news-modal__recommendations h4 {
  font-size: 16px;
  font-weight: 600;
  color: #e6f0ff;
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.news-modal__recommendations h4::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3Cpath d='M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3'/%3E%3Cpath d='M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3'/%3E%3Cpath d='M12 3c0 1-1 3-3 3s-3-2-3-3 1-3 3-3 3 2 3 3'/%3E%3Cpath d='M12 21c0-1 1-3 3-3s3 2 3 3-1 3-3 3-3-2-3-3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
}

.news-modal__recommendations-content {
  padding: 16px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.05));
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 12px;
  color: #6ee7b7;
  line-height: 1.5;
  font-size: 14px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  .news-modal__content {
    max-width: 95vw;
    margin: 10px;
    max-height: 95vh;
  }
  
  .news-modal__header {
    padding: 20px 20px 16px;
  }
  
  .news-modal__title {
    font-size: 18px;
    margin-right: 20px;
  }
  
  .news-modal__body {
    grid-template-columns: 1fr;
    max-height: calc(95vh - 100px);
  }
  
  .news-modal__left,
  .news-modal__right {
    padding: 16px;
  }
  
  .news-modal__left {
    border-right: none;
    border-bottom: 1px solid var(--stroke);
  }
  
  .news-modal__meta {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }
  
  .news-modal__disclaimer {
    padding: 12px;
    margin-bottom: 16px;
  }
  
  .news-modal__description {
    padding: 16px;
    margin-bottom: 16px;
  }
  
  .news-modal__risks,
  .news-modal__analysis,
  .news-modal__recommendations {
    margin-bottom: 16px;
  }
  
  .news-modal__risks-content,
  .news-modal__analysis-content,
  .news-modal__recommendations-content {
    padding: 12px;
    font-size: 13px;
  }
  
  /* Стили для рисков в правой колонке на мобильных */
  .news-modal__right .news-modal__risks {
    margin-bottom: 16px;
  }
  
  .news-modal__right .news-modal__risks-content {
    padding: 12px;
    font-size: 13px;
  }
  
  /* Адаптивность для новых разделов */
  .key-observations,
  .recommendations,
  .priorities-kpi {
    padding: 16px;
  }
  
  .section-header h2 {
    font-size: 20px;
  }
  
  .observation-item,
  .recommendation-item,
  .priority-item {
    padding: 16px;
  }
  
  .recommendation-details {
    flex-direction: column;
    gap: 12px;
  }
  
  .kpi-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .observation-icon {
    font-size: 28px;
  }
  
  .recommendation-icon {
    font-size: 24px;
  }
}

/* Рекомендации для руководителя */
.recommendations-panel {
  background: linear-gradient(180deg, #0f1928, #0e1826);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 16px;
  box-shadow: var(--shadow);
}

.recommendations-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--stroke);
}

.recommendations-panel__title {
  font-size: 18px;
  font-weight: 600;
  color: #cfe5ff;
}

.recommendations-panel__date {
  font-size: 12px;
  color: #9db7d6;
  background: rgba(59, 130, 246, 0.1);
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.2);
}

.recommendations-panel__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recommendation-item {
  display: flex;
  gap: 12px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  transition: all 0.2s ease;
}

.recommendation-item:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(59, 130, 246, 0.2);
  transform: translateY(-1px);
}

.recommendation-item__icon {
  font-size: 24px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(59, 130, 246, 0.2);
}

.recommendation-item__content {
  flex: 1;
}

.recommendation-item__title {
  font-size: 14px;
  font-weight: 600;
  color: #cfe5ff;
  margin-bottom: 6px;
  line-height: 1.4;
}

.recommendation-item__text {
  font-size: 13px;
  color: #9db7d6;
  line-height: 1.5;
}

/* Рекомендации в правой панели */
.recommendations-sidebar {
  background: linear-gradient(180deg, #0f1928, #0e1826);
  border: 1px solid var(--stroke);
  border-radius: 16px;
  padding: 16px;
  height: calc(100% - 60px);
  overflow-y: auto;
}

.recommendations-sidebar__header {
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--stroke);
}

.recommendations-sidebar__date {
  font-size: 12px;
  color: #9db7d6;
  background: rgba(59, 130, 246, 0.1);
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  display: inline-block;
}

.recommendations-sidebar__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.recommendation-sidebar-item {
  padding: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.recommendation-sidebar-item:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(59, 130, 246, 0.2);
}

.recommendation-sidebar-item__icon {
  font-size: 20px;
  margin-bottom: 8px;
  display: block;
}

.recommendation-sidebar-item__title {
  font-size: 13px;
  font-weight: 600;
  color: #cfe5ff;
  margin-bottom: 6px;
  line-height: 1.3;
}

.recommendation-sidebar-item__text {
  font-size: 12px;
  color: #9db7d6;
  line-height: 1.4;
  margin-bottom: 8px;
}

.recommendation-sidebar-item__deadline {
  font-size: 11px;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid rgba(59, 130, 246, 0.2);
  display: inline-block;
}