/* ================================================================
   NORHI Scribe — Desktop Polish Layer
   Additive CSS only — no template changes needed
   ================================================================ */

.welcome-message {
    padding: 48px 32px !important;
}

.welcome-icon {
    width: 72px !important;
    height: 72px !important;
    border-radius: 16px !important;
    margin-bottom: 20px !important;
}

.welcome-title {
    font-size: var(--type-display) !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    margin-bottom: 6px !important;
}

.welcome-message > p:first-of-type {
    font-size: var(--type-body);
    color: var(--text-muted);
    letter-spacing: 0.01em;
}

.quick-action-btn {
    padding: 10px 20px !important;
    font-size: var(--type-body) !important;
    font-weight: 400 !important;
    border-radius: 20px !important;
    border-color: var(--border) !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

@media (hover: hover) {
    .quick-action-btn:hover {
        border-color: var(--brand) !important;
    }
}

.chat-textarea {
    border-radius: 12px !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

.send-btn {
    border-radius: 12px !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

.sidebar-header {
    padding: 18px 24px !important;
}

.sidebar-brand {
    font-size: var(--type-body) !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em;
}

.sidebar-label {
    font-size: var(--type-small) !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: var(--text-subtle) !important;
}

.new-chat-btn {
    border-radius: 10px !important;
    font-weight: 400 !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

@media (hover: hover) {
    .new-chat-btn:hover {
        background: var(--brand) !important;
        color: var(--white) !important;
    }
}

.conversation-item {
    border-radius: 8px !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

@media (hover: hover) {
    .conversation-item:hover {
        background: var(--surface-subtle);
    }
}

/* the open conversation's marker is a real border (drawn in forced colours too); the padding gives back its width so
   the text stays where it was */
.conversation-item.active {
    background: var(--info-bg) !important;
    border-left: 3px solid var(--brand);
    padding-left: calc(var(--space-2) - 3px);
}

.chat-header {
    background: var(--white) !important;
    border-bottom: none !important;
}

.chat-title {
    font-weight: 700 !important;
    letter-spacing: -0.01em;
}

.message-text {
    border-radius: 12px !important;
    border: 1px solid var(--border);
}

.message-avatar {
    border-radius: 10px !important;
    font-weight: 700;
}

.chat-status {
    font-weight: 400;
    letter-spacing: 0.01em;
}

.sidebar-footer a[href="/guide/"],
.sidebar-footer a[href="/transcribe/"] {
    border-radius: 10px !important;
    font-weight: 700 !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

@media (hover: hover) {
    .sidebar-footer a[href="/transcribe/"]:hover {
        background: var(--brand) !important;
        color: var(--white) !important;
    }
}

.attach-btn {
    border-radius: 12px !important;
    transition-property: background-color, border-color, color !important;
    transition-duration: var(--norhi-motion-state) !important;
    transition-timing-function: var(--norhi-ease) !important;
}

@media (hover: hover) {
    .attach-btn:hover {
        background: var(--info-bg) !important;
    }
}

@media (min-width: 768px) {
    .chat-messages::-webkit-scrollbar {
        width: 6px;
    }
    .chat-messages::-webkit-scrollbar-track {
        background: transparent;
    }
    .chat-messages::-webkit-scrollbar-thumb {
        background: color-mix(in srgb, var(--brand) 12%, transparent);
        border-radius: 3px;
    }
    @media (hover: hover) {
        .chat-messages::-webkit-scrollbar-thumb:hover {
            background: color-mix(in srgb, var(--brand) 20%, transparent);
        }
    }
    .sidebar-content::-webkit-scrollbar,
    .conversation-list::-webkit-scrollbar {
        width: 4px;
    }
    .sidebar-content::-webkit-scrollbar-track,
    .conversation-list::-webkit-scrollbar-track {
        background: transparent;
    }
    .sidebar-content::-webkit-scrollbar-thumb,
    .conversation-list::-webkit-scrollbar-thumb {
        background: color-mix(in srgb, var(--brand) 10%, transparent);
        border-radius: 2px;
    }
}

.welcome-message p:last-child {
    font-style: italic;
    letter-spacing: 0.04em;
}

/* ================================================================
   TRANSCRIBE — Level 1 typography & density pass (2026-05-15)
   Ported from central-scribe. Overrides collapsed-card row sizing
   and contrast. Card layout, color palette, and structure preserved.
   ================================================================ */

.enc-title-input {
    font-size: var(--type-page) !important;
    --norhi-field-font-size: var(--type-page);   /* the size the touch floor keeps (norhi-base 2.0.4) */
}
.enc-title-input::placeholder {
    color: var(--text-muted) !important;
    font-weight: 400 !important;
}

.enc-time {
    font-size: var(--type-control) !important;
    color: var(--text-secondary) !important;
    font-weight: 400 !important;
}

.enc-disp-input {
    font-size: var(--type-control) !important;
}
.enc-disp-input::placeholder {
    font-size: var(--type-body) !important;
    color: var(--text-muted) !important;
}

.enc-badge {
    font-size: var(--type-body) !important;
    padding: 5px 12px !important;
}
.enc-badge.closed-badge {
    color: var(--text-label) !important;
}

.encounter-card-header {
    padding: 32px var(--space-3) !important;
}


/* ================================================================
   TRANSCRIBE — Expanded card body (2026-05-15 Round 3)
   Bigger text for the working surface: transcripts, clinical notes,
   hand-notes. This is where the clinician actually reads and writes.
   ================================================================ */

/* Primary content — transcripts, notes, hand-notes textareas */
.segment-text {
    font-size: var(--type-reading) !important;
    line-height: 1.5 !important;
}
.note-content {
    font-size: var(--type-reading) !important;
    line-height: 1.5 !important;
}
.handnote-textarea {
    font-size: var(--type-reading) !important;
    --norhi-field-font-size: var(--type-reading);   /* the size the touch floor keeps (norhi-base 2.0.4) */
    line-height: 1.5 !important;
}
.note-edit-textarea {
    font-size: var(--type-reading) !important;
    --norhi-field-font-size: var(--type-reading);   /* the size the touch floor keeps (norhi-base 2.0.4) */
    line-height: 1.5 !important;
}

/* Section headers and labels inside the card */
.segment-label {
    font-size: var(--type-small) !important;
}
.segment-meta {
    font-size: var(--type-body) !important;
}
.note-section-label {
    font-size: var(--type-body) !important;
}
.handnote-label {
    font-size: var(--type-body) !important;
}

/* Status pills inside the card */
.handnote-saved {
    font-size: var(--type-small) !important;
}
.note-edit-status {
    font-size: var(--type-small) !important;
}

/* ================================================================
   TRANSCRIBE — Daily Log (2026-05-15 Round 4)
   Brings the daily log table to the same scale as the encounter
   cards above it. Was reading as a footnote; now reads as a peer.
   ================================================================ */

.daily-log h2 {
    font-size: var(--type-page) !important;
    margin-bottom: var(--space-3) !important;
}
.daily-log-day-label {
    font-size: var(--type-control) !important;
    margin-bottom: var(--space-2) !important;
}
.daily-log-table {
    font-size: var(--type-control) !important;
}
.daily-log-table th {
    font-size: var(--type-small) !important;
    padding: 6px 12px !important;
}
.daily-log-table td {
    padding: 8px 12px !important;
}
.daily-log-table .log-time {
    width: 90px !important;
}