/* Shared reading and brand treatment across all HappyDesk workspaces. */
:root {
    --ink:#202b38;
    --muted:#536171;
    --line:#d4dce5;
    --paper:#f3f5f8;
    --bs-body-color:var(--ink);
    --bs-secondary-color:var(--muted);
}
body {font-size:15px;line-height:1.6;color:var(--ink)}
.workspace-main {background:var(--paper)}
.workspace-topbar {background:linear-gradient(110deg,var(--brand-soft),#fff 75%);border-bottom:1px solid var(--line)}
.icon-rail {background:var(--brand-soft);border-right:1px solid var(--line)}
.rail-link {color:#435366}
.rail-link:hover {background:#fff;color:var(--brand-accent)}
.rail-link.active {background:var(--brand-accent);color:#fff}
.ticket-page-title h1,.manual-editor h1,.tenant-page h1 {color:var(--ink);line-height:1.25}
.ticket-page-title .eyebrow,.manual-kind,.manual-rank,.manual-meta a,.subtle-link,.agent-correction summary {color:var(--brand-accent)}
.eyebrow {font-size:12px;letter-spacing:.1em}
.settings-card,.tenant-page .card,.manual-popular,.manual-card,.customer-card,.customer-history {border-color:var(--line);border-top:3px solid var(--brand-accent)}
.conversation-header,.ticket-filters {background:linear-gradient(120deg,var(--brand-soft),#fff);border-bottom-color:var(--line)}
.conversation-title,.manual-reply-panel>summary {background:var(--brand-soft);color:var(--ink)}
.ticket-list-item {border-bottom-color:var(--line)}
.ticket-list-item.selected {background:var(--brand-soft);border-left-color:var(--brand-accent)}
.ticket-list-item>strong {font-size:15px;line-height:1.5}
.list-customer,.list-caption,.list-item-top,.list-item-bottom,.list-item-bottom .ticket-status,.ticket-owner {font-size:12px;color:var(--muted)}
.conversation-scroll {background:#f3f5f8}
.message-item {border-color:#d4dce5}
.message-item p,.reply-form textarea,.agent-proposal,.agent-question p {font-size:16px;line-height:1.75}
.message-item.outbound {background:#edf2f7;border-color:#becbd9}
.message-meta,.message-meta time,.delivery-state {font-size:12px}
.message-meta strong {font-size:14px}
.form-control,.form-select,.setting-field .form-control,.ticket-filters .form-control {font-size:15px;line-height:1.5;color:var(--ink);border-color:#8998a8}
.form-control::placeholder {color:#647182;opacity:1}
.form-label,.setting-field .form-label,.ticket-edit .form-label {font-size:14px;font-weight:600;color:var(--ink)}
.filter-row .form-select,.status-toolbar .form-select,.assignment-controls .form-select,.reply-heading select {font-size:14px}
.btn,.reply-footer .btn,.reply-actions .btn,.setting-save .btn,.label-settings-list .btn {font-size:14px;line-height:1.5;font-weight:650}
.btn-primary {--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff}
.btn-outline-success {--bs-btn-color:var(--brand-accent);--bs-btn-border-color:var(--brand-accent);--bs-btn-hover-bg:var(--brand-accent);--bs-btn-hover-border-color:var(--brand-accent);--bs-btn-hover-color:#fff;--bs-btn-active-bg:var(--brand-accent);--bs-btn-active-border-color:var(--brand-accent);--bs-btn-active-color:#fff}
.form-check-input:checked {background-color:var(--brand-accent);border-color:var(--brand-accent)}
.label-picker input,.reply-manual-choice input {accent-color:var(--brand-accent)}
.settings-tabs {gap:10px;flex-wrap:wrap}
.settings-tabs a {padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--brand-accent);font-size:14px}
.settings-tabs a:hover,.settings-tabs a:focus-visible {background:var(--brand-soft);border-color:var(--brand-accent)}
.settings-info,.manual-tip {background:var(--brand-soft);color:var(--ink);border-color:var(--line);border-left:4px solid var(--brand-accent)}
.settings-card-heading p,.setting-field small,.setting-footnote,.connection-footer p,.integration-details,.customer-card>p,.customer-card dt,.customer-card dd,.muted-text,.reply-footer small,.reply-hints,.reply-form [data-reply-recipient] {font-size:13px;line-height:1.65;color:var(--muted)}
.customer-card dd {font-size:14px;color:var(--ink)}
.history-meta,.history-event>small {font-size:12px;color:var(--muted)}
.history-event>a,.history-event summary,.history-event details p {font-size:14px;line-height:1.65}
.history-event>a {color:var(--brand-accent)}
.manual-card p,.manual-description,.manual-tip p {font-size:15px;line-height:1.75;color:#435264}
.manual-meta,.manual-kind,.learning-badge {font-size:13px}
.manual-card h3 {font-size:20px;line-height:1.4}
.learning-badge,.environment-badge {background:var(--brand-soft);color:var(--brand-accent)}
.agent-heading p,.agent-question small,.agent-answer small,.agent-sources,.agent-correction p,.agent-engine {font-size:13px;line-height:1.65}
.agent-step {font-size:12px;letter-spacing:.08em}
.agent-review {border-top:3px solid var(--brand-accent)}
.reply-manuals p,.reply-manual-choice,.reply-manual-choice small,.reply-manual-choice a {font-size:13px;line-height:1.6}
.calendar-day:hover:not(:disabled) {background:var(--brand-soft);border-color:var(--brand-accent)}
.calendar-day[aria-current=date] {border-color:var(--brand-accent)}
.calendar-day[aria-pressed=true] {background:var(--brand-accent);color:white;box-shadow:none}
.recovery-card {border-top:4px solid var(--brand-accent)}
.login-subtitle,.session-note,.access-note p {color:var(--muted);line-height:1.65}
.login-content a:not(.brand),.recovery-card a:not(.brand) {color:var(--brand-accent);text-decoration:underline;text-underline-offset:3px}
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--brand-accent);outline-offset:3px}
@media(max-width:600px) {
    .form-control,.form-select,.setting-field .form-control,.ticket-filters .form-control {font-size:16px}
    .settings-tabs a {padding:8px 10px}
    .message-item p,.agent-proposal,.agent-question p {font-size:15px}
}

.agent-send-actions {display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px}
.agent-send-status {flex:0 1 220px;min-width:180px}
.agent-send-status .form-label {margin:0 0 6px}
.agent-send-actions>.btn {min-height:44px;text-align:center}
.agent-send-status .form-select {min-height:44px}
@media(max-width:600px){.agent-send-status{flex:1 1 100%}.agent-send-actions>.btn{width:100%}}

.presence-switch {display:flex;align-items:center;gap:10px;margin:0 0 0 auto;flex-wrap:wrap}
.presence-state {font-size:13px;font-weight:650;color:#566273;white-space:nowrap}
.presence-state.is-present {color:#20613c}
@media(max-width:600px){.presence-switch{margin-left:0;width:100%;justify-content:space-between}}

.opening-hours-row{display:grid;grid-template-columns:120px 110px 1fr 1fr;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;margin:0}
.opening-hours-row legend{float:none;width:auto;margin:0;font-size:15px;font-weight:650}
.opening-hours-row label{font-size:13px;margin:0}.opening-hours-row input[type=time]{margin-top:4px;min-height:42px}
.rail-team{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 7px;width:54px;max-height:180px;overflow-y:auto;padding:6px 2px;scrollbar-width:thin}
.rail-member{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#e7ecf2;color:#334155;border:2px solid #8a96a4;font-size:16px;font-weight:700}
.rail-member img{width:100%;height:100%;object-fit:cover;border-radius:50%}.rail-member.is-present{border-color:#27824e}
.rail-presence-dot{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:17px;height:17px;background:#626f7d;color:white;border:2px solid white;border-radius:50%;font-size:11px;line-height:1}
.is-present .rail-presence-dot{background:#247a47}
.icon-rail nav{min-height:0;overflow-y:auto;flex-shrink:1}.icon-rail .sidebar-bottom{flex-shrink:0;padding-top:12px}
@media(max-height:800px){.rail-team{max-height:105px}.icon-rail nav{gap:6px}}
@media(max-width:600px){.opening-hours-row{grid-template-columns:1fr 1fr;gap:10px}.opening-hours-row legend{font-size:14px}}

.language-switch{display:flex;align-items:center;gap:6px;margin:0}.language-switch .form-select{width:145px;min-height:36px;font-size:13px}.staff-language{min-width:180px;max-width:240px}.staff-row{flex-wrap:wrap;gap:16px}
/* Management: compact, readable reporting in the company's existing palette. */
.management-page{padding:28px clamp(18px,3vw,44px);max-width:1700px;margin:auto}.management-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.management-heading h1{font-size:clamp(1.8rem,3vw,2.5rem)}.management-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:24px 0 12px}.management-filters label{display:grid;gap:6px;font-weight:600}.management-explanation,.management-panel>p{color:#536174}.management-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.management-kpi,.management-panel{background:#fff;border:1px solid #dce2e9;border-radius:16px;padding:22px}.management-kpi{border-top:3px solid var(--brand-accent,#52677e);display:flex;flex-direction:column;gap:10px}.management-kpi strong{font-size:2rem;color:#243347}.management-kpi small,.management-table small{display:block;color:#5b6878;font-size:.8rem}.management-panel{margin:22px 0}.management-panel h2{font-size:1.3rem}.management-table{font-size:.9rem;vertical-align:middle}.management-table th,.management-table td{padding:13px 12px}.management-table thead th{background:#f3f6f9;white-space:nowrap}.management-table tbody th{min-width:170px;max-width:320px;overflow-wrap:anywhere}.management-definitions summary{font-weight:700;cursor:pointer}.management-definitions li{margin-top:12px;line-height:1.6}@media(max-width:1100px){.management-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.management-kpis{grid-template-columns:1fr}.management-panel{padding:16px}.management-filters label{flex:1;min-width:130px}}

/* Home uses the same workspace shell and content spacing as management. */
.home-overview{width:100%;max-width:1700px;padding:28px clamp(18px,3vw,44px);margin:0 auto}.home-overview .page-heading{margin-bottom:18px;align-items:center;flex-wrap:wrap}.home-overview .page-heading h1{font-size:clamp(1.8rem,3vw,2.5rem);overflow-wrap:anywhere}.home-overview .page-heading p:last-child{margin-bottom:0}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.home-overview .stats-row{margin-top:0;margin-bottom:22px}.home-overview .stat-card{height:100%;border-top:3px solid var(--brand-accent,#52677e);padding:18px 22px}.home-overview .recent-card{width:100%}.home-overview .ticket-table td:nth-child(3){min-width:220px;white-space:normal;overflow-wrap:anywhere}.home-overview .section-heading{gap:16px;flex-wrap:wrap}.home-overview .empty-state{padding:32px 20px}@media(max-width:600px){.home-overview{padding:22px 16px}.home-actions .btn{flex:1 1 auto}.home-overview .live-pill{white-space:normal}.home-overview .stat-card{padding:16px}.home-overview .section-heading{padding:18px}}
.home-overview .table-responsive{max-width:100%;overflow-x:auto;position:relative;contain:inline-size}.home-overview .ticket-table{margin-bottom:0}

.staff-work-hours{flex:1 0 100%;min-width:0;border-top:1px solid var(--line);padding-top:14px}.staff-work-hours summary{font-weight:650;cursor:pointer}.staff-work-hours>p{margin:12px 0;color:#536174}.staff-row{flex-wrap:wrap}.presence-reminder{margin:18px clamp(16px,3vw,44px) 0;padding:18px 22px;border:2px solid #b77a12;border-left-width:6px;border-radius:12px;background:#fff5da;color:#513807;display:flex;align-items:center;justify-content:space-between;gap:18px}.presence-reminder[hidden]{display:none}.presence-reminder strong{font-size:1.15rem}.presence-reminder p{margin:5px 0 0}.presence-reminder .btn{white-space:nowrap}@media(max-width:600px){.presence-reminder{align-items:flex-start;flex-direction:column;padding:16px}.staff-work-hours .opening-hours-row{min-width:0}}

/* A more expressive workspace, using each company's contrast-checked palette. */
.workspace-main{background:linear-gradient(155deg,var(--brand-soft) 0,#f4f6fa 360px,#f4f6fa 100%)}
.workspace-topbar{box-shadow:0 3px 18px #24334708;background:linear-gradient(110deg,var(--brand-soft),#ffffff 68%)}
.sidebar.icon-rail{background:linear-gradient(180deg,#fff,var(--brand-soft));border-right-color:#cdd6e1}
.rail-logo .app-monogram{box-shadow:0 5px 14px #24334720;border:1px solid #ffffff70}
.rail-link{border-radius:12px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}
.rail-link.active{box-shadow:0 4px 12px #24334725;outline:1px solid #ffffff80;outline-offset:-1px}
.rail-link:hover:not(.active){background:#ffffff;color:var(--brand-accent);box-shadow:0 2px 8px #24334712}
.environment-badge{border:1px solid var(--brand-accent);font-weight:600}
.home-overview .page-heading{padding:24px 26px;border:1px solid #d5dee8;border-left:5px solid var(--brand-accent);border-radius:16px;background:linear-gradient(120deg,#fff,var(--brand-soft));box-shadow:0 6px 22px #24334708;margin-bottom:20px}
.home-overview .page-heading .eyebrow,.management-heading .eyebrow,.ticket-page-title .eyebrow{color:var(--brand-accent);font-weight:750}
.heading-dot{color:var(--brand-accent)}
.home-overview .stat-card,.management-kpi{background:linear-gradient(145deg,#fff 58%,var(--brand-soft));box-shadow:0 5px 18px #24334709;border-radius:14px}
.stat-number,.management-kpi strong{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.04em}
.stat-icon{background:var(--brand-soft);color:var(--brand-accent);border:1px solid #ffffff;border-radius:12px}
.recent-card,.management-panel,.settings-card,.manual-card,.manual-popular,.customer-card,.customer-history{box-shadow:0 5px 20px #24334709}
.recent-card .section-heading{background:linear-gradient(100deg,#fff,var(--brand-soft));border-bottom:1px solid #d5dee8}
.ticket-table thead th,.management-table thead th{background:#edf1f6;color:#435366;font-size:12px;letter-spacing:.04em}
.ticket-table tbody tr:hover,.management-table tbody tr:hover{--bs-table-bg:var(--brand-soft);background:var(--brand-soft)}
.btn-primary{border-radius:10px;box-shadow:0 3px 8px #24334718}
.btn-primary:hover{box-shadow:0 5px 12px #24334724}
.btn-outline-success{border-radius:10px;background:#fff}
.btn-outline-success:hover{background:var(--brand-accent)}
.form-control:focus,.form-select:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-soft)}
.settings-tabs a{box-shadow:0 2px 5px #24334706}
.ticket-list-item.selected{box-shadow:inset 3px 0 0 var(--brand-accent);background:linear-gradient(100deg,var(--brand-soft),#fff)}
.conversation-header{border-top:3px solid var(--brand-accent)}
.agent-question{border-left:3px solid #9aabba;background:#f5f7fa}
.agent-answer{border-left:3px solid var(--brand-accent);background:#fff}
.ticket-status.open{background:#e6effb;color:#204d80;border:1px solid #c7daf0}
.ticket-status.pending{background:#fff2d9;color:#78500d;border:1px solid #ecd49e}
.ticket-status.planned{background:#eeeafa;color:#594485;border:1px solid #d8cfef}
.ticket-status.closed{background:#e4f2eb;color:#246044;border:1px solid #c3dfd0}
.ticket-status{border-radius:7px;font-weight:600}
.manual-card h3,.manual-popular h2,.settings-card h2,.customer-history h3{letter-spacing:-.025em}
.platform-footer{color:#59697c}
@media(max-width:600px){.home-overview .page-heading{padding:18px}.home-overview .page-heading h1{font-size:1.8rem}.recent-card .section-heading{padding:18px}}
@media(prefers-reduced-motion:reduce){.rail-link{transition:none}}

/* Ticket flow: question, management, proposal, review, history. */
.ticket-question-header{padding:20px 22px}.ticket-question-header .list-item-top{justify-content:flex-start;gap:12px;flex-wrap:wrap}.ticket-question-header h2{margin:12px 0 8px;font-size:22px}.question-customer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.ticket-question-header .ticket-question-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:1.7;margin:16px 0 8px;max-height:320px;overflow-y:auto}.ticket-management-bar{display:flex;gap:10px 16px;align-items:flex-start;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.ticket-management-bar .assignment-controls{border:0;background:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ticket-management-bar .assignment-controls>strong{font-size:12px}.ticket-management-bar .assignment-controls form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ticket-management-bar .form-select{width:auto;max-width:190px;min-width:120px;min-height:34px;padding-top:5px;padding-bottom:5px;font-size:13px}.ticket-management-bar .btn{font-size:12px;padding:6px 9px;min-height:34px;white-space:nowrap}.ticket-management-bar .ticket-edit{padding:0;border:0;flex:1;min-width:0}.ticket-management-bar .ticket-edit form{padding:0}.ticket-management-bar .status-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}.ticket-management-bar .status-toolbar .form-label{font-size:12px;margin:0}.ticket-management-bar .ticket-extra{margin-top:8px}.ticket-management-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px}.ticket-management-meta:empty{display:none}.agent-heading-compact{padding:14px 18px;align-items:center}.agent-heading-compact h3{margin:0;font-size:12px}.agent-heading-compact .btn{font-size:13px}.answer-workbench .agent-answer{margin-top:0}.ticket-question-text:focus-visible{outline:2px solid var(--brand-accent)}

/* Management stays at the top of the question; secondary details live in the dialog. */
.ticket-question-header .ticket-management-top{padding:0 0 14px;margin-bottom:14px;align-items:flex-start;flex-wrap:nowrap;gap:12px;background:none}
.ticket-management-top .assignment-controls{flex:1;min-width:0}
.ticket-management-top .ticket-controls{flex:0 0 auto;margin-left:auto}
.ticket-icon-actions{display:flex;gap:8px}
.ticket-management-top .ticket-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px}
.ticket-icon-button svg{width:22px;height:22px;flex-shrink:0}
.ticket-question-header .ticket-management-meta{margin-top:10px}
.customer-phone-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.customer-phone-actions>span{min-width:0;overflow-wrap:anywhere;flex:1}
.customer-phone-actions .btn{flex-shrink:0;margin-left:auto;white-space:nowrap}
.planning-ticket-details{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.planning-ticket-details h3{font-size:16px;margin:0 0 12px}.planning-ticket-details .label-picker{margin-bottom:14px}.planning-ticket-details textarea{min-height:88px}
.planning-popup{max-height:90dvh;overflow-y:auto}
@media(max-width:600px){.ticket-management-top .assignment-controls form{width:100%}.ticket-management-top .assignment-controls .form-select{min-width:0;max-width:100%}}

/* More company colour on surfaces and headings; existing button rules and brand variables stay unchanged. */
.workspace-main{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-accent) 7%,#f5f7fa),#f5f7fa 58%)}
.workspace-topbar{background:linear-gradient(105deg,color-mix(in srgb,var(--brand-accent) 13%,white),white 82%);border-bottom:2px solid color-mix(in srgb,var(--brand-accent) 28%,#dbe2eb)}
.home-overview .page-heading,.security-page .page-heading{background:linear-gradient(110deg,white,color-mix(in srgb,var(--brand-accent) 17%,white));border-left:5px solid var(--brand-accent);padding:24px 26px;border-radius:14px;margin-bottom:24px}
.settings-card,.manual-card,.management-panel,.customer-card{border-top:3px solid color-mix(in srgb,var(--brand-accent) 60%,white)}
.settings-card h2,.manual-card h3,.customer-card h2,.customer-history h3{color:var(--brand-accent)}
.home-overview .stat-card,.management-kpi{background:linear-gradient(135deg,white 42%,color-mix(in srgb,var(--brand-accent) 18%,white))}
.conversation-header{background:linear-gradient(135deg,white 50%,color-mix(in srgb,var(--brand-accent) 8%,white))}
.ticket-list-panel{border-top:3px solid color-mix(in srgb,var(--brand-accent) 65%,white)}
.customer-history{border-left:3px solid color-mix(in srgb,var(--brand-accent) 45%,white)}
.recent-card .section-heading{background:linear-gradient(100deg,white,color-mix(in srgb,var(--brand-accent) 16%,white))}

/* Compact scheduling keeps the calendar and resolution information together. */
.planning-popup{width:min(410px,calc(100% - 24px));padding:18px;border-radius:16px;max-height:88dvh}
.planning-popup h2{font-size:20px;margin-bottom:8px}.planning-popup p{line-height:1.45;margin-bottom:10px}
.planning-calendar{margin:12px 0;padding:10px;border-radius:12px}.calendar-heading{margin-bottom:10px}.calendar-heading strong{font-size:16px}.calendar-heading button{width:32px;height:32px;font-size:22px;border-radius:8px}
.calendar-days,.calendar-weekdays{gap:3px}.calendar-weekdays{margin-bottom:6px;font-size:11px}.calendar-day{height:32px;font-size:13px;border-radius:8px}
.calendar-footer{margin-top:8px;padding-top:8px;gap:8px;flex-direction:row;align-items:center;font-size:11px}.planning-popup #planning-date{min-height:38px;font-size:14px}
.planning-ticket-details{margin-top:12px;padding-top:12px}.planning-ticket-details h3{font-size:14px;margin-bottom:8px}.planning-ticket-details .label-picker{margin-bottom:8px;max-height:85px;overflow:auto}.planning-ticket-details textarea{min-height:60px;font-size:14px}.planning-popup .form-label{font-size:13px;margin-bottom:5px}
.ticket-confirm-popup{width:min(370px,calc(100% - 24px));padding:22px;border:1px solid var(--line);border-top:3px solid var(--brand-accent);border-radius:16px;color:var(--ink);box-shadow:0 20px 70px #24334740}
.ticket-confirm-popup::backdrop{background:#22252e80}.ticket-confirm-popup h2{font-size:20px;margin:0 0 12px}.ticket-confirm-popup p{font-size:15px;line-height:1.6;margin-bottom:20px}
.planning-popup,.ticket-confirm-popup{box-sizing:border-box}

.no-ticket.ticket-empty-state{grid-column:2;display:grid;place-items:center;min-height:480px;padding:40px 28px;border:1px solid var(--line);border-top:3px solid var(--brand-accent);border-radius:16px;background:radial-gradient(ellipse at top,var(--brand-soft),#fff 70%);text-align:center}
.ticket-empty-content{max-width:440px}.ticket-empty-art{display:grid;place-items:center;width:120px;height:120px;margin:0 auto 24px;background:#fff;border-radius:50%;color:var(--brand-accent);box-shadow:0 8px 28px #2433470d}.ticket-empty-art svg{width:86px;height:86px}.ticket-empty-state h2{font-size:28px;margin:0 0 14px;color:var(--ink)}.ticket-empty-state .ticket-empty-lead{font-size:17px;line-height:1.6;color:var(--ink);margin-bottom:12px}.ticket-empty-state .ticket-empty-hint{font-size:14px;line-height:1.7;color:var(--muted);margin:0}

@media(max-width:800px){.no-ticket.ticket-empty-state{grid-column:1 / -1;min-height:340px;padding:28px 20px}.ticket-empty-state h2{font-size:24px}}

.operations-page{padding:clamp(20px,3vw,44px);max-width:1200px;margin:auto}.operations-page header{margin-bottom:24px}.operations-card{background:var(--bs-body-bg,#fff);border:1px solid #d9e1e8;border-left:4px solid var(--brand-primary,#466785);border-radius:14px;padding:20px;margin:16px 0}.operations-card h2{font-size:1.15rem}.operations-card fieldset{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.operations-card legend{font-size:1.1rem}.attention-reasons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.attention-reasons span{background:#edf1f7;color:#304960;padding:5px 10px;border-radius:7px}.attention-reasons .is-overdue{background:#fff0e5;color:#843b0b}.ticket-collaboration{padding:10px 18px;background:#f0f5fa;color:#34506b;border-radius:10px;margin:10px 0}.ticket-collaboration p{font-weight:600;margin:0 0 6px}.ticket-priority{display:flex;align-items:end;gap:10px;padding:8px 0}.ticket-priority label{display:flex;align-items:center;gap:8px}.operations-links{padding:16px 24px}
.portal-message{white-space:pre-wrap;overflow-wrap:anywhere}.operations-page textarea{margin:12px 0}.operations-page footer{padding-top:24px}
.agent-evidence{padding:16px 18px;border:1px solid #cbdbe7;border-radius:12px;background:#f3f7fa;margin:14px 0}.agent-evidence h4{font-size:1rem}.agent-evidence li{margin:6px 0}
.ticket-priority{padding:12px 20px}.ticket-collaboration{margin:0 20px 14px}.operations-page a{overflow-wrap:anywhere}
.integration-code{font:13px/1.6 ui-monospace,monospace}.source-tag.chat{background:#e1f2ed;color:#235e4d}.source-tag.portal{background:#e8e8f8;color:#4c4574}.operations-card fieldset textarea{flex-basis:100%}

.customer-panel-empty .customer-avatar{background:var(--brand-soft);color:var(--muted)}
.customer-panel-empty .customer-card h2{font-size:18px}
.customer-panel-empty .customer-history-empty{margin:20px 0 0;padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.7}

/* Mail uses compact line spacing; paragraph breaks remain visible. */
.ticket-question-header .ticket-question-text.mail-body,
.message-item p.mail-body,
.history-event p.mail-body { line-height: 1.5; }