/* Shared IT surfaces inherit the website tokens and form controls. */
.it-support { min-width: 0; }
.it-aging { display: flex; align-items: center; gap: 4px; margin-top: 6px; font-size: 11px; line-height: 1.45; }
.it-aging-warning { color: var(--warning); }
.it-aging-danger { color: var(--danger); }
.it-aging-settings { max-width: 760px; }
.it-aging-settings fieldset { border: 0; margin: 0 0 22px; padding: 0; }
.it-aging-settings legend { margin-bottom: 10px; font-size: 14px; font-weight: 400; }
.it-aging-settings .it-muted { font-size: 12px; line-height: 1.5; margin-bottom: 20px; }
.cd-session .cd-capture-field { grid-column: 1 / -1; min-width: 0; padding-top: 10px; border-top: 1px solid var(--border-soft); }
.cd-capture-field .status-badge { font-weight: 400; }
.cd-capture-field small { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.it-auto-ip { display: block; margin-top: 5px; color: var(--muted); font-size: 11px; }
.cw-workstation { min-width: 0; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--border-soft); }
.cw-heading, .cw-subhead { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.cw-heading h3 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 14px; font-weight: 400; }
.cw-heading h3 i { color: var(--muted); }
.cw-subhead { margin-top: 22px; margin-bottom: 6px; }
.cw-subhead h4 { margin: 0; font-size: 13px; font-weight: 400; }
.cw-subhead > span, .cw-note, .cw-message { color: var(--muted); font-size: 11px; line-height: 1.5; }
.cw-note { margin: 8px 0; overflow-wrap: anywhere; }
.cw-message:empty { display: none; }
.cw-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin: 14px 0; }
.cw-fields dt { color: var(--muted); font-size: 11px; margin-bottom: 4px; }
.cw-fields dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.cw-workstation details { margin-top: 14px; }
.cw-workstation summary { cursor: pointer; color: var(--accent-text); font-size: 12px; padding: 5px 0; }
.cw-workstation :is(summary, a, button, [data-cw-title]):focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.cw-workstation button[aria-disabled="true"] { opacity: .55; cursor: wait; }
.cw-workstation .data-table { width: 100%; min-width: 510px; font-variant-numeric: tabular-nums; }
.cw-workstation .data-table td { vertical-align: top; overflow-wrap: anywhere; }
.cw-workstation small { display: block; color: var(--muted); font-size: 10.5px; margin-top: 4px; }
.cw-workstation a { color: var(--text); text-underline-offset: 3px; }
.cw-run { max-width: 155px; }
@media (max-width: 700px) { .cw-fields { grid-template-columns: minmax(0, 1fr); gap: 12px; } }
.it-toolbar, .it-tabs, .it-pagination, .it-pagination > div, .it-profile-actions, .it-profile-subhead, .it-queue-caption { display: flex; align-items: center; gap: 8px; }
.it-toolbar { justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.it-tabs { flex-wrap: wrap; }
.it-tabs .button[aria-pressed="true"] { color: var(--accent-text); background: var(--accent-soft); border-color: var(--border); }
.it-search { display: flex; align-items: flex-end; gap: 8px; margin-bottom: 18px; }
.it-search > .field { width: min(440px, 100%); }
.it-search-input { position: relative; }
.it-search-input > i { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); color: var(--muted); font-size: 17px; pointer-events: none; }
.it-search-input input { width: 100%; padding-left: 34px; }
.it-queue-caption { justify-content: space-between; color: var(--muted); font-size: 12px; margin: 0 0 10px; gap: 16px; }
.it-table { width: 100%; min-width: 820px; table-layout: fixed; }
.it-table th:first-child { width: 118px; }
.it-table th:nth-child(2) { width: 17%; }
.it-table th:nth-child(4) { width: 146px; }
.it-table th:nth-child(5) { width: 168px; }
.it-table th:last-child { width: 152px; }
.it-table td { vertical-align: top; padding-top: 15px; padding-bottom: 15px; overflow-wrap: anywhere; }
.it-table time { font-size: 11px; font-variant-numeric: tabular-nums; }
.it-table select { width: 100%; min-height: 32px; padding-left: 7px; padding-right: 21px; font-size: 12px; }
.it-category-name { display: flex; align-items: center; gap: 7px; color: var(--text); }
.it-category-name > i { color: var(--muted); font-size: 17px; }
.it-description-preview { margin: 7px 0 0; line-height: 1.5; color: var(--muted); white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.it-row-actions { display: grid; justify-content: start; gap: 5px; }
.it-row-actions .button { min-height: 30px; padding: 0 8px; white-space: nowrap; }
.it-take-hint { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.it-priority-urgent [data-it-priority] { color: var(--danger); background-color: var(--danger-soft); }
.it-priority-high [data-it-priority] { color: var(--warning); background-color: var(--warning-soft); }
.it-user-link { color: var(--text); text-decoration: none; text-underline-offset: 3px; }
.it-user-link:hover { color: var(--accent-text); text-decoration: underline; }
.it-request-origin { display: block; margin-top: 8px; color: var(--text); font-size: 11px; line-height: 1.5; }
.it-request-origin .cell-sub { color: var(--muted); }
.it-request-parties { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 14px 0 0; }
.it-request-parties > div { min-width: 0; flex: 1 1 200px; }
.it-request-parties dt { color: var(--muted); font-size: 11px; margin-bottom: 4px; }
.it-request-parties dd { margin: 0; color: var(--text); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.it-pagination { justify-content: space-between; color: var(--muted); font-size: 12px; margin-top: 14px; }
.it-loading { padding: 34px 20px; min-height: 120px; color: var(--muted); background: var(--surface-alt); border-radius: 6px; }
.it-error { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; color: var(--danger); background: var(--danger-soft); margin-bottom: 16px; line-height: 1.5; }
.it-empty { min-height: 220px; }
.it-empty small { color: var(--muted); font-size: 12px; }
.it-detail-heading { margin-bottom: 14px; }
.it-detail-heading h2, .it-section-heading h2 { margin: 0; font-size: 21px; }
.it-detail-heading p, .it-section-heading p { color: var(--muted); font-size: 12px; line-height: 1.5; margin: 6px 0 0; }
.it-section-heading { margin: 0 0 20px; }
.it-profile .panel-header h2, .it-support .panel-header h2 { display: flex; align-items: center; gap: 8px; }
.it-profile-body, .it-ticket-body { padding: 16px; }
.it-profile-grid, .it-profile-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.it-profile .it-profile-grid { align-items: start; }
.it-span-full { grid-column: 1 / -1; }
.it-profile-summary { margin: 0; }
.it-profile-summary dt { font-size: 11px; color: var(--muted); margin-bottom: 5px; }
.it-profile-summary dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.it-workstation-observed { color: var(--muted); font-size: 11px; line-height: 1.45; margin: -6px 0 0; }
.it-profile-summary .it-workstation-observed dd { font-size: 11px; }
.it-telegram-contact { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.it-telegram-open { width: fit-content; max-width: 100%; white-space: normal; text-align: left; text-decoration: none; }
.it-telegram-open > i { color: var(--muted); }
.it-telegram-saved { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 6px; }
.it-telegram-saved small { color: var(--muted); overflow-wrap: anywhere; }
.it-muted { color: var(--muted); }
.it-messenger-summary { margin-top: 14px; border-top: 1px solid var(--border-soft); padding-top: 6px; }
.it-messenger-summary > div { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 7px 0; font-size: 12px; }
.it-messenger-summary > div > span:first-child { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.it-messenger-summary p { margin: 7px 0 0; font-size: 12px; }
.it-profile-subhead { justify-content: space-between; margin: 24px 0 10px; }
.it-profile-subhead h3, .it-new-category h3 { margin: 0; font-size: 14px; font-weight: 400; }
.it-messenger-row { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(130px, 1fr) 145px 32px; gap: 10px; align-items: end; margin-bottom: 10px; }
.it-email-row { display: flex; align-items: end; gap: 10px; margin-bottom: 10px; max-width: 600px; }
.it-email-row > .field { flex: 1; }
.it-messenger-row > button, .it-email-row > button { padding: 0; width: 32px; }
.it-profile-actions { justify-content: flex-end; flex-wrap: wrap; margin-top: 20px; }
.it-profile .form-error, .it-profile .form-message { margin-top: 14px; }
.it-ticket-description { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.55; font-size: 14px; max-width: 75ch; margin-bottom: 16px; }
.it-ticket-meta { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 0 0 16px; }
.it-ticket-meta dt { color: var(--muted); font-size: 11px; margin-bottom: 4px; }
.it-ticket-meta dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
[data-it-details] { max-width: 1100px; }
[data-it-subject] > .panel-header { gap: 12px; align-items: flex-start; }
[data-it-subject] > .panel-header .it-aging { margin-top: 0; }
.it-request-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; }
.it-request-controls .field { min-width: 160px; }
.it-feedback-note { font-size: 11px; margin: 12px 0 0; }
.it-category-table { min-width: 660px; width: 100%; }
.it-category-table input:not([type="checkbox"]), .it-category-table select { width: 100%; min-width: 0; }
.it-category-table td:nth-child(3) { width: 92px; }
.it-category-table td:nth-child(2) > i { display: none; }
.it-checkbox { display: inline-flex; gap: 8px; align-items: center; white-space: nowrap; }
.it-new-category { padding: 20px; background: var(--surface); border: 1px solid var(--border); border-radius: 6px; }
.it-new-category-fields { display: grid; grid-template-columns: minmax(180px, 2fr) minmax(140px, 1fr) auto; gap: 12px; align-items: end; margin-top: 16px; }
.it-support [aria-busy="true"] { opacity: .65; transition: opacity 160ms ease-out; }
.it-support :is(button, input, select, a):focus-visible, .it-profile :is(button, input, select, a):focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.it-support :is(input, textarea), .it-profile :is(input, textarea) { caret-color: var(--accent-text); }
.it-support ::selection, .it-profile ::selection { background: var(--accent-soft); color: var(--text); }
.it-support .button, .it-profile .button { transition: background-color 160ms ease-out, color 160ms ease-out, border-color 160ms ease-out; }
.it-support .button:active:not(:disabled), .it-profile .button:active:not(:disabled) { filter: brightness(.95); }
.it-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 700px) {
  .it-toolbar { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
  .it-tabs { gap: 3px; }
  .it-tabs .button { padding: 0 8px; }
  .it-toolbar > .button { margin-left: auto; }
  .it-queue-caption { align-items: flex-start; flex-direction: column; gap: 4px; }
  .it-table, .it-table tbody, .it-table tr, .it-table td { display: block; min-width: 0; width: 100%; }
  .it-table thead { display: none; }
  .it-table tr { padding: 12px 14px; border-bottom: 1px solid var(--border); }
  .it-table tr:last-child { border-bottom: 0; }
  .it-table td { padding: 6px 0; border: 0; }
  .it-table td::before { content: attr(data-label); display: block; font-size: 10px; color: var(--muted); margin-bottom: 4px; }
  .it-table td:first-child { display: flex; gap: 8px; align-items: baseline; }
  .it-table td:first-child::before { display: none; }
  .it-table .cell-sub { margin-top: 3px; }
  .it-row-actions { display: flex; flex-wrap: wrap; }
  .it-description-preview { -webkit-line-clamp: 4; }
  .it-table select { max-width: 100%; }
  .it-profile-grid, .it-profile-summary { grid-template-columns: 1fr; gap: 16px; }
  .it-profile-body, .it-ticket-body { padding: 16px; }
  .it-messenger-row { grid-template-columns: minmax(0, 1fr) 32px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--border-soft); }
  .it-messenger-row .field { grid-column: 1; }
  .it-messenger-row > button { grid-column: 2; grid-row: 1; }
  .it-request-controls { align-items: stretch; }
  .it-request-controls .field { flex: 1; min-width: 110px; }
  .it-request-controls > button { width: 100%; }
  .it-new-category-fields { grid-template-columns: 1fr; }
  .it-pagination { align-items: flex-start; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .it-support *, .it-profile * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}