.support-panel { min-width: 0; }
.support-panel h2 { font-size: 24px; }
.support-panel .admin-head h2 { font-size:22px; }
.support-ticket-facts { display:flex;gap:20px;flex-wrap:wrap;padding:12px 0;color:#53677a;font-size:14px; }
.support-tabs { display:flex;gap:8px;border-bottom:1px solid #cbdde8;margin:12px 0; }
.support-tabs button { background:transparent;color:#53677a;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 16px;box-shadow:none; }
.support-tabs button[aria-selected=true] { color:#00508f;border-bottom-color:#00b98c; }
.support-issue { border-bottom:1px solid #d5e3eb;padding:14px 0; }
.support-issue summary { display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:8px 14px;align-items:start;cursor:pointer; }
.support-issue summary small { grid-column:2/-1;color:#53677a; }
.support-issue summary span { overflow-wrap:anywhere; }
.support-issue-form { background:#f6fafc;padding:16px;margin-bottom:0; }
.support-issue-read { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0; }
.support-issue-read dt { color:#53677a;font-size:13px; }
.support-issue-read dd { margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere; }
.support-add-issue summary { display:block;font-weight:700;color:#00508f; }
.support-status.status-resolved { background:#e1f5e9;color:#155c49; }
.support-report-actions,.support-report-row { display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #d5e3eb; }
.support-report-row p { margin:6px 0; }
.support-history-row { border-bottom:1px solid #d5e3eb;padding:14px 0; }
.support-signing-notice { display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff3d6;padding:12px; }
.support-panel h3 { font-size: 18px; margin: 0 0 10px; }
.support-panel [data-support-message]:empty { display: none; }
.support-panel [data-support-message] { padding: 10px 0; }
.support-error { color: #a51d25; }
.support-setup { padding: 20px 0; color: #53677a; }
.support-header-actions,.support-form-actions,.support-export,.support-pagination { display:flex;flex-wrap:wrap;gap:10px;align-items:center; }
.support-filters { display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0; }
.support-filters label { flex:1 1 160px;min-width:0;max-width:350px; }
.support-filters input,.support-filters select,.support-form input,.support-form select,.support-form textarea { width:100%;min-width:0; }
.support-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0; }
.support-form fieldset { display:contents; }
.support-form label,.support-sign-link label { display:grid;gap:6px;min-width:0; }
.support-wide,.support-eligibility { grid-column:1/-1; }
.support-eligibility { padding:12px 0;border-bottom:1px solid #d5e3eb;font-weight:700; }
.support-form textarea { resize:vertical; }
.support-table-wrap { overflow:auto;border:1px solid #d5e3eb;border-radius:6px; }
.support-table { width:100%;border-collapse:collapse;min-width:700px;table-layout:auto; }
.support-table th,.support-table td { width:auto;height:auto;max-width:none;padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #d5e3eb;position:static;background:transparent; }
.support-table th { background:#edf5f8;font-size:13px;white-space:normal; }
.support-table td strong,.support-table td span,.support-table td small { display:block;max-width:420px;overflow-wrap:anywhere; }
.support-table td small { color:#627487;margin-top:4px; }
.support-table td .support-ticket-subject { font-weight:400;margin-top:4px; }
.support-table input[type=checkbox] { width:18px;height:18px; }
.support-status { display:inline-block!important;width:fit-content;padding:4px 9px;border-radius:4px;font-weight:700;font-size:13px;background:#e8f2fa;color:#00508f; }
.support-status.status-closed { background:#e1f5e9;color:#155c49; }
.support-status.status-waiting,.support-status.status-awaiting-signature { background:#fff3d6;color:#7c5512; }
.support-status.status-observation { background:#eef0ff;color:#3f478e; }
.support-status.status-in-progress { background:#e5f3f5;color:#066474; }
.support-status.status-escalated { background:#fde8e7;color:#9b1c1c; }
.support-popup-backdrop { position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(9,32,51,.52); }
.support-popup { width:min(460px,100%);overflow:hidden;border:1px solid #b9d5e2;border-radius:6px;background:#fff;box-shadow:0 18px 48px rgba(9,32,51,.28); }
.support-popup-head { padding:14px 20px;border-bottom:4px solid #04c893;background:#00508f;color:#fff; }
.support-popup-head strong { font-size:16px; }
.support-popup-body { padding:22px; }
.support-popup-body h3 { margin:0 0 10px;color:#102335;font-size:21px; }
.support-popup-body p { margin:0 0 22px;color:#40566a;line-height:1.5;overflow-wrap:anywhere; }
.support-popup-body button { display:block;min-width:92px;margin-left:auto;background:#00508f;border-color:#00508f;color:#fff; }
.support-transfer { margin:12px 0;border:1px solid #cbdde8;background:#f6fafc;padding:12px 16px; }
.support-transfer summary { cursor:pointer;color:#00508f;font-weight:700; }
.support-pagination { justify-content:flex-end;margin-top:16px; }
.support-dashboard-toolbar { display:flex;justify-content:space-between;align-items:end;gap:16px;margin:16px 0 22px; }
.support-dashboard-toolbar label { display:grid;gap:6px;max-width:260px;flex:1; }
.support-dashboard-toolbar input { width:100%; }
.support-dashboard-metrics { display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:26px; }
.support-dashboard-metric { min-height:92px;border:1px solid #c9dce8;border-left:4px solid #78a9c7;border-radius:6px;padding:16px;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center; }
.support-dashboard-metric strong { display:block;font-size:28px;line-height:1;color:#172b3b;overflow-wrap:anywhere; }
.support-dashboard-metric span { display:block;color:#53677a;font-size:13px;font-weight:700;margin-top:9px; }
.support-dashboard-metric.metric-open { border-left-color:#1683c7; }
.support-dashboard-metric.metric-progress { border-left-color:#08727c; }
.support-dashboard-metric.metric-observation { border-left-color:#615bb5; }
.support-dashboard-metric.metric-waiting { border-left-color:#d49a22; }
.support-dashboard-metric.metric-customer { border-left-color:#df7a31; }
.support-dashboard-metric.metric-closed { border-left-color:#15926e; }
.support-dashboard-filter { width:100%;text-align:left;color:inherit;cursor:pointer;box-shadow:none; }
.support-dashboard-filter:hover { border-color:#78a9c7;background:#f7fbfd;transform:translateY(-1px); }
.support-dashboard-filter[aria-pressed=true] { border-color:#00508f;background:#edf7fa;box-shadow:0 0 0 2px rgba(0,80,143,.12); }
.support-dashboard-filter:focus-visible,.support-engineer-filter:focus-visible { outline:3px solid rgba(4,200,147,.35);outline-offset:2px; }
.support-engineer-filter { min-height:0!important;padding:0;border:0;background:transparent;color:#00508f;text-align:left;box-shadow:none;font:inherit;font-weight:700;cursor:pointer;overflow-wrap:anywhere; }
.support-engineer-filter:hover { text-decoration:underline; }
.support-dashboard-section { border-top:1px solid #d5e3eb;padding-top:22px;margin-top:22px; }
.support-dashboard-section-head { display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px; }
.support-dashboard-section-head h3,.support-dashboard-section-head p { margin:0; }
.support-dashboard-picker { display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px; }
.support-dashboard-picker label { display:grid;gap:6px;width:min(360px,100%);font-weight:700; }
.support-dashboard-picker select { width:100%; }
.support-dashboard-performance { display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px; }
.support-team-metrics { grid-template-columns:repeat(5,minmax(140px,1fr)); }
.support-dashboard-table td:nth-child(2),.support-dashboard-table td:nth-child(4) { white-space:nowrap; }
.support-productivity-table { min-width:1080px; }
.support-productivity-table td:not(:first-child),.support-productivity-table th:not(:first-child) { text-align:center; }
.support-export { padding:12px 0; }
.support-download-dialog { width:min(430px,calc(100% - 32px));border:1px solid #bbcfdf;border-radius:6px;padding:22px;color:#172b3b;box-shadow:0 18px 48px rgba(15,42,61,.22); }
.support-download-dialog::backdrop { background:rgba(15,42,61,.45); }
.support-download-dialog h3 { margin-top:0; }
.support-call-heading { display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:20px; }
.support-call-heading > div { min-width:0;overflow-wrap:anywhere; }
.support-section { border-top:1px solid #d5e3eb;padding:20px 0;margin-top:16px; }
.support-section-head { display:flex;justify-content:space-between;gap:12px; }
.support-pre { white-space:pre-wrap;overflow-wrap:anywhere; }
.support-timing { display:flex;flex-wrap:wrap;gap:24px;margin:12px 0; }
.support-timing dt { color:#53677a;font-size:13px; }
.support-timing dd { margin:6px 0 0;font-weight:700; }
.support-sign-link { margin-top:20px;display:grid;gap:12px; }
.support-button-link { display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #bbcfdf;border-radius:6px;color:#00508f;text-decoration:none;font-weight:700;background:white; }
.support-panel button,.support-panel input,.support-panel select,.support-button-link { min-height:44px; }
.support-panel input[type=time] { cursor:pointer; }
.signature-body { margin:0;background:#f1f7fa;color:#172b3b;font-family:Arial,sans-serif; }
.signature-shell { max-width:760px;margin:24px auto;padding:24px;background:#fff;border-top:5px solid #00508f; }
.signature-brand { display:flex;gap:20px;align-items:center;border-bottom:1px solid #d5e3eb;padding-bottom:16px; }
.signature-brand img { width:100px;height:76px;object-fit:contain; }
.signature-shell h1 { font-size:24px;margin:0; }
.signature-shell h1 small { display:block;margin-top:7px;color:#53677a;font-size:13px;text-transform:uppercase; }
.signature-shell h2 { font-size:17px;margin:20px 0 8px; }
.signature-shell p { line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere; }
.signature-customer { margin-top:18px;padding:18px;background:#eff7fa;border:1px solid #cbdde8; }
.signature-customer > span,.signature-field > span,.signature-note > span { display:block;color:#617488;font-size:12px;font-weight:700;text-transform:uppercase; }
.signature-customer > strong { display:block;margin-top:8px;color:#00508f;font-size:21px;overflow-wrap:anywhere; }
.signature-customer > p { margin:7px 0 0; }
.signature-details { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;padding:20px 0; }
.signature-field { min-width:0; }
.signature-field > strong { display:block;margin-top:6px;font-size:14px;line-height:1.45;overflow-wrap:anywhere; }
.signature-issue { margin-top:12px;padding-bottom:18px;border-bottom:1px solid #cbdde8; }
.signature-issue > header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;background:#00508f;color:#fff;text-transform:uppercase; }
.signature-status { flex:0 0 auto;padding:6px 10px;border-radius:3px;background:#fbecc7;color:#76501a;font-size:12px;font-weight:700; }
.signature-status.is-resolved { background:#dcf5e6;color:#155c3b; }
.signature-issue-details { display:grid;grid-template-columns:2fr 1.2fr 1fr 1.4fr;gap:16px;padding:18px 10px 6px; }
.signature-note { padding:10px; }
.signature-note p { margin:6px 0 0; }
.signature-verification { margin-top:24px;padding:18px;background:#eff7fa;border:1px solid #cbdde8; }
.signature-verification h2 { margin:0;color:#00508f;text-transform:uppercase; }
.signature-verified-row { display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:18px;margin-top:20px; }
.signature-verified { display:flex;align-items:center;gap:10px;color:#155c3b; }
.signature-verified > span { display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dcf5e6;font-size:20px;font-weight:700; }
.signature-verified strong,.signature-verified small { display:block; }
.signature-verified small { margin-top:2px;color:#53677a; }
.signature-shell label { display:block;margin-top:16px;font-weight:700; }
.signature-shell input[type=text] { box-sizing:border-box;width:100%;padding:12px;border:1px solid #bbcfdf;border-radius:4px;margin-top:8px;font-size:16px; }
.signature-pad { display:block;width:100%;height:220px;border:1px solid #bbcfdf;box-sizing:border-box;touch-action:none;margin:8px 0; }
.signature-shell button { padding:12px 16px;border:0;border-radius:4px;background:#00508f;color:#fff;font-size:16px;cursor:pointer; }
.signature-shell button:disabled { opacity:.55;cursor:wait; }
.signature-shell .signature-clear { background:#edf3f7;color:#00508f; }
.signature-consent { font-size:14px;font-weight:400!important;line-height:1.5; }
.signature-submit { margin-top:18px;width:100%; }
@media(max-width:760px){
  .support-panel h2,.support-panel .admin-head h2 { font-size:20px; }
  .support-panel .admin-head,.support-call-heading,.support-dashboard-section-head,.support-section-head { align-items:stretch;flex-direction:column; }
  .support-dashboard-picker { align-items:stretch;flex-direction:column; }
  .support-dashboard-toolbar { align-items:stretch;flex-direction:column; }
  .support-dashboard-toolbar label,.support-dashboard-toolbar button { max-width:none;width:100%; }
  .support-dashboard-metrics,.support-team-metrics,.support-dashboard-performance { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .support-dashboard-metric { min-height:82px;padding:12px; }
  .support-dashboard-metric strong { font-size:24px; }
  .support-dashboard-filter:hover { transform:none; }
  .support-issue-read { grid-template-columns:minmax(0,1fr); }
  .support-issue summary { grid-template-columns:64px minmax(0,1fr); }
  .support-issue summary .support-status { grid-column:2; }
  .support-tabs { overflow-x:auto;overscroll-behavior-inline:contain; }
  .support-tabs button { flex:0 0 auto;font-size:14px;padding:10px 12px;white-space:nowrap; }
  .support-form { grid-template-columns:minmax(0,1fr); }
  .support-header-actions { width:100%; }
  .support-header-actions button { flex:1; }
  .support-filters label { max-width:none; }
  .support-report-actions,.support-report-row,.support-signing-notice { align-items:stretch;flex-direction:column; }
  .support-report-actions .support-form-actions,.support-report-row .support-form-actions,.support-sign-link .support-form-actions { width:100%; }
  .support-report-actions button,.support-report-row button,.support-sign-link button,.support-sign-link .support-button-link { flex:1; }
  .support-sign-link input { font-size:14px; }
  .support-transfer { padding:12px; }
  .support-popup-backdrop { align-items:end;padding:12px; }
  .support-popup { width:100%; }
  .support-popup-body { padding:18px; }
  .support-popup-body button { width:100%; }
  .support-ticket-table,.support-dashboard-table { min-width:0; }
  .support-ticket-table thead,.support-dashboard-table thead { display:none; }
  .support-ticket-table tbody,.support-ticket-table tr,.support-ticket-table td,.support-dashboard-table tbody,.support-dashboard-table tr,.support-dashboard-table td { display:block;width:100%;box-sizing:border-box; }
  .support-ticket-table tr,.support-dashboard-table tr { padding:8px 0;border-bottom:1px solid #d5e3eb; }
  .support-ticket-table td,.support-dashboard-table td { position:relative;min-height:42px;padding:8px 12px 8px 42%;border:0;white-space:normal!important;overflow-wrap:anywhere; }
  .support-ticket-table td::before,.support-dashboard-table td::before { position:absolute;left:12px;top:8px;width:36%;color:#53677a;font-size:12px;font-weight:700; }
  .support-ticket-table:not(.support-report-table) td:nth-child(1)::before,.support-dashboard-table td:nth-child(1)::before { content:'Customer / Ticket'; }
  .support-ticket-table:not(.support-report-table) td:nth-child(2)::before,.support-dashboard-table td:nth-child(2)::before { content:'Engineer'; }
  .support-ticket-table:not(.support-report-table) td:nth-child(3)::before,.support-dashboard-table td:nth-child(3)::before { content:'Status'; }
  .support-ticket-table:not(.support-report-table) td:nth-child(4)::before { content:'Status'; }
  .support-dashboard-table td:nth-child(4)::before { content:'Date / Age'; }
  .support-ticket-table:not(.support-report-table) td:nth-child(5)::before,.support-dashboard-table td:nth-child(5)::before { content:'Action'; }
  .support-ticket-table:not(.support-report-table) td:nth-child(3)::before { content:'Issues'; }
  .support-report-table td:nth-child(1)::before { content:'Select'; }
  .support-report-table td:nth-child(2)::before { content:'Customer / Ticket'; }
  .support-report-table td:nth-child(3)::before { content:'Engineer'; }
  .support-report-table td:nth-child(4)::before { content:'Issues'; }
  .support-report-table td:nth-child(5)::before { content:'Signed report'; }
  .support-report-table td:nth-child(6)::before { content:'Action'; }
  .support-ticket-table td:last-child button,.support-dashboard-table td:last-child button { width:100%; }
  .support-ticket-table td[colspan],.support-dashboard-table td[colspan] { padding:14px 12px; }
  .support-ticket-table td[colspan]::before,.support-dashboard-table td[colspan]::before { content:none; }
  .signature-shell { margin:0;padding:16px; }
  .signature-brand img { width:75px; }
  .signature-pad { height:180px; }
  .signature-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .signature-issue-details { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .signature-verified-row { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:520px){
  .support-filters label { flex-basis:100%; }
  .support-filters > button { flex:1; }
  .support-form-actions { align-items:stretch; }
  .support-form-actions button,.support-form-actions .support-button-link { flex:1 1 100%; }
  .support-dashboard-metrics,.support-team-metrics,.support-dashboard-performance { grid-template-columns:minmax(0,1fr); }
  .support-ticket-table td,.support-dashboard-table td { padding-left:12px;padding-top:30px; }
  .support-ticket-table td::before,.support-dashboard-table td::before { top:8px;width:auto; }
  .signature-brand { align-items:flex-start; }
  .signature-shell h1 { font-size:20px; }
  .signature-customer > strong { font-size:18px; }
  .signature-details,.signature-issue-details { grid-template-columns:minmax(0,1fr); }
}