/*
  MedCore RIS/PACS - custom skin.
  This is the ONLY UI end users ever see; the underlying DICOM engine's own
  web interface is not exposed (see orthanc/orthanc.json + README).
*/

:root {
  --brand-primary: #0b5d63;
  --brand-primary-dark: #073e42;
  --brand-accent: #2fb6a5;
  --brand-bg: #f4f7f8;
}

body {
  background: var(--brand-bg);
  font-family: "Segoe UI", Roboto, -apple-system, BlinkMacSystemFont, sans-serif;
}

.app-navbar {
  background: linear-gradient(90deg, var(--brand-primary-dark), var(--brand-primary));
}

.app-main {
  min-height: calc(100vh - 120px);
}

.auth-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--brand-primary-dark), var(--brand-primary));
}

.auth-card {
  width: 100%;
  max-width: 380px;
  border: none;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}

.card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

.badge-status-PENDING_BILLING   { background:#adb5bd; }
.badge-status-SCHEDULED         { background:#0d6efd; }
.badge-status-WORKLIST_PUSHED   { background:#6f42c1; }
.badge-status-IN_PROGRESS       { background:#fd7e14; }
.badge-status-IMAGES_RECEIVED   { background:#20c997; }
.badge-status-REPORTED          { background:#198754; }
.badge-status-CANCELLED         { background:#dc3545; }

.table-responsive-cards .card { margin-bottom: .75rem; }

@media (max-width: 576px) {
  .app-main { padding-left: .5rem; padding-right: .5rem; }
  h1, .h1 { font-size: 1.4rem; }
}

.thumb-frame {
  background:#000;
  border-radius:8px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio: 1/1;
}
.thumb-frame img { width:100%; height:100%; object-fit:contain; }

/* Report editor (Quill.js) */
#editorToolbar { border: 1px solid #dee2e6; border-bottom: none; border-radius: 8px 8px 0 0; background: #f8f9fa; }
#editor .ql-editor, #editor.ql-editor { min-height: 340px; font-size: 1rem; }
.ql-container.ql-snow { border-radius: 0 0 8px 8px; }