.revmoto-debug-panel[data-v-50cfe39f] {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 100000;
  width: min(620px, calc(100vw - 32px));
  max-height: min(520px, calc(100vh - 32px));
  background: #111827;
  color: #f9fafb;
  border: 1px solid #374151;
  border-radius: 8px;
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.28);
  overflow: hidden;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.revmoto-debug-panel.minimized[data-v-50cfe39f] {
  width: min(360px, calc(100vw - 32px));
}
.revmoto-debug-header[data-v-50cfe39f],
.revmoto-debug-actions[data-v-50cfe39f] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
}
.revmoto-debug-header[data-v-50cfe39f] {
  background: #030712;
}
.revmoto-debug-header strong[data-v-50cfe39f] {
  font-size: 13px;
}
.revmoto-debug-header span[data-v-50cfe39f] {
  margin-right: auto;
  color: #d1d5db;
  font-size: 12px;
}
.revmoto-debug-actions[data-v-50cfe39f] {
  border-top: 1px solid #374151;
  border-bottom: 1px solid #374151;
}
.revmoto-debug-panel button[data-v-50cfe39f] {
  border: 1px solid #4b5563;
  background: #1f2937;
  color: #f9fafb;
  border-radius: 6px;
  padding: 6px 8px;
  cursor: pointer;
  font-size: 12px;
}
.revmoto-debug-panel button[data-v-50cfe39f]:hover {
  background: #374151;
}
.revmoto-debug-output[data-v-50cfe39f] {
  display: block;
  width: 100%;
  height: 380px;
  max-height: calc(100vh - 150px);
  border: 0;
  padding: 10px;
  resize: vertical;
  background: #020617;
  color: #d1fae5;
  font: inherit;
  font-size: 11px;
  line-height: 1.45;
  outline: none;
}


html {
  font-size: 15px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f8f9fa;
}
#app {
  min-height: 100vh;
}
html.accessibility-mode {
  font-size: 18px;
}
html.accessibility-mode body {
  background: #ffffff !important;
  color: #111111 !important;
  line-height: 1.6;
}
html.accessibility-mode body,
html.accessibility-mode button,
html.accessibility-mode input,
html.accessibility-mode select,
html.accessibility-mode textarea {
  font-family: Arial, Helvetica, sans-serif;
}
html.accessibility-mode * {
  text-shadow: none !important;
}
html.accessibility-mode :focus-visible {
  outline: 3px solid #ffbf00 !important;
  outline-offset: 3px;
}
html.accessibility-mode .login-page,
html.accessibility-mode .registry-shell,
html.accessibility-mode .home-page,
html.accessibility-mode .patients-page,
html.accessibility-mode .statistics-page,
html.accessibility-mode .survey-statistics-page,
html.accessibility-mode .patient-profile {
  background: #ffffff !important;
  color: #111111 !important;
}
html.accessibility-mode .shell-topbar,
html.accessibility-mode .header {
  background: #111111 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
html.accessibility-mode .back-button,
html.accessibility-mode .user-trigger,
html.accessibility-mode .timestamp,
html.accessibility-mode .accessibility-button,
html.accessibility-mode .page-title,
html.accessibility-mode .brand-name,
html.accessibility-mode .brand-ai,
html.accessibility-mode .brand-subtitle,
html.accessibility-mode .form-title,
html.accessibility-mode .summary-label,
html.accessibility-mode .summary-value,
html.accessibility-mode .chart-title,
html.accessibility-mode .block-name,
html.accessibility-mode .block-subtitle,
html.accessibility-mode .level-name,
html.accessibility-mode .level-description,
html.accessibility-mode .patients-table thead th,
html.accessibility-mode .patients-table tbody td,
html.accessibility-mode .create-table thead th {
  color: inherit !important;
  opacity: 1 !important;
}
html.accessibility-mode .login-shell {
  grid-template-columns: minmax(0, 1fr) !important;
  padding: 1.25rem !important;
}
html.accessibility-mode .login-page {
  overflow: auto !important;
}
html.accessibility-mode .login-panel-inner {
  min-height: auto !important;
  padding: 4.5rem 0 1.5rem clamp(1rem, 4vw, 4rem) !important;
}
html.accessibility-mode .hero-panel {
  display: none !important;
}
html.accessibility-mode .accessibility-button,
html.accessibility-mode .page-tab,
html.accessibility-mode .page-search-button,
html.accessibility-mode .password-toggle,
html.accessibility-mode .btn-cancel,
html.accessibility-mode .pagination-btn,
html.accessibility-mode .action-btn.edit-btn {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
html.accessibility-mode .login-button,
html.accessibility-mode .page-tab.active,
html.accessibility-mode .accessibility-button.active,
html.accessibility-mode .shell-action-btn,
html.accessibility-mode .btn-primary,
html.accessibility-mode .retry-btn,
html.accessibility-mode .btn-retry {
  background: #111111 !important;
  color: #ffffff !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
html.accessibility-mode .page-tabs,
html.accessibility-mode .page-search-field,
html.accessibility-mode .patients-mini-search,
html.accessibility-mode .create-mini-search,
html.accessibility-mode .create-top-search-field,
html.accessibility-mode .patients-toolbar-select,
html.accessibility-mode .create-toolbar-select,
html.accessibility-mode .form-input,
html.accessibility-mode .form-select,
html.accessibility-mode .patients-table-container,
html.accessibility-mode .create-table-shell,
html.accessibility-mode .chart-card,
html.accessibility-mode .summary-card,
html.accessibility-mode .haq-level-card,
html.accessibility-mode .block-card,
html.accessibility-mode .filters-panel,
html.accessibility-mode .user-dropdown,
html.accessibility-mode .modal-content,
html.accessibility-mode .hero-frame,
html.accessibility-mode .registry-brand-footer,
html.accessibility-mode .empty-state-content,
html.accessibility-mode .error-state,
html.accessibility-mode .loading-state {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
html.accessibility-mode .page-search-input,
html.accessibility-mode .patients-mini-search-input,
html.accessibility-mode .create-mini-search-input,
html.accessibility-mode .create-top-search-input {
  border: none !important;
  background: transparent !important;
  color: #111111 !important;
}
html.accessibility-mode .page-search-input::-moz-placeholder, html.accessibility-mode .patients-mini-search-input::-moz-placeholder, html.accessibility-mode .create-mini-search-input::-moz-placeholder, html.accessibility-mode .create-top-search-input::-moz-placeholder, html.accessibility-mode .form-input::-moz-placeholder {
  color: #4b5563 !important;
}
html.accessibility-mode .page-search-input::placeholder,
html.accessibility-mode .patients-mini-search-input::placeholder,
html.accessibility-mode .create-mini-search-input::placeholder,
html.accessibility-mode .create-top-search-input::placeholder,
html.accessibility-mode .form-input::placeholder {
  color: #4b5563 !important;
}
html.accessibility-mode .page-search-icon,
html.accessibility-mode .create-top-search-icon,
html.accessibility-mode .patients-mini-search-icon,
html.accessibility-mode .create-mini-search-icon,
html.accessibility-mode .password-toggle-icon {
  color: #111111 !important;
}
html.accessibility-mode .page-footer {
  padding-top: 2rem !important;
}
html.accessibility-mode a {
  text-decoration: underline !important;
}
html.accessibility-mode .hero-frame::after {
  box-shadow: none !important;
}
html.accessibility-mode .hero-image {
  filter: grayscale(1) contrast(1.2);
}


/* Minimalist layout */
.identification-tab[data-v-084aa1f0] {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Локальный индикатор загрузки */
.tab-loading-overlay[data-v-084aa1f0] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  backdrop-filter: blur(2px);
}
.tab-spinner[data-v-084aa1f0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E7EB;
}
.spinner-circle[data-v-084aa1f0] {
  width: 32px;
  height: 32px;
  border: 3px solid #F3F4F6;
  border-top: 3px solid #2563EB;
  border-radius: 50%;
  animation: spin-084aa1f0 1s linear infinite;
}
@keyframes spin-084aa1f0 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-084aa1f0] {
  margin: 0;
  font-size: 0.875rem;
  color: #6B7280;
  font-weight: 500;
}
.main-layout.loading[data-v-084aa1f0] {
  opacity: 0.6;
  pointer-events: none;
}
.main-layout[data-v-084aa1f0] {
  padding: 1rem;
  background: transparent;
}
.top-section[data-v-084aa1f0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
.bottom-section[data-v-084aa1f0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.left-bottom[data-v-084aa1f0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.right-bottom[data-v-084aa1f0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section[data-v-084aa1f0] {
  margin-bottom: 0;
  padding: 1.25rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  transition: border-color 0.2s ease;
}
.section[data-v-084aa1f0]:hover {
  border-color: #D1D5DB;
}
.basic-section[data-v-084aa1f0] {
  padding: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.contact-section[data-v-084aa1f0] {
  padding: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Minimalist section headers */
.section-header[data-v-084aa1f0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0.75rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #F3F4F6;
}
.section-title[data-v-084aa1f0] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.clear-section-btn[data-v-084aa1f0] {
  background: none;
  border: 1px solid #E5E7EB;
  color: #9CA3AF;
  font-size: 14px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-weight: 400;
  border-radius: 4px;
}
.clear-section-btn[data-v-084aa1f0]:hover {
  background: #F9FAFB;
  border-color: #DC2626;
  color: #DC2626;
}
.basic-section .form-group[data-v-084aa1f0] {
  margin-bottom: 1rem;
}
.contact-section .form-group[data-v-084aa1f0] {
  margin-bottom: 1rem;
}

/* Minimalist forms */
.form-group[data-v-084aa1f0] {
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.field-label[data-v-084aa1f0] {
  font-size: 0.75rem;
  color: #6B7280;
  font-weight: 500;
  margin-bottom: 0.25rem;
  display: block;
}
.required[data-v-084aa1f0] {
  color: #EF4444;
  font-weight: 600;
}
.form-input[data-v-084aa1f0] {
  padding: 0.5rem 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  font-size: 0.875rem;
  transition: border-color 0.2s ease;
  width: 100%;
  background: white;
}
.form-input[data-v-084aa1f0]:focus {
  outline: none;
  border-color: #2563EB;
}
.form-input.error[data-v-084aa1f0] {
  border-color: #EF4444;
}
.radio-group.error[data-v-084aa1f0] {
  border: 1px solid #EF4444;
  border-radius: 6px;
  padding: 0.5rem;
  background-color: rgba(239, 68, 68, 0.05);
}
.radio-group.error .radio-label[data-v-084aa1f0] {
  color: #EF4444;
}
.form-input[data-v-084aa1f0]::-moz-placeholder {
  color: #9CA3AF;
}
.form-input[data-v-084aa1f0]::placeholder {
  color: #9CA3AF;
}
.readonly-field[data-v-084aa1f0] {
  background: #F9FAFB;
  color: #6B7280;
  cursor: not-allowed;
}

/* Белое поле ИМТ */
.bmi-display[data-v-084aa1f0] {
  background: white;
  border-color: #E5E7EB;
  color: #374151;
  font-weight: 500;
}
.form-input.small[data-v-084aa1f0] {
  max-width: 120px;
}

/* Minimalist radio buttons */
.radio-group[data-v-084aa1f0] {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.25rem;
}
.radio-label[data-v-084aa1f0] {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.radio-label[data-v-084aa1f0]:hover {
  background: #F9FAFB;
}
.radio-label input[type="radio"][data-v-084aa1f0] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.radio-visual[data-v-084aa1f0] {
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #D1D5DB;
  border-radius: 50%;
  position: relative;
  background: white;
  transition: all 0.2s ease;
}
.radio-label input[type="radio"]:checked + .radio-visual[data-v-084aa1f0] {
  border-color: #2563EB;
  background: #2563EB;
}
.radio-label input[type="radio"]:checked + .radio-visual[data-v-084aa1f0]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}
.radio-text[data-v-084aa1f0] {
  font-size: 0.8rem;
  color: #374151;
  font-weight: 400;
}
.radio-label input[type="radio"]:checked ~ .radio-text[data-v-084aa1f0] {
  color: #1F2937;
  font-weight: 500;
}
.error-message[data-v-084aa1f0] {
  color: #EF4444;
  font-size: 0.7rem;
  margin-top: 0.25rem;
}
.weight-input[data-v-084aa1f0] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
}
.weight-input .form-input[data-v-084aa1f0] {
  flex: 1;
}
.calculate-btn[data-v-084aa1f0] {
  padding: 0.5rem 1rem;
  background: #10B981;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  white-space: nowrap;
}
.calculate-btn[data-v-084aa1f0]:hover:not(:disabled) {
  background: #059669;
}
.calculate-btn[data-v-084aa1f0]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}
.form-select[data-v-084aa1f0] {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27m6 8 4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1.2em 1.2em;
  padding-right: 2.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.imt-group[data-v-084aa1f0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Minimalist BMI scale */
.imt-scale[data-v-084aa1f0] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.25rem;
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: #FAFAFA;
  border-radius: 6px;
  border: 1px solid #F3F4F6;
}
.scale-item[data-v-084aa1f0] {
  text-align: center;
  padding: 0.5rem 0.25rem;
  border-radius: 4px;
  border: 1px solid #E5E7EB;
  background: white;
  transition: all 0.2s ease;
  cursor: default;
}

/* Цветные индикаторы ИМТ в зависимости от категории */
.scale-item.underweight.active[data-v-084aa1f0] {
  background: #E0F2FE;
  color: #0F4F75;
  border-color: #7DD3FC;
}
.scale-item.normal.active[data-v-084aa1f0] {
  background: #DCFCE7;
  color: #166534;
  border-color: #86EFAC;
}
.scale-item.overweight.active[data-v-084aa1f0] {
  background: #FEF3C7;
  color: #92400E;
  border-color: #FCD34D;
}
.scale-item.obese1.active[data-v-084aa1f0] {
  background: #FEE2E2;
  color: #991B1B;
  border-color: #FCA5A5;
}
.scale-item.obese2.active[data-v-084aa1f0] {
  background: #FECACA;
  color: #7F1D1D;
  border-color: #F87171;
}
.scale-item.obese3.active[data-v-084aa1f0] {
  background: #FCA5A5;
  color: #7F1D1D;
  border-color: #EF4444;
}
.scale-label[data-v-084aa1f0] {
  font-size: 0.65rem;
  margin-bottom: 0.25rem;
  font-weight: 500;
  line-height: 1.1;
  white-space: pre-line;
  color: inherit;
}
.scale-value[data-v-084aa1f0] {
  font-size: 0.7rem;
  font-weight: 600;
  color: inherit;
}
.year-group[data-v-084aa1f0] {
  display: flex;
  gap: 0.5rem;
}
.year-group input[data-v-084aa1f0] {
  flex: 1;
}

/* Minimalist save section */
.save-actions[data-v-084aa1f0] {
  margin-top: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
}
.save-btn[data-v-084aa1f0] {
  background: #2563EB;
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.save-btn[data-v-084aa1f0]:hover:not(:disabled) {
  background: #1D4ED8;
}
.save-btn[data-v-084aa1f0]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}
.save-status[data-v-084aa1f0] {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.save-status.success[data-v-084aa1f0] {
  background: #D1FAE5;
  color: #065F46;
  border: 1px solid #10B981;
}
.save-status.success[data-v-084aa1f0]::before {
  content: "✓";
  font-size: 0.875rem;
}
.save-status.error[data-v-084aa1f0] {
  background: #FEF2F2;
  color: #991B1B;
  border: 1px solid #EF4444;
}
.save-status.error[data-v-084aa1f0]::before {
  content: "✗";
  font-size: 0.875rem;
}

/* Responsive design */
@media (max-width: 768px) {
.main-layout[data-v-084aa1f0] {
    padding: 0.75rem;
}
.top-section[data-v-084aa1f0],
  .bottom-section[data-v-084aa1f0] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
.section[data-v-084aa1f0] {
    padding: 1rem;
}
.section-header[data-v-084aa1f0] {
    margin-bottom: 0.75rem;
}
.weight-input[data-v-084aa1f0] {
    flex-direction: column;
    gap: 0.375rem;
}
.imt-scale[data-v-084aa1f0] {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.25rem;
    padding: 0.5rem;
}
.radio-group[data-v-084aa1f0] {
    gap: 0.375rem;
}
.save-actions[data-v-084aa1f0] {
    padding: 0.75rem;
}
}

/* Large screens */
@media (min-width: 1200px) {
.identification-tab[data-v-084aa1f0] {
    max-width: 1400px;
}
.main-layout[data-v-084aa1f0] {
    padding: 1.25rem;
}
.top-section[data-v-084aa1f0],
  .bottom-section[data-v-084aa1f0] {
    gap: 1.25rem;
}
.section[data-v-084aa1f0] {
    padding: 1.5rem;
}
}


.identification-tab[data-v-084aa1f0] {
  max-width: none;
  margin: 0;
}
.main-layout[data-v-084aa1f0] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
}
.section[data-v-084aa1f0],
.basic-section[data-v-084aa1f0],
.contact-section[data-v-084aa1f0] {
  padding: 1.5rem 1.75rem;
  border-radius: 1.5rem;
  border: 1px solid #e4ebf5;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(22, 34, 74, 0.08);
}
.section-header[data-v-084aa1f0] {
  margin: 0 0 1.15rem;
  padding: 0 0 0.8rem;
  border-bottom: 1px solid #d8e4f4;
}
.section-title[data-v-084aa1f0] {
  color: #4f6079;
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
.form-grid[data-v-084aa1f0] {
  display: grid;
  gap: 1rem;
}
.form-grid-basic[data-v-084aa1f0],
.form-grid-contacts[data-v-084aa1f0] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-group[data-v-084aa1f0] {
  gap: 0.45rem;
  margin-bottom: 0;
}
.form-group-wide[data-v-084aa1f0] {
  grid-column: 1 / -1;
}
.field-label[data-v-084aa1f0] {
  color: #53637b;
  font-size: 0.88rem;
  font-weight: 500;
  margin-bottom: 0;
}
.required[data-v-084aa1f0] {
  color: #ff5757;
}
.form-input[data-v-084aa1f0] {
  min-height: 3.35rem;
  padding: 0.85rem 1rem;
  border: 1px solid #cfdced;
  border-radius: 1rem;
  font-size: 0.95rem;
  color: #50627d;
  background: #ffffff;
  box-shadow: none;
}
.form-input[data-v-084aa1f0]:focus {
  border-color: #2a5cab;
  box-shadow: 0 0 0 3px rgba(42, 92, 171, 0.12);
}
.readonly-field[data-v-084aa1f0] {
  background: #f7fafe;
}
.custom-select[data-v-084aa1f0] {
  position: relative;
}
.custom-select-trigger[data-v-084aa1f0] {
  width: 100%;
  min-height: 3.35rem;
  padding: 0.85rem 1rem;
  border: 1px solid #cfdced;
  border-radius: 1rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #50627d;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.custom-select-trigger[data-v-084aa1f0]:hover {
  background: #fbfdff;
}
.custom-select.open .custom-select-trigger[data-v-084aa1f0] {
  border-color: #2a5cab;
  box-shadow: 0 0 0 3px rgba(42, 92, 171, 0.12);
}
.custom-select.error .custom-select-trigger[data-v-084aa1f0] {
  border-color: #ef4444;
}
.custom-select.disabled .custom-select-trigger[data-v-084aa1f0] {
  background: #f6f8fc;
  color: #98a6bb;
  cursor: not-allowed;
}
.custom-select-value[data-v-084aa1f0] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.custom-select-value.placeholder[data-v-084aa1f0] {
  color: #98a6bb;
}
.custom-select-chevron[data-v-084aa1f0] {
  position: relative;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.custom-select-chevron[data-v-084aa1f0]::before,
.custom-select-chevron[data-v-084aa1f0]::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 0.42rem;
  height: 1.5px;
  border-radius: 999px;
  background: #6f819b;
  transition: transform 0.2s ease;
}
.custom-select-chevron[data-v-084aa1f0]::before {
  left: 0.12rem;
  transform: translateY(-50%) rotate(45deg);
}
.custom-select-chevron[data-v-084aa1f0]::after {
  right: 0.12rem;
  transform: translateY(-50%) rotate(-45deg);
}
.custom-select.open .custom-select-chevron[data-v-084aa1f0]::before {
  transform: translateY(-50%) rotate(-45deg);
}
.custom-select.open .custom-select-chevron[data-v-084aa1f0]::after {
  transform: translateY(-50%) rotate(45deg);
}
.custom-select-menu[data-v-084aa1f0] {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 14rem;
  overflow-y: auto;
  padding: 0.4rem;
  border-radius: 1rem;
  border: 1px solid #e2ebf6;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(22, 34, 74, 0.12);
}
.custom-select-menu[data-v-084aa1f0]::-webkit-scrollbar {
  width: 0.4rem;
}
.custom-select-menu[data-v-084aa1f0]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #d8e3f2;
}
.custom-select-option[data-v-084aa1f0] {
  width: 100%;
  border: none;
  background: transparent;
  color: #50627d;
  font: inherit;
  text-align: left;
  padding: 0.7rem 0.8rem;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.custom-select-option[data-v-084aa1f0]:hover,
.custom-select-option.selected[data-v-084aa1f0] {
  background: #eef3fb;
  color: #3d5372;
}
.custom-select-option-placeholder[data-v-084aa1f0] {
  font-weight: 600;
}
.number-field[data-v-084aa1f0] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  padding-right: 2.9rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M4 10l4-4 4 4%27 stroke=%27%236F819B%27 stroke-width=%271.35%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M4 6l4 4 4-4%27 stroke=%27%236F819B%27 stroke-width=%271.35%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem 1rem;
}
.number-field[data-v-084aa1f0]::-webkit-outer-spin-button,
.number-field[data-v-084aa1f0]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pill-group[data-v-084aa1f0] {
  gap: 0.75rem;
  margin-top: 0;
}
.pill-group.error[data-v-084aa1f0] {
  border: none;
  padding: 0;
  background: transparent;
}
.pill-label[data-v-084aa1f0] {
  position: relative;
  gap: 0.5rem;
  min-height: 2.95rem;
  padding: 0.72rem 1.1rem;
  border: 1px solid #cfdced;
  border-radius: 999px;
  background: #ffffff;
}
.pill-group.error .pill-label[data-v-084aa1f0] {
  border-color: #ef4444;
}
.pill-label[data-v-084aa1f0]:hover {
  background: #f8fbff;
}
.pill-label[data-v-084aa1f0]:has(input[type="radio"]:checked) {
  background: #e9eff7;
  border-color: #d5e1f0;
}
.radio-visual[data-v-084aa1f0] {
  width: 1rem;
  height: 1rem;
  border-color: #8c9db4;
}
.pill-label input[type="radio"]:checked + .radio-visual[data-v-084aa1f0] {
  border-color: #6d7f97;
  background: transparent;
}
.pill-label input[type="radio"]:checked + .radio-visual[data-v-084aa1f0]::after {
  width: 0.42rem;
  height: 0.42rem;
  background: #6d7f97;
}
.radio-text[data-v-084aa1f0] {
  font-size: 0.95rem;
  color: #4f6079;
}
.pill-label input[type="radio"]:checked ~ .radio-text[data-v-084aa1f0] {
  color: #4f6079;
  font-weight: 500;
}
.bmi-display[data-v-084aa1f0] {
  color: #52647f;
  font-weight: 500;
}
.bmi-status-block[data-v-084aa1f0] {
  margin-top: 0.7rem;
}
.bmi-status-title[data-v-084aa1f0] {
  margin-bottom: 0.55rem;
  color: #53637b;
  font-size: 0.9rem;
  font-weight: 500;
}
.bmi-range-track[data-v-084aa1f0] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  flex-wrap: wrap;
}
.bmi-range-segment[data-v-084aa1f0] {
  width: clamp(3.8rem, 10vw, 7rem);
  height: 0.95rem;
  border-radius: 999px;
}
.bmi-range-track.underweight .bmi-range-segment[data-v-084aa1f0] {
  background: #dce9fa;
}
.bmi-range-track.normal .bmi-range-segment[data-v-084aa1f0] {
  background: #bdf2c7;
}
.bmi-range-track.overweight .bmi-range-segment[data-v-084aa1f0] {
  background: #ffe08c;
}
.bmi-range-track.obese1 .bmi-range-segment[data-v-084aa1f0] {
  background: #ffb0aa;
}
.bmi-range-track.obese2 .bmi-range-segment[data-v-084aa1f0] {
  background: #d81212;
}
.bmi-range-track.obese3 .bmi-range-segment[data-v-084aa1f0] {
  background: #242424;
}
.bmi-range-label[data-v-084aa1f0] {
  color: #50627d;
  font-size: 0.95rem;
  font-weight: 700;
}
.social-section-full .form-group + .form-group[data-v-084aa1f0] {
  margin-top: 1rem;
}
.save-actions[data-v-084aa1f0] {
  margin-top: 1rem;
  padding: 0.25rem 0 0;
  border: none;
  background: transparent;
  justify-content: flex-end;
}
.save-actions-spacer[data-v-084aa1f0] {
  flex: 1;
}
.reset-btn[data-v-084aa1f0] {
  border: none;
  background: transparent;
  color: #1e2d45;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0.75rem 0.85rem;
}
.reset-btn[data-v-084aa1f0]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.save-btn[data-v-084aa1f0] {
  min-width: 7.6rem;
  min-height: 2.8rem;
  padding: 0 1.4rem;
  border-radius: 0.95rem;
  background: #11145d;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
}
.save-btn[data-v-084aa1f0]:hover:not(:disabled) {
  background: #0d104b;
}
.save-status[data-v-084aa1f0] {
  order: -1;
}
@media (max-width: 900px) {
.form-grid-basic[data-v-084aa1f0],
  .form-grid-contacts[data-v-084aa1f0] {
    grid-template-columns: minmax(0, 1fr);
}
.section[data-v-084aa1f0],
  .basic-section[data-v-084aa1f0],
  .contact-section[data-v-084aa1f0] {
    padding: 1.2rem;
    border-radius: 1.1rem;
}
.save-actions[data-v-084aa1f0] {
    flex-wrap: wrap;
}
.save-actions-spacer[data-v-084aa1f0] {
    display: none;
}
}
@media (max-width: 640px) {
.pill-group[data-v-084aa1f0] {
    gap: 0.55rem;
}
.pill-label[data-v-084aa1f0] {
    width: 100%;
    justify-content: flex-start;
}
.save-actions[data-v-084aa1f0] {
    justify-content: stretch;
}
.reset-btn[data-v-084aa1f0],
  .save-btn[data-v-084aa1f0] {
    width: 100%;
}
}


/* Основной контейнер вкладки */
.anamnesis-tab[data-v-662c46d8] {
  padding: 0;
  background: #f8f9fa;
  position: relative;
}
.anamnesis-container[data-v-662c46d8] {
  padding: 1rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

/* Заголовок страницы */
.page-header[data-v-662c46d8] {
  margin-bottom: 1rem;
}
.page-header h2[data-v-662c46d8] {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* Вкладки */
.sub-tabs[data-v-662c46d8] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  padding: 0.5rem;
  overflow-x: auto;
}
.sub-tab[data-v-662c46d8] {
  padding: 0.75rem 1rem;
  border: none;
  background: transparent;
  color: #666;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.sub-tab[data-v-662c46d8]:hover {
  background: #f8f9fa;
  color: #333;
}
.sub-tab.active[data-v-662c46d8] {
  background: #2563EB;
  color: white;
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}
.sub-tab.active[data-v-662c46d8]:hover {
  background: #1D4ED8;
}

/* Контент вкладок */
.tab-content[data-v-662c46d8] {
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  margin-bottom: 1rem;
}
.tab-panel[data-v-662c46d8] {
  padding: 1.25rem;
}

/* Секции */
.section[data-v-662c46d8] {
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  border: none;
}
.section-content[data-v-662c46d8] {
  padding: 0;
}

/* Контейнер группы полей */
.form-group-container[data-v-662c46d8] {
  margin-bottom: 1.5rem;
}
.form-group-container[data-v-662c46d8]:last-child {
  margin-bottom: 0;
}
.form-group-container h3.section-title[data-v-662c46d8] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 1.25rem 0;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #F3F4F6;
}
.section-title[data-v-662c46d8] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 1rem 0;
}

/* Ряд полей */
.form-row[data-v-662c46d8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

/* Группа полей */
.form-group[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.form-group[data-v-662c46d8]:last-child {
  margin-bottom: 0;
}
.field-label[data-v-662c46d8] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6B7280;
  margin-bottom: 0.25rem;
  display: block;
}
.form-group label[data-v-662c46d8]:not(.field-label) {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6B7280;
  margin-bottom: 0.25rem;
}
.form-group label.required[data-v-662c46d8]::after {
  content: '';
}
.required[data-v-662c46d8] {
  position: relative;
}


/* Инпуты */
.form-input[data-v-662c46d8],
.form-select[data-v-662c46d8],
.form-textarea[data-v-662c46d8] {
  padding: 0.625rem 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  font-size: 0.875rem;
  font-family: inherit;
  color: #374151;
  background: white;
  transition: all 0.2s ease;
  width: 100%;
}
.form-input[data-v-662c46d8]:hover,
.form-select[data-v-662c46d8]:hover,
.form-textarea[data-v-662c46d8]:hover {
  border-color: #D1D5DB;
}
.form-input[data-v-662c46d8]:focus,
.form-select[data-v-662c46d8]:focus,
.form-textarea[data-v-662c46d8]:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.form-input.error[data-v-662c46d8],
.form-select.error[data-v-662c46d8],
.form-textarea.error[data-v-662c46d8] {
  border-color: #EF4444;
  background-color: #FEF2F2;
}
.form-input.error[data-v-662c46d8]:focus,
.form-select.error[data-v-662c46d8]:focus,
.form-textarea.error[data-v-662c46d8]:focus {
  border-color: #DC2626;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.form-textarea[data-v-662c46d8] {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
}
.input-with-unit[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.input-with-unit .form-input[data-v-662c46d8] {
  flex: 1;
}
.input-with-unit .unit[data-v-662c46d8] {
  color: #6B7280;
  font-size: 0.875rem;
  white-space: nowrap;
  font-weight: 500;
}

/* Группы радио-кнопок и чекбоксов */
.radio-group[data-v-662c46d8],
.checkbox-group[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.radio-label[data-v-662c46d8],
.checkbox-label[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.radio-label[data-v-662c46d8]:hover,
.checkbox-label[data-v-662c46d8]:hover {
  background: #F9FAFB;
}
.radio-label.suggested[data-v-662c46d8] {
  background-color: #EFF6FF;
  border: 1px solid #2563EB;
}
.radio-label input[type="radio"][data-v-662c46d8],
.checkbox-label input[type="checkbox"][data-v-662c46d8] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  accent-color: #2563EB;
}
.radio-label span[data-v-662c46d8],
.checkbox-label span[data-v-662c46d8] {
  font-size: 0.875rem;
  color: #374151;
}


/* Сообщения */
.error-message[data-v-662c46d8] {
  color: #DC2626;
  font-size: 0.75rem;
  margin-top: 0.5rem;
  display: block;
}
.success-message[data-v-662c46d8] {
  padding: 0.75rem;
  background: #ECFDF5;
  border-left: 3px solid #10B981;
  color: #065F46;
  border-radius: 4px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.info-message[data-v-662c46d8] {
  padding: 0.75rem;
  background: #EFF6FF;
  border-left: 3px solid #3B82F6;
  color: #1E40AF;
  border-radius: 4px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}
.warning-message[data-v-662c46d8] {
  padding: 0.75rem;
  background: #FEF3C7;
  border-left: 3px solid #F59E0B;
  color: #92400E;
  border-radius: 4px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

/* Детали блоков */
.smoking-details[data-v-662c46d8],
.alcohol-details[data-v-662c46d8],
.alcohol-abuse-details[data-v-662c46d8],
.treatment-details[data-v-662c46d8],
.menopause-details[data-v-662c46d8],
.hrt-details[data-v-662c46d8] {
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
  padding: 1.25rem;
  background: #FAFAFA;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
}

/* Индекс курильщика */
.smoking-index[data-v-662c46d8] {
  margin: 1rem 0;
}
.index-display[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
}
.index-display.low-risk[data-v-662c46d8] {
  background: #ECFDF5;
  border-left: 3px solid #10B981;
  color: #065F46;
}
.index-display.medium-risk[data-v-662c46d8] {
  background: #FEF3C7;
  border-left: 3px solid #F59E0B;
  color: #92400E;
}
.index-display.high-risk[data-v-662c46d8] {
  background: #FEE2E2;
  border-left: 3px solid #DC2626;
  color: #991B1B;
}
.index-label[data-v-662c46d8] {
  color: inherit;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.index-value[data-v-662c46d8] {
  font-size: 1.25rem;
  font-weight: 600;
  color: inherit;
}
.risk-indicator[data-v-662c46d8] {
  font-size: 0.875rem;
  font-weight: 600;
}

/* Поля только для чтения */
.readonly-field[data-v-662c46d8] {
  margin: 1rem 0;
}
.readonly-field label.field-label[data-v-662c46d8] {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6B7280;
  display: block;
  margin-bottom: 0.5rem;
}
.readonly-value[data-v-662c46d8] {
  padding: 0.625rem 0.75rem;
  background: #F3F4F6;
  border-radius: 6px;
  color: #6B7280;
  font-style: italic;
  font-size: 0.875rem;
  border: 1px solid #E5E7EB;
}

/* Секция сохранения */
.save-actions[data-v-662c46d8] {
  margin-top: 1rem;
  padding: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.save-controls[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.save-btn[data-v-662c46d8] {
  background: #2563EB;
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.save-btn[data-v-662c46d8]:hover:not(:disabled) {
  background: #1D4ED8;
}
.save-btn[data-v-662c46d8]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}
.save-status[data-v-662c46d8] {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-top: 0.75rem;
}
.save-status.success[data-v-662c46d8] {
  background: #D1FAE5;
  color: #065F46;
  border: 1px solid #A7F3D0;
}
.save-status.error[data-v-662c46d8] {
  background: #FEE2E2;
  color: #991B1B;
  border: 1px solid #FECACA;
}

/* Автосохранение информация */
.autosave-info[data-v-662c46d8] {
  flex: 1;
  display: flex;
  align-items: center;
  min-width: 250px;
}
.autosave-text[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #6B7280;
  font-style: italic;
  line-height: 1.3;
}
.autosave-icon[data-v-662c46d8] {
  width: 16px;
  height: 16px;
  color: #10B981;
  flex-shrink: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
.form-row[data-v-662c46d8] {
    grid-template-columns: 1fr;
}
.anamnesis-container[data-v-662c46d8] {
    padding: 0.5rem;
}
.section[data-v-662c46d8] {
    padding: 1rem;
}
.index-display[data-v-662c46d8] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}
.sub-tabs[data-v-662c46d8] {
    flex-direction: column;
}
.sub-tab[data-v-662c46d8] {
    text-align: center;
}
.save-controls[data-v-662c46d8] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
}
.autosave-info[data-v-662c46d8] {
    min-width: auto;
}
.autosave-text[data-v-662c46d8] {
    font-size: 0.7rem;
    justify-content: center;
}
}

/* Стили для аллергий */
.allergy-list[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.allergy-item[data-v-662c46d8] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  padding: 0.75rem;
  background: #FAFAFA;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
}
.allergy-item-content[data-v-662c46d8] {
  display: grid;
  grid-template-columns: 150px 1fr 1fr 1fr;
  gap: 0.5rem;
  flex: 1;
}
.allergy-type-select[data-v-662c46d8] {
  min-width: 150px;
  width: 150px;
}
.remove-allergy-btn[data-v-662c46d8] {
  padding: 0.5rem;
  background: #FEE2E2;
  color: #DC2626;
  border: 1px solid #FCA5A5;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
.remove-allergy-btn[data-v-662c46d8]:hover {
  background: #DC2626;
  color: white;
}
.add-allergy-btn[data-v-662c46d8] {
  padding: 0.625rem 1rem;
  background: #F3F4F6;
  color: #374151;
  border: 1px dashed #D1D5DB;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.2s ease;
  text-align: center;
}
.add-allergy-btn[data-v-662c46d8]:hover {
  background: #E5E7EB;
  border-color: #9CA3AF;
}
@media (max-width: 768px) {
.allergy-item-content[data-v-662c46d8] {
    grid-template-columns: 1fr;
}
}

/* Стили для аккордеона репродуктивного анамнеза */
.accordion-item[data-v-662c46d8] {
  margin-bottom: 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  overflow: hidden;
  background: white;
}
.accordion-header[data-v-662c46d8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  background: #F9FAFB;
  cursor: pointer;
  transition: background-color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.accordion-header[data-v-662c46d8]:hover {
  background: #F3F4F6;
}
.accordion-title[data-v-662c46d8] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.accordion-icon[data-v-662c46d8] {
  font-size: 0.75rem;
  color: #6B7280;
  transition: transform 0.2s ease;
}
.accordion-content[data-v-662c46d8] {
  padding: 1rem;
  background: white;
  border-top: 1px solid #E5E7EB;
}

/* --- СТИЛИ ПЕРЕНЕСЕННЫЕ ИЗ DISEASES TAB (МКБ и прочее) --- */

/* Multi-select container */
.multi-select-container[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.selected-tags[data-v-662c46d8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 2rem;
  padding: 0.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f9fafb;
}
.tag[data-v-662c46d8] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #2563EB;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
}
.tag-remove[data-v-662c46d8] {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0;
  margin-left: 0.25rem;
}
.tag-remove[data-v-662c46d8]:hover {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-selection[data-v-662c46d8] {
  color: #6b7280;
  font-style: italic;
  padding: 0.25rem;
}
.checkbox-list[data-v-662c46d8] {
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 0.5rem;
}
.checkbox-item[data-v-662c46d8] {
  margin-bottom: 0.5rem;
}
.checkbox-label[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: background-color 0.2s;
}
.checkbox-label[data-v-662c46d8]:hover {
  background: #f3f4f6;
}
.checkbox-label input[type="checkbox"][data-v-662c46d8],
.checkbox-zone input[type="checkbox"][data-v-662c46d8] {
  display: none;
}
.checkbox-custom[data-v-662c46d8] {
  width: 16px;
  height: 16px;
  border: 2px solid #d1d5db;
  border-radius: 3px;
  position: relative;
  transition: all 0.2s;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-custom[data-v-662c46d8],
.checkbox-zone input[type="checkbox"]:checked + .checkbox-custom[data-v-662c46d8] {
  background: #2563EB;
  border-color: #2563EB;
}
.checkbox-label input[type="checkbox"]:checked + .checkbox-custom[data-v-662c46d8]::after,
.checkbox-zone input[type="checkbox"]:checked + .checkbox-custom[data-v-662c46d8]::after {
  content: '✓';
  position: absolute;
  top: -2px;
  left: 2px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}
.checkbox-text[data-v-662c46d8] {
  font-size: 0.875rem;
  color: #374151;
}
.loading-placeholder[data-v-662c46d8] {
  text-align: center;
  color: #6b7280;
  font-style: italic;
  padding: 2rem;
}

/* МКБ дерево стили */
.mkb-tree-container[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mkb-level[data-v-662c46d8] {
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  padding: 1rem;
  background: #FAFAFA;
}
.mkb-level-title[data-v-662c46d8] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 0.75rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #E5E7EB;
}

/* Стили для поиска МКБ кодов */
.mkb-search-section[data-v-662c46d8] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: #F9FAFB;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
}
.search-title[data-v-662c46d8] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #6B7280;
  margin: 0 0 1rem 0;
}
.search-container[data-v-662c46d8] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 1rem;
}
.search-input-group[data-v-662c46d8] {
  position: relative;
  margin-bottom: 1rem;
}
.search-input[data-v-662c46d8] {
  width: 100%;
  height: 40px;
  padding: 8px 40px 8px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 14px;
  color: #1F2937;
  background: white;
  transition: border-color 0.2s;
}
.search-input[data-v-662c46d8]:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.clear-search-btn[data-v-662c46d8] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #9CA3AF;
  font-size: 18px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
.clear-search-btn[data-v-662c46d8]:hover {
  background: #F3F4F6;
  color: #6B7280;
}
.search-loading[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6B7280;
  font-size: 0.875rem;
}
.search-spinner[data-v-662c46d8] {
  width: 16px;
  height: 16px;
  border: 2px solid #F3F4F6;
  border-top: 2px solid #2563EB;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.search-results[data-v-662c46d8] {
  margin-top: 1rem;
}
.results-title[data-v-662c46d8] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 0.75rem 0;
}
.search-results-list[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.search-result-item[data-v-662c46d8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  transition: border-color 0.2s;
}
.search-result-item[data-v-662c46d8]:hover {
  border-color: #D1D5DB;
}
.result-name[data-v-662c46d8] {
  font-size: 0.875rem;
  color: #1F2937;
  font-weight: 500;
}
.add-code-btn[data-v-662c46d8] {
  background: #10B981;
  color: white;
  border: none;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}
.add-code-btn[data-v-662c46d8]:hover {
  background: #059669;
}
.no-results[data-v-662c46d8] {
  text-align: center;
  padding: 1rem;
  color: #6B7280;
  font-size: 0.875rem;
}
.no-results p[data-v-662c46d8] {
  margin: 0;
}

/* Стили для кнопок управления кодами */
.mkb-code-actions[data-v-662c46d8] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-shrink: 0;
}
.remove-code-btn[data-v-662c46d8] {
  background: #FEF3C7;
  color: #D97706;
  border: 1px solid #FCD34D;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}
.remove-code-btn[data-v-662c46d8]:hover {
  background: #FDE68A;
  border-color: #F59E0B;
  color: #B45309;
}

/* Стили для иерархической структуры МКБ кодов */
.mkb-item-container[data-v-662c46d8] {
  margin-bottom: 0.5rem;
}
.parent-item[data-v-662c46d8] {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 0.5rem;
  margin-bottom: 0.25rem;
}
.parent-item-content[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.checkbox-zone[data-v-662c46d8] {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
}
.text-zone[data-v-662c46d8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  font-weight: 600;
  color: #374151;
}
.text-zone[data-v-662c46d8]:hover {
  background: rgba(37, 99, 235, 0.05);
}
.children-container[data-v-662c46d8] {
  margin-left: 1.5rem;
  margin-top: 0.25rem;
  border-left: 2px solid #e5e7eb;
  padding-left: 1rem;
}
.child-item[data-v-662c46d8] {
  background: white;
  border: 1px solid #f3f4f6;
  border-radius: 4px;
  padding: 0.375rem 0.5rem;
  margin-bottom: 0.25rem;
  transition: all 0.2s ease;
}
.child-item[data-v-662c46d8]:hover {
  background: #f8fafc;
  border-color: #d1d5db;
}
.child-item .checkbox-label[data-v-662c46d8] {
  font-weight: 500;
  color: #6b7280;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: background-color 0.2s;
  width: 100%;
}
.no-children-message[data-v-662c46d8] {
  margin-left: 1rem;
  margin-top: 8px;
  padding: 8px 12px;
  color: #666;
  font-style: italic;
  font-size: 14px;
  background-color: #f9fafb;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
}

/* Адаптивность для поиска */
@media (max-width: 768px) {
.search-result-item[data-v-662c46d8] {
    flex-direction: column;
    gap: 0.5rem;
    align-items: stretch;
}
.add-code-btn[data-v-662c46d8] {
    width: 100%;
}
.mkb-code-actions[data-v-662c46d8] {
    flex-direction: column;
    gap: 0.25rem;
    margin-left: 0;
    margin-top: 0.5rem;
}
.remove-code-btn[data-v-662c46d8] {
    width: 100%;
    text-align: center;
}
}

/* Стили для кнопки добавления реакции */
.reaction-select-wrapper[data-v-662c46d8] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.reaction-select-wrapper .form-select[data-v-662c46d8] {
  flex: 1;
}
.add-reaction-btn[data-v-662c46d8] {
  padding: 0.5rem 0.75rem;
  background: #2563EB;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.add-reaction-btn[data-v-662c46d8]:hover {
  background: #1D4ED8;
  transform: scale(1.05);
}
.add-reaction-btn[data-v-662c46d8]:active {
  transform: scale(0.95);
}

/* Стили для модального окна */
.modal-overlay[data-v-662c46d8] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  backdrop-filter: blur(2px);
}
.modal-content[data-v-662c46d8] {
  background: white;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.modal-header[data-v-662c46d8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid #E5E7EB;
}
.modal-header h3[data-v-662c46d8] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1F2937;
}
.modal-close-btn[data-v-662c46d8] {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #6B7280;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.modal-close-btn[data-v-662c46d8]:hover {
  background: #F3F4F6;
  color: #1F2937;
}
.modal-body[data-v-662c46d8] {
  padding: 1.5rem;
  flex: 1;
  overflow-y: auto;
}
.modal-footer[data-v-662c46d8] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem;
  border-top: 1px solid #E5E7EB;
}
.btn-cancel[data-v-662c46d8] {
  padding: 0.625rem 1.25rem;
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.btn-cancel[data-v-662c46d8]:hover {
  background: #E5E7EB;
  border-color: #9CA3AF;
}
.btn-save[data-v-662c46d8] {
  padding: 0.625rem 1.25rem;
  background: #2563EB;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.btn-save[data-v-662c46d8]:hover:not(:disabled) {
  background: #1D4ED8;
}
.btn-save[data-v-662c46d8]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}
@media (max-width: 768px) {
.modal-content[data-v-662c46d8] {
    width: 95%;
    max-height: 95vh;
}
.reaction-select-wrapper[data-v-662c46d8] {
    flex-direction: column;
}
.add-reaction-btn[data-v-662c46d8] {
    width: 100%;
}
}


.anamnesis-tab[data-v-662c46d8] {
  padding: 0;
  background: transparent;
  position: relative;
}
.anamnesis-container[data-v-662c46d8] {
  max-width: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-header[data-v-662c46d8] {
  display: none;
}
.sub-tabs[data-v-662c46d8] {
  display: flex;
  gap: 0.35rem;
  margin: 0 0 1rem;
  padding: 0.35rem;
  background: #eaf0f8;
  border: 1px solid #dde6f2;
  border-radius: 1.25rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.sub-tab[data-v-662c46d8] {
  flex: 1 1 0;
  min-width: 0;
  min-height: 2.8rem;
  padding: 0.65rem 0.8rem;
  border: none;
  border-radius: 1rem;
  background: transparent;
  color: #1f2430;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: none;
  white-space: normal;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.sub-tab[data-v-662c46d8]:hover {
  background: rgba(255, 255, 255, 0.72);
  color: #2b5ea8;
}
.sub-tab.active[data-v-662c46d8],
.sub-tab.active[data-v-662c46d8]:hover {
  background: #ffffff;
  color: #2b5ea8;
  box-shadow: 0 10px 24px rgba(22, 34, 74, 0.08);
}
.tab-content[data-v-662c46d8] {
  background: #ffffff;
  border: 1px solid #dde6f2;
  border-radius: 1.35rem;
  overflow: visible;
  margin-bottom: 0;
  box-shadow: 0 14px 34px rgba(112, 132, 167, 0.14);
}
.tab-panel[data-v-662c46d8] {
  padding: 1.35rem 1.45rem;
}
.tab-panel > .section[data-v-662c46d8] {
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}
.section-content[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.form-group-container[data-v-662c46d8],
.accordion-item[data-v-662c46d8] {
  margin-bottom: 0;
  padding: 1.1rem 1.15rem;
  border: 1px solid #dde6f2;
  border-radius: 1.05rem;
  background: #fbfdff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84);
  overflow: visible;
}
.form-group-container[data-v-662c46d8]:last-child,
.accordion-item[data-v-662c46d8]:last-child {
  margin-bottom: 0;
}
.form-group-container h3.section-title[data-v-662c46d8],
.accordion-title[data-v-662c46d8] {
  margin: 0 0 1rem;
  padding: 0;
  border-bottom: none;
  color: #486081;
  font-size: 1.03rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
}
.section-title[data-v-662c46d8] {
  color: #486081;
}
.accordion-header[data-v-662c46d8] {
  padding: 0 0 0.8rem;
  background: transparent;
  border-bottom: 1px solid #e8eef7;
  cursor: default;
  pointer-events: none;
}
.accordion-header[data-v-662c46d8]:hover {
  background: transparent;
}
.accordion-icon[data-v-662c46d8] {
  display: none;
}
.accordion-content[data-v-662c46d8] {
  padding: 1rem 0 0;
  background: transparent;
  border-top: none;
}
.form-row[data-v-662c46d8] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 0;
}
.form-row + .form-row[data-v-662c46d8] {
  margin-top: 1rem;
}
.form-group[data-v-662c46d8] {
  gap: 0.45rem;
  margin-bottom: 0;
}
.field-label[data-v-662c46d8],
.form-group label[data-v-662c46d8]:not(.field-label) {
  color: #8a9bb2;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.35;
}
.field-label.no-required-mark[data-v-662c46d8]::after,
.form-group label.no-required-mark[data-v-662c46d8]::after {
  content: '' !important;
}
.required[data-v-662c46d8] {
  color: #ff5757;
}
.form-input[data-v-662c46d8],
.form-select[data-v-662c46d8],
.form-textarea[data-v-662c46d8] {
  width: 100%;
  min-height: 3rem;
  padding: 0.82rem 0.95rem;
  border: 1px solid #d6e2f2;
  border-radius: 0.95rem;
  background: #ffffff;
  color: #22304b;
  font-size: 1rem;
  line-height: 1.45;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-input[data-v-662c46d8]:hover,
.form-select[data-v-662c46d8]:hover,
.form-textarea[data-v-662c46d8]:hover {
  border-color: #c2d3e9;
}
.form-input[data-v-662c46d8]:focus,
.form-select[data-v-662c46d8]:focus,
.form-textarea[data-v-662c46d8]:focus {
  border-color: #7fa6e0;
  box-shadow: 0 0 0 3px rgba(77, 117, 188, 0.12);
}
.form-textarea[data-v-662c46d8] {
  min-height: 6.4rem;
  resize: vertical;
  line-height: 1.5;
}
.form-select[data-v-662c46d8],
.input-with-unit .form-input[data-v-662c46d8],
input[type="number"].form-input[data-v-662c46d8],
input[type="date"].form-input[data-v-662c46d8] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-select[data-v-662c46d8] {
  padding-right: 2.85rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27%3E%3Cpath d=%27M5 7l4 4 4-4%27 stroke=%27%236F819B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.95rem center;
  background-size: 1rem 1rem;
}
input[type="number"].form-input[data-v-662c46d8]::-webkit-outer-spin-button,
input[type="number"].form-input[data-v-662c46d8]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-with-unit[data-v-662c46d8] {
  display: block;
}
.input-with-unit .unit[data-v-662c46d8] {
  display: none;
}
.radio-group[data-v-662c46d8],
.checkbox-group[data-v-662c46d8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 0;
}
.stacked-choice-group[data-v-662c46d8] {
  flex-direction: column;
  flex-wrap: nowrap;
}
.radio-label[data-v-662c46d8],
.checkbox-label[data-v-662c46d8] {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 3rem;
  padding: 0.8rem 0.95rem;
  border: 1px solid #d6e2f2;
  border-radius: 0.95rem;
  background: #ffffff;
  color: #22304b;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.radio-label[data-v-662c46d8]:hover,
.checkbox-label[data-v-662c46d8]:hover {
  background: #f8fbff;
}
.radio-label.suggested[data-v-662c46d8],
.radio-label[data-v-662c46d8]:has(input[type="radio"]:checked),
.checkbox-label[data-v-662c46d8]:has(input[type="checkbox"]:checked) {
  background: #eef4fb;
  border-color: #93b2e5;
  box-shadow: 0 8px 20px rgba(33, 74, 152, 0.12);
}
.radio-label input[type="radio"][data-v-662c46d8],
.checkbox-label input[type="checkbox"][data-v-662c46d8] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: #214a98;
}
.radio-label span[data-v-662c46d8],
.checkbox-label span[data-v-662c46d8] {
  color: #22304b;
  font-size: 0.96rem;
  line-height: 1.35;
}
.stacked-choice-group .radio-label[data-v-662c46d8],
.stacked-choice-group .checkbox-label[data-v-662c46d8] {
  width: 100%;
}
.lifestyle-block .section-title[data-v-662c46d8] {
  letter-spacing: 0.04em;
}
.smoking-details[data-v-662c46d8],
.alcohol-details[data-v-662c46d8],
.alcohol-abuse-details[data-v-662c46d8],
.treatment-details[data-v-662c46d8],
.menopause-details[data-v-662c46d8],
.hrt-details[data-v-662c46d8],
.allergy-item[data-v-662c46d8] {
  margin-top: 0.8rem;
  margin-bottom: 0;
  padding: 1rem;
  background: #eaf0f8;
  border: none;
  border-radius: 1.1rem;
}
.success-message[data-v-662c46d8] {
  padding: 0;
  margin-top: 0.7rem;
  margin-bottom: 0;
  background: transparent;
  border: none;
  color: #41c66c;
  font-size: 0.9rem;
}
.info-message[data-v-662c46d8] {
  padding: 0;
  margin-top: 0.75rem;
  margin-bottom: 0;
  background: transparent;
  border: none;
  color: #2563eb;
  font-size: 0.92rem;
}
.warning-message[data-v-662c46d8] {
  margin-top: 0.55rem;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  border: none;
  color: #d14343;
  font-size: 0.88rem;
}
.readonly-value[data-v-662c46d8] {
  min-height: 3rem;
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.95rem;
  border: 1px solid #d6e2f2;
  background: #f4f7fb;
  color: #6f819c;
  font-style: normal;
}
.allergy-list[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.allergy-item[data-v-662c46d8] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.allergy-item-content[data-v-662c46d8] {
  display: grid;
  grid-template-columns: minmax(240px, 0.95fr) minmax(260px, 1.2fr) minmax(260px, 1.2fr);
  gap: 0.65rem;
  flex: 1;
}
.allergy-type-select[data-v-662c46d8] {
  width: 100%;
  min-width: 15rem;
}
.reaction-select-wrapper[data-v-662c46d8] {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  min-width: 0;
}
.reaction-select-wrapper .form-select[data-v-662c46d8] {
  flex: 1;
  min-width: 0;
}
.add-reaction-btn[data-v-662c46d8] {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  padding: 0;
  border: none;
  border-radius: 0.65rem;
  background: #11145d;
  color: #ffffff;
  font-size: 1.15rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transform: none;
}
.add-reaction-btn[data-v-662c46d8]:hover {
  background: #0d104b;
  transform: none;
}
.remove-allergy-btn[data-v-662c46d8] {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  padding: 0;
  border: none;
  border-radius: 0.65rem;
  background: #ec4343;
  color: #ffffff;
  font-size: 1.1rem;
  line-height: 1;
}
.remove-allergy-btn[data-v-662c46d8]:hover {
  background: #d63636;
  color: #ffffff;
}
.add-allergy-btn[data-v-662c46d8] {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  border-radius: 1rem;
  border: 1px dashed #d9e4f5;
  background: #ffffff;
  color: #677991;
  font-size: 0.95rem;
}
.add-allergy-btn[data-v-662c46d8]:hover {
  background: #fbfdff;
  border-color: #c4d5ec;
}
.selected-tags[data-v-662c46d8] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 5.5rem;
  padding: 1rem;
  border: none;
  border-radius: 1rem;
  background: #eaf0f8;
}
.tag[data-v-662c46d8] {
  justify-content: space-between;
  width: 100%;
  background: #ffffff;
  color: #53637b;
  padding: 0.7rem 0.85rem;
  border-radius: 0.85rem;
  font-size: 0.92rem;
}
.tag-remove[data-v-662c46d8] {
  color: #ea4b4b;
}
.tag-remove[data-v-662c46d8]:hover {
  background: rgba(234, 75, 75, 0.08);
}
.no-selection[data-v-662c46d8] {
  padding: 0;
  color: #677991;
  font-style: normal;
}
.mkb-search-section[data-v-662c46d8] {
  margin-bottom: 0.5rem;
  padding: 0;
  background: transparent;
  border: none;
}
.search-title[data-v-662c46d8] {
  display: none;
}
.search-container[data-v-662c46d8] {
  padding: 0;
  background: transparent;
  border: none;
}
.search-input-group[data-v-662c46d8] {
  position: relative;
  margin-bottom: 0;
}
.search-input-group[data-v-662c46d8]::before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%274.5%27 stroke=%27%238295AD%27 stroke-width=%271.5%27/%3E%3Cpath d=%27M11.5 11.5L14.5 14.5%27 stroke=%27%238295AD%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  z-index: 1;
}
.search-input[data-v-662c46d8] {
  height: 2.9rem;
  width: 100%;
  padding: 0.75rem 2.75rem 0.75rem 2.9rem;
  border: none;
  border-radius: 1rem;
  background: #eaf0f8;
  color: #53637b;
  font-size: 0.95rem;
}
.search-input[data-v-662c46d8]:focus {
  box-shadow: 0 0 0 3px rgba(42, 92, 171, 0.12);
}
.clear-search-btn[data-v-662c46d8] {
  right: 0.8rem;
}
.mkb-level[data-v-662c46d8] {
  padding: 0;
  border: none;
  background: transparent;
}
.mkb-level-title[data-v-662c46d8] {
  display: none;
}
.checkbox-list[data-v-662c46d8] {
  max-height: 17rem;
  padding: 1rem;
  border: none;
  border-radius: 1rem;
  background: #eaf0f8;
}
.parent-item[data-v-662c46d8],
.child-item[data-v-662c46d8] {
  border: none;
  background: #ffffff;
  border-radius: 0.85rem;
}
.text-zone[data-v-662c46d8],
.child-item .checkbox-label[data-v-662c46d8] {
  color: #53637b;
}
.remove-code-btn[data-v-662c46d8] {
  border: none;
  background: rgba(234, 75, 75, 0.1);
  color: #d14343;
}
.save-actions[data-v-662c46d8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0.2rem 0 0;
  background: transparent;
  border: none;
  border-radius: 0;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.save-actions-spacer[data-v-662c46d8] {
  flex: 1;
}
.save-controls[data-v-662c46d8],
.autosave-info[data-v-662c46d8] {
  display: none;
}
.reset-btn[data-v-662c46d8] {
  border: none;
  background: transparent;
  color: #1e2d45;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  padding: 0.75rem 0.85rem;
}
.save-btn[data-v-662c46d8] {
  min-width: 7.6rem;
  min-height: 2.8rem;
  padding: 0 1.4rem;
  border-radius: 0.95rem;
  background: #11145d;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
}
.save-btn[data-v-662c46d8]:hover:not(:disabled) {
  background: #0d104b;
}
.reset-btn[data-v-662c46d8]:disabled,
.save-btn[data-v-662c46d8]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.save-status[data-v-662c46d8] {
  margin-top: 0;
  order: -1;
}
.menopause-section-merged[data-v-662c46d8] {
  margin-top: 0.9rem !important;
  padding-top: 0 !important;
  border-top: none !important;
}
.subsection-title[data-v-662c46d8] {
  color: #53637b !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  margin-bottom: 0.7rem !important;
}
@media (max-width: 1100px) {
.sub-tab[data-v-662c46d8] {
    font-size: 0.9rem;
}
.allergy-item-content[data-v-662c46d8] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 900px) {
.form-row[data-v-662c46d8] {
    grid-template-columns: 1fr;
}
.form-group-container[data-v-662c46d8],
  .accordion-item[data-v-662c46d8] {
    padding: 1rem;
    border-radius: 1rem;
}
.save-actions[data-v-662c46d8] {
    flex-wrap: wrap;
}
.save-actions-spacer[data-v-662c46d8] {
    display: none;
}
}
@media (max-width: 640px) {
.sub-tabs[data-v-662c46d8] {
    gap: 0.35rem;
}
.sub-tab[data-v-662c46d8] {
    flex: 0 0 auto;
    min-width: 10rem;
    text-align: center;
    white-space: nowrap;
}
.radio-group[data-v-662c46d8],
  .checkbox-group[data-v-662c46d8] {
    gap: 0.55rem;
}
.radio-label[data-v-662c46d8],
  .checkbox-label[data-v-662c46d8] {
    width: 100%;
    justify-content: flex-start;
}
.save-actions[data-v-662c46d8] {
    justify-content: stretch;
}
.reset-btn[data-v-662c46d8],
  .save-btn[data-v-662c46d8] {
    width: 100%;
}
}


.analysis-tab[data-v-7e721688] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.tab-loading-overlay[data-v-7e721688] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(248, 249, 250, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  backdrop-filter: blur(2px);
}
.tab-spinner[data-v-7e721688] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E7EB;
}
.spinner-circle[data-v-7e721688] {
  width: 32px;
  height: 32px;
  border: 3px solid #F3F4F6;
  border-top: 3px solid #2563EB;
  border-radius: 50%;
  animation: spin-7e721688 1s linear infinite;
}
@keyframes spin-7e721688 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-7e721688] {
  margin: 0;
  font-size: 0.95rem;
  color: #6B7280;
  font-weight: 500;
}
.analysis-subtabs.loading[data-v-7e721688],
.analysis-card.loading[data-v-7e721688] {
  opacity: 0.6;
  pointer-events: none;
}
.analysis-subtabs[data-v-7e721688] {
  display: flex;
  gap: calc(0.35rem * var(--profile-scale, 1));
  padding: calc(0.35rem * var(--profile-scale, 1));
  background: #eaf0f8;
  border: 1px solid #dde6f2;
  border-radius: 1.25rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.analysis-subtab[data-v-7e721688] {
  flex: 1 1 0;
  min-width: 0;
  min-height: calc(2.8rem * var(--profile-scale, 1));
  padding: calc(0.65rem * var(--profile-scale, 1)) calc(0.8rem * var(--profile-scale, 1));
  background: transparent;
  border: none;
  border-radius: 1rem;
  font-size: calc(0.92rem * var(--profile-scale, 1));
  font-weight: 500;
  line-height: 1.2;
  color: #1f2430;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  white-space: normal;
  text-align: center;
}
.analysis-subtab[data-v-7e721688]:hover {
  background: rgba(255, 255, 255, 0.72);
  color: #2b5ea8;
}
.analysis-subtab.active[data-v-7e721688] {
  background: #ffffff;
  color: #2b5ea8;
  box-shadow: 0 10px 24px rgba(22, 34, 74, 0.08);
}
.analysis-card[data-v-7e721688] {
  border-radius: 1.75rem;
  background: #ffffff;
  box-shadow: 0 12px 36px rgba(39, 79, 159, 0.12);
  padding: 1.8rem;
}
.analysis-grid[data-v-7e721688] {
  display: grid;
  grid-template-columns: minmax(180px, 1.15fr) minmax(280px, 2.5fr) minmax(140px, 0.8fr);
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  align-items: center;
}
.analysis-grid-head[data-v-7e721688] {
  padding: 0 1.2rem 1rem;
}
.analysis-grid-row[data-v-7e721688] {
  padding: 0.72rem 1.2rem;
  border-radius: 1.35rem;
  background: #e7eef8;
}
.analysis-grid-row + .analysis-grid-row[data-v-7e721688] {
  margin-top: 0.9rem;
}
.analysis-cell[data-v-7e721688] {
  min-width: 0;
}
.analysis-grid-head .analysis-cell[data-v-7e721688] {
  font-size: 1rem;
  font-weight: 600;
  color: #536883;
}
.analysis-parameter-text[data-v-7e721688],
.analysis-unit-text[data-v-7e721688] {
  font-size: 0.95rem;
  line-height: 1.35;
  color: #4f647e;
}
.analysis-unit-text[data-v-7e721688] {
  word-break: break-word;
}
.analysis-value-input[data-v-7e721688] {
  width: 100%;
  min-height: 2.85rem;
  border: 1px solid #d8e3f2;
  border-radius: 0.95rem;
  background: #ffffff;
  padding: 0 1rem;
  font: inherit;
  font-size: 0.98rem;
  color: #445a74;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.analysis-value-input[data-v-7e721688]:focus {
  outline: none;
  border-color: #4a74bb;
  box-shadow: 0 0 0 3px rgba(74, 116, 187, 0.18);
}
.analysis-empty-state[data-v-7e721688] {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #7488a1;
  font-size: 0.95rem;
}
.analysis-empty-state-root[data-v-7e721688] {
  border-radius: 1.75rem;
  background: #ffffff;
  box-shadow: 0 12px 36px rgba(39, 79, 159, 0.12);
}
.analysis-actions[data-v-7e721688] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.1rem;
  padding-top: 0.1rem;
}
.analysis-reset-button[data-v-7e721688],
.analysis-save-button[data-v-7e721688] {
  border: none;
  font: inherit;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.analysis-reset-button[data-v-7e721688] {
  background: transparent;
  color: #1f3360;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.25rem 0.4rem;
}
.analysis-save-button[data-v-7e721688] {
  min-width: 7.55rem;
  min-height: 2.85rem;
  padding: 0.75rem 1.6rem;
  border-radius: 0.95rem;
  background: #11145f;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  box-shadow: 0 10px 20px rgba(17, 20, 95, 0.18);
}
.analysis-save-button[data-v-7e721688]:hover:not(:disabled) {
  transform: translateY(-1px);
}
.analysis-reset-button[data-v-7e721688]:hover:not(:disabled) {
  color: #274f9f;
}
.analysis-reset-button[data-v-7e721688]:disabled,
.analysis-save-button[data-v-7e721688]:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.analysis-status[data-v-7e721688] {
  align-self: flex-end;
  margin-top: -0.35rem;
  font-size: 0.92rem;
  font-weight: 500;
}
.analysis-status.success[data-v-7e721688] {
  color: #1e7a4e;
}
.analysis-status.error[data-v-7e721688] {
  color: #cf4b4b;
}
@media (max-width: 768px) {
.analysis-subtabs[data-v-7e721688] {
    gap: calc(0.35rem * var(--profile-scale, 1));
}
.analysis-subtab[data-v-7e721688] {
    flex: 0 0 auto;
    min-width: calc(10rem * var(--profile-scale, 1));
    text-align: center;
    white-space: nowrap;
}
.analysis-card[data-v-7e721688] {
    padding: 1rem;
}
.analysis-grid[data-v-7e721688],
  .analysis-grid-head[data-v-7e721688] {
    grid-template-columns: 1fr;
    row-gap: 0.6rem;
}
.analysis-grid-head[data-v-7e721688] {
    display: none;
}
.analysis-grid-row[data-v-7e721688] {
    padding: 1rem;
}
.analysis-cell-parameter[data-v-7e721688]::before,
  .analysis-cell-value[data-v-7e721688]::before,
  .analysis-cell-unit[data-v-7e721688]::before {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #7e90a8;
}
.analysis-cell-parameter[data-v-7e721688]::before {
    content: attr(data-mobile-label);
}
.analysis-actions[data-v-7e721688] {
    gap: 0.8rem;
}
.analysis-save-button[data-v-7e721688] {
    min-width: 6.8rem;
    padding-inline: 1.2rem;
}
}


.radiography-tab[data-v-2d8581e6] {
  padding: 1rem;
  background: #f8f9fa;
  height: 100%;
  overflow-y: auto;
  position: relative;
}

/* Заголовок основной секции */
.radiography-tab > .section-header[data-v-2d8581e6] {
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  margin-bottom: 1.5rem;
}

/* Подвкладки */
.sub-tabs[data-v-2d8581e6] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  padding: 0.5rem;
  overflow-x: auto;
}
.sub-tab[data-v-2d8581e6] {
  padding: 0.75rem 1rem;
  border: none;
  background: transparent;
  color: #666;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.sub-tab[data-v-2d8581e6]:hover {
  background: #f8f9fa;
  color: #333;
}
.sub-tab.active[data-v-2d8581e6] {
  background: #2563EB;
  color: white;
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}
.sub-tab.active[data-v-2d8581e6]:hover {
  background: #1D4ED8;
}

/* Форма загрузки */
.upload-form[data-v-2d8581e6] {
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  margin-bottom: 1.5rem;
  overflow: hidden;
}
.upload-form-content[data-v-2d8581e6] {
  padding: 1.5rem;
}
.upload-form-content h4[data-v-2d8581e6] {
  margin: 0 0 1rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
}
.form-group[data-v-2d8581e6] {
  margin-bottom: 1rem;
}
.form-group[data-v-2d8581e6]:last-child {
  margin-bottom: 0;
}
.form-group label[data-v-2d8581e6] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #555;
  font-size: 0.9rem;
}
.form-input[data-v-2d8581e6] {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.9rem;
  transition: border-color 0.2s ease;
  background: white;
}
.form-input[data-v-2d8581e6]:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.form-textarea[data-v-2d8581e6] {
  min-height: 100px;
  resize: vertical;
}
.form-help[data-v-2d8581e6] {
  display: block;
  margin-top: 0.25rem;
  color: #666;
  font-size: 0.8rem;
  line-height: 1.3;
}

/* Стили для выпадающего списка */
select.form-input[data-v-2d8581e6] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpolyline points=%276,9 12,15 18,9%27%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
}
select.form-input option[data-v-2d8581e6] {
  padding: 0.5rem;
  color: #333;
  background: white;
}
select.form-input option[data-v-2d8581e6]:hover {
  background: #f8f9fa;
}
.form-actions[data-v-2d8581e6] {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #f0f0f0;
}
.selected-file[data-v-2d8581e6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #f8f9fa;
  border: 2px dashed #2563EB;
  border-radius: 4px;
}
.file-icon[data-v-2d8581e6] {
  font-size: 2rem;
  color: #2563EB;
}
.file-info p[data-v-2d8581e6] {
  margin: 0;
  font-weight: 500;
  color: #333;
}
.file-info small[data-v-2d8581e6] {
  color: #666;
}
.upload-placeholder[data-v-2d8581e6] {
  text-align: center;
  padding: 2rem;
  border: 2px dashed #e0e0e0;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.upload-area:hover .upload-placeholder[data-v-2d8581e6] {
  border-color: #2563EB;
  background: #f8f9fa;
}

/* Состояния загрузки файла */
.file-uploading[data-v-2d8581e6],
.file-uploaded[data-v-2d8581e6],
.file-error[data-v-2d8581e6] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.upload-status[data-v-2d8581e6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #f8f9fa;
}
.file-icon.uploading[data-v-2d8581e6] {
  font-size: 2rem;
  animation: spin-2d8581e6 1s linear infinite;
}
@keyframes spin-2d8581e6 {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}
.file-icon.success[data-v-2d8581e6] {
  font-size: 2rem;
  color: #28a745;
}
.file-icon.error[data-v-2d8581e6] {
  font-size: 2rem;
  color: #dc3545;
}

/* Превью загруженного изображения */
.file-uploaded[data-v-2d8581e6] {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.uploaded-preview[data-v-2d8581e6] {
  position: relative;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  overflow: hidden;
  background: #f0f0f0;
  cursor: pointer;
}
.preview-image[data-v-2d8581e6] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.2s ease;
}
.preview-image[data-v-2d8581e6]:hover {
  transform: scale(1.05);
}
.preview-overlay[data-v-2d8581e6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.uploaded-preview:hover .preview-overlay[data-v-2d8581e6] {
  opacity: 1;
}
.preview-icon[data-v-2d8581e6] {
  color: white;
  font-size: 1.5rem;
}
.uploaded-info[data-v-2d8581e6] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.file-success[data-v-2d8581e6] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
}

/* Ошибка загрузки */
.file-error[data-v-2d8581e6] {
  padding: 1rem;
  background: #fff5f5;
  border-color: #fed7d7;
}
.selected-file.error[data-v-2d8581e6] {
  background: transparent;
  border: none;
  padding: 0;
  margin-bottom: 0.5rem;
}

/* Размеры кнопок */
.btn-sm[data-v-2d8581e6] {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
}

/* Список рентгенов */
.xray-list[data-v-2d8581e6] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.radiography-section[data-v-2d8581e6] {
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}

/* Пустое состояние */
.empty-state[data-v-2d8581e6] {
  text-align: center;
  padding: 3rem 1rem;
  background: white;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}
.empty-content[data-v-2d8581e6] {
  max-width: 400px;
  margin: 0 auto;
}
.empty-icon[data-v-2d8581e6] {
  font-size: 4rem;
  margin-bottom: 1rem;
  color: #ccc;
}
.empty-content h4[data-v-2d8581e6] {
  margin: 0 0 0.5rem 0;
  font-size: 1.2rem;
  color: #666;
}
.empty-content p[data-v-2d8581e6] {
  margin: 0;
  color: #888;
}
.section-header[data-v-2d8581e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f5f5f5;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.section-title h3[data-v-2d8581e6] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.section-controls[data-v-2d8581e6] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.date-picker[data-v-2d8581e6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.date-input[data-v-2d8581e6] {
  padding: 0.375rem 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.75rem;
  width: 140px;
  background: white;
}
.date-input[data-v-2d8581e6]:focus {
  outline: none;
  border-color: #2563EB;
}
.search-icon[data-v-2d8581e6] {
  font-size: 0.75rem;
  color: #666;
}
.chevron-btn[data-v-2d8581e6] {
  background: none;
  border: none;
  font-size: 1rem;
  color: #666;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.chevron-btn[data-v-2d8581e6]:hover {
  background: #e0e0e0;
  color: #333;
}
.radiography-content[data-v-2d8581e6] {
  padding: 1rem;
}

/* Секция с текстовым заключением */
.report-section[data-v-2d8581e6] {
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
.report-title[data-v-2d8581e6] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #495057;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.report-content[data-v-2d8581e6] {
  color: #333;
  line-height: 1.6;
  font-size: 0.9rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Действия для блоков только с текстом */
.text-only-actions[data-v-2d8581e6] {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
  border-top: 1px solid #e9ecef;
  margin-top: 1rem;
}
.image-viewer[data-v-2d8581e6] {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
  background: #1a1a1a;
}
.xray-image[data-v-2d8581e6] {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.xray-image[data-v-2d8581e6]:hover {
  transform: scale(1.02);
}
.fullscreen-overlay[data-v-2d8581e6] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0 0 0 4px;
  opacity: 0;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.image-viewer:hover .fullscreen-overlay[data-v-2d8581e6] {
  opacity: 1;
}
.fullscreen-icon[data-v-2d8581e6] {
  color: white;
  font-size: 1.2rem;
  display: block;
}
.image-actions[data-v-2d8581e6] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.5rem;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.image-viewer:hover .image-actions[data-v-2d8581e6] {
  opacity: 1;
}
.btn[data-v-2d8581e6] {
  padding: 0.25rem 0.75rem;
  border: none;
  border-radius: 4px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-danger[data-v-2d8581e6] {
  background: #dc3545;
  color: white;
}
.btn-danger[data-v-2d8581e6]:hover {
  background: #c82333;
}
.btn-secondary[data-v-2d8581e6] {
  background: #6c757d;
  color: white;
}
.btn-primary[data-v-2d8581e6] {
  background: #2563EB;
  color: white;
}
.btn-primary[data-v-2d8581e6]:hover {
  background: #1D4ED8;
}
.btn-secondary[data-v-2d8581e6]:hover {
  background: #5a6268;
}
.btn[data-v-2d8581e6]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.upload-area[data-v-2d8581e6] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.upload-icon[data-v-2d8581e6] {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #666;
}
.upload-area p[data-v-2d8581e6] {
  margin: 0 0 0.5rem 0;
  font-size: 1rem;
  color: #333;
}
.upload-area small[data-v-2d8581e6] {
  color: #666;
  font-size: 0.875rem;
}
.upload-progress[data-v-2d8581e6] {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.progress-bar[data-v-2d8581e6] {
  flex: 1;
  height: 4px;
  background: #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
}
.progress-fill[data-v-2d8581e6] {
  height: 100%;
  background: #2563EB;
  transition: width 0.3s ease;
}
.loading-overlay[data-v-2d8581e6] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.loading-spinner[data-v-2d8581e6] {
  padding: 1rem 2rem;
  background: white;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  font-weight: 500;
}

/* Lightbox */
.lightbox-overlay[data-v-2d8581e6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  cursor: pointer;
}
.lightbox-content[data-v-2d8581e6] {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  cursor: default;
}
.lightbox-image[data-v-2d8581e6] {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
}
.lightbox-close[data-v-2d8581e6] {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.lightbox-close[data-v-2d8581e6]:hover {
  background: rgba(255, 255, 255, 0.3);
}

/* Адаптивность */
@media (max-width: 768px) {
.radiography-tab[data-v-2d8581e6] {
    padding: 0.5rem;
}
.section-header[data-v-2d8581e6] {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}
.section-controls[data-v-2d8581e6] {
    width: 100%;
    justify-content: space-between;
}
.form-actions[data-v-2d8581e6] {
    flex-direction: column;
    gap: 0.5rem;
}
.form-actions .btn[data-v-2d8581e6] {
    width: 100%;
}
.upload-form-content[data-v-2d8581e6] {
    padding: 1rem;
}
.image-viewer[data-v-2d8581e6] {
    max-width: 100%;
}
.lightbox-content[data-v-2d8581e6] {
    max-width: 95%;
    max-height: 95%;
}
.lightbox-close[data-v-2d8581e6] {
    top: -30px;
    right: -30px;
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
}
.image-actions[data-v-2d8581e6] {
    position: static;
    opacity: 1;
    background: rgba(0, 0, 0, 0.9);
    margin-top: 0.5rem;
}
.selected-file[data-v-2d8581e6] {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
.file-uploaded[data-v-2d8581e6] {
    flex-direction: column;
    align-items: center;
}
.uploaded-preview[data-v-2d8581e6] {
    width: 100px;
    height: 100px;
}
.uploaded-info[data-v-2d8581e6] {
    text-align: center;
    width: 100%;
}
.file-success[data-v-2d8581e6] {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
}
}

/* Адаптивность для больших экранов */
@media (min-width: 1400px) {
.radiography-tab[data-v-2d8581e6] {
    max-width: 1300px;
    margin: 0 auto;
    padding: 2rem;
}
.radiography-content[data-v-2d8581e6] {
    padding: 2rem;
}
.section[data-v-2d8581e6] {
    margin-bottom: 2rem;
}
.image-viewer[data-v-2d8581e6] {
    max-width: 700px;
}
}
@media (min-width: 1600px) {
.radiography-tab[data-v-2d8581e6] {
    max-width: 1500px;
    padding: 2.5rem;
}
.radiography-content[data-v-2d8581e6] {
    padding: 2.5rem;
}
.section[data-v-2d8581e6] {
    margin-bottom: 2.5rem;
}
.image-viewer[data-v-2d8581e6] {
    max-width: 800px;
}
.lightbox-content[data-v-2d8581e6] {
    max-width: 90%;
    max-height: 90%;
}
}
@media (min-width: 1920px) {
.radiography-tab[data-v-2d8581e6] {
    max-width: 1700px;
    padding: 3rem;
}
.radiography-content[data-v-2d8581e6] {
    padding: 3rem;
}
.section[data-v-2d8581e6] {
    margin-bottom: 3rem;
}
.image-viewer[data-v-2d8581e6] {
    max-width: 900px;
}
.lightbox-content[data-v-2d8581e6] {
    max-width: 85%;
    max-height: 85%;
}
}

/* Анимации */
@keyframes fadeIn-2d8581e6 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.radiography-content[data-v-2d8581e6] {
  animation: fadeIn-2d8581e6 0.3s ease;
}

/* Accessibility */
.xray-image[data-v-2d8581e6]:focus,
.chevron-btn[data-v-2d8581e6]:focus,
.date-input[data-v-2d8581e6]:focus,
.btn[data-v-2d8581e6]:focus {
  outline: 2px solid #2563EB;
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.xray-image[data-v-2d8581e6] {
    transition: none;
}
.radiography-content[data-v-2d8581e6] {
    animation: none;
}
}
.radiography-tab[data-v-2d8581e6] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 100%;
  padding: 0;
  background: transparent;
  overflow: visible;
}
.radiography-subtabs[data-v-2d8581e6] {
  display: flex;
  gap: 0.35rem;
  padding: 0.35rem;
  background: #eaf0f8;
  border: 1px solid #dde6f2;
  border-radius: 1.25rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.radiography-subtab[data-v-2d8581e6] {
  flex: 1 1 0;
  min-width: 0;
  min-height: 2.8rem;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  color: #1f2430;
  padding: 0.65rem 0.8rem;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  white-space: normal;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.radiography-subtab[data-v-2d8581e6]:hover {
  background: rgba(255, 255, 255, 0.72);
  color: #2b5ea8;
}
.radiography-subtab.active[data-v-2d8581e6] {
  background: #ffffff;
  color: #2b5ea8;
  box-shadow: 0 10px 24px rgba(22, 34, 74, 0.08);
}
.radiography-card[data-v-2d8581e6] {
  background: #ffffff;
  border-radius: 1.9rem;
  box-shadow: 0 12px 32px rgba(54, 87, 139, 0.12);
  padding: 1.9rem 1.9rem 1.6rem;
}
.radiography-card-header[data-v-2d8581e6] {
  margin-bottom: 0.95rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #cfdbec;
}
.radiography-card-header h3[data-v-2d8581e6] {
  margin: 0;
  color: #54677f;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.radiography-field + .radiography-field[data-v-2d8581e6] {
  margin-top: 1rem;
}
.radiography-field label[data-v-2d8581e6] {
  display: block;
  margin-bottom: 0.55rem;
  color: #566b84;
  font-size: 0.95rem;
  font-weight: 500;
}
.radiography-select[data-v-2d8581e6] {
  position: relative;
}
.radiography-select-trigger[data-v-2d8581e6],
.radiography-date-input[data-v-2d8581e6],
.radiography-report-input[data-v-2d8581e6] {
  width: 100%;
  border: 1px solid #d6e2f1;
  border-radius: 1rem;
  background: #ffffff;
  color: #526781;
  font-size: 0.95rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.radiography-select-trigger[data-v-2d8581e6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3rem;
  padding: 0.85rem 1rem;
  cursor: pointer;
}
.radiography-select.open .radiography-select-trigger[data-v-2d8581e6],
.radiography-select-trigger[data-v-2d8581e6]:focus-visible,
.radiography-date-input[data-v-2d8581e6]:focus,
.radiography-report-input[data-v-2d8581e6]:focus {
  outline: none;
  border-color: #4a73bb;
  box-shadow: 0 0 0 4px rgba(74, 115, 187, 0.16);
}
.radiography-date-input[data-v-2d8581e6]::-moz-placeholder, .radiography-report-input[data-v-2d8581e6]::-moz-placeholder {
  color: #8ba0bc;
}
.radiography-select-value.placeholder[data-v-2d8581e6],
.radiography-date-input[data-v-2d8581e6]::placeholder,
.radiography-report-input[data-v-2d8581e6]::placeholder {
  color: #8ba0bc;
}
.radiography-select-chevron[data-v-2d8581e6] {
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 1rem;
  flex-shrink: 0;
  border-right: 2px solid #7084a0;
  border-bottom: 2px solid #7084a0;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.radiography-select.open .radiography-select-chevron[data-v-2d8581e6] {
  transform: rotate(225deg);
  margin-top: 0.25rem;
}
.radiography-select-menu[data-v-2d8581e6] {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 22rem;
  overflow-y: auto;
  padding: 0.55rem;
  border: 1px solid #dae5f4;
  border-radius: 1.15rem;
  background: #ffffff;
  box-shadow: 0 20px 40px rgba(33, 52, 90, 0.18);
}
.radiography-select-option[data-v-2d8581e6] {
  width: 100%;
  border: 0;
  border-radius: 0.9rem;
  background: transparent;
  color: #556980;
  text-align: left;
  padding: 0.85rem 0.95rem;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.radiography-select-option[data-v-2d8581e6]:hover,
.radiography-select-option.active[data-v-2d8581e6] {
  background: #edf3fb;
  color: #244da0;
}
.radiography-select-option-placeholder[data-v-2d8581e6] {
  font-weight: 700;
}
.radiography-field-date[data-v-2d8581e6] {
  max-width: 20rem;
}
.radiography-date-input[data-v-2d8581e6] {
  min-height: 3rem;
  padding: 0.85rem 1rem;
  color-scheme: light;
  background: #edf3fb;
}
.radiography-report-input[data-v-2d8581e6] {
  min-height: 14rem;
  padding: 0.95rem 1rem;
  resize: vertical;
  line-height: 1.45;
}
.radiography-hidden-input[data-v-2d8581e6] {
  display: none;
}
.radiography-upload-dropzone[data-v-2d8581e6] {
  width: 100%;
  min-height: 15.5rem;
  border: 1px solid #d8e3f2;
  border-radius: 1.25rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  color: #6e8097;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.radiography-upload-dropzone[data-v-2d8581e6]:hover,
.radiography-upload-dropzone[data-v-2d8581e6]:focus-visible {
  outline: none;
  border-color: #4a73bb;
  box-shadow: 0 0 0 4px rgba(74, 115, 187, 0.12);
  transform: translateY(-1px);
}
.radiography-upload-icon[data-v-2d8581e6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  color: #233e87;
}
.radiography-upload-icon svg[data-v-2d8581e6] {
  width: 2rem;
  height: 2rem;
}
.radiography-upload-title[data-v-2d8581e6] {
  color: #2f2f35;
  font-size: 1rem;
  font-weight: 500;
}
.radiography-upload-subtitle[data-v-2d8581e6] {
  color: #8a96a8;
  font-size: 0.95rem;
}
.radiography-gallery-grid[data-v-2d8581e6] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.radiography-thumb-card[data-v-2d8581e6],
.radiography-add-tile[data-v-2d8581e6] {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 1rem;
  overflow: hidden;
}
.radiography-thumb-card[data-v-2d8581e6] {
  position: relative;
  border: 1px solid #d8e3f2;
  background: #eef4fb;
}
.radiography-thumb-card.draft[data-v-2d8581e6] {
  border-color: #9db3db;
}
.radiography-thumb-image[data-v-2d8581e6] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  cursor: pointer;
}
.radiography-thumb-overlay[data-v-2d8581e6] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  background: linear-gradient(180deg, rgba(14, 20, 43, 0.08), rgba(14, 20, 43, 0.44));
  opacity: 0;
  transition: opacity 0.2s ease;
}
.radiography-thumb-card:hover .radiography-thumb-overlay[data-v-2d8581e6] {
  opacity: 1;
}
.radiography-thumb-action[data-v-2d8581e6] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border: 0;
  border-radius: 999px;
  background: rgba(20, 31, 83, 0.78);
  color: #ffffff;
  cursor: pointer;
}
.radiography-thumb-action svg[data-v-2d8581e6] {
  width: 1.15rem;
  height: 1.15rem;
  stroke: #ffffff;
}
.radiography-thumb-action-danger[data-v-2d8581e6] {
  background: rgba(20, 31, 83, 0.78);
}
.radiography-add-tile[data-v-2d8581e6] {
  border: 1px dashed #d3ddeb;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #989ea9;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.radiography-add-tile[data-v-2d8581e6]:hover {
  border-color: #9bb1d6;
  color: #4d6488;
  background: #fbfdff;
}
.radiography-add-icon[data-v-2d8581e6] {
  font-size: 2rem;
  line-height: 1;
  color: #2e2e33;
}
.radiography-actions[data-v-2d8581e6] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
  padding-top: 0.25rem;
}
.radiography-reset-button[data-v-2d8581e6],
.radiography-save-button[data-v-2d8581e6],
.radiography-modal-cancel[data-v-2d8581e6],
.radiography-modal-confirm[data-v-2d8581e6] {
  border: 0;
  border-radius: 1rem;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.radiography-reset-button[data-v-2d8581e6] {
  min-width: 6.5rem;
  padding: 0.8rem 0.2rem;
  background: transparent;
  color: #24334a;
}
.radiography-save-button[data-v-2d8581e6] {
  min-width: 7.5rem;
  padding: 0.9rem 1.5rem;
  background: #0f0d5e;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 13, 94, 0.22);
}
.radiography-reset-button[data-v-2d8581e6]:disabled,
.radiography-save-button[data-v-2d8581e6]:disabled {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}
.radiography-save-button[data-v-2d8581e6]:not(:disabled):hover,
.radiography-modal-confirm[data-v-2d8581e6]:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(15, 13, 94, 0.24);
}
.loading-overlay[data-v-2d8581e6] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(248, 251, 255, 0.72);
  border-radius: 1.75rem;
  backdrop-filter: blur(4px);
  z-index: 50;
}
.loading-spinner[data-v-2d8581e6] {
  padding: 1rem 1.25rem;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(54, 87, 139, 0.15);
  color: #415775;
  font-weight: 600;
}
.lightbox-overlay[data-v-2d8581e6],
.radiography-modal-overlay[data-v-2d8581e6] {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(30, 40, 72, 0.46);
  backdrop-filter: blur(2px);
  z-index: 1200;
}
.lightbox-content[data-v-2d8581e6] {
  position: relative;
  width: min(100%, 68rem);
  max-height: calc(100vh - 4rem);
  padding: 2.2rem 2.2rem 1.6rem;
  border-radius: 2rem;
  background: #ffffff;
  box-shadow: 0 26px 70px rgba(24, 38, 76, 0.24);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  cursor: default;
}
.lightbox-close[data-v-2d8581e6] {
  position: absolute;
  top: 1.2rem;
  left: -1.1rem;
  width: 2.6rem;
  height: 2.6rem;
  border: 0;
  border-radius: 999px;
  background: #eef3fb;
  color: #8798af;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}
.lightbox-image[data-v-2d8581e6] {
  width: 100%;
  max-height: 72vh;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 1rem;
  background: #f7faff;
}
.lightbox-thumbnails[data-v-2d8581e6] {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  padding-bottom: 0.2rem;
}
.lightbox-thumbnail[data-v-2d8581e6] {
  flex: 0 0 10rem;
  height: 7rem;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 1rem;
  overflow: hidden;
  background: #ffffff;
  cursor: pointer;
}
.lightbox-thumbnail.active[data-v-2d8581e6] {
  border-color: #5b80cc;
  box-shadow: 0 0 0 4px rgba(91, 128, 204, 0.14);
}
.lightbox-thumbnail img[data-v-2d8581e6] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.radiography-modal[data-v-2d8581e6] {
  position: relative;
  width: min(100%, 28.5rem);
  padding: 1.75rem 1.45rem 1.35rem;
  border-radius: 1.65rem;
  background: #ffffff;
  box-shadow: 0 20px 54px rgba(26, 40, 79, 0.22);
}
.radiography-modal[data-v-2d8581e6]::before {
  content: '';
  position: absolute;
  left: -0.9rem;
  top: 2.7rem;
  width: 1.8rem;
  height: 1.8rem;
  background: #ffffff;
  border-radius: 0.4rem;
  transform: rotate(45deg);
}
.radiography-modal-close[data-v-2d8581e6] {
  position: absolute;
  left: -0.95rem;
  top: 2.25rem;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 999px;
  background: #eef3fb;
  color: #98a6b8;
  font-size: 1.7rem;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}
.radiography-modal-header[data-v-2d8581e6] {
  padding-bottom: 0.8rem;
  margin-bottom: 0.9rem;
  border-bottom: 1px solid #d6e2f1;
}
.radiography-modal-header h3[data-v-2d8581e6] {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #51647d;
}
.radiography-modal-text[data-v-2d8581e6] {
  margin: 0 0 1.2rem;
  color: #51647d;
  font-size: 1rem;
  line-height: 1.45;
}
.radiography-modal-actions[data-v-2d8581e6] {
  display: flex;
  justify-content: flex-end;
  gap: 0.9rem;
}
.radiography-modal-cancel[data-v-2d8581e6],
.radiography-modal-confirm[data-v-2d8581e6] {
  min-width: 5rem;
  padding: 0.8rem 1.2rem;
}
.radiography-modal-cancel[data-v-2d8581e6] {
  background: #f3f6fc;
  color: #244da0;
}
.radiography-modal-confirm[data-v-2d8581e6] {
  background: #0f0d5e;
  color: #ffffff;
}
@media (max-width: 1100px) {
.radiography-subtab[data-v-2d8581e6] {
    font-size: 0.9rem;
}
}
@media (max-width: 768px) {
.radiography-tab[data-v-2d8581e6] {
    padding: 0;
}
.radiography-card[data-v-2d8581e6] {
    padding: 1.2rem;
    border-radius: 1.35rem;
}
.radiography-subtabs[data-v-2d8581e6] {
    gap: 0.35rem;
}
.radiography-subtab[data-v-2d8581e6] {
    flex: 0 0 auto;
    min-width: 10rem;
    white-space: nowrap;
}
.radiography-field-date[data-v-2d8581e6] {
    max-width: 100%;
}
.radiography-thumb-card[data-v-2d8581e6],
  .radiography-add-tile[data-v-2d8581e6] {
    width: calc(50% - 0.5rem);
    min-width: 9rem;
    height: 10rem;
}
.radiography-actions[data-v-2d8581e6] {
    flex-direction: column;
    align-items: stretch;
}
.radiography-reset-button[data-v-2d8581e6],
  .radiography-save-button[data-v-2d8581e6] {
    width: 100%;
}
.lightbox-overlay[data-v-2d8581e6],
  .radiography-modal-overlay[data-v-2d8581e6] {
    padding: 1rem;
}
.lightbox-content[data-v-2d8581e6] {
    padding: 1.2rem;
    border-radius: 1.35rem;
}
.lightbox-close[data-v-2d8581e6] {
    left: 0.85rem;
    top: 0.85rem;
}
.lightbox-thumbnail[data-v-2d8581e6] {
    flex-basis: 6.5rem;
    height: 4.8rem;
}
.radiography-modal[data-v-2d8581e6]::before,
  .radiography-modal-close[data-v-2d8581e6] {
    display: none;
}
.radiography-modal-actions[data-v-2d8581e6] {
    flex-direction: column;
}
.radiography-modal-cancel[data-v-2d8581e6],
  .radiography-modal-confirm[data-v-2d8581e6] {
    width: 100%;
}
}


.examination-tab[data-v-738c802b] {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.main-layout[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0.125rem 0 0;
}
.main-layout.loading[data-v-738c802b] {
  opacity: 0.6;
  pointer-events: none;
}
.section[data-v-738c802b],
.save-section[data-v-738c802b] {
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border: 1px solid #dfe8f4;
  border-radius: 1.5rem;
  box-shadow: 0 10px 30px rgba(45, 78, 138, 0.1);
}
.section[data-v-738c802b] {
  padding: 1rem 1rem 1.25rem;
}
.section-header[data-v-738c802b] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.85rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #d8e3f0;
}
.section-header-content[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.section-title[data-v-738c802b] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  color: #596c83;
  text-transform: uppercase;
  letter-spacing: 0.015em;
}
.section-description[data-v-738c802b] {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: #8190a4;
}
.clear-section-btn[data-v-738c802b] {
  flex-shrink: 0;
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid #e2eaf5;
  border-radius: 999px;
  background: #ffffff;
  color: #df6a6a;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.clear-section-btn[data-v-738c802b]:hover {
  border-color: #f0b7b7;
  box-shadow: 0 6px 18px rgba(223, 106, 106, 0.18);
  transform: translateY(-1px);
}
.tab-loading-overlay[data-v-738c802b] {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(246, 249, 253, 0.72);
  backdrop-filter: blur(3px);
  border-radius: 1.5rem;
}
.tab-spinner[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
  padding: 1.5rem 1.75rem;
  background: #ffffff;
  border: 1px solid #dce6f3;
  border-radius: 1.25rem;
  box-shadow: 0 16px 36px rgba(34, 57, 103, 0.12);
}
.spinner-circle[data-v-738c802b] {
  width: 2rem;
  height: 2rem;
  border: 3px solid #e5ecf7;
  border-top-color: #294d9b;
  border-radius: 999px;
  animation: spin-738c802b 1s linear infinite;
}
.loading-text[data-v-738c802b] {
  margin: 0;
  color: #667990;
  font-size: 0.9rem;
  font-weight: 500;
}
.form-group[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.form-group + .form-group[data-v-738c802b],
.subsection + .subsection[data-v-738c802b],
.lab-values[data-v-738c802b],
.medical-scales[data-v-738c802b],
.form-group-spaced[data-v-738c802b] {
  margin-top: 1.2rem;
}
.field-label[data-v-738c802b],
.question-label[data-v-738c802b] {
  color: #65798f;
  font-size: 0.9rem;
  font-weight: 500;
}
.field-label[data-v-738c802b] {
  margin: 0;
}
.question-label[data-v-738c802b] {
  display: block;
}
.field-helper[data-v-738c802b],
.question-hint[data-v-738c802b],
.question-note[data-v-738c802b],
.date-input-label[data-v-738c802b],
.no-selection[data-v-738c802b],
.no-joints[data-v-738c802b] {
  font-size: 0.8rem;
  line-height: 1.4;
  color: #8392a5;
}
.field-helper[data-v-738c802b],
.question-hint[data-v-738c802b],
.question-note[data-v-738c802b] {
  margin: 0;
}
.multi-select-container[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.selected-tags[data-v-738c802b],
.selected-joints[data-v-738c802b] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.45rem;
  min-height: 3rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid #dde7f3;
  border-radius: 0.95rem;
  background: #f8fbff;
}
.selected-joints[data-v-738c802b] {
  min-height: 3.2rem;
}
.selected-joints-painful[data-v-738c802b] {
  background: #fbf8ff;
}
.selected-joints-swollen[data-v-738c802b] {
  background: #f8fbff;
}
.tag[data-v-738c802b],
.joint-tag[data-v-738c802b] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.8rem;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #34527f;
  background: #dce9fb;
}
.joint-tag-painful[data-v-738c802b] {
  background: #eadbff;
  color: #6b43c0;
}
.joint-tag-swollen[data-v-738c802b] {
  background: #dce9fb;
  color: #2d78c7;
}
.tag-remove[data-v-738c802b] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1;
}
.tag-remove[data-v-738c802b]:hover {
  background: rgba(48, 71, 112, 0.08);
}
.checkbox-list[data-v-738c802b] {
  max-height: 12rem;
  overflow-y: auto;
  padding: 0.45rem;
  border: 1px solid #dde7f3;
  border-radius: 0.95rem;
  background: #f8fbff;
}
.complaints-list[data-v-738c802b] {
  max-height: none;
  overflow-y: visible;
}
.checkbox-list-compact[data-v-738c802b] {
  max-height: 10.5rem;
}
.checkbox-item[data-v-738c802b] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.45rem 0.5rem;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.checkbox-item + .checkbox-item[data-v-738c802b] {
  margin-top: 0.2rem;
}
.checkbox-item[data-v-738c802b]:hover {
  background: rgba(45, 78, 138, 0.06);
}
.checkbox-item input[type="checkbox"][data-v-738c802b] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox-mark[data-v-738c802b] {
  position: relative;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border: 1.5px solid #c7d5e8;
  border-radius: 0.3rem;
  background: #ffffff;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.checkbox-item input[type="checkbox"]:checked ~ .checkbox-mark[data-v-738c802b] {
  background: #264ea0;
  border-color: #264ea0;
}
.checkbox-item input[type="checkbox"]:checked ~ .checkbox-mark[data-v-738c802b]::after {
  content: '';
  position: absolute;
  top: 0.12rem;
  left: 0.3rem;
  width: 0.2rem;
  height: 0.45rem;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-text[data-v-738c802b] {
  color: #556a83;
  font-size: 0.82rem;
  line-height: 1.35;
}
.stiffness-duration-selector[data-v-738c802b],
.question-input[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.duration-options[data-v-738c802b],
.buttons-input[data-v-738c802b],
.toggle-buttons[data-v-738c802b] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.duration-btn[data-v-738c802b],
.toggle-btn[data-v-738c802b],
.option-btn[data-v-738c802b],
.control-btn[data-v-738c802b],
.save-btn[data-v-738c802b],
.save-reset-btn[data-v-738c802b],
.dev-btn[data-v-738c802b] {
  border: 1px solid transparent;
  border-radius: 999px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.duration-btn[data-v-738c802b],
.toggle-btn[data-v-738c802b],
.option-btn[data-v-738c802b] {
  min-height: 2rem;
  padding: 0.4rem 0.9rem;
  background: #f2f6fc;
  border-color: #dbe5f1;
  color: #64788f;
  font-size: 0.82rem;
  font-weight: 500;
}
.duration-btn[data-v-738c802b]:hover,
.toggle-btn[data-v-738c802b]:hover,
.option-btn[data-v-738c802b]:hover,
.control-btn[data-v-738c802b]:hover,
.save-btn[data-v-738c802b]:hover:not(:disabled),
.save-reset-btn[data-v-738c802b]:hover:not(:disabled),
.dev-btn[data-v-738c802b]:hover {
  transform: translateY(-1px);
}
.duration-btn.active[data-v-738c802b],
.toggle-btn.active[data-v-738c802b],
.option-btn.active[data-v-738c802b] {
  background: #0e0d68;
  border-color: #0e0d68;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(14, 13, 104, 0.18);
}
.subsection[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.subsection-title[data-v-738c802b] {
  margin: 0;
  color: #65798f;
  font-size: 0.9rem;
  font-weight: 500;
}
.slider-header[data-v-738c802b] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
}
.assessment-slider[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.slider-value[data-v-738c802b] {
  color: #274f9f;
  font-size: 0.95rem;
  font-weight: 700;
}
.slider[data-v-738c802b] {
  width: 100%;
  height: 0.28rem;
  margin: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #244b98 0%, #3c6cbb 100%);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
}
.slider[data-v-738c802b]::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  border: 2px solid #315eb4;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(49, 94, 180, 0.25);
  -webkit-appearance: none;
          appearance: none;
}
.slider[data-v-738c802b]::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  border: 2px solid #315eb4;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(49, 94, 180, 0.25);
}
.slider-labels[data-v-738c802b] {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.label-left[data-v-738c802b],
.label-right[data-v-738c802b] {
  max-width: 18rem;
  color: #6e8299;
  font-size: 0.75rem;
  line-height: 1.35;
}
.label-right[data-v-738c802b] {
  text-align: right;
}
.body-diagrams[data-v-738c802b] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-top: 0.25rem;
}
.diagram-container[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.diagram-wrapper[data-v-738c802b] {
  position: relative;
  display: inline-block;
  width: min(100%, 24rem);
}
.body-image[data-v-738c802b] {
  width: 100%;
  height: auto;
  display: block;
}
.diagram-title[data-v-738c802b] {
  width: 100%;
  margin: 1rem 0 0.55rem;
  color: #61758c;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
}
.joint-point[data-v-738c802b] {
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.16rem;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}
.joint-point-painful[data-v-738c802b] {
  border: 1.6px solid #7f48db;
  background: #ffffff;
}
.joint-point-swollen[data-v-738c802b] {
  border: 1.6px solid #2892f4;
  background: #ffffff;
}
.joint-point[data-v-738c802b]:hover {
  box-shadow: 0 0 0 3px rgba(68, 109, 188, 0.16);
}
.joint-point-painful.active[data-v-738c802b] {
  background: #c48dff;
  box-shadow: 0 0 0 2px rgba(127, 72, 219, 0.16);
}
.joint-point-swollen.active[data-v-738c802b] {
  background: #42a5ff;
  box-shadow: 0 0 0 2px rgba(40, 146, 244, 0.16);
}
.joint-point.dragging[data-v-738c802b] {
  transform: translate(-50%, -50%) scale(1.25);
  z-index: 10;
}
.coords-display[data-v-738c802b] {
  position: absolute;
  top: -1.6rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.15rem 0.35rem;
  border-radius: 0.35rem;
  background: rgba(15, 13, 104, 0.92);
  color: #ffffff;
  font-size: 0.65rem;
  white-space: nowrap;
}
.diagram-controls[data-v-738c802b] {
  width: 100%;
  display: flex;
  gap: 0.55rem;
  justify-content: flex-start;
  margin-top: 0.7rem;
}
.control-btn[data-v-738c802b] {
  min-height: 2rem;
  padding: 0.4rem 0.95rem;
  font-size: 0.78rem;
  font-weight: 500;
}
.control-btn.primary[data-v-738c802b] {
  background: #0e0d68;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(14, 13, 104, 0.16);
}
.control-btn.secondary[data-v-738c802b] {
  background: #f3f7fc;
  border-color: #dde7f3;
  color: #4d6283;
}
.lab-grid[data-v-738c802b] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
}
.lab-grid .form-group + .form-group[data-v-738c802b] {
  margin-top: 0;
}
.form-input[data-v-738c802b] {
  width: 100%;
  min-height: 2.8rem;
  padding: 0.7rem 0.95rem;
  border: 1px solid #dbe5f2;
  border-radius: 0.85rem;
  background: #ffffff;
  color: #536880;
  font-size: 0.9rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
textarea.form-input[data-v-738c802b] {
  min-height: 6rem;
  resize: vertical;
}
.form-input[data-v-738c802b]:focus {
  outline: none;
  border-color: #4b73bb;
  box-shadow: 0 0 0 4px rgba(75, 115, 187, 0.12);
}
.form-input-date[data-v-738c802b] {
  max-width: 14rem;
  background: #f4f8fd;
}
.medical-scales[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.scale-item[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.scale-header[data-v-738c802b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.scale-title[data-v-738c802b] {
  margin: 0;
  color: #64778e;
  font-size: 0.82rem;
  font-weight: 500;
}
.scale-value-display[data-v-738c802b] {
  flex-shrink: 0;
}
.calculated-value[data-v-738c802b] {
  color: #204a98;
  font-size: 1.05rem;
  font-weight: 700;
}
.color-scale[data-v-738c802b] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.45rem;
}
.scale-segment[data-v-738c802b] {
  min-height: 2rem;
  padding: 0.45rem 0.6rem;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  display: flex;
  align-items: center;
  font-size: 0.68rem;
  line-height: 1.2;
}
.scale-segment.blue[data-v-738c802b] {
  background: #dff0ff;
  color: #4b6b99;
}
.scale-segment.green[data-v-738c802b] {
  background: #eefadf;
  color: #557553;
}
.scale-segment.yellow[data-v-738c802b] {
  background: #fff5d9;
  color: #866c3e;
}
.scale-segment.red[data-v-738c802b] {
  background: #fde7e5;
  color: #9a605a;
}
.scale-segment.active[data-v-738c802b] {
  border-color: #315eb4;
  box-shadow: inset 0 0 0 1px #315eb4;
  background: #ffffff;
}
.section-blocks[data-v-738c802b] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem 1.4rem;
}
.block[data-v-738c802b] {
  padding: 0;
  border: 0;
  background: transparent;
}
.block-title[data-v-738c802b] {
  margin: 0 0 0.35rem;
  color: #63778e;
  font-size: 0.82rem;
  font-weight: 600;
}
.block-description[data-v-738c802b] {
  margin: 0 0 0.85rem;
  color: #91a0b1;
  font-size: 0.76rem;
  line-height: 1.45;
}
.question-group[data-v-738c802b] {
  padding: 0.2rem 0;
}
.question-group + .question-group[data-v-738c802b] {
  margin-top: 0.9rem;
}
.required[data-v-738c802b] {
  color: #d36666;
}
.boolean-input[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.date-input-wrapper[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.save-section[data-v-738c802b] {
  padding: 1rem 1.15rem;
}
.save-controls[data-v-738c802b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.save-meta[data-v-738c802b] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.save-button-container[data-v-738c802b] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
}
.save-btn[data-v-738c802b],
.save-reset-btn[data-v-738c802b] {
  min-height: 2.35rem;
  padding: 0.55rem 1.2rem;
  font-size: 0.83rem;
  font-weight: 600;
}
.save-btn[data-v-738c802b] {
  background: #0e0d68;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(14, 13, 104, 0.18);
}
.save-reset-btn[data-v-738c802b] {
  background: transparent;
  color: #334a68;
}
.save-btn[data-v-738c802b]:disabled,
.save-reset-btn[data-v-738c802b]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}
.autosave-info[data-v-738c802b] {
  display: flex;
  align-items: center;
}
.autosave-text[data-v-738c802b] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #76889e;
  font-size: 0.75rem;
}
.autosave-icon[data-v-738c802b] {
  width: 0.95rem;
  height: 0.95rem;
  color: #6fa076;
}
.save-status[data-v-738c802b] {
  color: #8d9caf;
  font-size: 0.76rem;
}
.developer-panel[data-v-738c802b] {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px dashed #9eb5d8;
  border-radius: 1rem;
  background: #f7fbff;
}
.dev-controls[data-v-738c802b] {
  margin-top: 0.75rem;
}
.dev-controls p[data-v-738c802b] {
  margin: 0 0 0.75rem;
  color: #5e7591;
  font-size: 0.84rem;
}
.dev-btn[data-v-738c802b] {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.45rem 0.9rem;
  background: #244b98;
  color: #ffffff;
  font-size: 0.8rem;
}
.dev-btn.copy[data-v-738c802b] {
  background: #d58d18;
}
.all-coordinates-list[data-v-738c802b] {
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid #dde7f3;
  border-radius: 0.9rem;
  background: #ffffff;
}
.coordinates-textarea-wrapper[data-v-738c802b] {
  margin-top: 0.45rem;
}
.coordinates-textarea[data-v-738c802b] {
  width: 100%;
  min-height: 14rem;
  padding: 0.8rem;
  border: 1px solid #dbe5f2;
  border-radius: 0.8rem;
  background: #f8fbff;
  color: #52657d;
  font-family: "Courier New", monospace;
  font-size: 0.75rem;
  line-height: 1.5;
}
.clicked-point[data-v-738c802b] {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 999px;
  background: #ea6b6b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  font-weight: 700;
  transform: translate(-50%, -50%);
}
@keyframes spin-738c802b {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@media (max-width: 1024px) {
.body-diagrams[data-v-738c802b],
  .section-blocks[data-v-738c802b],
  .lab-grid[data-v-738c802b] {
    grid-template-columns: 1fr;
}
.diagram-controls[data-v-738c802b] {
    justify-content: flex-start;
}
}
@media (max-width: 768px) {
.section[data-v-738c802b],
  .save-section[data-v-738c802b] {
    border-radius: 1.15rem;
}
.section[data-v-738c802b] {
    padding: 0.9rem;
}
.slider-header[data-v-738c802b],
  .save-controls[data-v-738c802b] {
    flex-direction: column;
    align-items: stretch;
}
.slider-labels[data-v-738c802b] {
    flex-direction: column;
    gap: 0.35rem;
}
.label-right[data-v-738c802b] {
    text-align: left;
}
.body-image[data-v-738c802b] {
    width: 100%;
}
.diagram-wrapper[data-v-738c802b] {
    width: min(100%, 18rem);
}
.save-button-container[data-v-738c802b] {
    width: 100%;
    justify-content: stretch;
}
.save-btn[data-v-738c802b],
  .save-reset-btn[data-v-738c802b] {
    flex: 1 1 0;
    width: 100%;
}
}
@media (max-width: 480px) {
.section-header[data-v-738c802b] {
    flex-direction: column;
    align-items: stretch;
}
.clear-section-btn[data-v-738c802b] {
    align-self: flex-end;
}
.duration-options[data-v-738c802b],
  .buttons-input[data-v-738c802b],
  .toggle-buttons[data-v-738c802b],
  .diagram-controls[data-v-738c802b],
  .save-button-container[data-v-738c802b] {
    flex-direction: column;
}
}


/* Minimalist layout */
.treatment-tab[data-v-72805272] {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Локальный индикатор загрузки */
.tab-loading-overlay[data-v-72805272] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  backdrop-filter: blur(2px);
}
.tab-spinner[data-v-72805272] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E7EB;
}
.spinner-circle[data-v-72805272] {
  width: 32px;
  height: 32px;
  border: 3px solid #F3F4F6;
  border-top: 3px solid #2563EB;
  border-radius: 50%;
  animation: spin-72805272 1s linear infinite;
}
@keyframes spin-72805272 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-72805272] {
  margin: 0;
  font-size: 0.875rem;
  color: #6B7280;
  font-weight: 500;
}
.main-layout.loading[data-v-72805272] {
  opacity: 0.6;
  pointer-events: none;
}
.main-layout[data-v-72805272] {
  padding: 1rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section[data-v-72805272] {
  margin-bottom: 0;
  padding: 1.25rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  transition: border-color 0.2s ease;
}
.section[data-v-72805272]:hover {
  border-color: #D1D5DB;
}

/* Minimalist section headers */
.section-header[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0.75rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #F3F4F6;
}
.section-title[data-v-72805272] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.clear-section-btn[data-v-72805272] {
  background: none;
  border: 1px solid #E5E7EB;
  color: #9CA3AF;
  font-size: 14px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-weight: 400;
  border-radius: 4px;
}
.clear-section-btn[data-v-72805272]:hover {
  background: #F9FAFB;
  border-color: #DC2626;
  color: #DC2626;
}
.medications-section[data-v-72805272] {
  width: 100%;
  margin: 0;
  padding: 0 20px;
}
.section-header[data-v-72805272] {
  background: #F3F4F6;
  padding: 16px;
  margin-bottom: 24px;
  border-radius: 8px;
}
.section-header h3[data-v-72805272] {
  font-size: 14px;
  font-weight: 600;
  color: #1F2937;
  margin: 0;
}
.debug-info[data-v-72805272] {
  margin-top: 8px;
  font-size: 12px;
  color: #6B7280;
}
.debug-info p[data-v-72805272] {
  margin: 2px 0;
}
.no-drugs[data-v-72805272] {
  text-align: center;
  padding: 40px;
  color: #6B7280;
}
.medication-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.medication-card[data-v-72805272] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 20px;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s;
}
.medication-card[data-v-72805272]:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.medication-header[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.medication-name[data-v-72805272] {
  font-size: 16px;
  font-weight: 600;
  color: #1F2937;
}
.delete-btn[data-v-72805272] {
  background: none;
  border: none;
  color: #EF4444;
  font-size: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-weight: bold;
  border-radius: 4px;
}
.delete-btn[data-v-72805272]:hover {
  background: #FEE2E2;
  color: #DC2626;
}
.fields-grid[data-v-72805272] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.field-group[data-v-72805272] {
  display: flex;
  flex-direction: column;
}
.field-label[data-v-72805272] {
  font-size: 12px;
  color: #6B7280;
  margin-bottom: 6px;
  font-weight: 500;
}
.date-field[data-v-72805272] {
  position: relative;
  display: flex;
  align-items: center;
}
.date-input[data-v-72805272], .text-input[data-v-72805272] {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 14px;
  color: #1F2937;
  background: white;
  transition: border-color 0.2s;
}
.date-input[data-v-72805272]:focus, .text-input[data-v-72805272]:focus {
  outline: none;
  border-color: #1D4ED8;
  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1);
}
.date-input[data-v-72805272]::-moz-placeholder, .text-input[data-v-72805272]::-moz-placeholder {
  color: #9CA3AF;
}
.date-input[data-v-72805272]::placeholder, .text-input[data-v-72805272]::placeholder {
  color: #9CA3AF;
}
.card-actions[data-v-72805272] {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E5E7EB;
}
.save-btn[data-v-72805272] {
  background: #10B981;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
}
.save-btn[data-v-72805272]:hover:not(:disabled) {
  background: #059669;
}
.save-btn[data-v-72805272]:disabled {
  background: #9CA3AF;
  cursor: not-allowed;
}
.cancel-btn[data-v-72805272] {
  background: #6B7280;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
}
.cancel-btn[data-v-72805272]:hover {
  background: #4B5563;
}
.global-save-section[data-v-72805272] {
  margin-top: 24px;
  padding: 16px;
  background: #F3F4F6;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.save-controls[data-v-72805272] {
  display: flex;
  gap: 12px;
  width: 100%;
  justify-content: center;
}
.global-save-btn[data-v-72805272] {
  background: #3B82F6;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
  flex: 1;
}
.global-save-btn[data-v-72805272]:hover:not(:disabled) {
  background: #2563EB;
}
.global-save-btn[data-v-72805272]:disabled {
  background: #9CA3AF;
  cursor: not-allowed;
}
.reset-all-btn[data-v-72805272] {
  background: #EF4444;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.2s;
  flex: 1;
}
.reset-all-btn[data-v-72805272]:hover {
  background: #DC2626;
}
.modifications-info[data-v-72805272] {
  font-size: 12px;
  color: #6B7280;
  text-align: center;
}
.debug-controls[data-v-72805272] {
  margin-top: 24px;
  text-align: center;
}
.debug-btn[data-v-72805272] {
  background: #F3F4F6;
  color: #6B7280;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}
.debug-btn[data-v-72805272]:hover {
  background: #E5E7EB;
}

/* Адаптивность */
@media (max-width: 768px) {
.medications-section[data-v-72805272] {
    padding: 0 12px;
}
.medication-card[data-v-72805272] {
    padding: 16px;
}
.fields-grid[data-v-72805272] {
    grid-template-columns: 1fr;
    gap: 12px;
}
.page-header h1[data-v-72805272] {
    font-size: 20px;
}
.medication-name[data-v-72805272] {
    font-size: 14px;
}
}

/* Адаптивность для больших экранов */
@media (min-width: 1400px) {
.treatment-tab[data-v-72805272] {
    max-width: 1300px;
    margin: 0 auto;
}
.medications-section[data-v-72805272] {
    padding: 2rem;
}
.medication-card[data-v-72805272] {
    padding: 1.5rem;
}
.fields-grid[data-v-72805272] {
    gap: 1.5rem;
}
}
@media (min-width: 1600px) {
.treatment-tab[data-v-72805272] {
    max-width: 1500px;
}
.medications-section[data-v-72805272] {
    padding: 2.5rem;
}
.medication-card[data-v-72805272] {
    padding: 2rem;
}
.fields-grid[data-v-72805272] {
    gap: 2rem;
}
.page-header h1[data-v-72805272] {
    font-size: 1.5rem;
}
.medication-name[data-v-72805272] {
    font-size: 1rem;
}
}
@media (min-width: 1920px) {
.treatment-tab[data-v-72805272] {
    max-width: 1700px;
}
.medications-section[data-v-72805272] {
    padding: 3rem;
}
.medication-card[data-v-72805272] {
    padding: 2.5rem;
}
.fields-grid[data-v-72805272] {
    gap: 2.5rem;
}
.page-header h1[data-v-72805272] {
    font-size: 1.75rem;
}
.medication-name[data-v-72805272] {
    font-size: 1.125rem;
}
}

/* Minimalist save section */
.save-actions[data-v-72805272] {
  margin-top: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.save-btn[data-v-72805272] {
  background: #2563EB;
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.save-btn[data-v-72805272]:hover:not(:disabled) {
  background: #1D4ED8;
}
.save-btn[data-v-72805272]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}

/* Стили для списка добавленных лекарств */
.medications-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

/* Стили для поиска лекарств */
.drug-search-section[data-v-72805272] {
  margin-bottom: 1.5rem;
}
.search-container[data-v-72805272] {
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 1rem;
}
.search-input-group[data-v-72805272] {
  position: relative;
}
.search-input[data-v-72805272] {
  width: 100%;
  height: 40px;
  padding: 8px 40px 8px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 14px;
  color: #1F2937;
  background: white;
  transition: border-color 0.2s;
}
.search-input[data-v-72805272]:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.clear-search-btn[data-v-72805272] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #9CA3AF;
  font-size: 18px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
.clear-search-btn[data-v-72805272]:hover {
  background: #F3F4F6;
  color: #6B7280;
}
.search-spinner[data-v-72805272] {
  width: 16px;
  height: 16px;
  border: 2px solid #F3F4F6;
  border-top: 2px solid #2563EB;
  border-radius: 50%;
  animation: spin-72805272 1s linear infinite;
}
.no-results[data-v-72805272] {
  text-align: center;
  padding: 1rem;
  color: #6B7280;
  font-size: 0.875rem;
}
.no-results p[data-v-72805272] {
  margin: 0;
}

/* Стили для классов лекарств */
.drug-classes-section[data-v-72805272] {
  margin-bottom: 1.5rem;
}
.loading-classes[data-v-72805272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6B7280;
  font-size: 0.875rem;
  padding: 1rem;
  justify-content: center;
}
.drug-classes-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.drug-class-item[data-v-72805272] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.2s;
}
.drug-class-item[data-v-72805272]:hover {
  border-color: #D1D5DB;
}
.drug-class-header[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  background: #F9FAFB;
  transition: background-color 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.drug-class-header[data-v-72805272]:hover {
  background: #F3F4F6;
}
.class-name[data-v-72805272] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1F2937;
}
.class-arrow[data-v-72805272] {
  font-size: 0.75rem;
  color: #6B7280;
  transition: transform 0.2s;
  transform: rotate(-90deg);
}
.class-arrow.expanded[data-v-72805272] {
  transform: rotate(0deg);
}
.drug-class-content[data-v-72805272] {
  padding: 0.75rem 1rem;
  background: white;
  border-top: 1px solid #E5E7EB;
}
.atx-groups-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.atx-group-item[data-v-72805272] {
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  overflow: hidden;
  background: white;
}
.atx-group-header[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: #F9FAFB;
  cursor: pointer;
  transition: background-color 0.2s;
}
.atx-group-header[data-v-72805272]:hover {
  background: #F3F4F6;
}
.atx-group-name[data-v-72805272] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1F2937;
}
.atx-group-content[data-v-72805272] {
  padding: 0.75rem 1rem;
  border-top: 1px solid #E5E7EB;
  background: white;
}
.loading-drugs[data-v-72805272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6B7280;
  font-size: 0.75rem;
  padding: 0.5rem;
  justify-content: center;
}
.no-drugs-in-class[data-v-72805272] {
  text-align: center;
  padding: 1rem;
  color: #9CA3AF;
  font-size: 0.875rem;
}
.drugs-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.drug-item-wrapper[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.drug-item[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0.75rem;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  transition: border-color 0.2s;
}
.drug-item[data-v-72805272]:hover {
  border-color: #D1D5DB;
  background: #F3F4F6;
}

/* Inline форма для недавно добавленного лекарства */
.inline-drug-form[data-v-72805272] {
  background: #F0F9FF;
  border: 2px solid #2563EB;
  border-radius: 8px;
  padding: 1rem;
  margin-top: 0.5rem;
  animation: slideDown-72805272 0.3s ease-out;
}
@keyframes slideDown-72805272 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.inline-form-header[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #E5E7EB;
}
.inline-form-title[data-v-72805272] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1F2937;
}
.inline-form-close[data-v-72805272] {
  background: none;
  border: none;
  color: #6B7280;
  font-size: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
}
.inline-form-close[data-v-72805272]:hover {
  background: #FEE2E2;
  color: #DC2626;
}
.inline-form-fields[data-v-72805272] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.inline-field-group[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.inline-field-label[data-v-72805272] {
  font-size: 0.75rem;
  color: #6B7280;
  font-weight: 500;
  text-transform: uppercase;
}
.inline-date-input[data-v-72805272] {
  width: 100%;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #1F2937;
  background: white;
  transition: border-color 0.2s;
}
.inline-date-input[data-v-72805272]:focus {
  outline: none;
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.inline-button-group[data-v-72805272] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.inline-dose-method-btn[data-v-72805272] {
  padding: 0.375rem 0.75rem;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 0.75rem;
  color: #374151;
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.inline-dose-method-btn[data-v-72805272]:hover {
  background: #F3F4F6;
  border-color: #9CA3AF;
}
.inline-dose-method-btn.active[data-v-72805272] {
  background: #2563EB;
  color: white;
  border-color: #2563EB;
}
.inline-no-data[data-v-72805272] {
  font-size: 0.75rem;
  color: #9CA3AF;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}

/* Кнопки действий в inline форме */
.inline-form-actions[data-v-72805272] {
  display: flex;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #E5E7EB;
  justify-content: flex-end;
}
.inline-clear-btn[data-v-72805272] {
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #D1D5DB;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}
.inline-clear-btn[data-v-72805272]:hover {
  background: #E5E7EB;
  border-color: #9CA3AF;
}
.inline-delete-btn[data-v-72805272] {
  background: #FEE2E2;
  color: #DC2626;
  border: 1px solid #FECACA;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}
.inline-delete-btn[data-v-72805272]:hover {
  background: #FECACA;
  border-color: #F87171;
  color: #B91C1C;
}

/* Стили для ошибок валидации */
.inline-field-group.has-error .inline-field-label[data-v-72805272] {
  color: #DC2626;
}
.error-required[data-v-72805272] {
  color: #DC2626;
  font-weight: bold;
  margin-left: 0.25rem;
}
.error-input[data-v-72805272] {
  border-color: #DC2626 !important;
  background-color: #FEF2F2;
}
.error-input[data-v-72805272]:focus {
  border-color: #DC2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
}
.error-message[data-v-72805272] {
  font-size: 0.75rem;
  color: #DC2626;
  margin-top: 0.25rem;
}
.inline-dose-method-btn.error-btn[data-v-72805272] {
  border-color: #DC2626;
  background-color: #FEF2F2;
}

/* Стили для нижнего списка добавленных лекарств */
.completed-drugs-section[data-v-72805272] {
  margin-top: 1.5rem;
}
.completed-drugs-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.completed-drug-card[data-v-72805272] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  padding: 1rem;
  transition: border-color 0.2s;
}
.completed-drug-card[data-v-72805272]:hover {
  border-color: #D1D5DB;
}
.completed-drug-card.has-validation-errors[data-v-72805272] {
  border-color: #DC2626;
  background: #FEF2F2;
}
.completed-drug-card.has-validation-errors[data-v-72805272]:hover {
  border-color: #B91C1C;
}
.completed-drug-header[data-v-72805272] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #F3F4F6;
}
.completed-drug-name[data-v-72805272] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1F2937;
}
.completed-drug-remove[data-v-72805272] {
  background: none;
  border: none;
  color: #EF4444;
  font-size: 18px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s;
  font-weight: bold;
}
.completed-drug-remove[data-v-72805272]:hover {
  background: #FEE2E2;
  color: #DC2626;
}
.completed-drug-info[data-v-72805272] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.completed-drug-field[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.completed-field-label[data-v-72805272] {
  font-size: 0.75rem;
  color: #6B7280;
  font-weight: 500;
  text-transform: uppercase;
}
.completed-field-value[data-v-72805272] {
  font-size: 0.875rem;
  color: #1F2937;
  font-weight: 500;
}
.completed-field-value.error-value[data-v-72805272] {
  color: #DC2626;
  font-weight: 600;
}
.completed-drug-field.has-error .completed-field-label[data-v-72805272] {
  color: #DC2626;
}
.completed-error-message[data-v-72805272] {
  font-size: 0.75rem;
  color: #DC2626;
  margin-top: 0.25rem;
  font-weight: 500;
}

/* Стили для автоскролла и подсветки ошибок */
.inline-drug-form.scroll-highlight[data-v-72805272] {
  animation: highlightError-72805272 0.5s ease-in-out;
  border-color: #DC2626 !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2);
}
@keyframes highlightError-72805272 {
0%, 100% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
}
.inline-drug-form.has-validation-errors[data-v-72805272] {
  border-color: #DC2626;
  border-width: 2px;
  background: #FEF2F2;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

/* Стили для уведомления об успешном сохранении */
.success-notification[data-v-72805272] {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #10B981;
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10000;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 250px;
}
.success-notification.show[data-v-72805272] {
  opacity: 1;
  transform: translateX(0);
}
.success-notification-icon[data-v-72805272] {
  font-size: 1.25rem;
  font-weight: bold;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  flex-shrink: 0;
}
.success-notification-text[data-v-72805272] {
  flex: 1;
}

/* Стили для глобального сообщения об ошибке */
.error-message-global[data-v-72805272] {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  background: #FEE2E2;
  border: 1px solid #FECACA;
  border-radius: 6px;
  color: #DC2626;
  font-size: 0.875rem;
  font-weight: 500;
}
.success-notification-icon[data-v-72805272] {
  font-size: 1.25rem;
  font-weight: bold;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  flex-shrink: 0;
}
.success-notification-text[data-v-72805272] {
  flex: 1;
}

/* Стили для глобального сообщения об ошибке */
.error-message-global[data-v-72805272] {
  margin-top: 0.75rem;
  padding: 0.75rem 1rem;
  background: #FEE2E2;
  border: 1px solid #FECACA;
  border-radius: 6px;
  color: #DC2626;
  font-size: 0.875rem;
  font-weight: 500;
}
.drug-name[data-v-72805272] {
  font-size: 0.875rem;
  color: #1F2937;
  font-weight: 500;
}
.drug-item-actions[data-v-72805272] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 0.75rem;
}
.drug-info-btn[data-v-72805272] {
  background: #EFF6FF;
  color: #1D4ED8;
  border: 1px solid #BFDBFE;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}
.drug-info-btn[data-v-72805272]:hover:not(:disabled) {
  background: #DBEAFE;
  border-color: #93C5FD;
}
.drug-info-btn[data-v-72805272]:disabled {
  background: #F3F4F6;
  color: #9CA3AF;
  border-color: #E5E7EB;
  cursor: not-allowed;
}
.result-name[data-v-72805272] {
  font-size: 0.875rem;
  color: #1F2937;
  font-weight: 500;
}
.add-drug-btn[data-v-72805272] {
  background: #10B981;
  color: white;
  border: none;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: background-color 0.2s;
  white-space: nowrap;
}
.add-drug-btn[data-v-72805272]:hover:not(:disabled) {
  background: #059669;
}
.add-drug-btn[data-v-72805272]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}
.no-results[data-v-72805272] {
  text-align: center;
  padding: 1rem;
  color: #6B7280;
  font-size: 0.875rem;
}
.no-results p[data-v-72805272] {
  margin: 0;
}

/* Стили для кнопок управления лекарствами */
.card-actions[data-v-72805272] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.remove-drug-btn[data-v-72805272] {
  background: #FEF3C7;
  color: #D97706;
  border: 1px solid #FCD34D;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s;
  font-weight: 500;
}
.remove-drug-btn[data-v-72805272]:hover {
  background: #FDE68A;
  border-color: #F59E0B;
  color: #B45309;
}
.drug-info-modal-overlay[data-v-72805272] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 1100;
}
.drug-info-modal[data-v-72805272] {
  width: min(980px, 100%);
  max-height: 92vh;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  box-shadow: 0 20px 36px rgba(15, 23, 42, 0.28);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.drug-info-modal-header[data-v-72805272] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #E5E7EB;
  background: #F8FAFC;
}
.drug-info-modal-title[data-v-72805272] {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #0F172A;
}
.drug-info-modal-subtitle[data-v-72805272] {
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  color: #475569;
  font-weight: 500;
}
.drug-info-modal-close[data-v-72805272] {
  background: transparent;
  border: 1px solid #CBD5E1;
  color: #475569;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1.125rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.drug-info-modal-close[data-v-72805272]:hover {
  background: #EFF6FF;
  border-color: #93C5FD;
  color: #1D4ED8;
}
.drug-info-modal-body[data-v-72805272] {
  overflow-y: auto;
  padding: 1rem 1.25rem 1.25rem;
}
.drug-info-loading[data-v-72805272],
.drug-info-empty[data-v-72805272],
.drug-info-error[data-v-72805272] {
  padding: 1rem;
  border-radius: 8px;
  font-size: 0.875rem;
}
.drug-info-loading[data-v-72805272] {
  background: #EFF6FF;
  color: #1D4ED8;
  border: 1px solid #BFDBFE;
}
.drug-info-error[data-v-72805272] {
  background: #FEF2F2;
  color: #B91C1C;
  border: 1px solid #FECACA;
}
.drug-info-empty[data-v-72805272] {
  background: #F8FAFC;
  color: #475569;
  border: 1px solid #E2E8F0;
}
.drug-info-grid[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.drug-info-field[data-v-72805272] {
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 0.875rem;
}
.drug-info-field-title[data-v-72805272] {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #1E293B;
}
.drug-info-field-content[data-v-72805272] {
  font-size: 0.875rem;
  line-height: 1.55;
  color: #334155;
  position: relative;
}
.drug-info-field-content.collapsed[data-v-72805272] {
  max-height: 12rem;
  overflow: hidden;
}
.drug-info-field-content.collapsed[data-v-72805272]::after {
  content: '...';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5rem;
  padding-right: 0.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 70%);
  color: #64748B;
  font-weight: 700;
}
.drug-info-field-content[data-v-72805272] p {
  margin: 0 0 0.55rem;
}
.drug-info-field-content[data-v-72805272] p:last-child {
  margin-bottom: 0;
}
.drug-info-field-content[data-v-72805272] ul,
.drug-info-field-content[data-v-72805272] ol {
  margin: 0.2rem 0 0.55rem 1rem;
  padding: 0;
}
.drug-info-field-content[data-v-72805272] li {
  margin-bottom: 0.3rem;
}
.drug-info-field-content[data-v-72805272] br {
  content: '';
}
.drug-info-toggle-btn[data-v-72805272] {
  margin-top: 0.5rem;
  border: none;
  background: transparent;
  color: #1D4ED8;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.drug-info-toggle-btn[data-v-72805272]:hover {
  color: #1E40AF;
  text-decoration: underline;
}
.drug-info-empty-field[data-v-72805272] {
  font-size: 0.8125rem;
  color: #94A3B8;
}

/* Стили для кнопки очистки полей */
.clear-btn[data-v-72805272] {
  background: none;
  border: none;
  color: #EF4444;
  font-size: 16px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-weight: bold;
  border-radius: 4px;
}
.clear-btn[data-v-72805272]:hover {
  background: #FEE2E2;
  color: #DC2626;
}

/* Стили для select элементов */
.form-select[data-v-72805272] {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 14px;
  color: #1F2937;
  background: white;
  cursor: pointer;
  transition: border-color 0.2s;
}
.form-select[data-v-72805272]:focus {
  outline: none;
  border-color: #1D4ED8;
  box-shadow: 0 0 0 3px rgba(107, 70, 193, 0.1);
}

/* Стили для группы кнопок дозировки и метода применения */
.button-group[data-v-72805272] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}
.dose-method-btn[data-v-72805272] {
  padding: 0.5rem 1rem;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #374151;
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.dose-method-btn[data-v-72805272]:hover {
  background: #F3F4F6;
  border-color: #9CA3AF;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dose-method-btn.active[data-v-72805272] {
  background: #2563EB;
  color: white;
  border-color: #2563EB;
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3);
}
.dose-method-btn.active[data-v-72805272]:hover {
  background: #1D4ED8;
  border-color: #1D4ED8;
}
.no-data-message[data-v-72805272] {
  font-size: 12px;
  color: #9CA3AF;
  margin-top: 4px;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}



/* Адаптивность */
@media (max-width: 768px) {
.drug-item[data-v-72805272] {
    flex-direction: column;
    gap: 0.5rem;
    align-items: stretch;
}
.drug-item-actions[data-v-72805272] {
    margin-left: 0;
    width: 100%;
    flex-direction: column;
    gap: 0.375rem;
}
.drug-info-btn[data-v-72805272],
  .add-drug-btn[data-v-72805272] {
    width: 100%;
}
.card-actions[data-v-72805272] {
    flex-direction: column;
    gap: 0.5rem;
}
.remove-drug-btn[data-v-72805272] {
    width: 100%;
    text-align: center;
}
.drug-class-header[data-v-72805272] {
    padding: 0.75rem;
}
.drug-class-content[data-v-72805272] {
    padding: 0.5rem 0.75rem;
}
.inline-form-fields[data-v-72805272] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
}
.inline-form-actions[data-v-72805272] {
    flex-direction: column;
}
.inline-clear-btn[data-v-72805272],
  .inline-delete-btn[data-v-72805272] {
    width: 100%;
}
.completed-drug-info[data-v-72805272] {
    grid-template-columns: 1fr;
}
.drug-info-modal[data-v-72805272] {
    width: 100%;
    max-height: 95vh;
}
.drug-info-modal-header[data-v-72805272],
  .drug-info-modal-body[data-v-72805272] {
    padding: 0.875rem;
}
}


.treatment-tab[data-v-72805272] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: none;
  margin: 0;
  padding: 0;
}
.main-layout[data-v-72805272] {
  padding: 0;
  gap: 0;
}
.section[data-v-72805272] {
  padding: 1.55rem 1.75rem 1.15rem;
  border: 0;
  border-radius: 1.9rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(54, 87, 139, 0.12);
}
.section[data-v-72805272]:hover {
  border-color: transparent;
}
.section-header[data-v-72805272] {
  align-items: flex-start;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 0 0 0.85rem;
  border-bottom: 1px solid #cfdbec;
  background: transparent;
  border-radius: 0;
}
.section-title[data-v-72805272] {
  margin: 0;
  color: #54677f;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.clear-section-btn[data-v-72805272],
.debug-info[data-v-72805272],
.completed-drugs-section[data-v-72805272],
.drug-info-btn[data-v-72805272],
.atx-group-header[data-v-72805272],
.loading-drugs[data-v-72805272] {
  display: none !important;
}
.drug-search-section[data-v-72805272] {
  width: min(100%, 25rem);
  margin-left: auto;
  margin-bottom: 0;
}
.search-container[data-v-72805272] {
  padding: 0;
  background: transparent;
  border: 0;
}
.search-input-group[data-v-72805272] {
  position: relative;
}
.search-input-icon[data-v-72805272] {
  position: absolute;
  top: 50%;
  left: 1rem;
  width: 1.15rem;
  height: 1.15rem;
  color: #8da0ba;
  transform: translateY(-50%);
  pointer-events: none;
}
.search-input-icon svg[data-v-72805272] {
  width: 100%;
  height: 100%;
}
.search-input[data-v-72805272] {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.8rem 2.8rem 0.8rem 2.9rem;
  border: 1px solid #d8e3f2;
  border-radius: 1rem;
  background: #edf3fb;
  color: #536781;
  font-size: 0.95rem;
}
.search-input[data-v-72805272]:focus {
  outline: none;
  border-color: #4a73bb;
  box-shadow: 0 0 0 4px rgba(74, 115, 187, 0.14);
}
.search-input[data-v-72805272]::-moz-placeholder {
  color: #8ea2bc;
}
.search-input[data-v-72805272]::placeholder {
  color: #8ea2bc;
}
.clear-search-btn[data-v-72805272] {
  right: 0.75rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 999px;
  color: #95a6bb;
}
.drug-classes-section[data-v-72805272] {
  margin-bottom: 0;
}
.drug-classes-list[data-v-72805272] {
  gap: 0.85rem;
}
.drug-class-item[data-v-72805272] {
  border: 0;
  border-radius: 1rem;
  background: #edf3fb;
  box-shadow: inset 0 0 0 1px rgba(206, 220, 238, 0.65);
}
.drug-class-item[data-v-72805272]:hover {
  border-color: transparent;
}
.drug-class-header[data-v-72805272] {
  justify-content: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.15rem;
  background: transparent;
  font-weight: 500;
}
.drug-class-header[data-v-72805272]:hover {
  background: rgba(255, 255, 255, 0.28);
}
.class-name[data-v-72805272] {
  color: #2f3541;
  font-size: 0.95rem;
  font-weight: 500;
}
.class-arrow[data-v-72805272] {
  width: 0.55rem;
  height: 0.55rem;
  border-right: 2px solid #7d8fa5;
  border-bottom: 2px solid #7d8fa5;
  font-size: 0;
  transform: rotate(-45deg);
}
.class-arrow.expanded[data-v-72805272] {
  transform: rotate(45deg);
}
.drug-class-content[data-v-72805272] {
  padding: 0 1.15rem 1.15rem;
  border-top: 1px solid rgba(208, 219, 236, 0.9);
}
.atx-groups-list[data-v-72805272],
.atx-group-item[data-v-72805272],
.atx-group-content[data-v-72805272] {
  display: contents;
}
.drugs-list[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.75rem;
}
.drug-item-wrapper[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.drug-item[data-v-72805272] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.drug-name[data-v-72805272] {
  color: #536781;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.25;
}
.drug-item-actions[data-v-72805272] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.add-drug-btn[data-v-72805272] {
  min-width: 7.5rem;
  min-height: 2.4rem;
  border: 0;
  border-radius: 0.95rem;
  background: #0f0d5e;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
}
.add-drug-btn[data-v-72805272]:disabled {
  opacity: 1;
  background: #0f0d5e;
  color: #ffffff;
  cursor: default;
}
.inline-drug-form[data-v-72805272] {
  padding: 1.25rem 1.25rem 1.15rem;
  border: 0;
  border-radius: 1.2rem;
  background: #edf3fb;
  box-shadow: none;
  animation: none;
  transform-origin: top center;
  will-change: transform, opacity;
}
.inline-card-expand-enter-active[data-v-72805272],
.inline-card-expand-leave-active[data-v-72805272] {
  transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), filter 0.28s ease;
}
.inline-card-expand-enter-from[data-v-72805272],
.inline-card-expand-leave-to[data-v-72805272] {
  opacity: 0;
  transform: translateY(-12px) scale(0.985);
  filter: blur(2px);
}
.inline-card-expand-enter-to[data-v-72805272],
.inline-card-expand-leave-from[data-v-72805272] {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.inline-form-header[data-v-72805272] {
  margin-bottom: 1rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #d4dfef;
}
.inline-form-header-content[data-v-72805272] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.inline-form-title[data-v-72805272] {
  color: #556a84;
  font-size: 0.95rem;
  font-weight: 700;
  text-transform: uppercase;
}
.drug-allergy-indicator[data-v-72805272] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-left: 0.6rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #fff3cd;
  color: #9a3412;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  box-shadow: inset 0 0 0 1px rgba(234, 88, 12, 0.18);
}
.drug-allergy-indicator svg[data-v-72805272] {
  width: 0.9rem;
  height: 0.9rem;
  flex-shrink: 0;
}
.inline-form-fields[data-v-72805272] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem 1.25rem;
}
.inline-field-group[data-v-72805272] {
  min-width: 0;
}
.inline-field-group--full[data-v-72805272] {
  grid-column: 1 / -1;
}
.inline-field-label[data-v-72805272] {
  display: block;
  margin-bottom: 0.55rem;
  color: #566b84;
  font-size: 0.95rem;
  font-weight: 500;
}
.inline-date-input[data-v-72805272] {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid #d8e3f2;
  border-radius: 1rem;
  background: #ffffff;
  color: #536781;
  font-size: 0.95rem;
}
.inline-date-input[data-v-72805272]:focus {
  outline: none;
  border-color: #4a73bb;
  box-shadow: 0 0 0 4px rgba(74, 115, 187, 0.14);
}
.inline-select-input[data-v-72805272] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 2.8rem;
  cursor: pointer;
  background-image:
    linear-gradient(45deg, transparent 50%, #60758f 50%),
    linear-gradient(135deg, #60758f 50%, transparent 50%);
  background-position:
    calc(100% - 22px) calc(50% - 3px),
    calc(100% - 16px) calc(50% - 3px);
  background-size: 6px 6px;
  background-repeat: no-repeat;
}
.inline-select-input[data-v-72805272]:disabled {
  cursor: not-allowed;
  opacity: 0.75;
  background-color: #f7f9fd;
}
.inline-button-group[data-v-72805272] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.inline-dose-method-btn[data-v-72805272] {
  min-height: 2.65rem;
  padding: 0.75rem 1rem;
  border: 1px solid #c8d7ea;
  border-radius: 999px;
  background: #ffffff;
  color: #5a6f88;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.inline-dose-method-btn.active[data-v-72805272] {
  border-color: #1e1b76;
  background: #1e1b76;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(30, 27, 118, 0.18);
}
.inline-dose-method-btn.active[data-v-72805272]:hover {
  border-color: #17145f;
  background: #17145f;
  color: #ffffff;
}
.inline-no-data[data-v-72805272] {
  padding: 0.8rem 1rem;
  color: #687c96;
  font-size: 0.95rem;
}
.inline-form-actions[data-v-72805272] {
  display: flex;
  justify-content: flex-end;
  gap: 0.8rem;
  margin-top: 1.1rem;
}
.inline-clear-btn[data-v-72805272],
.inline-delete-btn[data-v-72805272],
.reset-btn[data-v-72805272],
.save-btn[data-v-72805272] {
  border: 0;
  border-radius: 1rem;
  font-size: 0.95rem;
  font-weight: 500;
  cursor: pointer;
}
.inline-clear-btn[data-v-72805272],
.reset-btn[data-v-72805272] {
  min-width: 7rem;
  padding: 0.85rem 1.2rem;
  background: #f4f7fc;
  color: #244da0;
}
.inline-delete-btn[data-v-72805272] {
  min-width: 7rem;
  padding: 0.85rem 1.2rem;
  background: #ea4747;
  color: #ffffff;
}
.no-drugs-in-class[data-v-72805272],
.no-results[data-v-72805272] {
  padding: 1rem 0.2rem 0.2rem;
  color: #7d90a8;
  font-size: 0.95rem;
}
.save-actions[data-v-72805272] {
  justify-content: flex-end;
  gap: 0.9rem;
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
  max-width: none;
}
.save-btn[data-v-72805272] {
  min-width: 7.75rem;
  padding: 0.95rem 1.4rem;
  background: #0f0d5e;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 13, 94, 0.22);
}
.save-btn[data-v-72805272]:disabled,
.reset-btn[data-v-72805272]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
}
.error-message-global[data-v-72805272] {
  margin-left: auto;
  color: #d53d3d;
  font-size: 0.9rem;
}
@media (max-width: 1100px) {
.section-header[data-v-72805272] {
    flex-direction: column;
}
.drug-search-section[data-v-72805272] {
    width: 100%;
    margin-left: 0;
}
}
@media (max-width: 768px) {
.section[data-v-72805272] {
    padding: 1.2rem;
    border-radius: 1.35rem;
}
.inline-form-fields[data-v-72805272] {
    grid-template-columns: 1fr;
}
.drug-item[data-v-72805272] {
    flex-direction: column;
    align-items: stretch;
}
.drug-item-actions[data-v-72805272] {
    justify-content: flex-end;
}
.drug-allergy-indicator[data-v-72805272] {
    margin-top: 0.45rem;
    margin-left: 0;
}
.save-actions[data-v-72805272] {
    flex-direction: column;
    align-items: stretch;
}
.reset-btn[data-v-72805272],
  .save-btn[data-v-72805272] {
    width: 100%;
}
.error-message-global[data-v-72805272] {
    margin-left: 0;
}
}


.success-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #10B981;
  color: white;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10000;
  font-size: 0.875rem;
  font-weight: 500;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 250px;
}
.success-notification.show {
  opacity: 1;
  transform: translateX(0);
}
.success-notification-icon {
  font-size: 1.25rem;
  font-weight: bold;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  flex-shrink: 0;
}
.success-notification-text {
  flex: 1;
}
.gos-badge {
  display: inline-block;
  background-color: #10b981;
  color: white;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 4px;
  margin-left: 6px;
  vertical-align: middle;
  line-height: 1.2;
}



/* Minimalist layout */
.nao-tab[data-v-48b30c00] {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Локальный индикатор загрузки */
.tab-loading-overlay[data-v-48b30c00] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  backdrop-filter: blur(2px);
}
.tab-spinner[data-v-48b30c00] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E7EB;
}
.spinner-circle[data-v-48b30c00] {
  width: 32px;
  height: 32px;
  border: 3px solid #F3F4F6;
  border-top: 3px solid #2563EB;
  border-radius: 50%;
  animation: spin-48b30c00 1s linear infinite;
}
@keyframes spin-48b30c00 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.loading-text[data-v-48b30c00] {
  margin: 0;
  font-size: 0.875rem;
  color: #6B7280;
  font-weight: 500;
}
.haq-toolbar[data-v-48b30c00] {
  padding: 1rem;
  margin: 0 1rem 0.75rem;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.source-visit-info[data-v-48b30c00] {
  font-size: 0.875rem;
  color: #374151;
}
.source-visit-date[data-v-48b30c00] {
  margin-left: 0.25rem;
  color: #1D4ED8;
  font-weight: 600;
}
.new-questionnaire-btn[data-v-48b30c00] {
  background: #EFF6FF;
  color: #1D4ED8;
  border: 1px solid #BFDBFE;
  padding: 0.5rem 0.875rem;
  border-radius: 6px;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}
.new-questionnaire-btn[data-v-48b30c00]:hover:not(:disabled) {
  background: #DBEAFE;
  border-color: #93C5FD;
}
.new-questionnaire-btn[data-v-48b30c00]:disabled {
  background: #F3F4F6;
  border-color: #E5E7EB;
  color: #9CA3AF;
  cursor: not-allowed;
}
.main-layout.loading[data-v-48b30c00] {
  opacity: 0.6;
  pointer-events: none;
}
.main-layout[data-v-48b30c00] {
  padding: 1rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section[data-v-48b30c00] {
  margin-bottom: 0;
  padding: 1.25rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  transition: border-color 0.2s ease;
}
.section[data-v-48b30c00]:hover {
  border-color: #D1D5DB;
}

/* Minimalist section headers */
.section-header[data-v-48b30c00] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0.75rem 0;
  margin: 0 0 1rem 0;
  border-bottom: 1px solid #F3F4F6;
}
.section-title[data-v-48b30c00] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B7280;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.clear-section-btn[data-v-48b30c00] {
  background: none;
  border: 1px solid #E5E7EB;
  color: #9CA3AF;
  font-size: 14px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-weight: 400;
  border-radius: 4px;
}
.clear-section-btn[data-v-48b30c00]:hover {
  background: #F9FAFB;
  border-color: #DC2626;
  color: #DC2626;
}
.section-content[data-v-48b30c00] {
  padding: 0;
}
.question[data-v-48b30c00] {
  margin-bottom: 20px;
}
.question-text[data-v-48b30c00] {
  font-size: 12px;
  color: #1F2937;
  margin-bottom: 12px;
  line-height: 1.4;
}
.answer-buttons[data-v-48b30c00] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.answer-btn[data-v-48b30c00] {
  padding: 8px 16px;
  border-radius: 20px;
  border: none;
  font-size: 11px;
  cursor: pointer;
  background: #E5E7EB;
  color: #374151;
  transition: all 0.2s ease;
}
.answer-btn[data-v-48b30c00]:hover {
  background: #D1D5DB;
}
.answer-btn.active[data-v-48b30c00] {
  background: #1D4ED8;
  color: white;
}
.checkbox-list[data-v-48b30c00] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
.checkbox-item[data-v-48b30c00] {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 12px;
  color: #1F2937;
  line-height: 1.4;
}
.checkbox-item input[type="checkbox"][data-v-48b30c00] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #D1D5DB;
  border-radius: 3px;
  background: white;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px;
}
.checkbox-item input[type="checkbox"][data-v-48b30c00]:checked {
  background: #3B82F6;
  border-color: #3B82F6;
}
.checkbox-item input[type="checkbox"][data-v-48b30c00]:checked::after {
  content: '✓';
  position: absolute;
  top: -1px;
  left: 2px;
  color: white;
  font-size: 11px;
  font-weight: bold;
}
.checkmark[data-v-48b30c00] {
  /* Hidden as we use CSS pseudo-element instead */
  display: none;
}
.other-input[data-v-48b30c00] {
  margin: 12px 0;
}
.other-text-input[data-v-48b30c00] {
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 12px;
  background: white;
}
.other-text-input[data-v-48b30c00]:focus {
  outline: none;
  border-color: #1D4ED8;
  box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.1);
}

/* Стили для текстовых полей */
.text-input[data-v-48b30c00] {
  margin: 12px 0;
}
.text-field[data-v-48b30c00] {
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 12px;
  background: white;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.text-field[data-v-48b30c00]:focus {
  outline: none;
  border-color: #1D4ED8;
  box-shadow: 0 0 0 2px rgba(107, 70, 193, 0.1);
}
.add-btn[data-v-48b30c00] {
  background: #F3F4F6;
  color: #374151;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.add-btn[data-v-48b30c00]:hover {
  background: #E5E7EB;
}
.save-section[data-v-48b30c00] {
  margin-top: 3rem;
  text-align: center;
  padding: 2rem 0;
  border-top: 1px solid #E5E7EB;
}
.save-btn[data-v-48b30c00] {
  background: #1D4ED8;
  color: white;
  border: none;
  padding: 12px 32px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
}
.save-btn[data-v-48b30c00]:hover:not(:disabled) {
  background: #553C9A;
  transform: translateY(-1px);
}
.save-btn[data-v-48b30c00]:disabled {
  background: #9CA3AF;
  cursor: not-allowed;
  transform: none;
}
@media (max-width: 768px) {
.nao-tab[data-v-48b30c00] {
    padding: 1rem;
}
.haq-toolbar[data-v-48b30c00] {
    margin: 0 0 0.75rem;
    flex-direction: column;
    align-items: stretch;
}
.new-questionnaire-btn[data-v-48b30c00] {
    width: 100%;
}
.answer-buttons[data-v-48b30c00] {
    flex-direction: column;
    align-items: flex-start;
}
.answer-btn[data-v-48b30c00] {
    width: auto;
    min-width: 180px;
}
}

/* Адаптивность для больших экранов */
@media (min-width: 1400px) {
.nao-tab[data-v-48b30c00] {
    max-width: 1300px;
    margin: 0 auto;
}
.questionnaire[data-v-48b30c00] {
    padding: 2rem;
}
.section[data-v-48b30c00] {
    padding: 1.5rem;
    margin-bottom: 2rem;
}
.question[data-v-48b30c00] {
    margin-bottom: 2rem;
}
.question-text[data-v-48b30c00] {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}
}
@media (min-width: 1600px) {
.nao-tab[data-v-48b30c00] {
    max-width: 1500px;
}
.questionnaire[data-v-48b30c00] {
    padding: 2.5rem;
}
.section[data-v-48b30c00] {
    padding: 2rem;
    margin-bottom: 2.5rem;
}
.question[data-v-48b30c00] {
    margin-bottom: 2.5rem;
}
.question-text[data-v-48b30c00] {
    font-size: 0.95rem;
    margin-bottom: 1.25rem;
}
.answer-btn[data-v-48b30c00] {
    padding: 0.75rem 1.25rem;
    font-size: 0.85rem;
}
}
@media (min-width: 1920px) {
.nao-tab[data-v-48b30c00] {
    max-width: 1700px;
}
.questionnaire[data-v-48b30c00] {
    padding: 3rem;
}
.section[data-v-48b30c00] {
    padding: 2.5rem;
    margin-bottom: 3rem;
}
.question[data-v-48b30c00] {
    margin-bottom: 3rem;
}
.question-text[data-v-48b30c00] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
}
.answer-btn[data-v-48b30c00] {
    padding: 0.9rem 1.5rem;
    font-size: 0.9rem;
}
.page-header h1[data-v-48b30c00] {
    font-size: 1.75rem;
}
}

/* Minimalist save section */
.save-actions[data-v-48b30c00] {
  margin-top: 1rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.save-btn[data-v-48b30c00] {
  background: #2563EB;
  color: white;
  border: none;
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.save-btn[data-v-48b30c00]:hover:not(:disabled) {
  background: #1D4ED8;
}
.save-btn[data-v-48b30c00]:disabled {
  background: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
}
.unsaved-indicator[data-v-48b30c00] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #F59E0B;
  margin-left: 1rem;
}
.unsaved-dot[data-v-48b30c00] {
  color: #F59E0B;
  font-size: 1rem;
  animation: blink-48b30c00 1.5s infinite;
}
@keyframes blink-48b30c00 {
0%, 50% { opacity: 1;
}
51%, 100% { opacity: 0.3;
}
}
.unsaved-text[data-v-48b30c00] {
  font-weight: 500;
}
.nao-tab[data-v-48b30c00] {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  max-width: none;
  margin: 0;
  padding: 0;
}
.haq-toolbar[data-v-48b30c00] {
  margin: 0;
  padding: 0.95rem 1.2rem;
  border: 0;
  border-radius: 1.15rem;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(54, 87, 139, 0.1);
}
.source-visit-info[data-v-48b30c00] {
  color: #5a6d86;
  font-size: 0.95rem;
}
.source-visit-date[data-v-48b30c00] {
  color: #244da0;
}
.main-layout[data-v-48b30c00] {
  padding: 0;
  gap: 0.85rem;
}
.section[data-v-48b30c00] {
  padding: 1rem 1.15rem 1.05rem;
  border: 0;
  border-radius: 1.35rem;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(54, 87, 139, 0.1);
}
.section[data-v-48b30c00]:hover {
  border-color: transparent;
}
.section-header[data-v-48b30c00] {
  padding: 0 0 0.7rem;
  margin: 0 0 0.75rem;
  border-bottom: 1px solid #d8e3f2;
}
.section-title[data-v-48b30c00] {
  color: #566983;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.clear-section-btn[data-v-48b30c00] {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border-color: #d8e3f2;
}
.question[data-v-48b30c00] {
  margin-bottom: 1rem;
}
.question[data-v-48b30c00]:last-child {
  margin-bottom: 0;
}
.question-text[data-v-48b30c00] {
  margin-bottom: 0.6rem;
  color: #667a93;
  font-size: 0.82rem;
  line-height: 1.35;
}
.answer-buttons[data-v-48b30c00] {
  gap: 0.5rem;
}
.answer-btn[data-v-48b30c00],
.checkbox-item[data-v-48b30c00],
.new-questionnaire-btn[data-v-48b30c00],
.reset-btn[data-v-48b30c00],
.save-btn[data-v-48b30c00] {
  border-radius: 999px;
  font-weight: 500;
}
.answer-btn[data-v-48b30c00] {
  padding: 0.62rem 0.9rem;
  border: 1px solid #ccd9ea;
  background: #ffffff;
  color: #5b6f87;
  font-size: 0.8rem;
}
.answer-btn[data-v-48b30c00]:hover {
  background: #f4f8fd;
  border-color: #b9cce5;
}
.answer-btn.active[data-v-48b30c00] {
  background: #e7edf7;
  border-color: #ced9e9;
  color: #4b6079;
}
.checkbox-list[data-v-48b30c00] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-bottom: 0;
}
.checkbox-item[data-v-48b30c00] {
  align-items: center;
  gap: 0.45rem;
  padding: 0.62rem 0.9rem;
  border: 1px solid #ccd9ea;
  background: #ffffff;
  color: #5b6f87;
  font-size: 0.8rem;
}
.checkbox-item input[type="checkbox"][data-v-48b30c00] {
  width: 14px;
  height: 14px;
  border-radius: 999px;
  margin-top: 0;
}
.text-input[data-v-48b30c00] {
  margin: 0;
}
.text-field[data-v-48b30c00] {
  width: 100%;
  max-width: none;
  min-height: 2.9rem;
  padding: 0.82rem 1rem;
  border: 1px solid #d8e3f2;
  border-radius: 1rem;
  font-size: 0.92rem;
  color: #536781;
}
.text-field[data-v-48b30c00]:focus {
  outline: none;
  border-color: #4a73bb;
  box-shadow: 0 0 0 4px rgba(74, 115, 187, 0.14);
}
.save-actions[data-v-48b30c00] {
  justify-content: flex-end;
  gap: 0.9rem;
  margin-top: 0.15rem;
  padding: 0;
  border: 0;
  background: transparent;
  max-width: none;
}
.reset-btn[data-v-48b30c00],
.new-questionnaire-btn[data-v-48b30c00],
.save-btn[data-v-48b30c00] {
  min-width: 7.75rem;
  min-height: 2.9rem;
  border: 0;
  font-size: 0.95rem;
  cursor: pointer;
}
.reset-btn[data-v-48b30c00] {
  background: transparent;
  color: #2a3d57;
}
.new-questionnaire-btn[data-v-48b30c00] {
  padding: 0.9rem 1.3rem;
  background: transparent;
  color: #243b63;
  border-radius: 1rem;
}
.new-questionnaire-btn[data-v-48b30c00]:hover:not(:disabled) {
  background: #f3f6fc;
  border-color: transparent;
}
.save-btn[data-v-48b30c00] {
  padding: 0.95rem 1.4rem;
  background: #0f0d5e;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 13, 94, 0.22);
}
.save-btn[data-v-48b30c00]:hover:not(:disabled) {
  background: #0f0d5e;
  transform: translateY(-1px);
}
.save-btn[data-v-48b30c00]:disabled,
.new-questionnaire-btn[data-v-48b30c00]:disabled,
.reset-btn[data-v-48b30c00]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
}
.unsaved-indicator[data-v-48b30c00] {
  display: none;
}
@media (max-width: 768px) {
.nao-tab[data-v-48b30c00] {
    padding: 0;
}
.section[data-v-48b30c00] {
    padding: 1rem;
    border-radius: 1.1rem;
}
.answer-buttons[data-v-48b30c00],
  .checkbox-list[data-v-48b30c00] {
    flex-direction: column;
    align-items: stretch;
}
.answer-btn[data-v-48b30c00],
  .checkbox-item[data-v-48b30c00] {
    width: 100%;
}
.save-actions[data-v-48b30c00] {
    flex-direction: column;
    align-items: stretch;
}
.reset-btn[data-v-48b30c00],
  .new-questionnaire-btn[data-v-48b30c00],
  .save-btn[data-v-48b30c00] {
    width: 100%;
}
}


.autosave-notification-container[data-v-bd7574e0] {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
  pointer-events: none;
}
.autosave-notification[data-v-bd7574e0] {
  background: white;
  border-radius: 12px;
  padding: 16px 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  border: 1px solid #E5E7EB;
  min-width: 280px;
  max-width: 400px;
  pointer-events: auto;
  position: relative;
  overflow: hidden;
}
.autosave-notification[data-v-bd7574e0]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #10B981;
  border-radius: 12px 12px 0 0;
}
.notification-saving[data-v-bd7574e0]::before {
  background: #2563EB;
}
.notification-error[data-v-bd7574e0]::before {
  background: #EF4444;
}
.notification-content[data-v-bd7574e0] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.notification-icon[data-v-bd7574e0] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #10B981;
}
.notification-saving .notification-icon[data-v-bd7574e0] {
  color: #2563EB;
}
.notification-error .notification-icon[data-v-bd7574e0] {
  color: #EF4444;
}
.spinner[data-v-bd7574e0] {
  animation: spin-bd7574e0 1s linear infinite;
}
.spinner circle[data-v-bd7574e0] {
  animation: dash-bd7574e0 1.5s ease-in-out infinite;
}
@keyframes spin-bd7574e0 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@keyframes dash-bd7574e0 {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
}
}
.notification-text[data-v-bd7574e0] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.notification-title[data-v-bd7574e0] {
  font-size: 14px;
  font-weight: 600;
  color: #1F2937;
  line-height: 1.2;
}
.notification-subtitle[data-v-bd7574e0] {
  font-size: 12px;
  color: #6B7280;
  line-height: 1.2;
}

/* Анимации */
.slide-fade-enter-active[data-v-bd7574e0] {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-fade-leave-active[data-v-bd7574e0] {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.slide-fade-enter-from[data-v-bd7574e0] {
  transform: translateX(100%);
  opacity: 0;
}
.slide-fade-leave-to[data-v-bd7574e0] {
  transform: translateX(100%);
  opacity: 0;
}

/* Адаптивность для мобильных */
@media (max-width: 480px) {
.autosave-notification-container[data-v-bd7574e0] {
    top: 10px;
    right: 10px;
    left: 10px;
}
.autosave-notification[data-v-bd7574e0] {
    min-width: auto;
    max-width: none;
    width: 100%;
}
}


.language-switcher[data-v-6479c040] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.25);
  overflow: hidden;
}
.lang-button[data-v-6479c040] {
  background: transparent;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  padding: 0.4rem 0.75rem;
  transition: all 0.2s ease;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.7;
}
.lang-button[data-v-6479c040]:last-child {
  border-right: none;
}
.lang-button[data-v-6479c040]:hover {
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
}
.lang-button.active[data-v-6479c040] {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  font-weight: 800;
}
.lang-button[data-v-6479c040]:active {
  transform: scale(0.98);
}
.variant-compact[data-v-6479c040] {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
}
.compact-toggle[data-v-6479c040] {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  border: 1px solid rgba(180, 195, 220, 0.5);
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 14px 32px rgba(167, 181, 210, 0.18);
  backdrop-filter: blur(18px);
  color: #1d295f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.compact-toggle[data-v-6479c040]:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 34px rgba(145, 161, 191, 0.22);
}
.compact-icon[data-v-6479c040] {
  width: 1.1rem;
  height: 1.1rem;
}
.compact-menu[data-v-6479c040] {
  position: absolute;
  top: calc(100% + 0.7rem);
  left: 0;
  min-width: 9rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.4rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(194, 206, 227, 0.8);
  box-shadow: 0 20px 44px rgba(102, 121, 157, 0.18);
}
.compact-lang-button[data-v-6479c040] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  border-right: none;
  border-radius: 0.8rem;
  color: #344678;
  opacity: 1;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  justify-content: flex-start;
  padding: 0.7rem 0.85rem;
}
.compact-lang-button[data-v-6479c040]:hover {
  background: #edf3ff;
}
.variant-compact .lang-button.active[data-v-6479c040] {
  background: linear-gradient(180deg, #151970 0%, #12125f 100%);
  color: white;
}
.variant-compact .lang-button[data-v-6479c040]:active {
  transform: none;
}
.variant-topbar[data-v-6479c040] {
  gap: 0.45rem;
  background: transparent;
  border: none;
  padding: 0;
  border-radius: 0;
  overflow: visible;
}
.variant-topbar .lang-button[data-v-6479c040] {
  width: 2.65rem;
  height: 2.65rem;
  padding: 0;
  border: 2px solid transparent;
  border-right: none;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  opacity: 1;
}
.variant-topbar .lang-button[data-v-6479c040]:last-child {
  border-right: 2px solid transparent;
}
.variant-topbar .lang-button[data-v-6479c040]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.variant-topbar .lang-button.active[data-v-6479c040] {
  background: transparent;
  border-color: #b9ff00;
  color: #ffffff;
  font-weight: 600;
}
.variant-topbar .lang-button[data-v-6479c040]:active {
  transform: none;
}


.patient-profile[data-v-59d75406] {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;

  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}
.header[data-v-59d75406] {
  background: linear-gradient(90deg, #1e3a8a 0%, #1e40af 45%, #2563eb 100%);
  color: #f8fafc;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 28px rgba(30, 64, 175, 0.22);
}
.header-content[data-v-59d75406] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.title-section[data-v-59d75406] {
  flex: 1;
}
.title[data-v-59d75406] {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 0.25rem;
}
.breadcrumb[data-v-59d75406] {
  font-size: 0.8rem;
  opacity: 0.9;
}
.patient-name-accent[data-v-59d75406] {
  font-weight: 700;
  color: #dbeafe;
}
.header-actions[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.search-container[data-v-59d75406] {
  position: relative;
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.15);
  border-radius: 6px;
  padding: 0.375rem 0.5rem;
}
.search-container .search-input[data-v-59d75406]::-moz-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-container .search-input[data-v-59d75406]::placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-container .search-input[data-v-59d75406]::-webkit-input-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-container .search-input[data-v-59d75406]::-moz-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-container .search-input[data-v-59d75406]:-ms-input-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-input[data-v-59d75406] {
  background: transparent;
  border: none;
  color: white;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  outline: none;
  min-width: 180px;
}
.search-input[data-v-59d75406]::-moz-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-input[data-v-59d75406]::placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-input[data-v-59d75406]::-webkit-input-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-input[data-v-59d75406]::-moz-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-input[data-v-59d75406]:-ms-input-placeholder {
  color: white !important;
  opacity: 1 !important;
}
.search-btn[data-v-59d75406] {
  background: none;
  border: none;
  color: white;
  font-size: 1rem;
  cursor: pointer;
  padding: 0.25rem;
}
.navigation-buttons[data-v-59d75406] {
  display: flex;
  gap: 0.5rem;
}
.nav-btn[data-v-59d75406] {
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: white;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.nav-btn[data-v-59d75406]:hover {
  background: rgba(255,255,255,0.25);
  transform: translateY(-1px);
}



/* Стили для dropdown поиска */
.search-dropdown[data-v-59d75406] {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  z-index: 1000;
  margin-top: 4px;
  animation: slideDownFade-59d75406 0.2s ease-out;
  max-height: 400px;
  overflow-y: auto;
}
@keyframes slideDownFade-59d75406 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.dropdown-header[data-v-59d75406] {
  padding: 0.75rem 1rem;
  background: #f8fafc;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.results-count[data-v-59d75406] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #374151;
}
.showing-limit[data-v-59d75406] {
  font-size: 0.75rem;
  color: #6b7280;
  font-style: italic;
}
.dropdown-list[data-v-59d75406] {
  max-height: 320px;
  overflow-y: auto;
}
.dropdown-item[data-v-59d75406] {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 1px solid #f3f4f6;
}
.dropdown-item[data-v-59d75406]:last-child {
  border-bottom: none;
}
.dropdown-item[data-v-59d75406]:hover {
  background: #f8fafc;
  transform: translateX(2px);
}
.dropdown-item.active[data-v-59d75406] {
  background: rgba(37, 99, 235, 0.08);
  border-left: 3px solid #2563EB;
}
.dropdown-patient-info[data-v-59d75406] {
  flex: 1;
}
.dropdown-patient-name[data-v-59d75406] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.25rem;
}
.dropdown-patient-details[data-v-59d75406] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.dropdown-iin[data-v-59d75406],
.dropdown-birth[data-v-59d75406] {
  font-size: 0.75rem;
  color: #6b7280;
}
.dropdown-select-icon[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #2563EB;
  font-weight: bold;
  margin-left: 1rem;
}
.dropdown-item.active .dropdown-select-icon[data-v-59d75406] {
  color: #2563EB;
}
.dropdown-no-results[data-v-59d75406] {
  padding: 1.5rem;
  text-align: center;
  color: #6b7280;
  font-size: 0.875rem;
  font-style: italic;
}
.dropdown-loading[data-v-59d75406] {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
}
.create-patient-btn[data-v-59d75406] {
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.25);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.create-patient-btn[data-v-59d75406]:hover {
  background: rgba(255,255,255,0.25);
}
.test-patient-btn[data-v-59d75406] {
  background: rgba(245, 158, 11, 0.9);
  border: 1px solid rgba(245, 158, 11, 0.3);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: 0.5rem;
}
.test-patient-btn[data-v-59d75406]:hover {
  background: rgba(217, 119, 6, 0.9);
}
.user-menu[data-v-59d75406] {
  position: relative;
}
.user-avatar[data-v-59d75406] {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
}
.user-avatar[data-v-59d75406]:hover {
  background: rgba(255,255,255,0.3);
  transform: scale(1.05);
}
.user-dropdown[data-v-59d75406] {
  position: absolute;
  top: 50px;
  right: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  min-width: 200px;
  z-index: 1000;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  animation: slideDown-59d75406 0.2s ease-out;
}
@keyframes slideDown-59d75406 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.user-info[data-v-59d75406] {
  padding: 1rem;
  background: #f9fafb;
}
.user-name[data-v-59d75406] {
  display: block;
  font-weight: 600;
  color: #1f2937;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.user-email[data-v-59d75406] {
  display: block;
  color: #6b7280;
  font-size: 0.75rem;
}
.user-specialization[data-v-59d75406] {
  display: block;
  color: #2563EB;
  font-size: 0.7rem;
  font-weight: 500;
  margin-top: 0.25rem;
  font-style: italic;
}
.user-clinic[data-v-59d75406] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #f3f4f6;
}
.clinic-name[data-v-59d75406] {
  display: block;
  color: #374151;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.clinic-region[data-v-59d75406] {
  display: block;
  color: #6b7280;
  font-size: 0.7rem;
}
.dropdown-divider[data-v-59d75406] {
  margin: 0;
  border: none;
  border-top: 1px solid #e5e7eb;
}
.logout-btn[data-v-59d75406] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  color: #dc2626;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.logout-btn[data-v-59d75406]:hover {
  background: #fef2f2;
}
.logout-icon[data-v-59d75406] {
  font-size: 1rem;
}
.main-content[data-v-59d75406] {
  display: flex;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.75rem;
  gap: 0.75rem;
}
.sidebar[data-v-59d75406] {
  width: 200px;
  background: white;
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #E5E7EB;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.sidebar-header[data-v-59d75406] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #F3F4F6;
}
.sidebar-title[data-v-59d75406] {
  font-size: 0.75rem;
  font-weight: 700;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.create-visit-btn[data-v-59d75406] {
  width: 24px;
  height: 24px;
  border: 1px solid #2563EB;
  border-radius: 6px;
  background: #2563EB;
  color: white;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-visit-btn[data-v-59d75406]:hover {
  background: #1D4ED8;
  border-color: #1D4ED8;
  transform: scale(1.05);
}
.create-visit-btn[data-v-59d75406]:disabled {
  background: #D1D5DB;
  border-color: #D1D5DB;
  color: #9CA3AF;
  cursor: not-allowed;
  transform: none;
}
.visits-list[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.visit-item[data-v-59d75406] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 0.25rem;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  border: 1px solid #E5E7EB;
}
.visit-item[data-v-59d75406]:hover {
  border-color: #2563EB;
  background: #F8FAFC;
  transform: translateX(2px);
}
.visit-item.active[data-v-59d75406] {
  background: #2563EB;
  color: white;
  border-color: #2563EB;
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.2);
}
.visit-item:hover .delete-visit-btn[data-v-59d75406] {
  opacity: 1;
}
.delete-visit-btn[data-v-59d75406] {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  background: white;
  color: #6B7280;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.delete-visit-btn[data-v-59d75406]:hover {
  background: #FEF2F2;
  border-color: #EF4444;
  color: #EF4444;
}
.visit-item.active .delete-visit-btn[data-v-59d75406] {
  opacity: 1;
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}
.visit-item.active .delete-visit-btn[data-v-59d75406]:hover {
  background: rgba(255, 255, 255, 0.3);
}
.no-visits[data-v-59d75406],
.no-patient-selected[data-v-59d75406],
.no-visits-in-range[data-v-59d75406] {
  text-align: center;
  padding: 1.5rem 1rem;
  color: #6B7280;
  background: #F9FAFB;
  border-radius: 6px;
  border: 1px solid #F3F4F6;
}
.no-visits p[data-v-59d75406],
.no-patient-selected p[data-v-59d75406],
.no-visits-in-range p[data-v-59d75406] {
  font-size: 0.8rem;
  margin: 0.25rem 0;
  font-weight: 500;
}
.no-visits-in-range p[data-v-59d75406]:first-child {
  color: #1F2937;
  font-weight: 600;
  font-size: 0.85rem;
}
.no-visits-hint[data-v-59d75406] {
  font-size: 0.75rem !important;
  color: #9CA3AF !important;
  font-weight: 400 !important;
  margin-top: 0.5rem !important;
}
.loading-visits[data-v-59d75406] {
  text-align: center;
  padding: 1rem;
  color: #6b7280;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.loading-visits p[data-v-59d75406] {
  font-size: 0.75rem;
  margin: 0;
}
.spinner-small[data-v-59d75406] {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #2563EB;
  border-radius: 50%;
  animation: spin-59d75406 1s linear infinite;
}
.visit-details[data-v-59d75406] {
  flex: 1;
}
.visit-name[data-v-59d75406] {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  color: #1F2937;
}
.visit-item.active .visit-name[data-v-59d75406] {
  color: white;
}
.visit-date[data-v-59d75406] {
  font-size: 0.7rem;
  color: #6B7280;
  font-weight: 500;
}
.visit-item.active .visit-date[data-v-59d75406] {
  color: rgba(255, 255, 255, 0.9);
}

/* Календарь приемов */
.visits-calendar[data-v-59d75406] {
  margin-bottom: 1rem;
  padding: 0.75rem;
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
}
.calendar-header[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.calendar-month-year[data-v-59d75406] {
  flex: 1;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: #1F2937;
  text-transform: capitalize;
  min-width: 0;
}
.calendar-nav-btn[data-v-59d75406] {
  background: #F3F4F6;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1rem;
  color: #6B7280;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.calendar-nav-btn[data-v-59d75406]:hover {
  background: #E5E7EB;
  color: #1F2937;
}
.calendar-grid[data-v-59d75406] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.calendar-weekday[data-v-59d75406] {
  text-align: center;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6B7280;
  padding: 0.25rem 0;
}
.calendar-day[data-v-59d75406] {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #1F2937;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  background: #F9FAFB;
  flex-direction: column;
  padding: 2px 0;
}
.calendar-day.empty[data-v-59d75406] {
  background: transparent;
  cursor: default;
}
.calendar-day-number[data-v-59d75406] {
  line-height: 1;
}
.calendar-day-dot[data-v-59d75406] {
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #2563EB;
  margin-top: 2px;
}
.calendar-day[data-v-59d75406]:not(.empty):hover {
  background: #E5E7EB;
  transform: scale(1.05);
}
.calendar-day.has-visit[data-v-59d75406] {
  background: #EFF6FF;
  color: #1D4ED8;
  font-weight: 600;
}
.calendar-day.has-visit[data-v-59d75406]:hover {
  background: #DBEAFE;
  transform: scale(1.1);
}
.calendar-day.today[data-v-59d75406] {
  background: #2563EB;
  color: white;
  font-weight: 600;
}
.calendar-day.today.has-visit[data-v-59d75406] {
  background: #1D4ED8;
  color: white;
}

/* Выделение выбранных дат в календаре */
.calendar-day.selected-from[data-v-59d75406] {
  background: #2563EB;
  color: white;
  font-weight: 700;
  box-shadow: 0 0 0 2px #2563EB;
}
.calendar-day.selected-to[data-v-59d75406] {
  background: #2563EB;
  color: white;
  font-weight: 700;
  box-shadow: 0 0 0 2px #2563EB;
}
.calendar-day.in-range[data-v-59d75406] {
  background: #EFF6FF;
  color: #1D4ED8;
  font-weight: 600;
}
.calendar-day.in-range.has-visit[data-v-59d75406] {
  background: #DBEAFE;
  color: #1E40AF;
}
.calendar-day.selected-from.has-visit[data-v-59d75406],
.calendar-day.selected-to.has-visit[data-v-59d75406] {
  background: #1D4ED8;
  color: white;
}
.calendar-day.today.selected-from[data-v-59d75406],
.calendar-day.today.selected-to[data-v-59d75406] {
  background: #1E40AF;
  color: white;
}

/* Информация о выбранном диапазоне */
.date-range-info[data-v-59d75406] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: #F3F4F6;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
}
.date-range-text[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.7rem;
  color: #1F2937;
  flex: 1;
  min-width: 0;
  flex-wrap: wrap;
}
.date-range-text span[data-v-59d75406] {
  font-weight: 600;
  color: #1D4ED8;
  white-space: nowrap;
}
.date-filter-clear-btn[data-v-59d75406] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.9rem;
  color: #6B7280;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.date-filter-clear-btn[data-v-59d75406]:hover {
  background: #EF4444;
  color: white;
  border-color: #EF4444;
}

/* Пагинация приемов */
.visits-pagination[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding: 0.5rem;
  background: #F9FAFB;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
}
.pagination-btn[data-v-59d75406] {
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.2rem;
  color: #6B7280;
  transition: all 0.2s ease;
}
.pagination-btn[data-v-59d75406]:hover:not(:disabled) {
  background: #E5E7EB;
  color: #1F2937;
}
.pagination-btn[data-v-59d75406]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.pagination-info[data-v-59d75406] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6B7280;
  min-width: 50px;
  text-align: center;
}
.content[data-v-59d75406] {
  flex: 1;
  background: white;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.patient-header[data-v-59d75406] {
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid #E5E7EB;
  background: #FAFAFA;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.patient-header-left[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.patient-actions[data-v-59d75406] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  align-self: flex-end;
}
.pdf-download-btn[data-v-59d75406] {
  width: 46px;
  height: 46px;
  min-width: 46px;
  padding: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pdf-download-icon[data-v-59d75406] {
  display: block;
}
.patient-name[data-v-59d75406] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary, #0f172a);
  margin-bottom: 0.375rem;
}
.patient-info[data-v-59d75406] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.patient-detail[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.label[data-v-59d75406] {
  font-size: 0.65rem;
  color: #6B7280;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.25px;
}
.value[data-v-59d75406] {
  font-size: 0.8rem;
  color: #1F2937;
  font-weight: 500;
}
.tabs[data-v-59d75406] {
  display: flex;
  background: #F8FAFC;
  border-bottom: 1px solid #E5E7EB;
  overflow-x: auto;
}
.tab[data-v-59d75406] {
  padding: 0.75rem 1rem;
  border: none;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6B7280;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: pre-line;
  border-bottom: 2px solid transparent;
  flex: 1;
  min-width: 0;
  position: relative;
}
.tab[data-v-59d75406]:hover {
  color: #2563EB;
  background: rgba(37, 99, 235, 0.08);
}
.tab.active[data-v-59d75406] {
  color: #2563EB;
  background: white;
  border-bottom-color: #2563EB;
  font-weight: 600;
}
.tab-content[data-v-59d75406] {
  padding: 0;
  min-height: 400px;
  background: #FAFAFA;
}

/* Состояния загрузки и ошибок */
.loading-state[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: #666;
}
.spinner[data-v-59d75406] {
  width: 24px;
  height: 24px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid #2563EB;
  border-radius: 50%;
  animation: spin-59d75406 1s linear infinite;
  margin-right: 1rem;
}
@keyframes spin-59d75406 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.error-state[data-v-59d75406] {
  background: #fee;
  border: 1px solid #fcc;
  color: #c00;
  padding: 1rem;
  border-radius: 8px;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.retry-btn[data-v-59d75406] {
  background: #c00;
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.9rem;
}
.retry-btn[data-v-59d75406]:hover {
  background: #a00;
}
.empty-state[data-v-59d75406] {
  text-align: center;
  padding: 2rem;
  color: #666;
  font-size: 1.1rem;
}

/* Кнопки с отключенным состоянием */
.search-btn[data-v-59d75406]:disabled,
.create-patient-btn[data-v-59d75406]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}



/* Минималистичное модальное окно */
.modal-overlay[data-v-59d75406] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal-content[data-v-59d75406] {
  background: white;
  border-radius: 8px;
  width: 90%;
  max-width: 450px;
  max-height: 80vh;
  overflow-y: auto;
  border: 1px solid #E5E7EB;
}
.modal-header[data-v-59d75406] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #F3F4F6;
}
.modal-header h3[data-v-59d75406] {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: #1F2937;
}
.close-btn[data-v-59d75406] {
  background: none;
  border: 1px solid #E5E7EB;
  font-size: 1.25rem;
  color: #6B7280;
  cursor: pointer;
  padding: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.close-btn[data-v-59d75406]:hover {
  background: #F9FAFB;
  border-color: #D1D5DB;
}
.modal-body[data-v-59d75406] {
  padding: 1rem;
}
.form-group[data-v-59d75406] {
  margin-bottom: 0.875rem;
}
.form-group label[data-v-59d75406] {
  display: block;
  margin-bottom: 0.375rem;
  font-weight: 500;
  color: #374151;
  font-size: 0.8rem;
}
.form-select[data-v-59d75406],
.form-input[data-v-59d75406] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  font-size: 0.875rem;
  transition: border-color 0.2s ease;
}
.form-select[data-v-59d75406]:focus,
.form-input[data-v-59d75406]:focus {
  outline: none;
  border-color: #2563EB;
}

/* Информация о враче в форме создания приема */
.doctor-info[data-v-59d75406] {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}
.info-label[data-v-59d75406] {
  display: block;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #374151;
  font-size: 0.9rem;
}
.assigned-doctor[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  margin-bottom: 0.75rem;
}
.doctor-icon[data-v-59d75406] {
  font-size: 1.2rem;
}
.doctor-name[data-v-59d75406] {
  font-size: 0.9rem;
  color: #374151;
  font-weight: 500;
}
.auto-assignment-note[data-v-59d75406] {
  font-size: 0.8rem;
  color: #6b7280;
  font-style: italic;
  margin: 0;
  text-align: center;
}
.modal-footer[data-v-59d75406] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem;
  border-top: 1px solid #F3F4F6;
  background: #FAFAFA;
}
.btn[data-v-59d75406] {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.btn-cancel[data-v-59d75406] {
  background: #F3F4F6;
  color: #374151;
  border: 1px solid #E5E7EB;
}
.btn-cancel[data-v-59d75406]:hover {
  background: #E5E7EB;
}
.btn-primary[data-v-59d75406] {
  background: #2563EB;
  color: white;
}
.btn-primary[data-v-59d75406]:hover {
  background: #1D4ED8;
}
.btn-primary[data-v-59d75406]:disabled {
  background: #D1D5DB;
  cursor: not-allowed;
}
.btn-secondary[data-v-59d75406] {
  background: #EFF6FF;
  color: #1D4ED8;
  border: 1px solid #BFDBFE;
}
.btn-secondary[data-v-59d75406]:hover {
  background: #DBEAFE;
}
.btn-secondary[data-v-59d75406]:disabled {
  background: #EFF6FF;
  color: #93C5FD;
  border-color: #DBEAFE;
  cursor: not-allowed;
}

/* Стили для формы создания пациента */
.required[data-v-59d75406] {
  color: #ef4444;
  font-weight: bold;
}
.field-error[data-v-59d75406] {
  color: #ef4444;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 500;
}
.form-input.error[data-v-59d75406] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* Стили для модального окна выбора приема */
.visit-selection-modal[data-v-59d75406] {
  max-width: 500px;
}
.visits-section[data-v-59d75406] {
  margin-bottom: 1rem;
}
.section-title[data-v-59d75406] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.75rem;
  margin-top: 0;
}
.visits-list-modal[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 300px;
  overflow-y: auto;
  padding: 0.25rem;
}
.visit-item-modal[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
}
.visit-item-modal[data-v-59d75406]:hover {
  border-color: #2563EB;
  background: #F8FAFC;
  transform: translateX(2px);
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.1);
}
.visit-info[data-v-59d75406] {
  flex: 1;
}
.visit-name-modal[data-v-59d75406] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 0.25rem;
}
.visit-date-modal[data-v-59d75406] {
  font-size: 0.75rem;
  color: #6B7280;
  font-weight: 500;
}
.visit-select-icon[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #2563EB;
  font-weight: bold;
  margin-left: 1rem;
  font-size: 1.125rem;
}
.no-visits-section[data-v-59d75406] {
  padding: 2rem 1rem;
  text-align: center;
}
.no-visits-message[data-v-59d75406] {
  background: #F9FAFB;
  border: 1px solid #F3F4F6;
  border-radius: 8px;
  padding: 1.5rem;
}
.no-visits-message p[data-v-59d75406] {
  color: #6B7280;
  font-size: 0.875rem;
  margin: 0.25rem 0;
  font-weight: 500;
}
.btn-success[data-v-59d75406] {
  background: #2563EB;
  color: white;
}
.btn-success[data-v-59d75406]:hover {
  background: #1D4ED8;
}

/* Стили для улучшенного пустого состояния */
.empty-state[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem;
}
.empty-state-content[data-v-59d75406] {
  text-align: center;
  max-width: 400px;
}
.empty-state-icon[data-v-59d75406] {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.6;
}
.empty-state-title[data-v-59d75406] {
  font-size: 1.5rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}
.empty-state-subtitle[data-v-59d75406] {
  font-size: 1rem;
  color: #6b7280;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.empty-state-actions[data-v-59d75406] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-select-patient[data-v-59d75406],
.btn-create-patient[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.btn-select-patient[data-v-59d75406] {
  background: #2563EB;
  color: white;
}
.btn-select-patient[data-v-59d75406]:hover {
  background: #1D4ED8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
.btn-create-patient[data-v-59d75406] {
  background: #2563EB;
  color: white;
}
.btn-create-patient[data-v-59d75406]:hover {
  background: #1D4ED8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
.btn-icon[data-v-59d75406] {
  font-size: 1rem;
}

/* Стили для модального окна выбора пациента */
.patient-selection-modal[data-v-59d75406] {
  max-width: 800px;
  max-height: 90vh;
}
.patient-search-section[data-v-59d75406] {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.search-input-wrapper[data-v-59d75406] {
  display: flex;
  background: white;
  border: 2px solid #E5E7EB;
  border-radius: 8px;
  padding: 0.5rem;
  transition: all 0.2s ease;
}
.search-input-wrapper[data-v-59d75406]:focus-within {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}
.search-input[data-v-59d75406] {
  flex: 1;
  background: transparent;
  border: none;
  color: #1f2937;
  font-size: 0.9rem;
  padding: 0.5rem;
  outline: none;
}
.search-input[data-v-59d75406]::-moz-placeholder {
  color: #9ca3af;
}
.search-input[data-v-59d75406]::placeholder {
  color: #9ca3af;
}
.search-btn[data-v-59d75406] {
  background: #2563EB;
  border: none;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}
.search-btn[data-v-59d75406]:hover {
  background: #1D4ED8;
}
.search-btn[data-v-59d75406]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.search-spinner[data-v-59d75406] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top: 2px solid white;
  border-radius: 50%;
  animation: spin-59d75406 1s linear infinite;
}
.patients-section[data-v-59d75406] {
  min-height: 300px;
}
.patients-header[data-v-59d75406] {
  margin-bottom: 1rem;
}
.section-title[data-v-59d75406] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.patients-count[data-v-59d75406] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6b7280;
}
.patients-list-modal[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 400px;
  overflow-y: auto;
  padding: 0.25rem;
}
.patient-item-modal[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
}
.patient-item-modal[data-v-59d75406]:hover {
  border-color: #2563EB;
  background: #F8FAFC;
  transform: translateX(2px);
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.1);
}
.patient-info[data-v-59d75406] {
  flex: 1;
}
.patient-name-modal[data-v-59d75406] {
  font-size: 1rem;
  font-weight: 600;
  color: #1F2937;
  margin-bottom: 0.25rem;
}
.patient-details-modal[data-v-59d75406] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.patient-iin[data-v-59d75406],
.patient-birth[data-v-59d75406] {
  font-size: 0.8rem;
  color: #6B7280;
}
.patient-select-icon[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #2563EB;
  font-weight: bold;
  margin-left: 1rem;
  font-size: 1.125rem;
}
.no-patients-found[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 2rem;
}
.no-patients-message[data-v-59d75406] {
  text-align: center;
  max-width: 300px;
}
.no-patients-icon[data-v-59d75406] {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  opacity: 0.6;
}
.no-patients-message p[data-v-59d75406] {
  font-size: 1rem;
  color: #6B7280;
  margin: 0.5rem 0;
  font-weight: 500;
}
.no-patients-subtitle[data-v-59d75406] {
  font-size: 0.9rem !important;
  opacity: 0.8;
}
.patients-loading[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 200px;
  color: #6b7280;
  font-size: 0.9rem;
}

/* Стили для секции выбранного пациента */
.selected-patient-section[data-v-59d75406] {
  min-height: 400px;
}
.selected-patient-info[data-v-59d75406] {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.selected-patient-header[data-v-59d75406] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.selected-patient-title[data-v-59d75406] {
  font-size: 1rem;
  font-weight: 600;
  color: #374151;
  margin: 0;
}
.back-to-patients-btn[data-v-59d75406] {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #374151;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.back-to-patients-btn[data-v-59d75406]:hover {
  background: #e5e7eb;
  color: #1f2937;
}
.selected-patient-card[data-v-59d75406] {
  background: #f8fafc;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 1rem;
}
.selected-patient-name[data-v-59d75406] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.5rem;
}
.selected-patient-details[data-v-59d75406] {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.selected-patient-iin[data-v-59d75406],
.selected-patient-birth[data-v-59d75406] {
  font-size: 0.85rem;
  color: #6b7280;
  font-weight: 500;
}

/* Стили для секции приемов */
.patient-visits-section[data-v-59d75406] {
  min-height: 200px;
}
.visits-header[data-v-59d75406] {
  margin-bottom: 1rem;
}
.visits-count[data-v-59d75406] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6b7280;
}
.visits-loading[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 150px;
  color: #6b7280;
  font-size: 0.9rem;
}
.visits-list-modal[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-height: 300px;
  overflow-y: auto;
  padding: 0.25rem;
  margin-bottom: 1rem;
}

/* Компактные элементы приемов */
.visit-item-compact[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
}
.visit-item-compact[data-v-59d75406]:hover {
  border-color: #2563EB;
  background: #f8fafc;
  transform: translateX(2px);
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.1);
}
.visit-compact-info[data-v-59d75406] {
  flex: 1;
}
.visit-compact-name[data-v-59d75406] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0.25rem;
}
.visit-compact-date[data-v-59d75406] {
  font-size: 0.8rem;
  color: #6b7280;
}
.visit-compact-icon[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: #2563EB;
  font-weight: bold;
  margin-left: 1rem;
}

/* Стили для состояния "нет приемов" */
.no-visits-found[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  padding: 1.5rem;
}
.no-visits-message[data-v-59d75406] {
  text-align: center;
  max-width: 280px;
}
.no-visits-icon[data-v-59d75406] {
  font-size: 2rem;
  margin-bottom: 0.75rem;
  opacity: 0.6;
}
.no-visits-message p[data-v-59d75406] {
  font-size: 0.9rem;
  color: #6b7280;
  margin: 0.5rem 0;
  font-weight: 500;
}
.no-visits-subtitle[data-v-59d75406] {
  font-size: 0.8rem !important;
  opacity: 0.8;
}

/* Кнопка создания приема */
.create-visit-section[data-v-59d75406] {
  text-align: center;
  padding-top: 1rem;
  border-top: 1px solid #f3f4f6;
}
.btn-create-visit-modal[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background: #2563EB;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-create-visit-modal[data-v-59d75406]:hover {
  background: #1D4ED8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
.pdf-preparation-overlay[data-v-59d75406] {
  background: rgba(15, 23, 42, 0.34);
  backdrop-filter: blur(6px);
  z-index: 1100;
}
.pdf-preparation-card[data-v-59d75406] {
  width: min(420px, calc(100vw - 2rem));
  border-radius: 22px;
  padding: 1.35rem 1.35rem 1.2rem;
  background:
    radial-gradient(circle at top left, rgba(219, 234, 254, 0.95) 0%, rgba(255, 255, 255, 0.98) 36%, #F8FBFF 100%);
  border: 1px solid rgba(191, 219, 254, 0.9);
  box-shadow: 0 28px 65px rgba(15, 23, 42, 0.22);
}
.pdf-preparation-badge[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  padding: 0.28rem 0.62rem;
  border-radius: 999px;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  color: #1D4ED8;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pdf-preparation-orbit[data-v-59d75406] {
  position: relative;
  width: 66px;
  height: 66px;
  margin: 1rem 0 0.8rem;
}
.pdf-preparation-orbit-ring[data-v-59d75406],
.pdf-preparation-orbit-core[data-v-59d75406] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
}
.pdf-preparation-orbit-ring[data-v-59d75406] {
  border: 2px solid rgba(37, 99, 235, 0.14);
}
.pdf-preparation-orbit-ring[data-v-59d75406]::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #2563EB;
  border-right-color: rgba(59, 130, 246, 0.48);
  animation: spin-59d75406 1.1s linear infinite;
}
.pdf-preparation-orbit-core[data-v-59d75406] {
  inset: 13px;
  background: radial-gradient(circle at 35% 35%, #FFFFFF 0%, #DBEAFE 48%, #60A5FA 100%);
  box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.7);
}
.pdf-preparation-title[data-v-59d75406] {
  margin: 0;
  color: #0F172A;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.25;
}
.pdf-preparation-status[data-v-59d75406] {
  margin: 0.7rem 0 0;
  color: #1E293B;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.4;
}
.pdf-preparation-detail[data-v-59d75406] {
  margin: 0.28rem 0 0;
  color: #64748B;
  font-size: 0.82rem;
  line-height: 1.45;
}
.pdf-preparation-progress[data-v-59d75406] {
  margin-top: 1rem;
  height: 8px;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.95);
  overflow: hidden;
}
.pdf-preparation-progress-bar[data-v-59d75406] {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563EB 0%, #60A5FA 100%);
  transition: width 0.28s ease;
}
.pdf-preparation-meta[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-top: 0.75rem;
  color: #475569;
  font-size: 0.78rem;
  font-weight: 600;
}
.pdf-preparation-dots[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
}
.pdf-preparation-dots span[data-v-59d75406] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #60A5FA;
  animation: pdfPreparationPulse-59d75406 1.1s ease-in-out infinite;
}
.pdf-preparation-dots span[data-v-59d75406]:nth-child(2) {
  animation-delay: 0.18s;
}
.pdf-preparation-dots span[data-v-59d75406]:nth-child(3) {
  animation-delay: 0.36s;
}
@keyframes pdfPreparationPulse-59d75406 {
0%, 100% {
    transform: translateY(0);
    opacity: 0.35;
}
50% {
    transform: translateY(-2px);
    opacity: 1;
}
}
.pdf-editor-modal[data-v-59d75406] {
  width: min(1220px, 96vw);
  max-width: 1220px;
  max-height: 92vh;
  border-radius: 14px;
  border: 1px solid #D6E0EE;
  box-shadow: 0 26px 60px rgba(15, 23, 42, 0.26);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pdf-editor-header[data-v-59d75406] {
  background: linear-gradient(180deg, #F8FBFF 0%, #EEF4FF 100%);
  border-bottom: 1px solid #D6E0EE;
  padding: 1rem 1.25rem;
  position: sticky;
  top: 0;
  z-index: 4;
}
.pdf-editor-header-main[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.pdf-editor-header h3[data-v-59d75406] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1E293B;
}
.pdf-editor-subtitle[data-v-59d75406] {
  margin: 0;
  font-size: 0.84rem;
  color: #475569;
  line-height: 1.35;
}
.pdf-editor-modal .modal-body[data-v-59d75406] {
  background: radial-gradient(circle at 8% 4%, #F6FAFF 0%, #EEF4FB 52%, #EAF1F9 100%);
  padding: 1rem 1.1rem 1.2rem;
  overflow-y: auto;
}
.pdf-editor-layout[data-v-59d75406] {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.92fr);
  gap: 1rem;
  align-items: start;
}
.pdf-editor-main[data-v-59d75406] {
  min-width: 0;
}
.pdf-editor-section[data-v-59d75406] {
  background: #FFFFFF;
  border: 1px solid #DDE5F1;
  border-radius: 12px;
  padding: 0.95rem;
}
.pdf-editor-section + .pdf-editor-section[data-v-59d75406] {
  margin-top: 0.85rem;
}
.pdf-editor-section-head[data-v-59d75406] {
  margin-bottom: 0.75rem;
}
.pdf-editor-section-title[data-v-59d75406] {
  font-size: 0.86rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #334155;
  margin-bottom: 0.8rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid #E7EDF6;
}
.pdf-editor-section-note[data-v-59d75406] {
  margin-top: -0.25rem;
  font-size: 0.76rem;
  color: #64748B;
}
.pdf-editor-grid[data-v-59d75406] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.82rem 0.95rem;
}
.pdf-editor-modal .form-group[data-v-59d75406] {
  margin-bottom: 0;
}
.pdf-editor-modal .form-group label[data-v-59d75406] {
  margin-bottom: 0.38rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.015em;
  color: #334155;
}
.pdf-editor-modal .form-input[data-v-59d75406] {
  border-color: #CBD7E6;
  background: #FBFDFF;
  border-radius: 8px;
  min-height: 40px;
  color: #0F172A;
}
.pdf-editor-modal .form-input[data-v-59d75406]::-moz-placeholder {
  color: #94A3B8;
}
.pdf-editor-modal .form-input[data-v-59d75406]::placeholder {
  color: #94A3B8;
}
.pdf-editor-modal .form-input[data-v-59d75406]:focus {
  border-color: #2563EB;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.pdf-editor-grid .full-width[data-v-59d75406] {
  grid-column: 1 / -1;
}
.pdf-editor-label-row[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.pdf-editor-label-actions[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.pdf-supplement-toggle[data-v-59d75406] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #BFDBFE;
  background: #EFF6FF;
  color: #1D4ED8;
  border-radius: 999px;
  padding: 0.22rem 0.6rem;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.pdf-supplement-toggle[data-v-59d75406]:hover {
  background: #DBEAFE;
  border-color: #93C5FD;
}
.pdf-supplement-toggle[data-v-59d75406]:focus-visible {
  outline: 2px solid rgba(29, 78, 216, 0.18);
  outline-offset: 2px;
}
.pdf-field-count[data-v-59d75406] {
  font-size: 0.68rem;
  line-height: 1;
  color: #64748B;
  background: #F1F5F9;
  border: 1px solid #D9E2EE;
  border-radius: 999px;
  padding: 0.22rem 0.45rem;
}
.pdf-field-badge[data-v-59d75406] {
  font-size: 0.68rem;
  line-height: 1;
  color: #1D4ED8;
  background: #EFF6FF;
  border: 1px solid #BFDBFE;
  border-radius: 999px;
  padding: 0.22rem 0.45rem;
}
.pdf-editor-textarea[data-v-59d75406] {
  min-height: 110px;
  resize: none;
  overflow: hidden;
  line-height: 1.45;
}
.pdf-editor-readonly-input[data-v-59d75406] {
  background: #F8FAFC !important;
  color: #475569 !important;
  border-style: dashed;
}
.pdf-editor-readonly-input[data-v-59d75406]:focus {
  border-color: #CBD7E6 !important;
  box-shadow: none !important;
}
.pdf-editor-supplement-row[data-v-59d75406] {
  margin-top: 0.55rem;
}
.pdf-editor-supplement-label[data-v-59d75406] {
  color: #1D4ED8 !important;
}
.pdf-editor-textarea-lg[data-v-59d75406] {
  min-height: 170px;
}
.pdf-editor-hint[data-v-59d75406] {
  grid-column: 1 / -1;
  margin: 0;
  margin-top: 0.1rem;
  font-size: 0.78rem;
  color: #475569;
  line-height: 1.4;
}
.pdf-editor-preview[data-v-59d75406] {
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, #0F274D 0%, #132F5B 100%);
  color: #DCE8FB;
  border: 1px solid #1D447A;
  border-radius: 12px;
  padding: 0.85rem;
}
.pdf-preview-title[data-v-59d75406] {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pdf-preview-subtitle[data-v-59d75406] {
  margin-top: 0.3rem;
  font-size: 0.74rem;
  color: #BDD0F2;
  line-height: 1.35;
}
.pdf-preview-paper[data-v-59d75406] {
  margin-top: 0.7rem;
  background: #FFFFFF;
  color: #0F172A;
  border: 1px solid #D9E2EC;
  border-radius: 10px;
  padding: 1rem 1rem 1.05rem;
  font-family: "Roboto", "Segoe UI", Arial, sans-serif;
  max-height: 62vh;
  overflow-y: auto;
}
.pdf-preview-head[data-v-59d75406] {
  margin-bottom: 0.3rem;
}
.pdf-preview-org[data-v-59d75406] {
  margin: 0;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.2;
}
.pdf-preview-meta[data-v-59d75406] {
  margin: 0.12rem 0 0;
  font-size: 0.78rem;
  font-weight: 400;
  color: #475569;
  line-height: 1.28;
}
.pdf-preview-doc-title[data-v-59d75406] {
  margin: 1rem 0 0.85rem;
  text-align: center;
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.pdf-preview-summary-grid[data-v-59d75406] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem 0.85rem;
}
.pdf-preview-summary-cell[data-v-59d75406] {
  min-width: 0;
}
.pdf-preview-summary-label[data-v-59d75406] {
  display: block;
  margin-bottom: 0.18rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: #64748B;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.pdf-preview-summary-value[data-v-59d75406] {
  display: block;
  font-size: 0.88rem;
  line-height: 1.3;
  color: #0F172A;
  word-break: break-word;
}
.pdf-preview-divider[data-v-59d75406] {
  border-top: 1px solid #E2E8F0;
  margin: 0.8rem 0 0.85rem;
}
.pdf-preview-section-title[data-v-59d75406] {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.3;
  color: #0F172A;
}
.pdf-preview-section-label[data-v-59d75406] {
  margin: 0.35rem 0 0.24rem;
  font-size: 0.74rem;
  line-height: 1.25;
  color: #475569;
}
.pdf-preview-block[data-v-59d75406] {
  margin: 0 0 0.44rem;
  font-size: 0.86rem;
  line-height: 1.38;
  color: #334155;
  white-space: pre-wrap;
}
.pdf-preview-section-divider[data-v-59d75406] {
  border-top: 1px solid #E2E8F0;
  margin: 0.72rem 0 0;
}
.pdf-preview-signature-row[data-v-59d75406] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
  gap: 0.8rem;
  margin-top: 0.2rem;
}
.pdf-preview-signature-cell[data-v-59d75406] {
  min-width: 0;
}
.pdf-preview-signature-cell-right[data-v-59d75406] {
  text-align: right;
}
.pdf-preview-signature-name[data-v-59d75406] {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.35;
  color: #0F172A;
}
.pdf-preview-signature-note[data-v-59d75406] {
  margin: 0.48rem 0 0;
  font-size: 0.74rem;
  line-height: 1.35;
  color: #64748B;
}
.pdf-preview-empty[data-v-59d75406] {
  margin-top: 0.3rem !important;
  color: #64748B;
  font-style: italic;
}
.pdf-editor-footer[data-v-59d75406] {
  border-top: 1px solid #D6E0EE;
  background: linear-gradient(180deg, #F9FBFF 0%, #EFF4FC 100%);
  position: sticky;
  bottom: 0;
  z-index: 4;
  padding: 0.9rem 1.1rem;
}
.pdf-clear-action[data-v-59d75406] {
  margin-right: auto;
}
.pdf-copy-action[data-v-59d75406] {
  min-width: 150px;
  font-weight: 600;
}
.pdf-editor-action-group[data-v-59d75406] {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.pdf-save-action[data-v-59d75406],
.pdf-download-action[data-v-59d75406] {
  min-width: 210px;
  font-weight: 600;
}
.pdf-download-action[data-v-59d75406] {
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.2);
}
@media (max-width: 1180px) {
.pdf-editor-layout[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.pdf-editor-preview[data-v-59d75406] {
    position: static;
}
.pdf-preview-paper[data-v-59d75406] {
    max-height: none;
}
}
@media (max-width: 640px) {
.pdf-preview-summary-grid[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.pdf-preview-signature-row[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.pdf-preview-signature-cell-right[data-v-59d75406] {
    text-align: left;
}
}

/* Адаптивность */
@media (min-width: 1400px) {
.header-content[data-v-59d75406] {
    max-width: 1400px;
    padding: 0 1.25rem;
}
.main-content[data-v-59d75406] {
    max-width: 1400px;
    padding: 1rem;
}
.sidebar[data-v-59d75406] {
    width: 200px;
}
.patient-header[data-v-59d75406] {
    padding: 1.15rem 1.25rem;
}
}
@media (min-width: 1600px) {
.header-content[data-v-59d75406] {
    max-width: 1600px;
}
.main-content[data-v-59d75406] {
    max-width: 1600px;
    gap: 1rem;
}
.sidebar[data-v-59d75406] {
    width: 220px;
    padding: 1rem;
}
.patient-name[data-v-59d75406] {
    font-size: 1.375rem;
}
}
@media (max-width: 900px) {
.pdf-preparation-card[data-v-59d75406] {
    width: min(100vw - 1.4rem, 100vw - 1.4rem);
    border-radius: 18px;
    padding: 1.15rem 1rem 1rem;
}
.pdf-editor-modal[data-v-59d75406] {
    width: min(96vw, 96vw);
    max-height: 94vh;
}
.pdf-editor-header[data-v-59d75406] {
    padding: 0.85rem 0.95rem;
}
.pdf-editor-modal .modal-body[data-v-59d75406] {
    padding: 0.85rem;
}
.pdf-editor-section[data-v-59d75406] {
    padding: 0.78rem;
}
.pdf-editor-preview[data-v-59d75406] {
    padding: 0.75rem;
}
.pdf-editor-footer[data-v-59d75406] {
    padding: 0.8rem;
    flex-wrap: wrap;
}
.pdf-clear-action[data-v-59d75406] {
    margin-right: 0;
}
.pdf-copy-action[data-v-59d75406] {
    flex: 1 1 150px;
}
.pdf-editor-action-group[data-v-59d75406] {
    width: 100%;
}
.pdf-editor-action-group .btn[data-v-59d75406] {
    flex: 1 1 180px;
}
.pdf-editor-grid[data-v-59d75406] {
    grid-template-columns: 1fr;
    gap: 0.72rem;
}
}


.patient-name[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: 1.5rem;
  font-weight: 700;
  color: #1F2937;
  margin: 0 0 0.3rem 0;
  line-height: 1.2;
}
.status-badge[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  background: var(--accent-soft, #eff6ff);
  color: var(--accent-hover, #1d4ed8);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border: 1px solid rgba(37, 99, 235, 0.25);
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.08);
  vertical-align: middle;
}
.status-dot[data-v-59d75406] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--accent, #2563eb);
  box-shadow: 0 0 0 rgba(37, 99, 235, 0.4);
  animation: pulse-dot-59d75406 2s infinite;
}
@keyframes pulse-dot-59d75406 {
0% {
    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4);
}
70% {
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0);
}
100% {
    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0);
}
}



.patient-profile[data-v-59d75406] {
  min-height: 100vh;
  min-height: 100dvh;
  background: #f5f7fc;
  color: #1a2342;
  --profile-scale: 1;
}
.profile-topbar[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(1.5rem * var(--profile-scale));
  min-height: calc(5.9rem * var(--profile-scale));
  padding: 0 calc(2.25rem * var(--profile-scale));
  background: #030442;
  color: #ffffff;
  box-shadow: 0 6px 22px rgba(12, 18, 76, 0.2);
}
.profile-topbar-left[data-v-59d75406],
.profile-topbar-right[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: calc(1.25rem * var(--profile-scale));
  min-width: 0;
}
.profile-back-button[data-v-59d75406],
.profile-user-trigger[data-v-59d75406],
.profile-accessibility-button[data-v-59d75406],
.profile-action-button[data-v-59d75406],
.calendar-nav-btn[data-v-59d75406],
.delete-visit-btn[data-v-59d75406],
.create-visit-modal-close[data-v-59d75406] {
  border: none;
  font: inherit;
}
.profile-back-button[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  font-size: calc(1.02rem * var(--profile-scale));
  font-weight: 600;
}
.profile-back-button svg[data-v-59d75406],
.profile-user-trigger svg[data-v-59d75406],
.profile-accessibility-button svg[data-v-59d75406] {
  width: calc(1.05rem * var(--profile-scale));
  height: calc(1.05rem * var(--profile-scale));
  flex-shrink: 0;
}
.profile-timestamp[data-v-59d75406] {
  color: rgba(255, 255, 255, 0.38);
  font-size: calc(0.98rem * var(--profile-scale));
  font-weight: 600;
  letter-spacing: 0.01em;
}
.profile-accessibility-button[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  height: calc(2.8rem * var(--profile-scale));
  padding: 0 calc(1rem * var(--profile-scale));
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  border: 2px solid #b9ff00;
  box-shadow: inset 0 0 0 1px rgba(185, 255, 0, 0.08);
  font-size: calc(0.96rem * var(--profile-scale));
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.profile-accessibility-button.active[data-v-59d75406] {
  background: rgba(185, 255, 0, 0.08);
}
.profile-accessibility-button[data-v-59d75406]:hover,
.profile-action-button[data-v-59d75406]:hover {
  transform: translateY(-1px);
}
.profile-user-menu[data-v-59d75406] {
  position: relative;
}
.profile-user-trigger[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  gap: calc(0.75rem * var(--profile-scale));
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
}
.profile-user-avatar[data-v-59d75406] {
  width: calc(2.35rem * var(--profile-scale));
  height: calc(2.35rem * var(--profile-scale));
  border-radius: 50%;
  background: linear-gradient(180deg, #dccdb7 0%, #a49378 100%);
  color: #1d2746;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: calc(0.8rem * var(--profile-scale));
  font-weight: 700;
  flex-shrink: 0;
}
.profile-user-name[data-v-59d75406] {
  max-width: calc(15rem * var(--profile-scale));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: calc(0.96rem * var(--profile-scale));
  font-weight: 500;
}
.profile-user-dropdown[data-v-59d75406] {
  position: absolute;
  top: calc(100% + 0.85rem);
  right: 0;
  width: 18rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 24px 48px rgba(22, 34, 74, 0.16);
  overflow: hidden;
  z-index: 30;
}
.profile-user-dropdown-header[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 1rem 1rem 0.95rem;
  background: #f7f9fd;
}
.profile-user-dropdown-name[data-v-59d75406] {
  color: #17234d;
  font-size: 0.96rem;
  font-weight: 700;
}
.profile-user-dropdown-meta[data-v-59d75406] {
  color: #7c8ca5;
  font-size: 0.82rem;
  line-height: 1.35;
}
.profile-logout-button[data-v-59d75406] {
  width: 100%;
  padding: 0.9rem 1rem;
  background: #ffffff;
  border: none;
  color: #b2304e;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}
.profile-logout-button[data-v-59d75406]:hover {
  background: #fff5f7;
}
.profile-main-shell[data-v-59d75406] {
  padding: calc(1.45rem * var(--profile-scale)) 0 calc(2.2rem * var(--profile-scale));
}
.profile-main-shell-inner[data-v-59d75406] {
  width: min(calc(100% - (2.4rem * var(--profile-scale))), 1680px);
  margin: 0 auto;
}
.main-content[data-v-59d75406] {
  display: flex;
  align-items: flex-start;
  gap: calc(0.9rem * var(--profile-scale));
  max-width: none;
  margin: 0;
  padding: 0;
}
.sidebar[data-v-59d75406] {
  width: 312px;
  min-width: 312px;
  padding: calc(0.35rem * var(--profile-scale)) 0 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.large-sheet-mode .sidebar[data-v-59d75406] {
  display: none;
}
.content[data-v-59d75406] {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}
.content-wide[data-v-59d75406] {
  width: 100%;
}
.sheet-mode-layout[data-v-59d75406],
.sheet-mode-content[data-v-59d75406] {
  min-width: 0;
}
.large-sheet-layout[data-v-59d75406] {
  display: grid;
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.large-sheet-nav[data-v-59d75406] {
  position: sticky;
  top: calc(5.9rem + 1.25rem);
  align-self: start;
}
.large-sheet-nav-card[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  padding: 1rem;
  border-radius: 1.25rem;
  background: #12115f;
  color: #ffffff;
  box-shadow: 0 18px 40px rgba(18, 17, 95, 0.18);
}
.large-sheet-nav-eyebrow[data-v-59d75406] {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.large-sheet-nav-title[data-v-59d75406] {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
}
.large-sheet-nav-meta[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.82rem;
  line-height: 1.35;
}
.large-sheet-nav-links[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.large-sheet-nav-link[data-v-59d75406] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.8rem 0.9rem;
  border: 1px solid rgba(185, 255, 0, 0.18);
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.92);
  font: inherit;
  font-size: 0.88rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.large-sheet-nav-link[data-v-59d75406]:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.08);
}
.large-sheet-nav-link.active[data-v-59d75406] {
  background: #b9ff00;
  color: #12115f;
  border-color: #b9ff00;
  font-weight: 700;
}
.large-sheet-content[data-v-59d75406] {
  min-width: 0;
}
.large-sheet-section[data-v-59d75406] {
  scroll-margin-top: calc(5.9rem + 1.25rem);
}
.large-sheet-section + .large-sheet-section[data-v-59d75406] {
  margin-top: 1.15rem;
}
.large-sheet-section-header[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.7rem;
  padding: 0.2rem 0.15rem 0;
}
.large-sheet-section-label[data-v-59d75406] {
  color: #51637f;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.patient-header[data-v-59d75406] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: calc(1rem * var(--profile-scale)) calc(1.25rem * var(--profile-scale));
  padding: calc(0.15rem * var(--profile-scale)) 0 calc(1rem * var(--profile-scale));
  border-bottom: none;
  background: transparent;
}
.patient-header-left[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: calc(0.8rem * var(--profile-scale));
  min-width: 0;
  max-width: 38rem;
}
.patient-name[data-v-59d75406] {
  display: flex;
  align-items: center;
  gap: calc(0.85rem * var(--profile-scale));
  flex-wrap: wrap;
  margin: 0;
  color: #214a98;
  font-size: clamp(1.6rem, 1.3vw, 1.9rem);
  font-weight: 700;
  line-height: 1.1;
}
.status-badge[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  padding: calc(0.4rem * var(--profile-scale)) calc(0.85rem * var(--profile-scale));
  border-radius: 999px;
  background: #dcecff;
  color: #2b5ea8;
  font-size: calc(0.86rem * var(--profile-scale));
  font-weight: 600;
  border: 1px solid #c8dffd;
  box-shadow: none;
  text-transform: none;
  white-space: nowrap;
}
.patient-info[data-v-59d75406] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, max-content));
  gap: calc(0.55rem * var(--profile-scale)) calc(1.8rem * var(--profile-scale));
}
.patient-detail[data-v-59d75406] {
  min-width: 0;
}
.label[data-v-59d75406] {
  color: #7d8ca3;
  font-size: calc(0.82rem * var(--profile-scale));
  font-weight: 500;
  letter-spacing: 0.02em;
}
.value[data-v-59d75406] {
  color: #1f2430;
  font-size: calc(0.95rem * var(--profile-scale));
  font-weight: 500;
}
.patient-actions[data-v-59d75406] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: calc(0.65rem * var(--profile-scale));
  align-items: flex-start;
  min-width: 0;
}
.profile-action-button[data-v-59d75406] {
  display: inline-flex;
  align-items: center;
  gap: calc(0.55rem * var(--profile-scale));
  min-height: calc(2.75rem * var(--profile-scale));
  padding: 0 calc(1rem * var(--profile-scale));
  border-radius: 999px;
  background: #ffffff;
  color: #214a98;
  cursor: pointer;
  font-size: calc(0.88rem * var(--profile-scale));
  font-weight: 500;
  border: 1px solid #eef2f8;
  box-shadow: 0 8px 22px rgba(22, 34, 74, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  white-space: nowrap;
}
.profile-action-button svg[data-v-59d75406] {
  width: calc(0.95rem * var(--profile-scale));
  height: calc(0.95rem * var(--profile-scale));
}
.profile-action-button.active[data-v-59d75406] {
  background: #eff5ff;
  border-color: #cfe0fb;
}
.profile-action-button[data-v-59d75406]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}
.tabs[data-v-59d75406] {
  display: flex;
  gap: calc(0.35rem * var(--profile-scale));
  padding: calc(0.35rem * var(--profile-scale));
  margin-bottom: calc(1rem * var(--profile-scale));
  border-radius: calc(1.25rem * var(--profile-scale));
  background: #eaf0f8;
  border: none;
  overflow: hidden;
}
.tab[data-v-59d75406] {
  flex: 1 1 0;
  min-width: 0;
  border: none;
  border-radius: calc(1rem * var(--profile-scale));
  background: transparent;
  color: #1f2430;
  font-size: calc(0.86rem * var(--profile-scale));
  font-weight: 500;
  padding: calc(0.82rem * var(--profile-scale)) calc(0.55rem * var(--profile-scale));
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tab[data-v-59d75406]:nth-child(2) {
  flex-grow: 1.1;
}
.tab[data-v-59d75406]:nth-child(4) {
  flex-grow: 1.65;
}
.tab[data-v-59d75406]:nth-child(5) {
  flex-grow: 1.05;
}
.tab[data-v-59d75406]:nth-child(6) {
  flex-grow: 1.12;
}
.tab[data-v-59d75406]:nth-child(7) {
  flex-grow: 0.72;
}
.tab.active[data-v-59d75406] {
  background: #ffffff;
  color: #2b5ea8;
  box-shadow: 0 10px 24px rgba(22, 34, 74, 0.08);
  border-bottom-color: transparent;
}
.tab[data-v-59d75406]:hover {
  background: rgba(255, 255, 255, 0.72);
  color: #2b5ea8;
}
.tab-content[data-v-59d75406] {
  min-height: 400px;
  background: transparent;
  overflow: visible;
}
.visits-calendar[data-v-59d75406] {
  padding: calc(0.25rem * var(--profile-scale)) calc(0.35rem * var(--profile-scale)) calc(0.9rem * var(--profile-scale));
  margin-bottom: calc(0.95rem * var(--profile-scale));
  background: transparent;
  border: none;
  border-radius: 0;
}
.calendar-header[data-v-59d75406] {
  justify-content: center;
  gap: calc(0.6rem * var(--profile-scale));
  margin-bottom: calc(0.75rem * var(--profile-scale));
}
.calendar-month-year[data-v-59d75406] {
  flex: 0 1 auto;
  text-align: center;
  color: #51637f;
  font-size: calc(0.95rem * var(--profile-scale));
  font-weight: 500;
  text-transform: capitalize;
}
.calendar-nav-btn[data-v-59d75406] {
  width: calc(2rem * var(--profile-scale));
  height: calc(2rem * var(--profile-scale));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #ffffff;
  color: #7486a2;
  cursor: pointer;
  border: 1px solid #e4ebf5;
  box-shadow: 0 8px 24px rgba(22, 34, 74, 0.06);
}
.calendar-nav-btn svg[data-v-59d75406] {
  width: calc(0.9rem * var(--profile-scale));
  height: calc(0.9rem * var(--profile-scale));
}
.calendar-grid[data-v-59d75406] {
  gap: calc(0.35rem * var(--profile-scale));
}
.calendar-weekday[data-v-59d75406] {
  padding: calc(0.35rem * var(--profile-scale)) 0;
  color: #2950a0;
  font-size: calc(0.76rem * var(--profile-scale));
  font-weight: 500;
}
.calendar-day[data-v-59d75406] {
  min-height: calc(2.55rem * var(--profile-scale));
  aspect-ratio: auto;
  border-radius: 999px;
  background: transparent;
  color: #47566f;
  font-size: calc(0.9rem * var(--profile-scale));
  padding: 0;
}
.calendar-day.empty[data-v-59d75406] {
  background: transparent;
}
.calendar-day.has-visit[data-v-59d75406] {
  background: transparent;
  font-weight: 600;
}
.calendar-day.today[data-v-59d75406],
.calendar-day.selected-from[data-v-59d75406],
.calendar-day.selected-to[data-v-59d75406] {
  background: #214a98;
  color: #ffffff;
  font-weight: 600;
}
.calendar-day.in-range[data-v-59d75406]:not(.selected-from):not(.selected-to) {
  background: rgba(33, 74, 152, 0.1);
}
.calendar-day-dot[data-v-59d75406] {
  width: 0.26rem;
  height: 0.26rem;
  margin-top: 0.18rem;
  background: #214a98;
}
.calendar-day.today .calendar-day-dot[data-v-59d75406],
.calendar-day.selected-from .calendar-day-dot[data-v-59d75406],
.calendar-day.selected-to .calendar-day-dot[data-v-59d75406] {
  background: #ffffff;
}
.date-range-info[data-v-59d75406] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(0.5rem * var(--profile-scale));
  margin-top: calc(0.85rem * var(--profile-scale));
  padding: calc(0.85rem * var(--profile-scale)) calc(1rem * var(--profile-scale));
  border-radius: calc(1rem * var(--profile-scale));
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(22, 34, 74, 0.06);
}
.date-range-text[data-v-59d75406] {
  display: flex;
  flex-direction: column;
  gap: calc(0.18rem * var(--profile-scale));
  color: #51637f;
  font-size: calc(0.82rem * var(--profile-scale));
}
.date-filter-clear-btn[data-v-59d75406] {
  width: calc(1.8rem * var(--profile-scale));
  height: calc(1.8rem * var(--profile-scale));
  border-radius: 999px;
  border: none;
  background: #eef3fb;
  color: #6d7f9a;
  cursor: pointer;
}
.visits-list[data-v-59d75406] {
  gap: calc(0.8rem * var(--profile-scale));
}
.visit-item[data-v-59d75406] {
  align-items: flex-start;
  padding: calc(1rem * var(--profile-scale)) calc(1.25rem * var(--profile-scale));
  margin-bottom: 0;
  border-radius: calc(1.1rem * var(--profile-scale));
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}
.visit-item[data-v-59d75406]:hover {
  background: rgba(255, 255, 255, 0.88);
  border-color: #d7e2f3;
  transform: none;
}
.visit-item.active[data-v-59d75406] {
  background: #ffffff;
  color: #1f2430;
  border-color: #4c70b8;
  box-shadow: 0 14px 28px rgba(33, 74, 152, 0.14);
}
.visit-name[data-v-59d75406] {
  margin-bottom: calc(0.45rem * var(--profile-scale));
  color: #22304b;
  font-size: calc(0.95rem * var(--profile-scale));
  font-weight: 600;
}
.visit-item.active .visit-name[data-v-59d75406],
.visit-item.active .visit-date[data-v-59d75406] {
  color: inherit;
}
.visit-date[data-v-59d75406] {
  color: #6f7f96;
  font-size: calc(0.9rem * var(--profile-scale));
  font-weight: 400;
}
.delete-visit-btn[data-v-59d75406] {
  position: absolute;
  top: 50%;
  right: calc(1rem * var(--profile-scale));
  width: calc(2rem * var(--profile-scale));
  height: calc(2rem * var(--profile-scale));
  border-radius: 999px;
  background: transparent;
  color: #6f7f96;
  opacity: 0;
  transform: translateY(-50%);
}
.delete-visit-btn svg[data-v-59d75406] {
  width: calc(1rem * var(--profile-scale));
  height: calc(1rem * var(--profile-scale));
}
.visit-item:hover .delete-visit-btn[data-v-59d75406],
.visit-item.active .delete-visit-btn[data-v-59d75406] {
  opacity: 1;
}
.delete-visit-btn[data-v-59d75406]:hover {
  background: #eef2f8;
  color: #244a98;
}
.no-visits[data-v-59d75406],
.no-visits-in-range[data-v-59d75406],
.loading-visits[data-v-59d75406] {
  padding: calc(1.2rem * var(--profile-scale)) calc(1rem * var(--profile-scale));
  border-radius: calc(1rem * var(--profile-scale));
  background: #ffffff;
  border: 1px solid #e4ebf5;
  box-shadow: 0 10px 26px rgba(22, 34, 74, 0.06);
}
.create-visit-modal[data-v-59d75406] {
  position: relative;
  width: min(100vw - 2rem, 32rem);
  border-radius: 2rem;
  padding: 1.4rem 1.5rem 1.5rem;
}
.create-visit-modal-close[data-v-59d75406] {
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 999px;
  background: #ffffff;
  color: #8a98ad;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(22, 34, 74, 0.12);
  font-size: 1.25rem;
  line-height: 1;
}
.create-visit-modal-header[data-v-59d75406] {
  padding: 0;
  border-bottom: none;
}
.create-visit-modal-header h3[data-v-59d75406] {
  margin: 0 0 0.6rem;
  color: #51637f;
  font-size: 1.55rem;
  font-weight: 700;
}
.create-visit-modal-body[data-v-59d75406] {
  padding: 0.4rem 0 0;
}
.create-visit-custom-select[data-v-59d75406] {
  position: relative;
}
.create-visit-custom-select .custom-select-trigger[data-v-59d75406] {
  width: 100%;
  min-height: 3.2rem;
  padding: 0.82rem 1rem;
  border: 1px solid #cfdced;
  border-radius: 1rem;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #51637f;
  font: inherit;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.create-visit-custom-select .custom-select-trigger[data-v-59d75406]:hover {
  background: #fbfdff;
}
.create-visit-custom-select.open .custom-select-trigger[data-v-59d75406] {
  border-color: #2a5cab;
  box-shadow: 0 0 0 3px rgba(42, 92, 171, 0.12);
}
.create-visit-custom-select .custom-select-value[data-v-59d75406] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.create-visit-custom-select .custom-select-value.placeholder[data-v-59d75406] {
  color: #98a6bb;
}
.create-visit-custom-select .custom-select-chevron[data-v-59d75406] {
  position: relative;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.create-visit-custom-select .custom-select-chevron[data-v-59d75406]::before,
.create-visit-custom-select .custom-select-chevron[data-v-59d75406]::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 0.42rem;
  height: 1.5px;
  border-radius: 999px;
  background: #6f819b;
  transition: transform 0.2s ease;
}
.create-visit-custom-select .custom-select-chevron[data-v-59d75406]::before {
  left: 0.12rem;
  transform: translateY(-50%) rotate(45deg);
}
.create-visit-custom-select .custom-select-chevron[data-v-59d75406]::after {
  right: 0.12rem;
  transform: translateY(-50%) rotate(-45deg);
}
.create-visit-custom-select.open .custom-select-chevron[data-v-59d75406]::before {
  transform: translateY(-50%) rotate(-45deg);
}
.create-visit-custom-select.open .custom-select-chevron[data-v-59d75406]::after {
  transform: translateY(-50%) rotate(45deg);
}
.create-visit-custom-select .custom-select-menu[data-v-59d75406] {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 0;
  right: 0;
  z-index: 30;
  max-height: 12.5rem;
  overflow-y: auto;
  padding: 0.4rem;
  border-radius: 1rem;
  border: 1px solid #e2ebf6;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(22, 34, 74, 0.12);
}
.create-visit-custom-select .custom-select-menu[data-v-59d75406]::-webkit-scrollbar {
  width: 0.4rem;
}
.create-visit-custom-select .custom-select-menu[data-v-59d75406]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #d8e3f2;
}
.create-visit-custom-select .custom-select-option[data-v-59d75406] {
  width: 100%;
  border: none;
  background: transparent;
  color: #50627d;
  font: inherit;
  text-align: left;
  padding: 0.7rem 0.8rem;
  border-radius: 0.8rem;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.create-visit-custom-select .custom-select-option[data-v-59d75406]:hover,
.create-visit-custom-select .custom-select-option.selected[data-v-59d75406] {
  background: #eef3fb;
  color: #3d5372;
}
.create-visit-custom-select .custom-select-option-placeholder[data-v-59d75406] {
  font-weight: 600;
}
.doctor-info[data-v-59d75406] {
  gap: 0.35rem;
}
.info-label[data-v-59d75406] {
  color: #51637f;
  font-size: 0.88rem;
  font-weight: 500;
}
.assigned-doctor[data-v-59d75406] {
  color: #51637f;
  font-size: 0.95rem;
  font-weight: 500;
}
.create-visit-modal-footer[data-v-59d75406] {
  flex-direction: column;
  gap: 0.75rem;
  border-top: 1px solid #edf2f8;
  padding: 1.2rem 0 0;
}
.create-visit-modal-footer .btn[data-v-59d75406] {
  width: 100%;
  min-height: 2.9rem;
  border-radius: 1rem;
}
@media (max-width: 1280px) {
.tabs[data-v-59d75406] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.large-sheet-layout[data-v-59d75406] {
    grid-template-columns: 220px minmax(0, 1fr);
}
}
@media (max-width: 980px) {
.profile-topbar[data-v-59d75406],
  .profile-main-shell-inner[data-v-59d75406] {
    width: min(100% - 1.2rem, 100%);
}
.profile-topbar[data-v-59d75406] {
    flex-direction: column;
    align-items: stretch;
    padding: 1rem 1.1rem;
}
.profile-topbar-left[data-v-59d75406],
  .profile-topbar-right[data-v-59d75406] {
    flex-wrap: wrap;
    justify-content: space-between;
}
.main-content[data-v-59d75406] {
    flex-direction: column;
}
.sidebar[data-v-59d75406] {
    width: 100%;
    min-width: 0;
}
.patient-header[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.patient-actions[data-v-59d75406] {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.patient-info[data-v-59d75406] {
    grid-template-columns: repeat(2, minmax(0, max-content));
}
.tabs[data-v-59d75406] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.large-sheet-layout[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.large-sheet-nav[data-v-59d75406] {
    position: static;
}
.large-sheet-nav-links[data-v-59d75406] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.profile-user-name[data-v-59d75406] {
    max-width: 8rem;
}
.patient-name[data-v-59d75406] {
    font-size: 1.5rem;
}
.patient-info[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.tabs[data-v-59d75406] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
.tab[data-v-59d75406] {
    white-space: normal;
}
.large-sheet-nav-links[data-v-59d75406] {
    grid-template-columns: minmax(0, 1fr);
}
.create-visit-modal[data-v-59d75406] {
    width: min(100vw - 1rem, 100vw - 1rem);
    border-radius: 1.35rem;
}
.create-visit-modal-close[data-v-59d75406] {
    top: 1rem;
    left: auto;
    right: 1rem;
    transform: none;
}
}
.patient-profile.accessibility-enabled[data-v-59d75406] {
  background: #ffffff;
  color: #111111;
}
.patient-profile.accessibility-enabled .profile-topbar[data-v-59d75406] {
  background: #111111;
  color: #ffffff;
  box-shadow: none;
}
.patient-profile.accessibility-enabled .profile-back-button[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-timestamp[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-user-trigger[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-user-name[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-accessibility-button[data-v-59d75406],
.patient-profile.accessibility-enabled .patient-name[data-v-59d75406],
.patient-profile.accessibility-enabled .status-badge[data-v-59d75406],
.patient-profile.accessibility-enabled .label[data-v-59d75406],
.patient-profile.accessibility-enabled .value[data-v-59d75406],
.patient-profile.accessibility-enabled .visit-name[data-v-59d75406],
.patient-profile.accessibility-enabled .visit-date[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-month-year[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-weekday[data-v-59d75406],
.patient-profile.accessibility-enabled .tab[data-v-59d75406] {
  color: inherit;
}
.patient-profile.accessibility-enabled .profile-accessibility-button[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-action-button[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-user-dropdown[data-v-59d75406],
.patient-profile.accessibility-enabled .tabs[data-v-59d75406],
.patient-profile.accessibility-enabled .tab.active[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-nav-btn[data-v-59d75406],
.patient-profile.accessibility-enabled .date-range-info[data-v-59d75406],
.patient-profile.accessibility-enabled .visit-item[data-v-59d75406],
.patient-profile.accessibility-enabled .visit-item.active[data-v-59d75406],
.patient-profile.accessibility-enabled .loading-visits[data-v-59d75406],
.patient-profile.accessibility-enabled .no-visits[data-v-59d75406],
.patient-profile.accessibility-enabled .no-visits-in-range[data-v-59d75406],
.patient-profile.accessibility-enabled .create-visit-modal[data-v-59d75406],
.patient-profile.accessibility-enabled .create-visit-custom-select .custom-select-trigger[data-v-59d75406],
.patient-profile.accessibility-enabled .create-visit-custom-select .custom-select-menu[data-v-59d75406] {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled .tab[data-v-59d75406]:hover,
.patient-profile.accessibility-enabled .profile-accessibility-button.active[data-v-59d75406],
.patient-profile.accessibility-enabled .profile-action-button.active[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-day.in-range[data-v-59d75406]:not(.selected-from):not(.selected-to) {
  background: #f3f3f3 !important;
  color: #111111 !important;
}
.patient-profile.accessibility-enabled .profile-action-button[data-v-59d75406],
.patient-profile.accessibility-enabled .tab[data-v-59d75406] {
  background: #ffffff;
}
.patient-profile.accessibility-enabled .calendar-day.today[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-day.selected-from[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-day.selected-to[data-v-59d75406],
.patient-profile.accessibility-enabled .delete-visit-btn[data-v-59d75406]:hover {
  background: #111111 !important;
  color: #ffffff !important;
}
.patient-profile.accessibility-enabled .calendar-day-dot[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-day.today .calendar-day-dot[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-day.selected-from .calendar-day-dot[data-v-59d75406],
.patient-profile.accessibility-enabled .calendar-day.selected-to .calendar-day-dot[data-v-59d75406] {
  background: currentColor !important;
}
.patient-profile.accessibility-enabled .profile-main-shell[data-v-59d75406],
.patient-profile.accessibility-enabled .content[data-v-59d75406],
.patient-profile.accessibility-enabled .sidebar[data-v-59d75406],
.patient-profile.accessibility-enabled .visits-calendar[data-v-59d75406] {
  background: transparent !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled .large-sheet-nav-card[data-v-59d75406],
.patient-profile.accessibility-enabled .large-sheet-nav-link[data-v-59d75406] {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled .large-sheet-nav-eyebrow[data-v-59d75406],
.patient-profile.accessibility-enabled .large-sheet-nav-title[data-v-59d75406],
.patient-profile.accessibility-enabled .large-sheet-nav-meta[data-v-59d75406],
.patient-profile.accessibility-enabled .large-sheet-section-label[data-v-59d75406] {
  color: #111111 !important;
}
.patient-profile.accessibility-enabled .large-sheet-nav-link.active[data-v-59d75406] {
  background: #111111 !important;
  color: #ffffff !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .identification-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .anamnesis-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .examination-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .treatment-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .nao-tab {
  color: #111111 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .identification-tab .section,
.patient-profile.accessibility-enabled[data-v-59d75406] .anamnesis-tab .section,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-card,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-card,
.patient-profile.accessibility-enabled[data-v-59d75406] .examination-tab .section-card,
.patient-profile.accessibility-enabled[data-v-59d75406] .treatment-tab .section,
.patient-profile.accessibility-enabled[data-v-59d75406] .nao-tab .section,
.patient-profile.accessibility-enabled[data-v-59d75406] .haq-toolbar,
.patient-profile.accessibility-enabled[data-v-59d75406] .source-visit-info,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-modal,
.patient-profile.accessibility-enabled[data-v-59d75406] .lightbox-content,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-empty-state,
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-search-section,
.patient-profile.accessibility-enabled[data-v-59d75406] .selected-tags,
.patient-profile.accessibility-enabled[data-v-59d75406] .selected-joints,
.patient-profile.accessibility-enabled[data-v-59d75406] .developer-panel,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-class-item,
.patient-profile.accessibility-enabled[data-v-59d75406] .atx-group-item,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-item,
.patient-profile.accessibility-enabled[data-v-59d75406] .inline-drug-form,
.patient-profile.accessibility-enabled[data-v-59d75406] .question,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-thumb-card,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-upload-dropzone {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .multi-select-container,
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-tree-container,
.patient-profile.accessibility-enabled[data-v-59d75406] .tab-content,
.patient-profile.accessibility-enabled[data-v-59d75406] .tab-panel,
.patient-profile.accessibility-enabled[data-v-59d75406] .section-content,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-container,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-input-group,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-results,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-results-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-search-section,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-classes-section,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-classes-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-class-content,
.patient-profile.accessibility-enabled[data-v-59d75406] .atx-groups-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .atx-group-content,
.patient-profile.accessibility-enabled[data-v-59d75406] .drugs-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-item-wrapper,
.patient-profile.accessibility-enabled[data-v-59d75406] .section-blocks,
.patient-profile.accessibility-enabled[data-v-59d75406] .question-group,
.patient-profile.accessibility-enabled[data-v-59d75406] .coordinates-textarea-wrapper,
.patient-profile.accessibility-enabled[data-v-59d75406] .date-input-wrapper,
.patient-profile.accessibility-enabled[data-v-59d75406] .save-button-container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-search-section,
.patient-profile.accessibility-enabled[data-v-59d75406] .selected-tags,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-result-item,
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-level,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .all-coordinates-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-classes,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-drugs,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-results,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-drugs-in-class {
  border-radius: 10px !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-search-section,
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-level,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .all-coordinates-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-classes,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-drugs,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-results,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-drugs-in-class {
  background: #f7f7f7 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .mkb-level,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .all-coordinates-list,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-classes,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-drugs,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-results,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-drugs-in-class {
  border: 2px solid #111111 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-list {
  background: #ffffff !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .search-container {
  padding: 0 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .search-input-group {
  margin-bottom: 0.75rem !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .section-header,
.patient-profile.accessibility-enabled[data-v-59d75406] .section-header-content,
.patient-profile.accessibility-enabled[data-v-59d75406] .section-title,
.patient-profile.accessibility-enabled[data-v-59d75406] .subsection-title,
.patient-profile.accessibility-enabled[data-v-59d75406] .diagram-title,
.patient-profile.accessibility-enabled[data-v-59d75406] .field-label,
.patient-profile.accessibility-enabled[data-v-59d75406] .field-helper,
.patient-profile.accessibility-enabled[data-v-59d75406] .loading-text,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-title,
.patient-profile.accessibility-enabled[data-v-59d75406] .results-title,
.patient-profile.accessibility-enabled[data-v-59d75406] .result-name,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-cell,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-parameter-text,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-unit-text,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-status,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-name,
.patient-profile.accessibility-enabled[data-v-59d75406] .class-name,
.patient-profile.accessibility-enabled[data-v-59d75406] .atx-group-name,
.patient-profile.accessibility-enabled[data-v-59d75406] .question-text,
.patient-profile.accessibility-enabled[data-v-59d75406] .scale-title,
.patient-profile.accessibility-enabled[data-v-59d75406] .calculated-value,
.patient-profile.accessibility-enabled[data-v-59d75406] .scale-label,
.patient-profile.accessibility-enabled[data-v-59d75406] .source-visit-date,
.patient-profile.accessibility-enabled[data-v-59d75406] .tag,
.patient-profile.accessibility-enabled[data-v-59d75406] .joint-tag,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-selection,
.patient-profile.accessibility-enabled[data-v-59d75406] .no-joints,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-text,
.patient-profile.accessibility-enabled[data-v-59d75406] .radio-text,
.patient-profile.accessibility-enabled[data-v-59d75406] .custom-select-value,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-select-value {
  color: #111111 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .sub-tab,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-subtab,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-subtab {
  color: #111111 !important;
  border-color: #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .sub-tab.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-subtab.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-subtab.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .toggle-btn.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .duration-btn.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .answer-btn.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .inline-dose-method-btn.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-save-button,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-save-button,
.patient-profile.accessibility-enabled[data-v-59d75406] .save-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .new-questionnaire-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .control-btn.primary {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] input:not([type='range']):not([type='checkbox']):not([type='radio']):not([type='hidden']),
.patient-profile.accessibility-enabled[data-v-59d75406] select,
.patient-profile.accessibility-enabled[data-v-59d75406] textarea,
.patient-profile.accessibility-enabled[data-v-59d75406] .custom-select-trigger,
.patient-profile.accessibility-enabled[data-v-59d75406] .custom-select-menu,
.patient-profile.accessibility-enabled[data-v-59d75406] .custom-select-option,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-select-trigger,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-select-menu,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-select-option,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-value-input,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-input,
.patient-profile.accessibility-enabled[data-v-59d75406] .text-field,
.patient-profile.accessibility-enabled[data-v-59d75406] .inline-date-input,
.patient-profile.accessibility-enabled[data-v-59d75406] .coordinates-textarea,
.patient-profile.accessibility-enabled[data-v-59d75406] .form-input,
.patient-profile.accessibility-enabled[data-v-59d75406] .form-select,
.patient-profile.accessibility-enabled[data-v-59d75406] .form-textarea {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] input::-moz-placeholder, .patient-profile.accessibility-enabled[data-v-59d75406] textarea::-moz-placeholder {
  color: #4b4b4b !important;
  opacity: 1 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] input::placeholder,
.patient-profile.accessibility-enabled[data-v-59d75406] textarea::placeholder,
.patient-profile.accessibility-enabled[data-v-59d75406] .custom-select-value.placeholder,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-select-value.placeholder {
  color: #4b4b4b !important;
  opacity: 1 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .radio-label,
.patient-profile.accessibility-enabled[data-v-59d75406] .pill-label,
.patient-profile.accessibility-enabled[data-v-59d75406] .toggle-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .duration-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .answer-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .inline-dose-method-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .control-btn.secondary,
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-reset-button,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-reset-button,
.patient-profile.accessibility-enabled[data-v-59d75406] .reset-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .inline-clear-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .inline-delete-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .add-drug-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-info-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .add-code-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .remove-code-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .add-allergy-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .add-reaction-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .clear-section-btn,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-thumb-action,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-modal-cancel,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-modal-confirm,
.patient-profile.accessibility-enabled[data-v-59d75406] .lightbox-close,
.patient-profile.accessibility-enabled[data-v-59d75406] .tag,
.patient-profile.accessibility-enabled[data-v-59d75406] .joint-tag,
.patient-profile.accessibility-enabled[data-v-59d75406] .gos-badge {
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .analysis-grid-row,
.patient-profile.accessibility-enabled[data-v-59d75406] .scale-segment,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-item,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-result-item,
.patient-profile.accessibility-enabled[data-v-59d75406] .allergy-item {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .scale-segment.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .custom-select-option.selected,
.patient-profile.accessibility-enabled[data-v-59d75406] .radiography-select-option.active,
.patient-profile.accessibility-enabled[data-v-59d75406] .drug-class-header:hover,
.patient-profile.accessibility-enabled[data-v-59d75406] .atx-group-header:hover,
.patient-profile.accessibility-enabled[data-v-59d75406] .search-result-item:hover {
  background: #f1f1f1 !important;
  color: #111111 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] input[type='checkbox'],
.patient-profile.accessibility-enabled[data-v-59d75406] input[type='radio'] {
  accent-color: #111111 !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] .radio-visual,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-custom,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkbox-mark,
.patient-profile.accessibility-enabled[data-v-59d75406] .checkmark {
  background: #ffffff !important;
  border: 2px solid #111111 !important;
  box-shadow: none !important;
}
.patient-profile.accessibility-enabled[data-v-59d75406] button:focus-visible,
.patient-profile.accessibility-enabled[data-v-59d75406] input:focus-visible,
.patient-profile.accessibility-enabled[data-v-59d75406] select:focus-visible,
.patient-profile.accessibility-enabled[data-v-59d75406] textarea:focus-visible {
  outline: 3px solid #111111 !important;
  outline-offset: 2px !important;
}


.registry-brand-footer[data-v-485b7aba] {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 42px rgba(171, 183, 205, 0.18);
}
.brand-logo[data-v-485b7aba] {
  width: 3.7rem;
  height: auto;
  flex-shrink: 0;
}
.brand-copy[data-v-485b7aba] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.brand-title[data-v-485b7aba] {
  color: #526680;
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.brand-subtitle[data-v-485b7aba] {
  color: #8091a8;
  font-size: 0.82rem;
  line-height: 1.25;
}
@media (max-width: 640px) {
.registry-brand-footer[data-v-485b7aba] {
    padding: 0.9rem 1rem;
    gap: 0.85rem;
}
.brand-title[data-v-485b7aba] {
    font-size: 0.9rem;
}
.brand-subtitle[data-v-485b7aba] {
    font-size: 0.76rem;
}
}


.registry-shell[data-v-78d9e0d7] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  background: #f5f7fc;
  color: #1a2342;
}
.shell-topbar[data-v-78d9e0d7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 6.2rem;
  padding: 0 2.25rem;
  background: #030442;
  color: #ffffff;
  box-shadow: 0 6px 22px rgba(12, 18, 76, 0.2);
}
.shell-topbar-left[data-v-78d9e0d7],
.shell-topbar-right[data-v-78d9e0d7] {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  min-width: 0;
}
.back-button[data-v-78d9e0d7],
.user-trigger[data-v-78d9e0d7],
.accessibility-button[data-v-78d9e0d7],
.page-search-button[data-v-78d9e0d7] {
  border: none;
  font: inherit;
}
.back-button[data-v-78d9e0d7] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.02rem;
  font-weight: 600;
}
.back-icon[data-v-78d9e0d7] {
  width: 1.1rem;
  height: 1.1rem;
}
.timestamp[data-v-78d9e0d7] {
  color: rgba(255, 255, 255, 0.38);
  font-size: 0.98rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.accessibility-button[data-v-78d9e0d7] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  height: 2.8rem;
  padding: 0 1rem;
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  border: 2px solid #b9ff00;
  box-shadow: inset 0 0 0 1px rgba(185, 255, 0, 0.08);
  font-size: 0.96rem;
  font-weight: 600;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.accessibility-button[data-v-78d9e0d7]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}
.accessibility-button.active[data-v-78d9e0d7] {
  background: rgba(185, 255, 0, 0.08);
}
.accessibility-icon[data-v-78d9e0d7] {
  width: 1.05rem;
  height: 1.05rem;
}
.user-menu[data-v-78d9e0d7] {
  position: relative;
}
.user-trigger[data-v-78d9e0d7] {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  padding: 0;
}
.user-avatar[data-v-78d9e0d7] {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #dccdb7 0%, #a49378 100%);
  color: #1d2746;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  flex-shrink: 0;
}
.user-trigger-name[data-v-78d9e0d7] {
  max-width: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.96rem;
  font-weight: 500;
}
.user-trigger-chevron[data-v-78d9e0d7] {
  width: 1rem;
  height: 1rem;
  opacity: 0.78;
}
.user-dropdown[data-v-78d9e0d7] {
  position: absolute;
  top: calc(100% + 0.85rem);
  right: 0;
  width: 18rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 24px 48px rgba(22, 34, 74, 0.16);
  overflow: hidden;
  z-index: 20;
}
.user-dropdown-header[data-v-78d9e0d7] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 1rem 1rem 0.95rem;
  background: #f7f9fd;
}
.user-dropdown-name[data-v-78d9e0d7] {
  color: #17234d;
  font-size: 0.96rem;
  font-weight: 700;
}
.user-dropdown-email[data-v-78d9e0d7],
.user-dropdown-meta[data-v-78d9e0d7] {
  color: #7c8ca5;
  font-size: 0.82rem;
  line-height: 1.35;
}
.logout-button[data-v-78d9e0d7] {
  width: 100%;
  padding: 0.9rem 1rem;
  background: #ffffff;
  border: none;
  color: #b2304e;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}
.logout-button[data-v-78d9e0d7]:hover {
  background: #fff5f7;
}
.shell-main[data-v-78d9e0d7] {
  display: flex;
  flex: 1;
  padding: 1.8rem 0 2.8rem;
}
.shell-inner[data-v-78d9e0d7] {
  width: min(100% - 2.4rem, 1680px);
  margin: 0 auto;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
}
.page-header[data-v-78d9e0d7] {
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}
.page-header-top[data-v-78d9e0d7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.page-title[data-v-78d9e0d7] {
  color: #14216a;
  font-size: 1.05rem;
  font-weight: 600;
}
.page-actions[data-v-78d9e0d7] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.shell-action-btn[data-v-78d9e0d7-s] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 3rem;
  padding: 0.75rem 1.2rem;
  border-radius: 0.95rem;
  border: none;
  font: inherit;
  cursor: pointer;
  font-size: 0.98rem;
  font-weight: 600;
}
.shell-action-btn--success[data-v-78d9e0d7-s] {
  background: linear-gradient(180deg, #20b15a 0%, #1cab58 100%);
  color: #ffffff;
}
.shell-action-btn[disabled][data-v-78d9e0d7-s] {
  opacity: 0.6;
  cursor: not-allowed;
}
.page-search-row[data-v-78d9e0d7] {
  width: 100%;
}
.page-search-field[data-v-78d9e0d7] {
  display: flex;
  align-items: center;
  min-height: 3.45rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(186, 198, 219, 0.18);
  overflow: hidden;
}
.page-search-input[data-v-78d9e0d7] {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0 1.25rem;
  color: #344678;
  font-size: 0.98rem;
  outline: none;
}
.page-search-input[data-v-78d9e0d7]::-moz-placeholder {
  color: #8ea0bc;
}
.page-search-input[data-v-78d9e0d7]::placeholder {
  color: #8ea0bc;
}
.page-search-button[data-v-78d9e0d7] {
  width: 3.6rem;
  height: 3.45rem;
  background: transparent;
  color: #98a7bc;
  cursor: pointer;
}
.page-search-icon[data-v-78d9e0d7] {
  width: 1.35rem;
  height: 1.35rem;
}
.page-tabs[data-v-78d9e0d7] {
  display: grid;
  grid-template-columns: repeat(var(--tabs-count, 3), minmax(0, 1fr));
  gap: 0.4rem;
  padding: 0.35rem;
  border-radius: 1rem;
  background: #e9eef6;
}
.page-tab[data-v-78d9e0d7] {
  min-height: 2.55rem;
  border: none;
  border-radius: 0.85rem;
  background: transparent;
  color: #18243f;
  font-size: 0.98rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.page-tab.active[data-v-78d9e0d7] {
  background: #ffffff;
  color: #2863b6;
  box-shadow: 0 8px 24px rgba(175, 188, 213, 0.2);
}
.page-filters[data-v-78d9e0d7] {
  margin-top: 1rem;
}
.page-body[data-v-78d9e0d7] {
  margin-top: 0.95rem;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.page-footer[data-v-78d9e0d7] {
  display: flex;
  justify-content: center;
  margin-top: auto;
  padding-top: 3rem;
}
@media (max-width: 1180px) {
.shell-topbar[data-v-78d9e0d7] {
    padding: 0 1.25rem;
}
.shell-inner[data-v-78d9e0d7] {
    width: min(100% - 1.5rem, 1680px);
}
}
@media (max-width: 980px) {
.shell-topbar[data-v-78d9e0d7] {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 1rem 1.1rem;
}
.shell-topbar-left[data-v-78d9e0d7],
  .shell-topbar-right[data-v-78d9e0d7] {
    justify-content: space-between;
}
.page-header-top[data-v-78d9e0d7] {
    flex-direction: column;
    align-items: stretch;
}
.page-tabs[data-v-78d9e0d7] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.shell-topbar-right[data-v-78d9e0d7] {
    flex-wrap: wrap;
    gap: 0.9rem;
}
.timestamp[data-v-78d9e0d7] {
    font-size: 0.88rem;
}
.accessibility-button[data-v-78d9e0d7] {
    width: 100%;
    justify-content: center;
}
.page-actions[data-v-78d9e0d7] {
    flex-direction: column;
    align-items: stretch;
}
.shell-action-btn[data-v-78d9e0d7-s] {
    width: 100%;
}
.page-tabs[data-v-78d9e0d7] {
    grid-template-columns: 1fr;
}
.page-footer[data-v-78d9e0d7] {
    margin-top: 2rem;
}
}


.patients-page[data-v-2ba7c8f4] {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;

  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  color: var(--text-primary);
}

/* Header */
.header[data-v-2ba7c8f4] {
  background: linear-gradient(90deg, #1e3a8a 0%, #1e40af 45%, #2563eb 100%);
  color: #f8fafc;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 28px rgba(30, 64, 175, 0.22);
}
.header-content[data-v-2ba7c8f4] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.title-section[data-v-2ba7c8f4] {
  flex: 1;
}
.title[data-v-2ba7c8f4] {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 0.35rem;
}
.subtitle[data-v-2ba7c8f4] {
  font-size: 0.9rem;
  opacity: 0.88;
}
.doctor-name[data-v-2ba7c8f4] {
  font-weight: 700;
  color: #dbeafe;
}
.title-section .clinic-name[data-v-2ba7c8f4] {
  font-weight: 500;
  color: #bfdbfe;
  opacity: 1;
}
.header-actions[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.home-btn[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #f8fafc;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.home-btn[data-v-2ba7c8f4]:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: translateY(-1px);
}
.datetime-widget[data-v-2ba7c8f4] {
  text-align: center;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.current-time[data-v-2ba7c8f4] {
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.25rem;
}
.current-date[data-v-2ba7c8f4] {
  font-size: 0.65rem;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.btn-icon[data-v-2ba7c8f4] {
  font-size: 1rem;
}

/* User menu (переиспользуем стили) */
.user-menu[data-v-2ba7c8f4] {
  position: relative;
}
.user-avatar[data-v-2ba7c8f4] {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
}
.user-avatar[data-v-2ba7c8f4]:hover {
  background: rgba(255, 255, 255, 0.24);
  transform: scale(1.05);
}
.user-dropdown[data-v-2ba7c8f4] {
  position: absolute;
  top: 50px;
  right: 0;
  background: var(--surface);
  color: var(--text-primary);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.18);
  min-width: 200px;
  z-index: 1000;
  border: 1px solid var(--border);
  overflow: hidden;
  animation: slideDown-2ba7c8f4 0.2s ease-out;
}
@keyframes slideDown-2ba7c8f4 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.user-info[data-v-2ba7c8f4] {
  padding: 1rem;
  background: var(--surface-muted);
}
.user-name[data-v-2ba7c8f4] {
  display: block;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}
.user-email[data-v-2ba7c8f4] {
  display: block;
  color: var(--text-secondary);
  font-size: 0.75rem;
}
.user-specialization[data-v-2ba7c8f4] {
  display: block;
  color: var(--accent);
  font-size: 0.7rem;
  font-weight: 600;
  margin-top: 0.25rem;
}
.user-clinic[data-v-2ba7c8f4] {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--border);
}
.user-clinic .clinic-name[data-v-2ba7c8f4] {
  display: block;
  color: var(--text-primary);
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.clinic-region[data-v-2ba7c8f4] {
  display: block;
  color: var(--text-secondary);
  font-size: 0.7rem;
}
.dropdown-divider[data-v-2ba7c8f4] {
  margin: 0;
  border: none;
  border-top: 1px solid var(--border);
}
.logout-btn[data-v-2ba7c8f4] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: none;
  border: none;
  color: #b91c1c;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.logout-btn[data-v-2ba7c8f4]:hover {
  background: #fee2e2;
}
.logout-icon[data-v-2ba7c8f4] {
  font-size: 1rem;
}

/* Main content */
.main-content[data-v-2ba7c8f4] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.75rem 1rem;
}

/* Stats section */
.stats-section[data-v-2ba7c8f4] {
  margin-bottom: 2rem;
}
.stats-cards[data-v-2ba7c8f4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.stat-card[data-v-2ba7c8f4] {
  background: var(--surface);
  padding: 1.5rem;
  border-radius: 14px;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.2s ease;
}
.stat-card[data-v-2ba7c8f4]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.stat-icon[data-v-2ba7c8f4] {
  font-size: 2rem;
  opacity: 0.8;
}
.stat-content[data-v-2ba7c8f4] {
  flex: 1;
}
.stat-number[data-v-2ba7c8f4] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}
.stat-label[data-v-2ba7c8f4] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Filters section */
.filters-section[data-v-2ba7c8f4] {
  background: var(--surface);
  padding: 1.5rem;
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.search-container[data-v-2ba7c8f4] {
  flex: 1;
  min-width: 300px;
}
.search-tools[data-v-2ba7c8f4] {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.search-input-wrapper[data-v-2ba7c8f4] {
  display: flex;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  transition: all 0.2s ease;
}
.search-input-wrapper[data-v-2ba7c8f4]:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.search-input[data-v-2ba7c8f4] {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--text-primary);
  font-size: 1rem;
  padding: 0.5rem;
  outline: none;
  font-weight: 500;
}
.search-input[data-v-2ba7c8f4]::-moz-placeholder {
  color: #94a3b8;
}
.search-input[data-v-2ba7c8f4]::placeholder {
  color: #94a3b8;
}
.search-btn[data-v-2ba7c8f4] {
  background: var(--accent);
  border: none;
  color: white;
  padding: 0.55rem 1rem;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 88px;
}
.search-btn[data-v-2ba7c8f4]:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.24);
}
.global-search-btn[data-v-2ba7c8f4] {
  background: var(--surface);
  border: 1px solid var(--border-strong);
  color: var(--text-secondary);
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.global-search-btn[data-v-2ba7c8f4]:hover {
  border-color: var(--accent);
  color: var(--accent-hover);
}
.global-search-btn.active[data-v-2ba7c8f4] {
  background: var(--accent-soft);
  border-color: var(--accent);
  color: var(--accent-hover);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.filters-container[data-v-2ba7c8f4] {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}
.filter-select[data-v-2ba7c8f4] {
  padding: 0.5rem 1rem;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease;
  min-width: 120px;
}
.filter-select[data-v-2ba7c8f4]:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.reset-filters-btn[data-v-2ba7c8f4] {
  padding: 0.5rem 1rem;
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  color: var(--accent);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.reset-filters-btn[data-v-2ba7c8f4]:hover {
  background: var(--accent-soft);
  border-color: rgba(37, 99, 235, 0.45);
  color: var(--accent-hover);
}

/* Patients section */
.patients-section[data-v-2ba7c8f4] {
  background: var(--surface);
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

/* Loading and error states */
.loading-state[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  gap: 1rem;
  color: var(--text-secondary);
}
.spinner[data-v-2ba7c8f4] {
  width: 24px;
  height: 24px;
  border: 3px solid var(--border);
  border-top: 3px solid var(--accent);
  border-radius: 50%;
  animation: spin-2ba7c8f4 1s linear infinite;
}
@keyframes spin-2ba7c8f4 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
.error-state[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
}
.error-icon[data-v-2ba7c8f4] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.error-content h3[data-v-2ba7c8f4] {
  color: #dc2626;
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
}
.error-content p[data-v-2ba7c8f4] {
  color: var(--text-secondary);
  margin-bottom: 1rem;
}
.retry-btn[data-v-2ba7c8f4] {
  background: var(--accent);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s ease;
}
.retry-btn[data-v-2ba7c8f4]:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

/* Table */
.patients-table-container[data-v-2ba7c8f4] {
  overflow-x: auto;
}
.patients-table[data-v-2ba7c8f4] {
  width: 100%;
  border-collapse: collapse;
}
.patients-table th[data-v-2ba7c8f4] {
  background: var(--surface-muted);
  padding: 1rem;
  text-align: left;
  font-weight: 600;
  color: var(--text-primary);
  font-size: 0.875rem;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}
.patients-table td[data-v-2ba7c8f4] {
  padding: 1rem;
  border-bottom: 1px solid var(--border);
  font-size: 0.875rem;
  color: var(--text-primary);
}
.patient-row[data-v-2ba7c8f4] {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.patient-row[data-v-2ba7c8f4]:hover {
  background: var(--surface-muted);
}
.patient-name[data-v-2ba7c8f4] {
  min-width: 200px;
}
.name-container[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.full-name[data-v-2ba7c8f4] {
  font-weight: 500;
  color: var(--text-primary);
}
.gender-badge[data-v-2ba7c8f4] {
  font-size: 0.8rem;
}
.gender-badge.male[data-v-2ba7c8f4] {
  color: #3b82f6;
}
.gender-badge.female[data-v-2ba7c8f4] {
  color: #ec4899;
}
.patient-iin[data-v-2ba7c8f4] {
  font-family: monospace;
  color: var(--text-secondary);
}
.patient-actions[data-v-2ba7c8f4] {
  width: 120px;
  text-align: right;
}
.action-buttons[data-v-2ba7c8f4] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
}
.action-btn[data-v-2ba7c8f4] {
  background: var(--surface-muted);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-btn[data-v-2ba7c8f4] {
  background: #10B981;
  color: white;
  border-color: #10B981;
}
.visit-btn[data-v-2ba7c8f4] {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}
.edit-btn[data-v-2ba7c8f4]:hover {
  background: #059669;
  border-color: #047857;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
}
.visit-btn[data-v-2ba7c8f4]:hover {
  background: var(--accent-hover);
  border-color: #1e40af;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3);
}
.registry-btn[data-v-2ba7c8f4] {
  background: var(--accent);
  color: white;
  border-color: var(--accent);
}
.registry-btn[data-v-2ba7c8f4]:hover {
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  transform: translateY(-1px);
}

/* Pagination */
.pagination[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-top: 1px solid var(--border);
  background: var(--surface-muted);
}
.pagination-btn[data-v-2ba7c8f4] {
  background: var(--accent);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}
.pagination-btn[data-v-2ba7c8f4]:hover:not(:disabled) {
  background: var(--accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.24);
}
.pagination-btn[data-v-2ba7c8f4]:disabled {
  background: #d1d5db;
  cursor: not-allowed;
  transform: none;
}
.pagination-info[data-v-2ba7c8f4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.pagination-total[data-v-2ba7c8f4] {
  font-size: 0.75rem;
  opacity: 0.8;
}

/* Empty state */
.empty-state[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.empty-state-content[data-v-2ba7c8f4] {
  text-align: center;
  max-width: 400px;
}
.empty-state-icon[data-v-2ba7c8f4] {
  font-size: 4rem;
  margin-bottom: 1rem;
  opacity: 0.6;
}
.empty-state-title[data-v-2ba7c8f4] {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.5rem;
}
.empty-state-subtitle[data-v-2ba7c8f4] {
  font-size: 1rem;
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.btn-reset[data-v-2ba7c8f4] {
  background: var(--accent);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}
.btn-reset[data-v-2ba7c8f4]:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

/* Responsive design */
@media (max-width: 768px) {
.header-content[data-v-2ba7c8f4] {
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
}
.header-actions[data-v-2ba7c8f4] {
    justify-content: space-between;
}
.main-content[data-v-2ba7c8f4] {
    padding: 1rem;
}
.stats-cards[data-v-2ba7c8f4] {
    grid-template-columns: repeat(2, 1fr);
}
.filters-section[data-v-2ba7c8f4] {
    flex-direction: column;
    align-items: stretch;
}
.search-container[data-v-2ba7c8f4] {
    min-width: auto;
}
.search-tools[data-v-2ba7c8f4] {
    justify-content: center;
}
.filters-container[data-v-2ba7c8f4] {
    justify-content: center;
}
.patients-table th[data-v-2ba7c8f4],
  .patients-table td[data-v-2ba7c8f4] {
    padding: 0.75rem 0.5rem;
    font-size: 0.8rem;
}
.pagination[data-v-2ba7c8f4] {
    flex-direction: column;
    gap: 1rem;
}
.empty-state[data-v-2ba7c8f4] {
    padding: 3rem 1rem;
}
}
@media (max-width: 480px) {
.stats-cards[data-v-2ba7c8f4] {
    grid-template-columns: 1fr;
}
.title[data-v-2ba7c8f4] {
    font-size: 1.25rem;
}
.subtitle[data-v-2ba7c8f4] {
    font-size: 0.8rem;
}
.filters-container[data-v-2ba7c8f4] {
    flex-direction: column;
    align-items: stretch;
}
.filter-select[data-v-2ba7c8f4] {
    min-width: auto;
}
.action-buttons[data-v-2ba7c8f4] {
    flex-direction: row;
    gap: 0.25rem;
}
.action-btn[data-v-2ba7c8f4] {
    font-size: 0.9rem;
    min-width: 28px;
    height: 28px;
    padding: 0.25rem;
}
.patient-actions[data-v-2ba7c8f4] {
    width: 180px;
}
}

/* Модальное окно редактирования */
.modal-overlay[data-v-2ba7c8f4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.48);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}
.modal-content[data-v-2ba7c8f4] {
  background: var(--surface);
  border-radius: 16px;
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  overflow-y: auto;
  border: 1px solid var(--border);
  box-shadow: 0 24px 52px rgba(15, 23, 42, 0.24);
}
.modal-header[data-v-2ba7c8f4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--border);
}
.modal-header h3[data-v-2ba7c8f4] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
}
.close-btn[data-v-2ba7c8f4] {
  background: none;
  border: 1px solid var(--border);
  font-size: 1.25rem;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.close-btn[data-v-2ba7c8f4]:hover {
  background: var(--surface-muted);
  border-color: var(--border-strong);
}
.modal-body[data-v-2ba7c8f4] {
  padding: 1.5rem;
  color: var(--text-primary);
}
.form-group[data-v-2ba7c8f4] {
  margin-bottom: 1rem;
}
.form-group label[data-v-2ba7c8f4] {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: var(--text-primary);
  font-size: 0.9rem;
}
.form-input[data-v-2ba7c8f4],
.form-select[data-v-2ba7c8f4] {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  font-size: 0.9rem;
  transition: border-color 0.2s ease;
  color: var(--text-primary);
  background: var(--surface);
}
.form-input[data-v-2ba7c8f4]:focus,
.form-select[data-v-2ba7c8f4]:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.form-input.error[data-v-2ba7c8f4] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.required[data-v-2ba7c8f4] {
  color: #ef4444;
  font-weight: bold;
}
.field-error[data-v-2ba7c8f4] {
  color: #ef4444;
  font-size: 0.8rem;
  margin-top: 0.25rem;
  font-weight: 500;
}
.field-note[data-v-2ba7c8f4] {
  color: var(--text-secondary);
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-style: italic;
  display: block;
}
.modal-footer[data-v-2ba7c8f4] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem;
  border-top: 1px solid var(--border);
  background: var(--surface-muted);
}
.btn[data-v-2ba7c8f4] {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-cancel[data-v-2ba7c8f4] {
  background: var(--surface);
  color: var(--text-primary);
  border: 1px solid var(--border-strong);
}
.btn-cancel[data-v-2ba7c8f4]:hover {
  background: var(--surface-muted);
}
.btn-primary[data-v-2ba7c8f4] {
  background: var(--accent);
  color: white;
}
.btn-primary[data-v-2ba7c8f4]:hover {
  background: var(--accent-hover);
}
.btn-primary[data-v-2ba7c8f4]:disabled {
  background: #D1D5DB;
  cursor: not-allowed;
}
.patients-toolbar[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.patients-page[data-v-2ba7c8f4] .shell-inner {
  padding-inline: clamp(0.75rem, 1.8vw, 1.5rem);
}
.patients-toolbar-left[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  flex-wrap: wrap;
  flex: 1;
  min-width: 18rem;
}
.patients-mini-search[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-width: 21rem;
  flex: 1 1 21rem;
  min-height: 2.9rem;
  padding: 0 1rem;
  border-radius: 999px;
  background: #f8fbff;
  border: 1px solid #edf2fa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.patients-mini-search-icon[data-v-2ba7c8f4] {
  width: 1rem;
  height: 1rem;
  color: #99a8bc;
  flex-shrink: 0;
}
.patients-mini-search-input[data-v-2ba7c8f4] {
  width: 100%;
  border: none;
  background: transparent;
  color: #49607f;
  font-size: 0.96rem;
  outline: none;
}
.patients-mini-search-input[data-v-2ba7c8f4]::-moz-placeholder {
  color: #97a8be;
}
.patients-mini-search-input[data-v-2ba7c8f4]::placeholder {
  color: #97a8be;
}
.patients-toolbar-select[data-v-2ba7c8f4] {
  min-width: 10.75rem;
  min-height: 2.9rem;
  padding: 0 1rem;
  border-radius: 999px;
  border: 1px solid #d7e2f3;
  background: #ffffff;
  color: #93a4bc;
  font-size: 0.96rem;
  outline: none;
}
.patients-toolbar-reset[data-v-2ba7c8f4] {
  min-height: 2.9rem;
  padding: 0 1.1rem;
  border-radius: 999px;
  border: 1px solid #c9d8ee;
  background: #eef5ff;
  color: #2d6fc2;
  font-size: 0.94rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.patients-toolbar-reset[data-v-2ba7c8f4]:hover {
  background: #dbeafe;
  border-color: #9fc1f3;
  color: #1d4ed8;
}
.patients-toolbar-reset[data-v-2ba7c8f4]:disabled {
  background: #f8fbff;
  border-color: #d7e2f3;
  color: #9aaabd;
  cursor: not-allowed;
}
.patients-toolbar-summary[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 1.1rem;
  color: #5c6e86;
  font-size: 0.94rem;
}
.patients-table-container[data-v-2ba7c8f4] {
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(186, 198, 219, 0.16);
  overflow: hidden;
}
.patients-table[data-v-2ba7c8f4] {
  width: 100%;
  border-collapse: collapse;
}
.patients-table thead th[data-v-2ba7c8f4] {
  padding: 1.05rem 1.1rem 0.8rem;
  border-bottom: 1px solid #edf2fa;
  color: #7f91a9;
  font-size: 0.92rem;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}
.patients-table tbody td[data-v-2ba7c8f4] {
  padding: 1.1rem;
  border-bottom: 1px solid #f1f4fa;
  color: #536a86;
  font-size: 0.98rem;
  vertical-align: middle;
}
.patients-table tbody tr:last-child td[data-v-2ba7c8f4] {
  border-bottom: none;
}
.patient-row[data-v-2ba7c8f4] {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.patient-row[data-v-2ba7c8f4]:hover {
  background: #fbfcff;
}
.patient-name .full-name[data-v-2ba7c8f4] {
  color: #2d6fc2;
  font-weight: 500;
}
.gender-badge[data-v-2ba7c8f4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.2rem;
  min-height: 1.85rem;
  padding: 0.25rem 0.75rem;
  border-radius: 0.65rem;
  font-size: 0.92rem;
  font-weight: 500;
}
.gender-badge.female[data-v-2ba7c8f4] {
  background: #f6d8f8;
  color: #ab397f;
}
.gender-badge.male[data-v-2ba7c8f4] {
  background: #ddecff;
  color: #3567b2;
}
.patient-actions[data-v-2ba7c8f4] {
  text-align: center;
}
.action-btn.edit-btn[data-v-2ba7c8f4] {
  width: 2rem;
  height: 2rem;
  border: none;
  background: transparent;
  color: #aab7c8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.action-btn.edit-btn[data-v-2ba7c8f4]:hover {
  color: #5b6f8a;
}
@media (max-width: 980px) {
.patients-toolbar-summary[data-v-2ba7c8f4] {
    justify-content: flex-start;
}
}
@media (max-width: 720px) {
.patients-mini-search[data-v-2ba7c8f4],
  .patients-toolbar-select[data-v-2ba7c8f4],
  .patients-toolbar-reset[data-v-2ba7c8f4] {
    width: 100%;
    min-width: 100%;
}
.patients-toolbar-summary[data-v-2ba7c8f4] {
    gap: 0.65rem 1rem;
    font-size: 0.86rem;
}
}
.patient-feedback-toast[data-v-2ba7c8f4] {
  position: fixed;
  top: 2.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2300;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3.9rem;
  padding: 0.9rem 1.15rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 20px 36px rgba(18, 17, 95, 0.18);
  color: #51637f;
}
.patient-feedback-toast-icon[data-v-2ba7c8f4] {
  width: 1.55rem;
  height: 1.55rem;
  color: #2f9e5b;
  flex-shrink: 0;
}
.patient-feedback-toast.error .patient-feedback-toast-icon[data-v-2ba7c8f4] {
  color: #dc4b57;
}
.patient-feedback-toast-icon svg[data-v-2ba7c8f4] {
  width: 100%;
  height: 100%;
}
.patient-feedback-toast-text[data-v-2ba7c8f4] {
  font-size: 0.98rem;
  font-weight: 600;
  white-space: nowrap;
}
.patient-feedback-toast-close[data-v-2ba7c8f4] {
  border: none;
  background: transparent;
  color: #8fa0b7;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.toast-fade-enter-active[data-v-2ba7c8f4],
.toast-fade-leave-active[data-v-2ba7c8f4] {
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.toast-fade-enter-from[data-v-2ba7c8f4],
.toast-fade-leave-to[data-v-2ba7c8f4] {
  opacity: 0;
  transform: translate(-50%, -0.4rem);
}
.patient-modal[data-v-2ba7c8f4] {
  position: relative;
  width: min(100vw - 2rem, 29rem);
  max-width: 29rem;
  max-height: calc(100vh - 1rem);
  display: flex;
  flex-direction: column;
  border-radius: 2rem;
  padding: 0.95rem 0.95rem 0.85rem;
  border: none;
  box-shadow: 0 28px 56px rgba(18, 17, 95, 0.2);
  overflow-y: auto;
  overflow-x: visible;
}
.patient-modal-close[data-v-2ba7c8f4] {
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  left: auto;
  width: 1.95rem;
  height: 1.95rem;
  border: none;
  border-radius: 999px;
  background: #ffffff;
  color: #91a0b7;
  font-size: 1.45rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(22, 34, 74, 0.12);
  z-index: 2;
}
.patient-modal-header[data-v-2ba7c8f4] {
  padding: 0;
}
.patient-modal-title[data-v-2ba7c8f4] {
  margin: 0 2.1rem 0.65rem 0;
  color: #51637f;
  font-size: 1rem;
  font-weight: 600;
}
.patient-modal-body[data-v-2ba7c8f4] {
  padding: 0;
  color: #51637f;
  flex: 1 1 auto;
}
.patient-modal .form-group[data-v-2ba7c8f4] {
  margin-bottom: 0.75rem;
}
.patient-modal .form-group label[data-v-2ba7c8f4] {
  margin-bottom: 0.35rem;
  color: #51637f;
  font-size: 0.92rem;
  font-weight: 500;
}
.patient-input-shell[data-v-2ba7c8f4] {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3.05rem;
  border-radius: 0.95rem;
  border: 1px solid #cfdced;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.patient-input-shell[data-v-2ba7c8f4]:focus-within {
  border-color: #2a5cab;
  box-shadow: 0 0 0 3px rgba(42, 92, 171, 0.12);
}
.patient-input-shell[data-v-2ba7c8f4]:has(.patient-modal-input.error) {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}
.patient-input-shell.required[data-v-2ba7c8f4]::after {
  content: '*';
  width: 3rem;
  min-height: 3.05rem;
  border-left: 1px solid #dbe4f2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ef4444;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.patient-modal-input[data-v-2ba7c8f4] {
  width: 100%;
  min-height: 3.05rem;
  padding: 0 0.9rem;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #27344a;
  font-size: 0.94rem;
  box-shadow: none;
}
.patient-modal-input[data-v-2ba7c8f4]:focus {
  box-shadow: none;
}
.patient-modal-input[data-v-2ba7c8f4]::-moz-placeholder {
  color: #b0bfd3;
}
.patient-modal-input[data-v-2ba7c8f4]::placeholder {
  color: #b0bfd3;
}
.patient-modal-date-input[data-v-2ba7c8f4] {
  padding-right: 0.8rem;
}
.patient-radio-group[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.patient-radio-pill[data-v-2ba7c8f4] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.45rem;
  padding: 0.55rem 0.9rem;
  border: 1px solid #cfdced;
  border-radius: 999px;
  background: #ffffff;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.patient-radio-pill[data-v-2ba7c8f4]:hover {
  background: #fbfdff;
}
.patient-radio-pill input[type="radio"][data-v-2ba7c8f4] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.patient-radio-visual[data-v-2ba7c8f4] {
  width: 1rem;
  height: 1rem;
  border: 1.5px solid #8c9db4;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
}
.patient-radio-visual[data-v-2ba7c8f4]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #6d7f97;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.18s ease;
}
.patient-radio-pill input[type="radio"]:checked + .patient-radio-visual[data-v-2ba7c8f4]::after {
  transform: translate(-50%, -50%) scale(1);
}
.patient-radio-pill[data-v-2ba7c8f4]:has(input[type="radio"]:checked) {
  background: #e9eff7;
  border-color: #d5e1f0;
}
.patient-radio-text[data-v-2ba7c8f4] {
  color: #51637f;
  font-size: 0.94rem;
}
.patient-organization-block[data-v-2ba7c8f4] {
  margin-top: 0.1rem;
  color: #51637f;
  font-size: 0.92rem;
}
.patient-organization-label[data-v-2ba7c8f4] {
  margin-bottom: 0.15rem;
  font-weight: 500;
}
.patient-organization-value[data-v-2ba7c8f4] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  color: #355fd0;
}
.patient-organization-separator[data-v-2ba7c8f4] {
  color: #95a6bd;
}
.patient-modal-footer[data-v-2ba7c8f4] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  padding-top: 0.8rem;
  margin-top: 0.65rem;
  border-top: 1px solid #edf2f8;
  background: #ffffff;
  position: sticky;
  bottom: -0.85rem;
  padding-bottom: 0.1rem;
}
.patient-modal-submit[data-v-2ba7c8f4],
.patient-modal-cancel[data-v-2ba7c8f4] {
  width: 100%;
  min-height: 2.55rem;
  border-radius: 0.95rem;
  font-size: 0.92rem;
  font-weight: 500;
}
.patient-modal-submit[data-v-2ba7c8f4] {
  background: #11145d;
}
.patient-modal-submit[data-v-2ba7c8f4]:hover:not(:disabled) {
  background: #0d1048;
}
.patient-modal-cancel[data-v-2ba7c8f4] {
  border: none;
  background: #eef3fb;
  color: #11145d;
}
.patient-modal-cancel[data-v-2ba7c8f4]:hover:not(:disabled) {
  background: #e6edf9;
}
.button-spinner[data-v-2ba7c8f4] {
  width: 1.1rem;
  height: 1.1rem;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  animation: spin-2ba7c8f4 1s linear infinite;
}
@media (max-width: 640px) {
.patient-modal[data-v-2ba7c8f4] {
    width: min(100vw - 1rem, 100vw - 1rem);
    padding: 1.2rem 1rem 1rem;
    border-radius: 1.35rem;
}
.patient-modal-close[data-v-2ba7c8f4] {
    top: 1rem;
    right: 1rem;
}
.patient-feedback-toast[data-v-2ba7c8f4] {
    top: 1rem;
    width: min(100vw - 1rem, 26rem);
    white-space: normal;
}
}


.login-page[data-v-595d4458] {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at top left, rgba(227, 235, 249, 0.95) 0%, rgba(248, 251, 255, 0) 34%),
    linear-gradient(180deg, #f8fbff 0%, #f6f8fc 100%);
  color: #16225d;
  overflow: hidden;
  position: relative;
}
.login-topbar[data-v-595d4458] {
  position: absolute;
  top: 2rem;
  left: 2rem;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.home-link-button[data-v-595d4458] {
  border: 1px solid rgba(212, 222, 238, 0.95);
  background: rgba(255, 255, 255, 0.9);
  color: #16225d;
  border-radius: 999px;
  min-height: 2.6rem;
  padding: 0 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(101, 117, 152, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.home-link-button[data-v-595d4458]:hover {
  transform: translateY(-1px);
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(101, 117, 152, 0.16);
}
.home-link-button[data-v-595d4458]:focus-visible {
  outline: 3px solid rgba(142, 168, 217, 0.45);
  outline-offset: 2px;
}
.home-link-icon[data-v-595d4458] {
  font-size: 1rem;
  line-height: 1;
}
.login-shell[data-v-595d4458] {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: minmax(440px, 0.92fr) minmax(520px, 1.08fr);
  align-items: center;
  gap: 2.25rem;
  padding: 1.875rem 1.875rem 0 2.5rem;
}
.login-panel[data-v-595d4458] {
  min-width: 0;
}
.login-panel-inner[data-v-595d4458] {
  min-height: calc(100vh - 5.25rem);
  min-height: calc(100dvh - 5.25rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 5.5rem 0 1rem clamp(1.5rem, 6vw, 9rem);
}
.login-main[data-v-595d4458] {
  width: min(100%, 24.125rem);
  margin: auto 0;
}
.brand-block[data-v-595d4458] {
  margin-bottom: 1.9rem;
}
.brand-wordmark[data-v-595d4458] {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  gap: 0.75rem;
}
.brand-name[data-v-595d4458] {
  font-size: clamp(3.5rem, 6vw, 5rem);
  line-height: 0.95;
  font-weight: 800;
  letter-spacing: -0.06em;
  color: #111b69;
}
.brand-ai[data-v-595d4458] {
  font-size: clamp(1.5rem, 2.1vw, 2rem);
  line-height: 1;
  font-weight: 500;
  color: #2b397a;
  margin-bottom: 0.7rem;
}
.brand-mark-image[data-v-595d4458] {
  position: absolute;
  top: -1.25rem;
  right: 2.45rem;
  width: 3.5rem;
  height: auto;
  display: block;
}
.brand-subtitle[data-v-595d4458] {
  margin-top: 0.9rem;
  max-width: 20rem;
  font-size: 0.94rem;
  line-height: 1.15;
  color: #3f4e89;
}
.brand-subtitle-main[data-v-595d4458],
.brand-subtitle-accent[data-v-595d4458] {
  display: block;
}
.brand-subtitle-accent[data-v-595d4458] {
  margin-top: 0.35rem;
  font-weight: 700;
  color: #111b69;
}
.login-form[data-v-595d4458] {
  width: 100%;
}
.login-legal-footer[data-v-595d4458] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem 2.4rem;
  flex-wrap: wrap;
  padding: 1.25rem 2rem 1.5rem;
  text-align: center;
}
.login-legal-link[data-v-595d4458] {
  color: #7e90ac;
  font-size: 0.82rem;
  line-height: 1.35;
  text-decoration: none;
  transition: color 0.2s ease;
}
.login-legal-link[data-v-595d4458]:hover {
  color: #536788;
}
.form-heading[data-v-595d4458] {
  margin-bottom: 1.4rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d8e2f0;
}
.form-title[data-v-595d4458] {
  margin: 0;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 700;
  color: #526680;
}
.form-group[data-v-595d4458] {
  margin-bottom: 1.15rem;
}
.sr-only[data-v-595d4458] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.form-input[data-v-595d4458] {
  width: 100%;
  height: 2.75rem;
  border: 1px solid #d7e3f0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  padding: 0 1.1rem;
  color: #24366d;
  font-size: 0.98rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.form-input[data-v-595d4458]::-moz-placeholder {
  color: #b4c2d3;
}
.form-input[data-v-595d4458]::placeholder {
  color: #b4c2d3;
}
.form-input[data-v-595d4458]:hover {
  border-color: #c6d6ea;
}
.form-input[data-v-595d4458]:focus {
  outline: none;
  border-color: #8ea8d9;
  box-shadow: 0 0 0 4px rgba(160, 183, 224, 0.18);
  background: #ffffff;
}
.form-input.error[data-v-595d4458] {
  border-color: #e8b3b8;
  background: #fff6f7;
}
.password-input-container[data-v-595d4458] {
  position: relative;
}
.password-input-container .form-input[data-v-595d4458] {
  padding-right: 3rem;
}
.password-toggle[data-v-595d4458] {
  position: absolute;
  top: 50%;
  right: 0.7rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: #97a6bf;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, background-color 0.2s ease;
}
.password-toggle[data-v-595d4458]:hover {
  color: #6c80a4;
  background: rgba(229, 236, 246, 0.7);
}
.password-toggle-icon[data-v-595d4458] {
  width: 1rem;
  height: 1rem;
}
.error-message[data-v-595d4458] {
  display: inline-block;
  margin-top: 0.45rem;
  padding-left: 0.2rem;
  font-size: 0.78rem;
  color: #d06773;
}
.form-options[data-v-595d4458] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.checkbox-label[data-v-595d4458] {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  cursor: pointer;
}
.checkbox-input[data-v-595d4458] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox-custom[data-v-595d4458] {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.38rem;
  background: #dfeaf7;
  position: relative;
  flex-shrink: 0;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.checkbox-input:checked + .checkbox-custom[data-v-595d4458] {
  background: #16225d;
  box-shadow: 0 8px 18px rgba(22, 34, 93, 0.16);
}
.checkbox-input:checked + .checkbox-custom[data-v-595d4458]::after {
  content: '';
  position: absolute;
  top: 0.24rem;
  left: 0.42rem;
  width: 0.28rem;
  height: 0.48rem;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(40deg);
}
.checkbox-text[data-v-595d4458] {
  font-size: 0.94rem;
  line-height: 1.1;
}
.checkbox-text[data-v-595d4458] {
  color: #2a2d35;
}
.forgot-password-btn[data-v-595d4458] {
  border: none;
  background: transparent;
  padding: 0;
  color: #16225d;
  font-size: 0.94rem;
  line-height: 1.1;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.forgot-password-btn[data-v-595d4458]:hover {
  opacity: 0.75;
}
.status-alert[data-v-595d4458] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  font-size: 0.88rem;
  margin-bottom: 1rem;
}
.status-icon[data-v-595d4458] {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
}
.error-alert[data-v-595d4458] {
  background: rgba(255, 240, 242, 0.95);
  color: #c45764;
}
.error-alert .status-icon[data-v-595d4458] {
  background: rgba(212, 100, 114, 0.16);
}
.loading-alert[data-v-595d4458] {
  background: rgba(236, 244, 255, 0.98);
  color: #436498;
}
.loading-spinner[data-v-595d4458] {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid rgba(76, 106, 154, 0.2);
  border-top-color: #4e70a7;
  animation: spin-595d4458 0.9s linear infinite;
}
.login-button[data-v-595d4458] {
  width: 100%;
  height: 2.85rem;
  border: none;
  border-radius: 0.9rem;
  background: linear-gradient(180deg, #151970 0%, #12125f 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.login-button[data-v-595d4458]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(18, 18, 95, 0.24);
}
.login-button[data-v-595d4458]:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.hero-panel[data-v-595d4458] {
  display: flex;
  align-items: center;
  min-width: 0;
}
.hero-frame[data-v-595d4458] {
  width: 100%;
  height: calc(100vh - 6.5rem);
  height: calc(100dvh - 6.5rem);
  border-radius: 1.85rem;
  overflow: hidden;
  position: relative;
  background: #d9dde3;
}
.hero-frame[data-v-595d4458]::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 0 56px rgba(7, 10, 29, 0.14),
    0 14px 36px rgba(94, 108, 136, 0.08);
  pointer-events: none;
}
.hero-video[data-v-595d4458] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  cursor: pointer;
}
@keyframes spin-595d4458 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@media (max-width: 1280px) {
.login-panel-inner[data-v-595d4458] {
    padding-left: clamp(1rem, 4.5vw, 4.5rem);
}
}
@media (max-width: 1080px) {
.login-shell[data-v-595d4458] {
    grid-template-columns: minmax(360px, 1fr) minmax(360px, 0.95fr);
    gap: 1.5rem;
    padding: 1.25rem 1.25rem 0;
}
.login-panel-inner[data-v-595d4458] {
    min-height: calc(100vh - 3.75rem);
    min-height: calc(100dvh - 3.75rem);
    padding-top: 4.75rem;
}
.hero-frame[data-v-595d4458] {
    height: calc(100vh - 4.75rem);
    height: calc(100dvh - 4.75rem);
}
}
@media (max-width: 920px) {
.login-shell[data-v-595d4458] {
    grid-template-columns: 1fr;
    padding: 1rem 1rem 0;
}
.login-panel-inner[data-v-595d4458] {
    min-height: auto;
    padding: 4.75rem 0 1rem;
}
.login-main[data-v-595d4458] {
    width: min(100%, 25rem);
    margin: 0 auto;
}
.hero-panel[data-v-595d4458] {
    display: none;
}
.login-legal-footer[data-v-595d4458] {
    padding: 1rem 1rem 1.25rem;
}
}
@media (max-width: 640px) {
.login-topbar[data-v-595d4458] {
    top: 1rem;
    left: 1rem;
    gap: 0.6rem;
}
.home-link-button[data-v-595d4458] {
    padding: 0 0.85rem;
    font-size: 0.88rem;
}
.login-shell[data-v-595d4458] {
    padding: 0.875rem 0.875rem 0;
}
.login-panel-inner[data-v-595d4458] {
    padding-top: 4rem;
    padding-left: 0;
}
.login-main[data-v-595d4458] {
    width: 100%;
}
.brand-block[data-v-595d4458] {
    margin-bottom: 2rem;
}
.brand-mark-image[data-v-595d4458] {
    right: 2.05rem;
    width: 3rem;
}
.form-options[data-v-595d4458] {
    flex-wrap: wrap;
    align-items: flex-start;
}
.login-legal-footer[data-v-595d4458] {
    gap: 0.65rem 1rem;
    padding-inline: 0.875rem;
}
}


.change-password-page[data-v-5de61629] {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background:
    radial-gradient(circle at top left, rgba(227, 235, 249, 0.95) 0%, rgba(248, 251, 255, 0) 34%),
    linear-gradient(180deg, #f8fbff 0%, #f6f8fc 100%);
  color: #16225d;
}
.change-password-shell[data-v-5de61629] {
  width: min(100%, 28rem);
}
.change-password-panel[data-v-5de61629] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.brand-wordmark[data-v-5de61629] {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  gap: 0.75rem;
}
.brand-name[data-v-5de61629] {
  font-size: clamp(3.5rem, 12vw, 5rem);
  font-weight: 800;
  line-height: 0.95;
  color: #111b69;
}
.brand-ai[data-v-5de61629] {
  margin-bottom: 0.7rem;
  font-size: 1.85rem;
  font-weight: 500;
  color: #2b397a;
}
.brand-mark-image[data-v-5de61629] {
  position: absolute;
  top: -1.25rem;
  right: 2.45rem;
  width: 3.5rem;
}
.brand-subtitle[data-v-5de61629] {
  max-width: 20rem;
  margin: 1rem 0 0;
  color: #3f4e89;
  line-height: 1.15;
}
.brand-subtitle-main[data-v-5de61629],
.brand-subtitle-accent[data-v-5de61629] {
  display: block;
}
.brand-subtitle-accent[data-v-5de61629] {
  margin-top: 0.35rem;
  font-weight: 700;
  color: #111b69;
}
.change-password-form[data-v-5de61629] {
  width: 100%;
}
.form-heading[data-v-5de61629] {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #d8e2f0;
}
.form-title[data-v-5de61629] {
  margin: 0;
  color: #526680;
  font-size: 1.08rem;
  line-height: 1.2;
}
.form-subtitle[data-v-5de61629] {
  margin: 0.5rem 0 0;
  color: #7b8ca6;
  font-size: 0.94rem;
  line-height: 1.35;
}
.form-group[data-v-5de61629] {
  margin-bottom: 1.15rem;
}
.form-input[data-v-5de61629] {
  width: 100%;
  height: 2.75rem;
  border: 1px solid #d7e3f0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  padding: 0 1.1rem;
  color: #24366d;
  font-size: 0.98rem;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.form-input[data-v-5de61629]::-moz-placeholder {
  color: #b4c2d3;
}
.form-input[data-v-5de61629]::placeholder {
  color: #b4c2d3;
}
.form-input[data-v-5de61629]:focus {
  border-color: #8ea8d9;
  box-shadow: 0 0 0 4px rgba(160, 183, 224, 0.18);
}
.password-input-container[data-v-5de61629] {
  position: relative;
}
.password-input-container .form-input[data-v-5de61629] {
  padding-right: 3rem;
}
.password-toggle[data-v-5de61629] {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #97a6bf;
  cursor: pointer;
}
.password-toggle[data-v-5de61629]:hover {
  background: rgba(229, 236, 246, 0.7);
  color: #6c80a4;
}
.password-toggle-icon[data-v-5de61629] {
  width: 1.05rem;
  height: 1.05rem;
}
.status-alert[data-v-5de61629] {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin-bottom: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  font-size: 0.9rem;
  line-height: 1.35;
}
.error-alert[data-v-5de61629] {
  background: rgba(255, 240, 242, 0.95);
  color: #c45764;
}
.status-icon[data-v-5de61629] {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #c45764;
  color: #fff;
  font-weight: 700;
}
.change-password-button[data-v-5de61629],
.logout-button[data-v-5de61629] {
  width: 100%;
  height: 2.85rem;
  border: 0;
  border-radius: 0.9rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.change-password-button[data-v-5de61629] {
  background: linear-gradient(180deg, #151970 0%, #12125f 100%);
  color: #fff;
}
.logout-button[data-v-5de61629] {
  margin-top: 0.7rem;
  background: transparent;
  color: #526680;
}
.change-password-button[data-v-5de61629]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(18, 18, 95, 0.24);
}
.logout-button[data-v-5de61629]:hover:not(:disabled) {
  background: rgba(229, 236, 246, 0.7);
}
.change-password-button[data-v-5de61629]:disabled,
.logout-button[data-v-5de61629]:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.sr-only[data-v-5de61629] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 520px) {
.change-password-page[data-v-5de61629] {
    align-items: flex-start;
    padding: 4rem 1.25rem 2rem;
}
}


.registry-catalog-page[data-v-3065347a] {
  --catalog-brand-navy: #030442;
  --catalog-brand-navy-strong: #0f114d;
  --catalog-brand-lime: #d1ff00;
  --catalog-gutter-x: clamp(0.9rem, 1.35vw, 2.25rem);
  --catalog-gutter-y: clamp(0.8rem, 1.5vh, 1.95rem);
  --catalog-grid-gap: clamp(0.62rem, 0.72vw, 0.82rem);
  --catalog-topbar-height: clamp(4.55rem, 7.6vh, 5.9rem);
  --catalog-footer-space: clamp(3rem, 5vh, 4.8rem);
  --catalog-card-height: clamp(
    10.9rem,
    calc(
      (
        100dvh - var(--catalog-topbar-height) - var(--catalog-footer-space) -
        (2 * var(--catalog-gutter-y)) - (3 * var(--catalog-grid-gap))
      ) / 4
    ),
    14.7rem
  );
  min-height: 100vh;
  min-height: 100dvh;
  background: #f4f7fb;
  color: #17204f;
}
.catalog-topbar[data-v-3065347a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: var(--catalog-topbar-height);
  padding: 0.85rem var(--catalog-gutter-x);
  background: var(--catalog-brand-navy);
  color: #ffffff;
  box-shadow: 0 0.45rem 1.4rem rgba(19, 21, 92, 0.16);
}
.catalog-brand[data-v-3065347a] {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  min-width: 0;
}
.catalog-brand-logo[data-v-3065347a] {
  width: clamp(4.35rem, 5vw, 5.8rem);
  height: auto;
  flex-shrink: 0;
}
.catalog-brand-copy[data-v-3065347a] {
  min-width: 0;
}
.catalog-brand-title[data-v-3065347a] {
  color: #ffffff;
  font-size: clamp(1.18rem, 1.4vw, 1.55rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
}
.catalog-brand-subtitle[data-v-3065347a] {
  margin-top: 0.42rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  line-height: 1.2;
}
.catalog-actions[data-v-3065347a] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.1rem;
  flex-wrap: wrap;
}
.catalog-accessibility-button[data-v-3065347a] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  height: clamp(2.45rem, 4.2vh, 2.95rem);
  padding: 0 1.15rem;
  border: 2px solid var(--catalog-brand-lime);
  border-radius: 999px;
  background: transparent;
  color: #ffffff;
  cursor: pointer;
  font-size: 0.92rem;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.catalog-accessibility-button[data-v-3065347a]:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-1px);
}
.catalog-accessibility-button.active[data-v-3065347a] {
  background: var(--catalog-brand-lime);
  color: var(--catalog-brand-navy);
}
.catalog-accessibility-icon[data-v-3065347a] {
  width: 1.2rem;
  height: 1.2rem;
  flex-shrink: 0;
}
.catalog-user-menu[data-v-3065347a] {
  position: relative;
}
.catalog-user-chip[data-v-3065347a] {
  border: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #ffffff;
  white-space: nowrap;
  padding: 0.2rem 0;
  font: inherit;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.catalog-user-chip.open .catalog-user-chevron[data-v-3065347a] {
  transform: rotate(180deg);
}
.catalog-user-avatar[data-v-3065347a] {
  width: clamp(2rem, 3.5vh, 2.4rem);
  height: clamp(2rem, 3.5vh, 2.4rem);
  border-radius: 50%;
  background: linear-gradient(180deg, #e8c4a6 0%, #cb9770 100%);
  color: var(--catalog-brand-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.12);
}
.catalog-user-name[data-v-3065347a] {
  font-size: 0.98rem;
  font-weight: 500;
}
.catalog-user-chevron[data-v-3065347a] {
  width: 1rem;
  height: 1rem;
  opacity: 0.9;
  transition: transform 0.16s ease;
  pointer-events: none;
}
.catalog-user-dropdown[data-v-3065347a] {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 20;
  min-width: 16rem;
  overflow: hidden;
  border: 1px solid rgba(215, 225, 239, 0.95);
  border-radius: 0.5rem;
  background: #ffffff;
  color: #17204f;
  box-shadow: 0 1rem 2.5rem rgba(15, 17, 77, 0.2);
}
.catalog-user-dropdown-header[data-v-3065347a] {
  padding: 0.95rem 1rem;
  border-bottom: 1px solid #e5ecf6;
}
.catalog-user-dropdown-name[data-v-3065347a] {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.25;
}
.catalog-user-dropdown-meta[data-v-3065347a] {
  margin-top: 0.25rem;
  color: #60708e;
  font-size: 0.82rem;
  line-height: 1.3;
}
.catalog-logout-button[data-v-3065347a] {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  padding: 0.8rem 1rem;
  text-align: left;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
}
.catalog-logout-button[data-v-3065347a]:hover {
  background: rgba(3, 4, 66, 0.06);
}
.catalog-main[data-v-3065347a] {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - var(--catalog-topbar-height));
  min-height: calc(100dvh - var(--catalog-topbar-height));
  padding: var(--catalog-gutter-y) var(--catalog-gutter-x) 0.75rem;
}
.catalog-grid[data-v-3065347a] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--catalog-grid-gap);
  align-items: stretch;
}
.catalog-card[data-v-3065347a] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: var(--catalog-card-height);
  height: var(--catalog-card-height);
  padding: 1rem 1rem 0.95rem;
  border: 2px solid #c8d7ea;
  border-radius: 1.15rem;
  background: #ffffff;
  color: #1f2a4d;
  text-decoration: none;
  overflow: hidden;
}
.catalog-card.highlight-lime[data-v-3065347a] {
  border-color: var(--catalog-brand-lime);
}
.catalog-card.highlight-navy[data-v-3065347a] {
  border-color: #2f55ad;
}
.catalog-card.interactive[data-v-3065347a] {
  cursor: pointer;
  border-color: rgba(19, 21, 92, 0.34);
  box-shadow: 0 0.5rem 1.1rem rgba(19, 21, 92, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.catalog-card.interactive[data-v-3065347a]:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 2px rgba(209, 255, 0, 0.42), 0 1rem 2rem rgba(45, 72, 134, 0.16);
  border-color: var(--catalog-brand-lime);
  background: linear-gradient(180deg, #ffffff 0%, #fbffef 100%);
}
.catalog-card.inactive[data-v-3065347a] {
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);
  border-color: #d5e1f1;
}
.catalog-card.inactive .catalog-card-title[data-v-3065347a],
.catalog-card.inactive .catalog-card-code[data-v-3065347a] {
  color: #5c6d89;
}
.catalog-card.inactive .catalog-card-image-icon[data-v-3065347a],
.catalog-card.inactive .catalog-card-icon[data-v-3065347a],
.catalog-card.inactive .catalog-card-badge[data-v-3065347a] {
  opacity: 0.72;
}
.catalog-card.inactive .catalog-card-image-icon[data-v-3065347a],
.catalog-card.inactive .catalog-card-icon[data-v-3065347a] svg {
  filter: grayscale(0.08);
}
.catalog-card-telemedicine[data-v-3065347a] {
  justify-content: flex-end;
}
.catalog-card-visual[data-v-3065347a] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.catalog-card-icon[data-v-3065347a] {
  position: absolute;
  top: clamp(1rem, 2vh, 2.25rem);
  left: 50%;
  width: clamp(3.8rem, 4.7vw, 4.9rem);
  height: clamp(3.8rem, 4.7vw, 4.9rem);
  transform: translateX(-50%);
}
.catalog-card-image-icon[data-v-3065347a] {
  position: absolute;
  top: clamp(1rem, 2vh, 2.25rem);
  left: 50%;
  width: clamp(3.8rem, 4.7vw, 4.9rem);
  height: clamp(3.8rem, 4.7vw, 4.9rem);
  transform: translateX(-50%);
  -o-object-fit: contain;
     object-fit: contain;
}
.catalog-card-icon[data-v-3065347a] svg {
  width: 100%;
  height: 100%;
}
.catalog-card-badge[data-v-3065347a] {
  position: absolute;
  right: 1rem;
  bottom: 4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.35rem;
  height: 1.55rem;
  padding: 0 0.55rem;
  border-radius: 999px;
  background: var(--catalog-brand-navy);
  color: var(--catalog-brand-lime);
  font-size: 0.82rem;
  font-weight: 700;
}
.catalog-card-copy[data-v-3065347a] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: auto;
}
.catalog-card-telemedicine .catalog-card-copy[data-v-3065347a] {
  padding-right: 4rem;
}
.catalog-card-code[data-v-3065347a] {
  color: #9aaccc;
  font-size: clamp(0.8rem, 0.82vw, 0.9rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.catalog-card-title[data-v-3065347a] {
  color: #313748;
  font-size: clamp(0.92rem, 0.92vw, 0.98rem);
  line-height: 1.25;
  font-weight: 600;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}
.catalog-clock-card[data-v-3065347a] {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.9rem;
  min-height: var(--catalog-card-height);
  height: var(--catalog-card-height);
}
.catalog-clock-pill[data-v-3065347a] {
  min-width: 7.85rem;
  height: 3.85rem;
  padding: 0 1.35rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--catalog-brand-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  box-shadow: 0 1rem 2rem rgba(176, 188, 208, 0.14);
}
.catalog-footer[data-v-3065347a] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
  flex-wrap: wrap;
  margin-top: auto;
  padding: clamp(1rem, 1.8vh, 1.8rem) var(--catalog-gutter-x) 0.3rem;
  text-align: center;
}
.catalog-footer-link[data-v-3065347a] {
  color: #8da4cc;
  text-decoration: none;
  font-size: 0.92rem;
  line-height: 1.2;
}
.catalog-footer-link[data-v-3065347a]:hover {
  color: #6e86b3;
}
.registry-catalog-page.accessibility-enabled[data-v-3065347a] {
  background: #ffffff;
  color: #111111;
}
.registry-catalog-page.accessibility-enabled .catalog-topbar[data-v-3065347a] {
  background: #111111;
  box-shadow: none;
}
.registry-catalog-page.accessibility-enabled .catalog-accessibility-button[data-v-3065347a],
.registry-catalog-page.accessibility-enabled .catalog-card[data-v-3065347a],
.registry-catalog-page.accessibility-enabled .catalog-clock-pill[data-v-3065347a] {
  border-color: #111111;
  box-shadow: none;
}
.registry-catalog-page.accessibility-enabled .catalog-accessibility-button[data-v-3065347a] {
  background: #ffffff;
  color: #111111;
}
.registry-catalog-page.accessibility-enabled .catalog-accessibility-button.active[data-v-3065347a] {
  background: #111111;
  color: #ffffff;
}
.registry-catalog-page.accessibility-enabled .catalog-card-title[data-v-3065347a],
.registry-catalog-page.accessibility-enabled .catalog-footer-link[data-v-3065347a],
.registry-catalog-page.accessibility-enabled .catalog-brand-subtitle[data-v-3065347a] {
  color: inherit;
}
.registry-catalog-page.accessibility-enabled .catalog-user-avatar[data-v-3065347a] {
  background: #ffffff;
  color: #111111;
}
.registry-catalog-page.accessibility-enabled .catalog-user-dropdown[data-v-3065347a] {
  border: 2px solid #111111;
  box-shadow: none;
}
@media (max-width: 1500px) {
.catalog-grid[data-v-3065347a] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.catalog-clock-card[data-v-3065347a] {
    justify-content: flex-start;
    min-height: auto;
    height: auto;
    padding-top: 0.4rem;
}
}
@media (max-width: 1180px) {
.catalog-topbar[data-v-3065347a] {
    align-items: flex-start;
    flex-direction: column;
}
.catalog-actions[data-v-3065347a] {
    width: 100%;
    justify-content: space-between;
}
.catalog-grid[data-v-3065347a] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
.catalog-topbar[data-v-3065347a],
  .catalog-main[data-v-3065347a] {
    padding-left: 1rem;
    padding-right: 1rem;
}
.catalog-actions[data-v-3065347a] {
    gap: 0.75rem;
}
.catalog-accessibility-button[data-v-3065347a] {
    order: 3;
    width: 100%;
    justify-content: center;
}
.catalog-grid[data-v-3065347a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.registry-catalog-page[data-v-3065347a] {
    --catalog-card-height: 12.2rem;
}
.catalog-user-name[data-v-3065347a] {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
}
@media (max-width: 560px) {
.catalog-grid[data-v-3065347a] {
    grid-template-columns: minmax(0, 1fr);
}
.catalog-card[data-v-3065347a],
  .catalog-clock-card[data-v-3065347a] {
    min-height: 12.75rem;
    height: auto;
}
.catalog-clock-card[data-v-3065347a] {
    justify-content: space-between;
}
.catalog-clock-pill[data-v-3065347a] {
    flex: 1;
    min-width: 0;
}
.catalog-footer[data-v-3065347a] {
    gap: 1rem;
    justify-content: flex-start;
}
}


.debug-page[data-v-1f1084f6] {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;

  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 2rem;
  color: var(--text-primary);
}
.debug-container[data-v-1f1084f6] {
  max-width: 960px;
  margin: 0 auto;
}
.debug-container h1[data-v-1f1084f6] {
  text-align: center;
  color: var(--text-primary);
  font-size: 1.6rem;
  letter-spacing: 0.2px;
  margin-bottom: 2rem;
}
.status-card[data-v-1f1084f6], .action-card[data-v-1f1084f6], .result-card[data-v-1f1084f6], .info-card[data-v-1f1084f6] {
  background: var(--surface);
  border-radius: 16px;
  border: 1px solid var(--border);
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
.status-card h2[data-v-1f1084f6], .action-card h2[data-v-1f1084f6], .result-card h2[data-v-1f1084f6], .info-card h2[data-v-1f1084f6] {
  margin-bottom: 1rem;
  color: var(--text-primary);
  font-size: 1.2rem;
}
.debug-section[data-v-1f1084f6] {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
.debug-section h3[data-v-1f1084f6] {
  margin: 0 0 1rem 0;
  color: var(--text-primary);
}
.status-info[data-v-1f1084f6] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.status-item[data-v-1f1084f6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.75rem;
  background: var(--surface-muted);
  border: 1px solid var(--border);
  border-radius: 8px;
}
.status-item label[data-v-1f1084f6] {
  font-weight: 500;
  color: var(--text-secondary);
}
.status-ok[data-v-1f1084f6] {
  color: #059669;
  font-weight: 600;
}
.status-error[data-v-1f1084f6] {
  color: #dc2626;
  font-weight: 600;
}
.actions[data-v-1f1084f6] {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.action-btn[data-v-1f1084f6] {
  padding: 0.65rem 1rem;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
}
.action-btn.primary[data-v-1f1084f6] {
  background-color: var(--accent);
  color: white;
}
.action-btn.primary[data-v-1f1084f6]:hover {
  background-color: var(--accent-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.24);
}
.action-btn.danger[data-v-1f1084f6] {
  background-color: #dc2626;
  color: white;
}
.action-btn.danger[data-v-1f1084f6]:hover {
  background-color: #b91c1c;
  transform: translateY(-1px);
}
.test-result[data-v-1f1084f6] {
  position: relative;
  background-color: var(--surface-muted);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1rem;
  margin-top: 0.75rem;
}
.test-result pre[data-v-1f1084f6] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 300px;
  overflow-y: auto;
}
.copy-btn[data-v-1f1084f6] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background-color: var(--accent);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.3rem 0.55rem;
  cursor: pointer;
  font-size: 0.72rem;
  font-weight: 600;
}
.copy-btn[data-v-1f1084f6]:hover {
  background-color: var(--accent-hover);
}
.test-btn[data-v-1f1084f6], .clear-btn[data-v-1f1084f6], .login-btn[data-v-1f1084f6] {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: all 0.2s;
}
.test-btn[data-v-1f1084f6] {
  background: var(--accent);
  color: white;
}
.test-btn[data-v-1f1084f6]:hover:not(:disabled) {
  background: var(--accent-hover);
}
.test-btn[data-v-1f1084f6]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.clear-btn[data-v-1f1084f6] {
  background: #f3f4f6;
  color: var(--text-primary);
  border: 1px solid var(--border);
}
.clear-btn[data-v-1f1084f6]:hover {
  background: #e5e7eb;
}
.login-btn[data-v-1f1084f6] {
  background: #10b981;
  color: white;
}
.login-btn[data-v-1f1084f6]:hover {
  background: #059669;
}
.result-card pre[data-v-1f1084f6] {
  background: var(--surface-muted);
  border: 1px solid var(--border);
  padding: 1rem;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.9rem;
}
.info-card ul[data-v-1f1084f6] {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
.info-card li[data-v-1f1084f6] {
  margin-bottom: 0.5rem;
  color: var(--text-secondary);
}
.info-card p[data-v-1f1084f6] {
  color: var(--text-secondary);
  line-height: 1.6;
}
.credentials-info[data-v-1f1084f6] {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
}
.credentials-info h3[data-v-1f1084f6] {
  margin-bottom: 0.75rem;
  color: var(--text-primary);
}
.credentials-info p[data-v-1f1084f6] {
  color: var(--text-secondary);
  font-style: italic;
}
@media (max-width: 600px) {
.debug-page[data-v-1f1084f6] {
    padding: 1rem;
}
.actions[data-v-1f1084f6] {
    flex-direction: column;
}
.test-btn[data-v-1f1084f6], .clear-btn[data-v-1f1084f6], .login-btn[data-v-1f1084f6] {
    width: 100%;
}
}


.survey-statistics-page[data-v-8a0ec314] {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;

  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  color: var(--text-primary);
}

/* Header */
.header[data-v-8a0ec314] {
  background: linear-gradient(90deg, #1e3a8a 0%, #1e40af 45%, #2563eb 100%);
  color: #f8fafc;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 28px rgba(30, 64, 175, 0.22);
}
.header-content[data-v-8a0ec314] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.title-section[data-v-8a0ec314] {
  flex: 1;
}
.title[data-v-8a0ec314] {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 0.35rem;
}
.subtitle[data-v-8a0ec314] {
  font-size: 0.9rem;
  opacity: 0.88;
}
.header-actions[data-v-8a0ec314] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.datetime-widget[data-v-8a0ec314] {
  text-align: center;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.current-time[data-v-8a0ec314] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.25rem;
}
.current-date[data-v-8a0ec314] {
  font-size: 0.75rem;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.action-buttons[data-v-8a0ec314] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.btn-export[data-v-8a0ec314],
.btn-back[data-v-8a0ec314] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
  font-weight: 600;
}
.btn-export[data-v-8a0ec314]:hover,
.btn-back[data-v-8a0ec314]:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.btn-export[data-v-8a0ec314]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Main Content */
.main-content[data-v-8a0ec314] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.75rem 1rem;
}

/* Loading */
.loading-container[data-v-8a0ec314] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.loading-spinner[data-v-8a0ec314] {
  width: 48px;
  height: 48px;
  border: 4px solid var(--border);
  border-top: 4px solid var(--accent);
  border-radius: 50%;
  animation: spin-8a0ec314 1s linear infinite;
  margin-bottom: 1rem;
}
.loading-text[data-v-8a0ec314] {
  font-size: 1.1rem;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Error */
.error-container[data-v-8a0ec314] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.error-icon[data-v-8a0ec314] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.error-message[data-v-8a0ec314] {
  font-size: 1.1rem;
  color: #dc2626;
  margin-bottom: 2rem;
  max-width: 500px;
}
.btn-retry[data-v-8a0ec314] {
  padding: 0.75rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-retry[data-v-8a0ec314]:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

/* Statistics Container */
.statistics-container[data-v-8a0ec314] {
  animation: fadeIn-8a0ec314 0.5s ease-out;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Фильтры */
.filters-panel[data-v-8a0ec314] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: var(--surface);
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}
.filter-group[data-v-8a0ec314] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 200px;
}
.filter-group label[data-v-8a0ec314] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.filter-group select[data-v-8a0ec314] {
  padding: 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background-color: var(--surface);
  color: var(--text-primary);
  font-size: 0.95rem;
  outline: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.filter-group select[data-v-8a0ec314]:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  background-color: var(--surface);
}

/* Summary Panel */
.summary-panel[data-v-8a0ec314] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
}
.summary-card[data-v-8a0ec314] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.2s ease;
}
.summary-card[data-v-8a0ec314]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.summary-icon[data-v-8a0ec314] {
  font-size: 2.5rem;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--surface-muted);
}
.total-responses .summary-icon[data-v-8a0ec314] {
  background: #dbeafe;
}
.completion-rate .summary-icon[data-v-8a0ec314] {
  background: #dcfce7;
}
.average-score .summary-icon[data-v-8a0ec314] {
  background: #fef3c7;
}
.disability-level .summary-icon[data-v-8a0ec314] {
  background: #eff6ff;
}
.summary-content[data-v-8a0ec314] {
  flex: 1;
  width: 100%;
}
.summary-value[data-v-8a0ec314] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}
.summary-label[data-v-8a0ec314] {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}

/* HAQ Distribution Section */
.haq-distribution-section[data-v-8a0ec314] {
  margin: 0.25rem 0 0;
}
.section-header[data-v-8a0ec314] {
  margin-bottom: 1rem;
}
.section-header-left[data-v-8a0ec314] {
  text-align: left;
}
.section-title[data-v-8a0ec314] {
  margin: 0;
}
.section-icon[data-v-8a0ec314] {
  font-size: 2rem;
}
.section-subtitle[data-v-8a0ec314] {
  font-size: 1rem;
  color: var(--text-secondary);
  font-weight: 500;
}
.haq-levels-grid[data-v-8a0ec314] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
}
.haq-level-card[data-v-8a0ec314] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
}
.haq-level-card[data-v-8a0ec314]:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.level-header[data-v-8a0ec314] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.level-name[data-v-8a0ec314] {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
}
.level-range[data-v-8a0ec314] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  background: var(--surface-muted);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}
.level-stats[data-v-8a0ec314] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.level-count[data-v-8a0ec314] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
}
.level-percentage[data-v-8a0ec314] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--accent);
}
.level-progress-bar[data-v-8a0ec314] {
  height: 8px;
  background: var(--border);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.level-progress[data-v-8a0ec314] {
  height: 100%;
  border-radius: 4px;
  transition: width 1s ease;
}
.level-progress.no-disability[data-v-8a0ec314] {
  background: linear-gradient(90deg, #10B981, #34D399);
}
.level-progress.mild-disability[data-v-8a0ec314] {
  background: linear-gradient(90deg, #F59E0B, #FBBF24);
}
.level-progress.moderate-disability[data-v-8a0ec314] {
  background: linear-gradient(90deg, #EF4444, #F87171);
}
.level-progress.severe-disability[data-v-8a0ec314] {
  background: linear-gradient(90deg, #7C2D12, #DC2626);
}
.level-description[data-v-8a0ec314] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.4;
}

/* Blocks Statistics Section */
.blocks-statistics-section[data-v-8a0ec314] {
  margin: 0.25rem 0 0;
}
.blocks-grid[data-v-8a0ec314] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 2rem;
}
.block-card[data-v-8a0ec314] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
}
.block-card[data-v-8a0ec314]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.block-header[data-v-8a0ec314] {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.block-info[data-v-8a0ec314] {
  flex: 1;
}
.block-name[data-v-8a0ec314] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}
.block-subtitle[data-v-8a0ec314] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  line-height: 1.4;
}
.block-score[data-v-8a0ec314] {
  text-align: center;
}
.score-value[data-v-8a0ec314] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--accent);
}
.score-label[data-v-8a0ec314] {
  font-size: 0.75rem;
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.block-stats[data-v-8a0ec314] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: var(--surface-muted);
  border-radius: 8px;
}
.stat-item[data-v-8a0ec314] {
  text-align: center;
}
.stat-label[data-v-8a0ec314] {
  display: block;
  font-size: 0.75rem;
  color: var(--text-secondary);
  margin-bottom: 0.25rem;
}
.stat-value[data-v-8a0ec314] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.difficulty-distribution[data-v-8a0ec314] {
  margin-top: 1.5rem;
}
.distribution-title[data-v-8a0ec314] {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1rem;
}
.difficulty-bars[data-v-8a0ec314] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.difficulty-bar[data-v-8a0ec314] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.difficulty-info[data-v-8a0ec314] {
  min-width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.difficulty-name[data-v-8a0ec314] {
  font-size: 0.875rem;
  color: var(--text-secondary);
}
.difficulty-count[data-v-8a0ec314] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
}
.difficulty-progress[data-v-8a0ec314] {
  flex: 1;
  height: 8px;
  background: var(--border);
  border-radius: 4px;
  overflow: hidden;
}
.progress-fill[data-v-8a0ec314] {
  height: 100%;
  border-radius: 4px;
  transition: width 1s ease;
}
.progress-fill.no-difficulty[data-v-8a0ec314] {
  background: linear-gradient(90deg, #10B981, #34D399);
}
.progress-fill.some-difficulty[data-v-8a0ec314] {
  background: linear-gradient(90deg, #F59E0B, #FBBF24);
}
.progress-fill.much-difficulty[data-v-8a0ec314] {
  background: linear-gradient(90deg, #EF4444, #F87171);
}
.progress-fill.unable[data-v-8a0ec314] {
  background: linear-gradient(90deg, #7C2D12, #DC2626);
}

/* Temporal Statistics Section */
.temporal-statistics-section[data-v-8a0ec314] {
  margin: 3rem 0;
}
.temporal-grid[data-v-8a0ec314] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
.temporal-card[data-v-8a0ec314] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
.temporal-title[data-v-8a0ec314] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
  text-align: center;
}
.chart-container[data-v-8a0ec314] {
  position: relative;
  height: 250px;
}
.weekday-stats[data-v-8a0ec314] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.weekday-item[data-v-8a0ec314] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.weekday-name[data-v-8a0ec314] {
  min-width: 40px;
  font-weight: 600;
  color: var(--text-primary);
}
.weekday-bar[data-v-8a0ec314] {
  flex: 1;
  height: 12px;
  background: var(--border);
  border-radius: 6px;
  overflow: hidden;
}
.weekday-progress[data-v-8a0ec314] {
  height: 100%;
  background: linear-gradient(90deg, #1d4ed8, #2563eb);
  border-radius: 6px;
  transition: width 1s ease;
}
.weekday-count[data-v-8a0ec314] {
  min-width: 30px;
  text-align: right;
  font-weight: 600;
  color: var(--text-primary);
}

/* Animations */
@keyframes spin-8a0ec314 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@keyframes fadeIn-8a0ec314 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Responsive */
@media (max-width: 768px) {
.header-content[data-v-8a0ec314] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.header-actions[data-v-8a0ec314] {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
}
.action-buttons[data-v-8a0ec314] {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}
.btn-export[data-v-8a0ec314],
  .btn-back[data-v-8a0ec314] {
    width: 100%;
    justify-content: center;
    padding: 0.625rem 1rem;
    font-size: 0.85rem;
}
.title[data-v-8a0ec314] {
    font-size: 1.5rem;
}
.summary-panel[data-v-8a0ec314] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.haq-levels-grid[data-v-8a0ec314] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.blocks-grid[data-v-8a0ec314] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
.temporal-grid[data-v-8a0ec314] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
}
@media (max-width: 480px) {
.main-content[data-v-8a0ec314] {
    padding: 1.5rem 0.75rem;
}
.title[data-v-8a0ec314] {
    font-size: 1.25rem;
}
.subtitle[data-v-8a0ec314] {
    font-size: 0.9rem;
}
}
.survey-statistics-page[data-v-8a0ec314] .shell-inner {
  padding-inline: clamp(0.75rem, 1.8vw, 1.5rem);
}
.summary-panel[data-v-8a0ec314],
.haq-levels-grid[data-v-8a0ec314],
.blocks-grid[data-v-8a0ec314] {
  gap: 1rem;
}
.summary-card[data-v-8a0ec314],
.haq-level-card[data-v-8a0ec314],
.block-card[data-v-8a0ec314],
.filters-panel[data-v-8a0ec314] {
  border-radius: 1rem;
  background: #ffffff;
  border: 1px solid #edf2fa;
  box-shadow: 0 10px 28px rgba(186, 198, 219, 0.16);
}
.summary-card[data-v-8a0ec314] {
  display: block;
  min-height: 10.4rem;
  padding: 1.65rem 1.5rem;
}
.summary-value[data-v-8a0ec314] {
  color: #2f2f2f;
  font-size: 1.95rem;
  font-weight: 700;
}
.summary-value-text[data-v-8a0ec314] {
  font-size: 1.1rem;
  line-height: 1.35;
}
.summary-label[data-v-8a0ec314],
.section-subtitle[data-v-8a0ec314],
.block-subtitle[data-v-8a0ec314],
.level-description[data-v-8a0ec314] {
  color: #8b95a5;
}
.summary-label[data-v-8a0ec314] {
  margin-bottom: 1rem;
}
.section-title[data-v-8a0ec314],
.block-name[data-v-8a0ec314],
.level-count[data-v-8a0ec314] {
  color: #2f2f2f;
}
.section-title[data-v-8a0ec314] {
  font-size: 1rem;
  font-weight: 500;
  color: #6f829b;
}
.section-subtitle[data-v-8a0ec314] {
  margin-top: 0.2rem;
  font-size: 0.86rem;
}
.haq-level-card[data-v-8a0ec314] {
  padding: 1.45rem 1.3rem;
}
.level-name[data-v-8a0ec314] {
  font-size: 0.95rem;
  font-weight: 500;
  color: #949494;
}
.level-range[data-v-8a0ec314] {
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  background: #f5f8fd;
  color: #5f718a;
}
.level-stats[data-v-8a0ec314] {
  align-items: baseline;
}
.level-count[data-v-8a0ec314] {
  font-size: 1.1rem;
  font-weight: 700;
}
.level-percentage[data-v-8a0ec314] {
  font-size: 1.2rem;
  font-weight: 700;
  color: #244aa5;
}
.level-progress-bar[data-v-8a0ec314],
.difficulty-progress[data-v-8a0ec314] {
  background: #f4f7fc;
}
.block-card[data-v-8a0ec314] {
  padding: 1.45rem 1.3rem;
}
.block-header[data-v-8a0ec314] {
  justify-content: space-between;
}
.block-name[data-v-8a0ec314] {
  margin: 0;
}
@media (max-width: 1200px) {
.summary-panel[data-v-8a0ec314],
  .haq-levels-grid[data-v-8a0ec314] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.summary-panel[data-v-8a0ec314],
  .haq-levels-grid[data-v-8a0ec314],
  .blocks-grid[data-v-8a0ec314] {
    grid-template-columns: 1fr;
}
}


.statistics-page[data-v-9587ff72] {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;

  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  color: var(--text-primary);
}

/* Header */
.header[data-v-9587ff72] {
  background: linear-gradient(90deg, #1e3a8a 0%, #1e40af 45%, #2563eb 100%);
  color: #f8fafc;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 28px rgba(30, 64, 175, 0.22);
}
.header-content[data-v-9587ff72] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.title-section[data-v-9587ff72] {
  flex: 1;
}
.title[data-v-9587ff72] {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 0.35rem;
}
.subtitle[data-v-9587ff72] {
  font-size: 0.9rem;
  opacity: 0.88;
}
.header-actions[data-v-9587ff72] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.datetime-widget[data-v-9587ff72] {
  text-align: center;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.current-time[data-v-9587ff72] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.25rem;
}
.current-date[data-v-9587ff72] {
  font-size: 0.75rem;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.action-buttons[data-v-9587ff72] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.btn-export[data-v-9587ff72],
.btn-back[data-v-9587ff72] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
  font-weight: 600;
}
.btn-export[data-v-9587ff72]:hover,
.btn-back[data-v-9587ff72]:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.btn-export[data-v-9587ff72]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-export[data-v-9587ff72]:disabled:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Main Content */
.main-content[data-v-9587ff72] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.75rem 1rem;
}

/* Loading */
.loading-container[data-v-9587ff72] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.loading-spinner[data-v-9587ff72] {
  width: 48px;
  height: 48px;
  border: 4px solid var(--border);
  border-top: 4px solid var(--accent);
  border-radius: 50%;
  animation: spin-9587ff72 1s linear infinite;
  margin-bottom: 1rem;
}
.loading-text[data-v-9587ff72] {
  font-size: 1.1rem;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Error */
.error-container[data-v-9587ff72] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.error-icon[data-v-9587ff72] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.error-message[data-v-9587ff72] {
  font-size: 1.1rem;
  color: #dc2626;
  margin-bottom: 2rem;
  max-width: 500px;
}
.btn-retry[data-v-9587ff72] {
  padding: 0.75rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-retry[data-v-9587ff72]:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

/* Statistics Container */
.statistics-container[data-v-9587ff72] {
  animation: fadeIn-9587ff72 0.5s ease-out;
}
.mock-kz-dashboard[data-v-9587ff72] {
  color: #1f2a44;
}
.mock-summary-grid[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
.mock-summary-card[data-v-9587ff72],
.mock-map-card[data-v-9587ff72],
.mock-region-panel[data-v-9587ff72],
.mock-chart-card[data-v-9587ff72] {
  border: 1px solid #e4ebf5;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(25, 45, 78, 0.06);
}
.mock-summary-card[data-v-9587ff72] {
  position: relative;
  min-height: 7.1rem;
  padding: 1.25rem 4rem 1rem 1.35rem;
}
.mock-summary-card span[data-v-9587ff72] {
  display: block;
  min-height: 2.1rem;
  color: #66738c;
  font-size: 0.94rem;
  line-height: 1.3;
}
.mock-summary-card strong[data-v-9587ff72] {
  display: block;
  margin-top: 0.4rem;
  color: #0f1b36;
  font-size: 1.65rem;
  line-height: 1.05;
}
.mock-summary-card small[data-v-9587ff72] {
  color: #172033;
  font-size: 1.18rem;
  font-weight: 700;
}
.mock-summary-icon[data-v-9587ff72] {
  position: absolute;
  right: 1.3rem;
  bottom: 1.35rem;
  color: #3b82f6;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
.mock-summary-icon.pink[data-v-9587ff72] {
  color: #f47da3;
}
.mock-summary-icon.green[data-v-9587ff72] {
  color: #65c27a;
}
.mock-summary-icon.purple[data-v-9587ff72] {
  color: #9368e8;
}
.mock-main-grid[data-v-9587ff72] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18.5rem;
  gap: 1rem;
}
.mock-map-card[data-v-9587ff72] {
  min-height: 35rem;
  padding: 1rem 1.15rem;
  background: linear-gradient(180deg, #f8fbff 0%, #edf6ff 100%);
}
.mock-map-card h2[data-v-9587ff72],
.mock-chart-card h2[data-v-9587ff72] {
  margin: 0 0 0.9rem;
  color: #1f2a44;
  font-size: 1rem;
  font-weight: 800;
}
.mock-map-wrap[data-v-9587ff72] {
  position: relative;
  min-height: 31.8rem;
}
.mock-kz-map[data-v-9587ff72] {
  position: relative;
  width: 100%;
  height: 31.8rem;
  display: block;
  overflow: visible;
}
.mock-kz-map-loading[data-v-9587ff72] {
  display: grid;
  place-items: center;
  color: #66738c;
  font-size: 0.95rem;
  font-weight: 700;
}
.mock-kz-map[data-v-9587ff72] .mock-kz-map-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  filter: drop-shadow(0 12px 20px rgba(74, 137, 209, 0.14));
}
.mock-kz-map[data-v-9587ff72] path {
  fill: #cfe4f8;
  stroke: #ffffff;
  stroke-width: 1.7;
  vector-effect: non-scaling-stroke;
}
.mock-kz-map[data-v-9587ff72] .mock-svg-region {
  cursor: pointer;
  transition: fill 0.18s ease, filter 0.18s ease;
}
.mock-kz-map[data-v-9587ff72] .mock-svg-region:hover,
.mock-kz-map[data-v-9587ff72] .mock-svg-region.active {
  fill: #1769d8;
  filter: drop-shadow(0 8px 12px rgba(37, 99, 235, 0.28));
}
.mock-map-label-overlay[data-v-9587ff72] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 31.8rem;
  display: block;
  pointer-events: none;
}
.mock-map-label[data-v-9587ff72] {
  cursor: pointer;
  pointer-events: all;
}
.mock-map-name[data-v-9587ff72] {
  fill: #14213d;
  font-size: 12px;
  font-weight: 800;
}
.mock-map-count[data-v-9587ff72] {
  fill: #0f1b36;
  font-size: 18px;
  font-weight: 900;
}
.mock-map-label.active .mock-map-name[data-v-9587ff72],
.mock-map-label.active .mock-map-count[data-v-9587ff72] {
  fill: #ffffff;
}
.mock-city-dot[data-v-9587ff72] {
  position: absolute;
  width: 0.78rem;
  height: 0.78rem;
  border: 0.18rem solid #ffffff;
  border-radius: 50%;
  background: #1d4ed8;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.3);
  cursor: pointer;
}
.mock-city-dot.astana[data-v-9587ff72] {
  left: 64.8%;
  top: 39.7%;
  background: #1e3a8a;
}
.mock-city-dot.almaty[data-v-9587ff72] {
  left: 72.4%;
  top: 84.3%;
}
.mock-map-legend[data-v-9587ff72] {
  position: absolute;
  left: 0.35rem;
  bottom: 0.5rem;
  width: 14.5rem;
  padding: 0.8rem;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 20px rgba(25, 45, 78, 0.08);
}
.mock-map-legend strong[data-v-9587ff72] {
  display: block;
  margin-bottom: 0.55rem;
  color: #1f2a44;
  font-size: 0.85rem;
}
.legend-bins[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
  margin-bottom: 0.45rem;
}
.legend-bins .bin[data-v-9587ff72] {
  height: 0.78rem;
  border-radius: 2px;
}
.bin-1[data-v-9587ff72] { background: #dceefe;
}
.bin-2[data-v-9587ff72] { background: #bfdcf8;
}
.bin-3[data-v-9587ff72] { background: #8fc5fb;
}
.bin-4[data-v-9587ff72] { background: #2f80ed;
}
.legend-labels[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  color: #66738c;
  font-size: 0.78rem;
  text-align: center;
}
.mock-region-panel[data-v-9587ff72] {
  display: flex;
  flex-direction: column;
  padding: 1.45rem 1.2rem 0;
}
.mock-region-panel h2[data-v-9587ff72] {
  margin: 0 0 0.45rem;
  color: #172033;
  font-size: 1.35rem;
}
.mock-region-panel p[data-v-9587ff72] {
  margin: 0 0 1.2rem;
  color: #66738c;
  font-size: 1rem;
}
.mock-region-panel h3[data-v-9587ff72] {
  margin: 0.9rem 0 0.75rem;
  color: #66738c;
  font-size: 0.9rem;
  font-weight: 800;
}
.mock-panel-row[data-v-9587ff72] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.25rem;
  border-bottom: 1px solid #edf2f7;
  color: #66738c;
  font-size: 0.88rem;
}
.mock-panel-row strong[data-v-9587ff72] {
  color: #172033;
  font-size: 0.94rem;
}
.mock-panel-row.pink strong[data-v-9587ff72] {
  color: #f47da3;
}
.mock-panel-row.blue strong[data-v-9587ff72] {
  color: #2563eb;
}
.mock-panel-link[data-v-9587ff72] {
  margin: auto -1.2rem 0;
  padding: 1.35rem 1.5rem;
  border: 0;
  border-top: 1px solid #edf2f7;
  background: transparent;
  color: #2563eb;
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 800;
  text-align: left;
}
.mock-bottom-grid[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1.15fr 1.3fr;
  gap: 1rem;
  margin-top: 1rem;
}
.mock-chart-card[data-v-9587ff72] {
  min-height: 12.6rem;
  padding: 1.1rem 1.25rem;
}
.mock-donut-wrap[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 9rem 1fr;
  gap: 1rem;
  align-items: center;
}
.mock-donut[data-v-9587ff72] {
  width: 8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: conic-gradient(#f47da3 0 75.6%, #3b82f6 75.6% 100%);
  position: relative;
}
.mock-donut[data-v-9587ff72]::after {
  content: '';
  position: absolute;
  inset: 2.35rem;
  border-radius: 50%;
  background: #ffffff;
}
.mock-donut-legend[data-v-9587ff72] {
  display: grid;
  gap: 0.8rem;
  color: #66738c;
  font-size: 0.86rem;
}
.mock-donut-legend i[data-v-9587ff72] {
  display: inline-block;
  width: 0.58rem;
  height: 0.58rem;
  margin-right: 0.4rem;
  border-radius: 3px;
}
.mock-donut-legend i.pink[data-v-9587ff72] {
  background: #f47da3;
}
.mock-donut-legend i.blue[data-v-9587ff72] {
  background: #3b82f6;
}
.mock-donut-legend strong[data-v-9587ff72] {
  color: #344054;
  font-weight: 700;
}
.mock-bars[data-v-9587ff72] {
  display: grid;
  gap: 0.82rem;
}
.mock-bar-row[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 5rem minmax(6rem, 1fr) 4.7rem;
  gap: 0.75rem;
  align-items: center;
  color: #66738c;
  font-size: 0.84rem;
}
.mock-bar-row div[data-v-9587ff72] {
  height: 1.05rem;
  background: #edf4ff;
}
.mock-bar-row i[data-v-9587ff72] {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #76b5ff 0%, #4b91e8 100%);
}
.mock-bar-row strong[data-v-9587ff72] {
  color: #66738c;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: right;
}
.mock-metrics-chart[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  align-items: end;
  height: 9rem;
  padding-top: 0.3rem;
}
.mock-metric-bar[data-v-9587ff72] {
  height: 100%;
  display: grid;
  grid-template-rows: 1.2rem 1fr 1.2rem;
  justify-items: center;
  align-items: end;
  color: #1f2a44;
  font-size: 0.82rem;
  font-weight: 800;
}
.mock-metric-bar i[data-v-9587ff72] {
  width: 3rem;
  border-radius: 2px 2px 0 0;
}
.mock-metric-bar strong[data-v-9587ff72] {
  color: #66738c;
  font-size: 0.8rem;
}
.mock-drug-distribution-card[data-v-9587ff72] {
  margin-top: 1.35rem;
  min-height: 24rem;
}
.mock-drug-card-header[data-v-9587ff72] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.1rem;
}
.mock-drug-card-header h2[data-v-9587ff72] {
  margin-bottom: 0.25rem;
}
.mock-drug-card-header p[data-v-9587ff72] {
  margin: 0;
  color: #7c89a3;
  font-size: 0.84rem;
  font-weight: 800;
}
.mock-drug-card-header > strong[data-v-9587ff72] {
  min-width: 4.6rem;
  padding: 0.55rem 0.8rem;
  border-radius: 8px;
  background: #edf5ff;
  color: #1f6fe5;
  font-size: 1.3rem;
  line-height: 1;
  text-align: center;
}
.mock-drug-distribution-layout[data-v-9587ff72] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18rem;
  gap: 1.25rem;
  align-items: stretch;
}
.mock-drug-chart-canvas[data-v-9587ff72] {
  position: relative;
  min-height: 19rem;
}
.mock-drug-chart-canvas canvas[data-v-9587ff72] {
  width: 100% !important;
  height: 19rem !important;
}
.mock-drug-ranking[data-v-9587ff72] {
  display: grid;
  align-content: start;
  gap: 0.75rem;
  padding: 0.25rem 0 0.25rem 1rem;
  border-left: 1px solid #e8eef8;
}
.mock-drug-ranking-row[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 0.75rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: start;
}
.mock-drug-ranking-row > span[data-v-9587ff72] {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: 0.26rem;
  border-radius: 3px;
}
.mock-drug-ranking-row strong[data-v-9587ff72] {
  display: block;
  overflow-wrap: anywhere;
  color: #27334f;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.25;
}
.mock-drug-ranking-row small[data-v-9587ff72] {
  display: block;
  margin-top: 0.18rem;
  color: #7c89a3;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.25;
}
.mock-drug-empty[data-v-9587ff72] {
  display: grid;
  min-height: 12rem;
  place-items: center;
  border: 1px dashed #dce6f4;
  border-radius: 8px;
  color: #7c89a3;
  font-size: 0.9rem;
  font-weight: 800;
}

/* Modern Kazakhstan statistics dashboard */
.mock-kz-dashboard[data-v-9587ff72] {
  color: #18233b;
}
.mock-summary-grid[data-v-9587ff72] {
  grid-template-columns: repeat(5, minmax(13rem, 1fr));
  gap: 1.35rem;
  margin-bottom: 1.65rem;
}
.mock-summary-card[data-v-9587ff72],
.mock-map-card[data-v-9587ff72],
.mock-chart-card[data-v-9587ff72],
.mock-side-card[data-v-9587ff72] {
  border: 1px solid #e8eef8;
  border-radius: 18px;
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 255, 255, 0.92), transparent 28%),
    #ffffff;
  box-shadow: 0 18px 40px rgba(44, 75, 125, 0.08);
}
.mock-summary-card[data-v-9587ff72] {
  min-height: 9.6rem;
  padding: 1.25rem 1.25rem 1.05rem;
  display: grid;
  grid-template-columns: 3.65rem 1fr;
  grid-template-rows: 1fr auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  overflow: hidden;
}
.mock-summary-icon[data-v-9587ff72] {
  position: static;
  width: 3.55rem;
  height: 3.55rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 1.55rem;
  line-height: 1;
}
.mock-summary-icon svg[data-v-9587ff72] {
  width: 1.55rem;
  height: 1.55rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.mock-summary-icon.blue[data-v-9587ff72] {
  background: #eef4ff;
  color: #477cf5;
}
.mock-summary-icon.pink[data-v-9587ff72] {
  background: #fff0f6;
  color: #ff6fa3;
}
.mock-summary-icon.green[data-v-9587ff72] {
  background: #eafaf2;
  color: #42b977;
}
.mock-summary-icon.purple[data-v-9587ff72] {
  background: #f4edff;
  color: #9b5cf4;
}
.mock-summary-content span[data-v-9587ff72] {
  min-height: auto;
  color: #7a88a6;
  font-size: 0.86rem;
  font-weight: 800;
}
.mock-summary-content strong[data-v-9587ff72] {
  margin-top: 0.55rem;
  color: #101a34;
  font-size: 1.75rem;
}
.mock-summary-content small[data-v-9587ff72] {
  font-size: 1rem;
}
.mock-summary-footer[data-v-9587ff72] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto 1fr 7rem;
  align-items: end;
  gap: 0.35rem;
  min-height: 2.2rem;
  color: #7583a0;
  font-size: 0.78rem;
  font-weight: 800;
}
.mock-summary-footer b[data-v-9587ff72] {
  color: #45c27a;
}
.mock-summary-footer svg[data-v-9587ff72] {
  width: 6.7rem;
  height: 2.15rem;
  justify-self: end;
}
.mock-summary-footer polyline[data-v-9587ff72] {
  fill: none;
  stroke: #477cf5;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.accent-pink .mock-summary-footer polyline[data-v-9587ff72] {
  stroke: #ff6fa3;
}
.accent-green .mock-summary-footer polyline[data-v-9587ff72] {
  stroke: #49b979;
}
.accent-purple .mock-summary-footer polyline[data-v-9587ff72] {
  stroke: #9b5cf4;
}
.mock-summary-footer.muted[data-v-9587ff72] {
  grid-template-columns: 1fr 7rem;
}
.mock-summary-footer.muted span[data-v-9587ff72] {
  color: #71809d;
}
.mock-main-grid[data-v-9587ff72] {
  grid-template-columns: minmax(0, 1fr) 24rem;
  gap: 1.35rem;
  align-items: stretch;
}
.mock-map-card[data-v-9587ff72] {
  min-height: 50rem;
  padding: 1.35rem 1.35rem 1.2rem;
  background: #ffffff;
}
.mock-card-heading[data-v-9587ff72] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}
.mock-card-heading h2[data-v-9587ff72],
.mock-chart-card h2[data-v-9587ff72],
.mock-side-title h2[data-v-9587ff72] {
  margin: 0;
  color: #23304e;
  font-size: 1.08rem;
  font-weight: 900;
}
.mock-map-actions[data-v-9587ff72] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.25rem;
  border: 1px solid #e6edf7;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(31, 67, 128, 0.06);
}
.mock-map-actions span[data-v-9587ff72] {
  min-height: auto;
  padding: 0.48rem 0.8rem;
  border-radius: 9px;
  color: #7a88a6;
  font-size: 0.82rem;
  font-weight: 900;
}
.mock-map-actions span.active[data-v-9587ff72] {
  background: #edf3ff;
  color: #477cf5;
}
.mock-map-actions button[data-v-9587ff72] {
  width: 2.2rem;
  height: 2.2rem;
  border: 0;
  border-radius: 9px;
  background: #ffffff;
  color: #8090ad;
  cursor: pointer;
  font-weight: 900;
}
.mock-map-wrap[data-v-9587ff72] {
  min-height: 46rem;
  border-radius: 16px;
  background: linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%);
  overflow: hidden;
}
.mock-kz-map[data-v-9587ff72] {
  width: 108%;
  height: 46rem;
  margin-left: -3.2rem;
}
.mock-kz-map canvas[data-v-9587ff72] {
  filter: drop-shadow(0 16px 28px rgba(54, 111, 198, 0.16));
}
.mock-map-legend[data-v-9587ff72] {
  left: 1.05rem;
  bottom: 1.05rem;
  width: 15.8rem;
  padding: 0.78rem 0.9rem;
  border-radius: 11px;
  box-shadow: 0 12px 28px rgba(44, 75, 125, 0.08);
}
.legend-bins .bin[data-v-9587ff72] {
  height: 0.55rem;
  border-radius: 999px;
}
.legend-labels[data-v-9587ff72] {
  font-size: 0.76rem;
  font-weight: 800;
}
.mock-side-column[data-v-9587ff72] {
  display: grid;
  grid-template-rows: auto;
  align-content: start;
  gap: 1.35rem;
}
.mock-side-card[data-v-9587ff72] {
  padding: 1.35rem;
}
.mock-selected-region-card[data-v-9587ff72] {
  border-color: #dbe8ff;
  background:
    radial-gradient(circle at 16% 8%, rgba(79, 134, 255, 0.1), transparent 30%),
    #ffffff;
  box-shadow: 0 20px 44px rgba(44, 75, 125, 0.12);
}
.mock-side-title[data-v-9587ff72] {
  position: relative;
  margin-bottom: 1rem;
}
.mock-region-select[data-v-9587ff72] {
  position: relative;
}
.mock-region-select-trigger[data-v-9587ff72] {
  width: 100%;
  min-height: 4.45rem;
  display: grid;
  grid-template-columns: 1fr 1.8rem;
  gap: 0.35rem 0.75rem;
  align-items: center;
  padding: 0.8rem 0.95rem;
  border: 1px solid #dbe8ff;
  border-radius: 13px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
  box-shadow: 0 10px 24px rgba(44, 75, 125, 0.08);
  cursor: pointer;
  text-align: left;
}
.mock-region-select-trigger span[data-v-9587ff72] {
  display: block;
  color: #5d77ff;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0;
}
.mock-region-select-trigger strong[data-v-9587ff72] {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #23304e;
  font-size: 1.05rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mock-region-select-trigger i[data-v-9587ff72] {
  grid-row: 1 / 3;
  grid-column: 2;
  justify-self: end;
  width: 0.62rem;
  height: 0.62rem;
  border-right: 2px solid #5d77ff;
  border-bottom: 2px solid #5d77ff;
  transform: rotate(45deg) translateY(-0.15rem);
  transition: transform 0.18s ease;
}
.mock-region-select-trigger.open i[data-v-9587ff72] {
  transform: rotate(225deg) translateY(-0.05rem);
}
.mock-region-select-menu[data-v-9587ff72] {
  position: absolute;
  z-index: 6;
  top: calc(100% + 0.45rem);
  left: 0;
  right: 0;
  max-height: 18.5rem;
  overflow-y: auto;
  padding: 0.45rem;
  border: 1px solid #dbe8ff;
  border-radius: 13px;
  background: #ffffff;
  box-shadow: 0 22px 44px rgba(31, 67, 128, 0.16);
}
.mock-region-select-option[data-v-9587ff72] {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.75rem;
  align-items: center;
  min-height: 2.75rem;
  padding: 0.62rem 0.72rem;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #23304e;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.mock-region-select-option[data-v-9587ff72]:hover,
.mock-region-select-option.selected[data-v-9587ff72] {
  background: #edf4ff;
}
.mock-region-select-option span[data-v-9587ff72] {
  min-width: 0;
  overflow: hidden;
  color: #25314d;
  font-size: 0.82rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mock-region-select-option strong[data-v-9587ff72] {
  color: #1f6fe5;
  font-size: 0.82rem;
  font-weight: 900;
}
.mock-region-highlight[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.72rem;
  margin-bottom: 0.95rem;
}
.mock-region-highlight div[data-v-9587ff72],
.mock-region-gender div[data-v-9587ff72] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid #e8eef8;
  border-radius: 12px;
  background: #f8fbff;
}
.mock-region-highlight span[data-v-9587ff72],
.mock-region-gender span[data-v-9587ff72] {
  color: #71809d;
  font-size: 0.78rem;
  font-weight: 800;
}
.mock-region-highlight strong[data-v-9587ff72],
.mock-region-gender strong[data-v-9587ff72] {
  color: #14213d;
  font-size: 0.92rem;
  font-weight: 900;
  text-align: right;
}
.mock-region-highlight div[data-v-9587ff72]:first-child {
  background: linear-gradient(135deg, #edf4ff 0%, #ffffff 100%);
  border-color: #d8e5ff;
}
.mock-region-highlight div:first-child strong[data-v-9587ff72] {
  color: #1f6fe5;
  font-size: 1.28rem;
}
.mock-region-gender[data-v-9587ff72] {
  display: grid;
  gap: 0.65rem;
  margin-bottom: 1.05rem;
}
.mock-region-gender div:first-child strong[data-v-9587ff72] {
  color: #ff6fa3;
}
.mock-region-gender div:last-child strong[data-v-9587ff72] {
  color: #1f6fe5;
}
.mock-region-metrics-title[data-v-9587ff72] {
  margin: 0 0 0.82rem;
  color: #23304e;
  font-size: 0.92rem;
  font-weight: 900;
}
.mock-disease-list[data-v-9587ff72] {
  display: grid;
  gap: 0.78rem;
}
.mock-disease-item[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 2.4rem 1fr auto;
  align-items: center;
  gap: 0.85rem;
  min-height: 3.7rem;
  padding: 0.75rem 0.9rem;
  border: 1px solid #eef3fb;
  border-radius: 13px;
  background: #ffffff;
}
.mock-disease-item span[data-v-9587ff72] {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 900;
}
.mock-disease-item strong[data-v-9587ff72] {
  color: #52617e;
  font-size: 0.86rem;
  font-weight: 900;
}
.mock-disease-item b[data-v-9587ff72] {
  color: #14213d;
  font-size: 1.08rem;
  font-weight: 900;
}
.mock-disease-item.green span[data-v-9587ff72] {
  background: #eafaf2;
  color: #42b977;
}
.mock-disease-item.orange span[data-v-9587ff72] {
  background: #fff4e5;
  color: #ffa62b;
}
.mock-disease-item.purple span[data-v-9587ff72] {
  background: #f4edff;
  color: #9b5cf4;
}
.mock-disease-item.pink span[data-v-9587ff72] {
  background: #fff0f6;
  color: #ff6fa3;
}
.mock-action-grid[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
}
.mock-action-grid button[data-v-9587ff72] {
  display: grid;
  grid-template-columns: 2rem 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  min-height: 3.25rem;
  padding: 0.72rem 0.78rem;
  border: 1px solid #e9eff8;
  border-radius: 11px;
  background: #ffffff;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  cursor: pointer;
  text-align: left;
}
.mock-action-grid span[data-v-9587ff72] {
  grid-row: 1 / 3;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 900;
}
.mock-action-grid span.blue[data-v-9587ff72] {
  background: #eef4ff;
  color: #477cf5;
}
.mock-action-grid span.purple[data-v-9587ff72],
.mock-action-grid span.violet[data-v-9587ff72] {
  background: #f4edff;
  color: #9b5cf4;
}
.mock-action-grid span.green[data-v-9587ff72] {
  background: #eafaf2;
  color: #42b977;
}
.mock-action-grid strong[data-v-9587ff72] {
  color: #27334f;
  font-size: 0.78rem;
  font-weight: 900;
}
.mock-action-grid small[data-v-9587ff72] {
  color: #8a97b0;
  font-size: 0.68rem;
  font-weight: 700;
}
.mock-bottom-grid[data-v-9587ff72] {
  grid-template-columns: 1fr 1.15fr 1.15fr 1.45fr;
  gap: 1.35rem;
  margin-top: 1.35rem;
}
.mock-chart-card[data-v-9587ff72] {
  min-height: 13.4rem;
  padding: 1.35rem;
  border-radius: 18px;
}
.mock-donut-wrap[data-v-9587ff72] {
  grid-template-columns: 8.9rem 1fr;
}
.mock-donut[data-v-9587ff72] {
  width: 7.9rem;
}
.mock-donut[data-v-9587ff72]::after {
  inset: 2.15rem;
}
.mock-total-note[data-v-9587ff72] {
  margin: 0.85rem 0 0 0.15rem;
  color: #7c89a3;
  font-size: 0.78rem;
  font-weight: 800;
}
.mock-bar-row[data-v-9587ff72] {
  grid-template-columns: 4.7rem minmax(7rem, 1fr) 5rem;
}
.mock-bar-row div[data-v-9587ff72] {
  height: 0.92rem;
  border-radius: 0;
  background: #edf4ff;
}
.mock-bar-row i[data-v-9587ff72] {
  border-radius: 0;
}
.mock-metric-bar i[data-v-9587ff72] {
  width: 3.25rem;
  border-radius: 4px 4px 0 0;
}

/* Фильтры */
.filters-panel[data-v-9587ff72] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: var(--surface);
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}
.filter-group[data-v-9587ff72] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 200px;
}
.filter-group label[data-v-9587ff72] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.filter-group select[data-v-9587ff72] {
  padding: 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background-color: var(--surface);
  color: var(--text-primary);
  font-size: 0.95rem;
  outline: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.filter-group select[data-v-9587ff72]:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  background-color: var(--surface);
}

/* Summary Panel */
.summary-panel[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.summary-card[data-v-9587ff72] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.2s ease;
}
.summary-card[data-v-9587ff72]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.summary-icon[data-v-9587ff72] {
  font-size: 2.5rem;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--surface-muted);
}
.total-patients .summary-icon[data-v-9587ff72] {
  background: #dbeafe;
}
.average-age .summary-icon[data-v-9587ff72] {
  background: #dcfce7;
}
.gender-modern .summary-icon[data-v-9587ff72] {
  background: #f3f4f6;
}
.summary-content[data-v-9587ff72] {
  flex: 1;
}
.summary-value[data-v-9587ff72] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

/* Стили для современной гендерной карточки */
.gender-modern[data-v-9587ff72] {
  min-width: 280px;
}
.gender-modern .summary-label[data-v-9587ff72] {
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.gender-stats[data-v-9587ff72] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.gender-item[data-v-9587ff72] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gender-info[data-v-9587ff72] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gender-icon[data-v-9587ff72] {
  font-size: 1.2rem;
}
.gender-count[data-v-9587ff72] {
  font-size: 1.5rem;
  font-weight: 700;
  min-width: 60px;
}
.gender-label[data-v-9587ff72] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  flex: 1;
}
.gender-percent[data-v-9587ff72] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-left: auto;
}
.gender-bar[data-v-9587ff72] {
  height: 8px;
  background: var(--border);
  border-radius: 4px;
  overflow: hidden;
}
.gender-progress[data-v-9587ff72] {
  height: 100%;
  border-radius: 4px;
  transition: width 0.8s ease;
}
.gender-progress.men[data-v-9587ff72] {
  background: linear-gradient(90deg, #3B82F6, #60A5FA);
}
.gender-progress.women[data-v-9587ff72] {
  background: linear-gradient(90deg, #EC4899, #F472B6);
}
.gender-item:first-child .gender-count[data-v-9587ff72] {
  color: #3B82F6;
}
.gender-item:last-child .gender-count[data-v-9587ff72] {
  color: #EC4899;
}
.summary-label[data-v-9587ff72] {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}
.kazakhstan-map-section[data-v-9587ff72] {
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  border: 1px solid #edf2fa;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(186, 198, 219, 0.16);
}
.map-section-header[data-v-9587ff72] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.map-section-title[data-v-9587ff72] {
  margin: 0 0 0.3rem;
  color: #263445;
  font-size: 1.15rem;
  font-weight: 700;
}
.map-section-subtitle[data-v-9587ff72] {
  margin: 0;
  color: #718096;
  font-size: 0.9rem;
}
.map-metric-tabs[data-v-9587ff72] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
.map-metric-tab[data-v-9587ff72] {
  min-height: 2.25rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  cursor: pointer;
  font-size: 0.84rem;
  font-weight: 600;
}
.map-metric-tab.active[data-v-9587ff72] {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}
.map-layout[data-v-9587ff72] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 21rem;
  gap: 1rem;
  align-items: stretch;
}
.map-card[data-v-9587ff72],
.region-detail-card[data-v-9587ff72] {
  border: 1px solid #edf2fa;
  border-radius: 1rem;
  background: #fbfdff;
}
.map-card[data-v-9587ff72] {
  min-height: 27rem;
  padding: 1rem;
}
.kazakhstan-map[data-v-9587ff72] {
  position: relative;
  height: 100%;
  min-height: 25rem;
  overflow: hidden;
  border-radius: 0.85rem;
  background:
    linear-gradient(180deg, rgba(239, 246, 255, 0.9), rgba(240, 253, 250, 0.8)),
    repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.12) 0, rgba(148, 163, 184, 0.12) 1px, transparent 1px, transparent 38px),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.12) 0, rgba(148, 163, 184, 0.12) 1px, transparent 1px, transparent 38px);
}
.kazakhstan-shape[data-v-9587ff72] {
  position: absolute;
  inset: 8% 4%;
  width: 92%;
  height: 82%;
  filter: drop-shadow(0 18px 22px rgba(37, 99, 235, 0.12));
}
.kazakhstan-shape path[data-v-9587ff72]:first-child {
  fill: #dbeafe;
  stroke: #8fb8f8;
  stroke-width: 3;
}
.kazakhstan-shape path[data-v-9587ff72]:not(:first-child) {
  fill: none;
  stroke: rgba(37, 99, 235, 0.22);
  stroke-width: 2;
  stroke-linecap: round;
}
.map-marker[data-v-9587ff72] {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f2937;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.marker-dot[data-v-9587ff72] {
  width: var(--marker-size);
  height: var(--marker-size);
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: var(--marker-color);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.22);
}
.marker-label[data-v-9587ff72] {
  max-width: 3.2rem;
  padding: 0.2rem 0.35rem;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.88);
  color: #334155;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 5px 12px rgba(15, 23, 42, 0.08);
}
.map-marker.active .marker-dot[data-v-9587ff72] {
  outline: 4px solid rgba(37, 99, 235, 0.2);
}
.map-marker.active .marker-label[data-v-9587ff72] {
  background: #1d4ed8;
  color: #ffffff;
}
.region-detail-card[data-v-9587ff72] {
  padding: 1rem;
}
.region-detail-header[data-v-9587ff72] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.region-eyebrow[data-v-9587ff72] {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}
.region-detail-header h3[data-v-9587ff72] {
  margin: 0.25rem 0 0;
  color: #1e293b;
  font-size: 1.1rem;
}
.region-patient-count[data-v-9587ff72] {
  flex: 0 0 auto;
  min-width: 3.2rem;
  height: 3.2rem;
  display: grid;
  place-items: center;
  border-radius: 0.85rem;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 1.35rem;
  font-weight: 800;
}
.region-detail-grid[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}
.region-stat[data-v-9587ff72] {
  padding: 0.75rem;
  border: 1px solid #e8eef7;
  border-radius: 0.75rem;
  background: #ffffff;
}
.region-stat span[data-v-9587ff72],
.gender-row span[data-v-9587ff72] {
  display: block;
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 600;
}
.region-stat strong[data-v-9587ff72] {
  display: block;
  margin-top: 0.25rem;
  color: #1e293b;
  font-size: 1.15rem;
}
.gender-split[data-v-9587ff72] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e8eef7;
}
.gender-row[data-v-9587ff72] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.45rem 0;
}
.gender-row strong[data-v-9587ff72] {
  color: #334155;
  font-size: 0.86rem;
}
.region-strip[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.55rem;
  margin-top: 1rem;
}
.region-chip[data-v-9587ff72] {
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid #e8eef7;
  border-radius: 0.75rem;
  background: #fbfdff;
  color: #475569;
  cursor: pointer;
  text-align: left;
}
.region-chip span[data-v-9587ff72] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.83rem;
}
.region-chip strong[data-v-9587ff72] {
  color: #0f172a;
  font-size: 0.9rem;
}
.region-chip.active[data-v-9587ff72] {
  border-color: #2563eb;
  background: #eff6ff;
}

/* Charts Grid */
.charts-grid[data-v-9587ff72] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
.chart-card[data-v-9587ff72] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  transition: all 0.2s ease;
}
.chart-card[data-v-9587ff72]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.chart-card.large[data-v-9587ff72] {
  grid-column: 1 / -1;
}
.chart-header[data-v-9587ff72] {
  margin-bottom: 1.5rem;
}
.chart-title[data-v-9587ff72] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.chart-icon[data-v-9587ff72] {
  font-size: 1.5rem;
}
.chart-container[data-v-9587ff72] {
  position: relative;
  height: 300px;
}
.chart-card.large .chart-container[data-v-9587ff72] {
  height: 400px;
}

/* Animations */
@keyframes spin-9587ff72 {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@keyframes fadeIn-9587ff72 {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Responsive */
@media (max-width: 768px) {
.header-content[data-v-9587ff72] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.header-actions[data-v-9587ff72] {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
}
.action-buttons[data-v-9587ff72] {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}
.btn-export[data-v-9587ff72],
  .btn-back[data-v-9587ff72] {
    width: 100%;
    justify-content: center;
    padding: 0.625rem 1rem;
    font-size: 0.85rem;
}
.title[data-v-9587ff72] {
    font-size: 1.5rem;
}
.charts-grid[data-v-9587ff72] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
.chart-card[data-v-9587ff72] {
    padding: 1rem;
}
.chart-container[data-v-9587ff72] {
    height: 250px;
}
.chart-card.large .chart-container[data-v-9587ff72] {
    height: 300px;
}
.summary-panel[data-v-9587ff72] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.summary-card[data-v-9587ff72] {
    padding: 1rem;
}
.map-section-header[data-v-9587ff72],
  .map-layout[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.map-section-header[data-v-9587ff72] {
    flex-direction: column;
}
.summary-icon[data-v-9587ff72] {
    font-size: 2rem;
    width: 50px;
    height: 50px;
}
.summary-value[data-v-9587ff72] {
    font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.main-content[data-v-9587ff72] {
    padding: 1.5rem 0.75rem;
}
.title[data-v-9587ff72] {
    font-size: 1.25rem;
}
.subtitle[data-v-9587ff72] {
    font-size: 0.9rem;
}
}
.summary-panel[data-v-9587ff72] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.summary-card[data-v-9587ff72] {
  min-height: 10.6rem;
  border-radius: 1rem;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(186, 198, 219, 0.16);
  border: 1px solid #edf2fa;
  align-items: flex-start;
}
.summary-card-plain .summary-content[data-v-9587ff72],
.summary-card-gender .summary-content[data-v-9587ff72] {
  width: 100%;
}
.statistics-page[data-v-9587ff72] .shell-inner {
  padding-inline: clamp(0.75rem, 1.8vw, 1.5rem);
}
.summary-label[data-v-9587ff72] {
  color: #959595;
  font-size: 0.94rem;
  margin-bottom: 1rem;
}
.summary-value[data-v-9587ff72] {
  color: #2f2f2f;
  font-size: 2.05rem;
  font-weight: 700;
}
.summary-card-gender .gender-bar[data-v-9587ff72] {
  margin-top: 0.85rem;
  width: 100%;
  height: 0.45rem;
  border-radius: 999px;
  background: #f3f6fb;
  overflow: hidden;
}
.summary-card-gender .gender-progress[data-v-9587ff72] {
  height: 100%;
  border-radius: inherit;
}
.summary-card-gender .gender-progress.men[data-v-9587ff72] {
  background: linear-gradient(90deg, #6fa6ff 0%, #2b6dc7 100%);
}
.summary-card-gender .gender-progress.women[data-v-9587ff72] {
  background: linear-gradient(90deg, #f3b3e8 0%, #cc5fbe 100%);
}
.charts-grid[data-v-9587ff72] {
  gap: 1rem;
}
.chart-card[data-v-9587ff72] {
  border-radius: 1rem;
  background: #ffffff;
  border: 1px solid #edf2fa;
  box-shadow: 0 10px 28px rgba(186, 198, 219, 0.16);
}
.chart-title[data-v-9587ff72] {
  font-size: 0.98rem;
  color: #6e7f95;
}
@media (max-width: 1100px) {
.summary-panel[data-v-9587ff72] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mock-summary-grid[data-v-9587ff72] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mock-main-grid[data-v-9587ff72],
  .mock-bottom-grid[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.mock-drug-distribution-layout[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.mock-drug-ranking[data-v-9587ff72] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem 0 0;
    border-top: 1px solid #e8eef8;
    border-left: 0;
}
.map-section-header[data-v-9587ff72],
  .map-layout[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.map-section-header[data-v-9587ff72] {
    flex-direction: column;
}
.map-metric-tabs[data-v-9587ff72] {
    justify-content: flex-start;
}
}
@media (max-width: 640px) {
.summary-panel[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.mock-summary-grid[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.mock-map-card[data-v-9587ff72] {
    min-height: auto;
}
.mock-map-wrap[data-v-9587ff72] {
    min-height: 21rem;
    overflow-x: auto;
}
.mock-kz-map[data-v-9587ff72] {
    width: 52rem;
    height: 25rem;
}
.mock-map-legend[data-v-9587ff72] {
    position: static;
    margin-top: 0.75rem;
}
.mock-bar-row[data-v-9587ff72] {
    grid-template-columns: 4.7rem minmax(5rem, 1fr) 4.4rem;
}
.kazakhstan-map-section[data-v-9587ff72],
  .map-card[data-v-9587ff72],
  .region-detail-card[data-v-9587ff72] {
    padding: 0.75rem;
}
.kazakhstan-map[data-v-9587ff72] {
    min-height: 22rem;
}
.marker-label[data-v-9587ff72] {
    display: none;
}
.region-detail-grid[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
.region-strip[data-v-9587ff72] {
    grid-template-columns: 1fr;
}
}


.statistics-page[data-v-34aefe4a] {
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --accent-soft: #eff6ff;
  --surface: #ffffff;
  --surface-muted: #f8fafc;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;

  min-height: 100vh;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  color: var(--text-primary);
}

/* Header */
.header[data-v-34aefe4a] {
  background: linear-gradient(90deg, #1e3a8a 0%, #1e40af 45%, #2563eb 100%);
  color: #f8fafc;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 28px rgba(30, 64, 175, 0.22);
}
.header-content[data-v-34aefe4a] {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
.title-section[data-v-34aefe4a] {
  flex: 1;
}
.title[data-v-34aefe4a] {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.25px;
  margin-bottom: 0.35rem;
}
.subtitle[data-v-34aefe4a] {
  font-size: 0.9rem;
  opacity: 0.88;
}
.header-actions[data-v-34aefe4a] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.datetime-widget[data-v-34aefe4a] {
  text-align: center;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.current-time[data-v-34aefe4a] {
  font-size: 1.2rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  margin-bottom: 0.25rem;
}
.current-date[data-v-34aefe4a] {
  font-size: 0.75rem;
  opacity: 0.9;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.action-buttons[data-v-34aefe4a] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.btn-export[data-v-34aefe4a],
.btn-back[data-v-34aefe4a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.9rem;
  font-weight: 600;
}
.btn-export[data-v-34aefe4a]:hover,
.btn-back[data-v-34aefe4a]:hover {
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.btn-export[data-v-34aefe4a]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.btn-export[data-v-34aefe4a]:disabled:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* Main Content */
.main-content[data-v-34aefe4a] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.75rem 1rem;
}

/* Loading */
.loading-container[data-v-34aefe4a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.loading-spinner[data-v-34aefe4a] {
  width: 48px;
  height: 48px;
  border: 4px solid var(--border);
  border-top: 4px solid var(--accent);
  border-radius: 50%;
  animation: spin-34aefe4a 1s linear infinite;
  margin-bottom: 1rem;
}
.loading-text[data-v-34aefe4a] {
  font-size: 1.1rem;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Error */
.error-container[data-v-34aefe4a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  text-align: center;
}
.error-icon[data-v-34aefe4a] {
  font-size: 3rem;
  margin-bottom: 1rem;
}
.error-message[data-v-34aefe4a] {
  font-size: 1.1rem;
  color: #dc2626;
  margin-bottom: 2rem;
  max-width: 500px;
}
.btn-retry[data-v-34aefe4a] {
  padding: 0.75rem 1.5rem;
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.btn-retry[data-v-34aefe4a]:hover {
  background: var(--accent-hover);
  transform: translateY(-1px);
}

/* Statistics Container */
.statistics-container[data-v-34aefe4a] {
  animation: fadeIn-34aefe4a 0.5s ease-out;
}

/* Фильтры */
.filters-panel[data-v-34aefe4a] {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  padding: 1.5rem;
  background: var(--surface);
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}
.filter-group[data-v-34aefe4a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 200px;
}
.filter-group label[data-v-34aefe4a] {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-secondary);
}
.filter-group select[data-v-34aefe4a] {
  padding: 0.75rem;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background-color: var(--surface);
  color: var(--text-primary);
  font-size: 0.95rem;
  outline: none;
  transition: all 0.2s ease;
  cursor: pointer;
}
.filter-group select[data-v-34aefe4a]:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
  background-color: var(--surface);
}

/* Summary Panel */
.summary-panel[data-v-34aefe4a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.summary-card[data-v-34aefe4a] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: all 0.2s ease;
}
.summary-card[data-v-34aefe4a]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.summary-icon[data-v-34aefe4a] {
  font-size: 2.5rem;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--surface-muted);
}
.total-patients .summary-icon[data-v-34aefe4a] {
  background: #dbeafe;
}
.average-age .summary-icon[data-v-34aefe4a] {
  background: #dcfce7;
}
.gender-modern .summary-icon[data-v-34aefe4a] {
  background: #f3f4f6;
}
.summary-content[data-v-34aefe4a] {
  flex: 1;
}
.summary-value[data-v-34aefe4a] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 0.25rem;
}

/* Стили для современной гендерной карточки */
.gender-modern[data-v-34aefe4a] {
  min-width: 280px;
}
.gender-modern .summary-label[data-v-34aefe4a] {
  margin-bottom: 1rem;
  font-weight: 600;
  color: var(--text-primary);
}
.gender-stats[data-v-34aefe4a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.gender-item[data-v-34aefe4a] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.gender-info[data-v-34aefe4a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gender-icon[data-v-34aefe4a] {
  font-size: 1.2rem;
}
.gender-count[data-v-34aefe4a] {
  font-size: 1.5rem;
  font-weight: 700;
  min-width: 60px;
}
.gender-label[data-v-34aefe4a] {
  font-size: 0.875rem;
  color: var(--text-secondary);
  flex: 1;
}
.gender-percent[data-v-34aefe4a] {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary);
  margin-left: auto;
}
.gender-bar[data-v-34aefe4a] {
  height: 8px;
  background: var(--border);
  border-radius: 4px;
  overflow: hidden;
}
.gender-progress[data-v-34aefe4a] {
  height: 100%;
  border-radius: 4px;
  transition: width 0.8s ease;
}
.gender-progress.men[data-v-34aefe4a] {
  background: linear-gradient(90deg, #3B82F6, #60A5FA);
}
.gender-progress.women[data-v-34aefe4a] {
  background: linear-gradient(90deg, #EC4899, #F472B6);
}
.gender-item:first-child .gender-count[data-v-34aefe4a] {
  color: #3B82F6;
}
.gender-item:last-child .gender-count[data-v-34aefe4a] {
  color: #EC4899;
}
.summary-label[data-v-34aefe4a] {
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-weight: 500;
}

/* Charts Grid */
.charts-grid[data-v-34aefe4a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 2rem;
}
.chart-card[data-v-34aefe4a] {
  background: var(--surface);
  border-radius: 16px;
  padding: 1.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
  transition: all 0.2s ease;
}
.chart-card[data-v-34aefe4a]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(37, 99, 235, 0.16);
}
.chart-card.large[data-v-34aefe4a] {
  grid-column: 1 / -1;
}
.chart-header[data-v-34aefe4a] {
  margin-bottom: 1.5rem;
}
.chart-title[data-v-34aefe4a] {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.chart-icon[data-v-34aefe4a] {
  font-size: 1.5rem;
}
.chart-container[data-v-34aefe4a] {
  position: relative;
  height: 300px;
}
.chart-card.large .chart-container[data-v-34aefe4a] {
  height: 400px;
}

/* Animations */
@keyframes spin-34aefe4a {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}
@keyframes fadeIn-34aefe4a {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* Responsive */
@media (max-width: 768px) {
.header-content[data-v-34aefe4a] {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}
.header-actions[data-v-34aefe4a] {
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
}
.action-buttons[data-v-34aefe4a] {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}
.btn-export[data-v-34aefe4a],
  .btn-back[data-v-34aefe4a] {
    width: 100%;
    justify-content: center;
    padding: 0.625rem 1rem;
    font-size: 0.85rem;
}
.title[data-v-34aefe4a] {
    font-size: 1.5rem;
}
.charts-grid[data-v-34aefe4a] {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
.chart-card[data-v-34aefe4a] {
    padding: 1rem;
}
.chart-container[data-v-34aefe4a] {
    height: 250px;
}
.chart-card.large .chart-container[data-v-34aefe4a] {
    height: 300px;
}
.summary-panel[data-v-34aefe4a] {
    grid-template-columns: 1fr;
    gap: 1rem;
}
.summary-card[data-v-34aefe4a] {
    padding: 1rem;
}
.summary-icon[data-v-34aefe4a] {
    font-size: 2rem;
    width: 50px;
    height: 50px;
}
.summary-value[data-v-34aefe4a] {
    font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.main-content[data-v-34aefe4a] {
    padding: 1.5rem 0.75rem;
}
.title[data-v-34aefe4a] {
    font-size: 1.25rem;
}
.subtitle[data-v-34aefe4a] {
    font-size: 0.9rem;
}
}

/* sass-plugin-1:/Users/maronato/Developer/vue-toastification/src/scss/index.scss */
.Vue-Toastification__container {
  z-index: 9999;
  position: fixed;
  padding: 4px;
  width: 600px;
  box-sizing: border-box;
  display: flex;
  min-height: 100%;
  color: #fff;
  flex-direction: column;
  pointer-events: none;
}
@media only screen and (min-width : 600px) {
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 1em;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 1em;
    flex-direction: column-reverse;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.bottom-left {
    left: 1em;
  }
  .Vue-Toastification__container.top-left .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-left .Vue-Toastification__toast {
    margin-right: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl {
      margin-right: unset;
      margin-left: auto;
    }
  }
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.bottom-right {
    right: 1em;
  }
  .Vue-Toastification__container.top-right .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-right .Vue-Toastification__toast {
    margin-left: auto;
  }
  @supports not (-moz-appearance: none) {
    .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,
    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl {
      margin-left: unset;
      margin-right: auto;
    }
  }
  .Vue-Toastification__container.top-center,
  .Vue-Toastification__container.bottom-center {
    left: 50%;
    margin-left: -300px;
  }
  .Vue-Toastification__container.top-center .Vue-Toastification__toast,
  .Vue-Toastification__container.bottom-center .Vue-Toastification__toast {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Vue-Toastification__container .Vue-Toastification__toast {
    width: 100%;
  }
  .Vue-Toastification__container.top-left,
  .Vue-Toastification__container.top-right,
  .Vue-Toastification__container.top-center {
    top: 0;
  }
  .Vue-Toastification__container.bottom-left,
  .Vue-Toastification__container.bottom-right,
  .Vue-Toastification__container.bottom-center {
    bottom: 0;
    flex-direction: column-reverse;
  }
}
.Vue-Toastification__toast {
  display: inline-flex;
  position: relative;
  max-height: 800px;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 22px 24px;
  border-radius: 8px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  justify-content: space-between;
  font-family:
    "Lato",
    Helvetica,
    "Roboto",
    Arial,
    sans-serif;
  max-width: 600px;
  min-width: 326px;
  pointer-events: auto;
  overflow: hidden;
  transform: translateZ(0);
  direction: ltr;
}
.Vue-Toastification__toast--rtl {
  direction: rtl;
}
.Vue-Toastification__toast--default {
  background-color: #1976d2;
  color: #fff;
}
.Vue-Toastification__toast--info {
  background-color: #2196f3;
  color: #fff;
}
.Vue-Toastification__toast--success {
  background-color: #4caf50;
  color: #fff;
}
.Vue-Toastification__toast--error {
  background-color: #ff5252;
  color: #fff;
}
.Vue-Toastification__toast--warning {
  background-color: #ffc107;
  color: #fff;
}
@media only screen and (max-width : 600px) {
  .Vue-Toastification__toast {
    border-radius: 0px;
    margin-bottom: 0.5rem;
  }
}
.Vue-Toastification__toast-body {
  flex: 1;
  line-height: 24px;
  font-size: 16px;
  word-break: break-word;
  white-space: pre-wrap;
}
.Vue-Toastification__toast-component-body {
  flex: 1;
}
.Vue-Toastification__toast.disable-transition {
  animation: none !important;
}
.Vue-Toastification__close-button {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  padding-left: 10px;
  cursor: pointer;
  transition: 0.3s ease;
  align-items: center;
  color: #fff;
  opacity: 0.3;
  transition: visibility 0s, opacity 0.2s linear;
}
.Vue-Toastification__close-button:hover,
.Vue-Toastification__close-button:focus {
  opacity: 1;
}
.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
  opacity: 0;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
  padding-left: unset;
  padding-right: 10px;
}
@keyframes scale-x-frames {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Vue-Toastification__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
  animation: scale-x-frames linear 1 forwards;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
  right: 0;
  left: unset;
  transform-origin: right;
}
.Vue-Toastification__icon {
  margin: auto 18px auto 0px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  transition: 0.3s ease;
  align-items: center;
  width: 20px;
  height: 100%;
}
.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
  margin: auto 0px auto 18px;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutRight {
  40% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(1000px, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Vue-Toastification__bounce-enter-active.top-left,
.Vue-Toastification__bounce-enter-active.bottom-left {
  animation-name: bounceInLeft;
}
.Vue-Toastification__bounce-enter-active.top-right,
.Vue-Toastification__bounce-enter-active.bottom-right {
  animation-name: bounceInRight;
}
.Vue-Toastification__bounce-enter-active.top-center {
  animation-name: bounceInDown;
}
.Vue-Toastification__bounce-enter-active.bottom-center {
  animation-name: bounceInUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left {
  animation-name: bounceOutLeft;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right {
  animation-name: bounceOutRight;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
  animation-name: bounceOutUp;
}
.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
  animation-name: bounceOutDown;
}
.Vue-Toastification__bounce-leave-active,
.Vue-Toastification__bounce-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__bounce-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes fadeOutTop {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fadeOutBottom {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(50px);
    opacity: 0;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.Vue-Toastification__fade-enter-active.top-left,
.Vue-Toastification__fade-enter-active.bottom-left {
  animation-name: fadeInLeft;
}
.Vue-Toastification__fade-enter-active.top-right,
.Vue-Toastification__fade-enter-active.bottom-right {
  animation-name: fadeInRight;
}
.Vue-Toastification__fade-enter-active.top-center {
  animation-name: fadeInTop;
}
.Vue-Toastification__fade-enter-active.bottom-center {
  animation-name: fadeInBottom;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left {
  animation-name: fadeOutLeft;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right {
  animation-name: fadeOutRight;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
  animation-name: fadeOutTop;
}
.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
  animation-name: fadeOutBottom;
}
.Vue-Toastification__fade-leave-active,
.Vue-Toastification__fade-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__fade-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}
@keyframes slideInBlurredLeft {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredTop {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredRight {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideInBlurredBottom {
  0% {
    transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slideOutBlurredTop {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 0%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(-1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredBottom {
  0% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateY(1000px) scaleY(2) scaleX(0.2);
    transform-origin: 50% 100%;
    filter: blur(240px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredLeft {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(-1000px) scaleX(2) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes slideOutBlurredRight {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}
.Vue-Toastification__slideBlurred-enter-active.top-left,
.Vue-Toastification__slideBlurred-enter-active.bottom-left {
  animation-name: slideInBlurredLeft;
}
.Vue-Toastification__slideBlurred-enter-active.top-right,
.Vue-Toastification__slideBlurred-enter-active.bottom-right {
  animation-name: slideInBlurredRight;
}
.Vue-Toastification__slideBlurred-enter-active.top-center {
  animation-name: slideInBlurredTop;
}
.Vue-Toastification__slideBlurred-enter-active.bottom-center {
  animation-name: slideInBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left {
  animation-name: slideOutBlurredLeft;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right {
  animation-name: slideOutBlurredRight;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
  animation-name: slideOutBlurredTop;
}
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
  animation-name: slideOutBlurredBottom;
}
.Vue-Toastification__slideBlurred-leave-active,
.Vue-Toastification__slideBlurred-enter-active {
  animation-duration: 750ms;
  animation-fill-mode: both;
}
.Vue-Toastification__slideBlurred-move {
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 400ms;
}