/* Compact request navigation shared by personal, team and company lists. */
body:not(.client-portal) { font-size:14px; }
.time-workspace .time-metrics .card>small { white-space:normal; overflow-wrap:anywhere; }
.queue-controls { display:flex; flex-wrap:nowrap; align-items:center; gap:10px; min-width:0; }
.queue-controls :is(.queue-tabs,.company-metrics) { display:flex; flex:1; flex-wrap:nowrap; gap:7px; min-width:0; margin:0; overflow-x:auto; padding:2px; scrollbar-width:thin; }
.queue-controls :is(.queue-tabs a,.company-metric) { display:flex; flex:1 0 auto; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; box-sizing:border-box; min-height:42px; min-width:max-content; padding:8px 10px; border-radius:10px; white-space:nowrap; box-shadow:none; }
.queue-controls :is(.tab-label,.company-metric span) { font-size:12px; line-height:1.3; color:inherit; }
.queue-controls :is(.tab-count,.company-metric strong) { font-size:17px; line-height:1; color:inherit; }
.queue-controls .search-toolbar { display:flex; flex:none; gap:7px; margin:0; }
.queue-controls .search-toolbar button,.queue-controls .search-toggle.search-ready { min-height:42px; height:42px; padding:8px 11px; font-size:12px; margin:0; }
.queue-controls .queue-tabs a.active:after { content:none; }
:is(.queue-tabs,.company-metrics) a[data-queue] { --queue-color:#126185; border:1px solid color-mix(in srgb,var(--queue-color) 42%,var(--border)); border-top:3px solid var(--queue-color); background:color-mix(in srgb,var(--queue-color) 9%,var(--surface,#fff)); color:var(--text,#182a3b); }
:is(.queue-tabs,.company-metrics) a[data-queue=all] { --queue-color:#249ac1; }
:is(.queue-tabs,.company-metrics) a[data-queue=updates] { --queue-color:#a67d00; }
:is(.queue-tabs,.company-metrics) a[data-queue=mine],.company-metrics a[data-queue=active] { --queue-color:#2869d8; }
:is(.queue-tabs,.company-metrics) a[data-queue=unassigned] { --queue-color:#78848e; }
:is(.queue-tabs,.company-metrics) a[data-queue=overdue] { --queue-color:#d23c4c; }
:is(.queue-tabs,.company-metrics) a[data-queue=resolved] { --queue-color:#289c58; }
:is(.queue-tabs,.company-metrics) a[data-queue=completed] { --queue-color:#167145; }
:is(.queue-tabs,.company-metrics) a[data-queue]:is(.active,.selected) { background:color-mix(in srgb,var(--queue-color) 22%,var(--surface,#fff)); color:var(--text,#182a3b); box-shadow:inset 0 0 0 1px var(--queue-color); font-weight:750; }
.company-department-picker { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; margin-top:12px; }
.company-department-picker label { margin:0; font-size:12px; font-weight:650; }
.company-department-picker :is(select,.ui-select) { width:min(360px,100%); min-width:0; }
.company-department-picker .ui-select-trigger { min-height:38px; padding:7px 10px; font-size:12px; }
.company-department-picker small { font-size:11px; color:var(--muted,#617083); }

/* Results: useful metadata for the executor, review dates for the initiator. */
.badge.completed,.status-completed { background:#146c38!important; color:#fff!important; border-color:#146c38!important; }
.badge.auto_closed,.status-auto_closed { background:#e4eee8!important; color:#244c35!important; border-color:#7c9c88!important; }
.badge.completed:before { content:none; }
.badge.auto_closed:before { content:'◷'; }
.completion-meta { display:flex; flex-wrap:wrap; gap:5px 20px; margin:10px 0; font-size:12px; line-height:1.5; color:var(--muted,#617083); }
.completion-meta strong { font-weight:600; color:var(--text,#203349); }
.completion-window { margin:8px 0; padding:0; border:0; font-size:12px; line-height:1.5; color:var(--muted,#617083); }
.completion-cards { display:grid; gap:12px; min-width:0; }
.completion-cards article { min-width:0; margin:0; padding:16px 18px; }
.completion-cards header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.completion-cards header>div { min-width:0; }
.completion-cards h2 { font-size:16px; line-height:1.4; margin:5px 0; overflow-wrap:anywhere; }
.completion-cards header p { margin:5px 0; font-size:12px; color:var(--muted,#617083); }
.completion-cards p { overflow-wrap:anywhere; white-space:normal; }
.completion-cards .text { font-size:14px; line-height:1.5; margin:12px 0; }
.completion-cards .request-feedback { padding:12px 0 4px; margin:0; border:0; box-shadow:none; }
.completion-cards details,.completion-cards form { min-width:0; max-width:100%; }
.completion-cards details>summary { min-height:40px; cursor:pointer; display:flex; align-items:center; font-weight:650; font-size:12px; }
.completion-cards .badge { flex:none; }
.completion-cards .feedback-form { max-width:640px; }
.request-list-table td { padding-block:10px; }
.request-list-table table { min-width:960px; }
.request-list-table { scroll-padding-inline:18px; }
.ticket-card,.staff-feedback { padding:18px; }
.cab-stats { grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); }

/* Five coloured choices. Native radios keep keyboard support. */
.request-feedback .feedback-form { gap:10px; }
.request-feedback h2 { font-size:16px; margin:0 0 10px; }
.feedback-form .feedback-score legend { font-size:12px; margin-bottom:8px; }
.feedback-form .feedback-score input[type=radio] { position:absolute; width:1px; height:1px; opacity:0; margin:0; }
.feedback-form .feedback-score .feedback-scale { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); max-width:640px; gap:7px; }
.feedback-form .feedback-score .feedback-score-option { --rating-color:#b93c47; position:relative; display:flex; flex-direction:column; gap:5px; justify-content:center; align-items:center; min-height:76px; min-width:0; padding:8px 5px; border:1px solid color-mix(in srgb,var(--rating-color) 50%,var(--border,#bccada)); border-radius:12px; background:color-mix(in srgb,var(--rating-color) 10%,var(--surface,#fff)); color:var(--text,#172b40); cursor:pointer; box-shadow:none; }
.feedback-form .feedback-score [data-score="2"] { --rating-color:#c66a27; }
.feedback-form .feedback-score [data-score="3"] { --rating-color:#a78413; }
.feedback-form .feedback-score [data-score="4"] { --rating-color:#278b77; }
.feedback-form .feedback-score [data-score="5"] { --rating-color:#22824c; }
.feedback-form .feedback-score .feedback-score-number { display:block; width:auto; min-height:0; font-size:23px; font-weight:750; line-height:1.1; }
.feedback-form .feedback-score .feedback-score-text { display:block; width:auto; min-height:0; font-size:10px; font-weight:600; line-height:1.3; text-align:center; }
.feedback-form .feedback-score .feedback-score-option:has(input:checked) { background:color-mix(in srgb,var(--rating-color) 25%,var(--surface,#fff)); border-color:var(--rating-color); box-shadow:inset 0 0 0 2px var(--rating-color); }
.feedback-form .feedback-score-option:has(input:checked):after { content:'✓'; position:absolute; top:3px; right:6px; font-size:11px; font-weight:800; }
.feedback-form .feedback-score-option:has(input:focus-visible) { outline:3px solid var(--accent,#1764ab); outline-offset:3px; }
.feedback-form .feedback-score-description { min-height:18px; margin:7px 0 0; font-size:11px; line-height:1.5; color:var(--muted,#617083); }
.feedback-comment { margin:0; padding:0; }
.request-feedback .feedback-comment>summary { display:flex; align-items:center; gap:4px; min-height:36px; padding:3px 0; font-size:12px; cursor:pointer; }
.feedback-comment summary span { color:var(--muted,#617083); font-size:11px; }
.feedback-comment textarea { margin-top:6px; min-height:72px; max-height:220px; }
.request-feedback .feedback-form>button { justify-self:start; min-height:40px; font-size:12px; padding:8px 16px; }
.request-feedback .feedback-result { margin:10px 0; padding:10px 12px; font-size:12px; }
.low-rating-prompt { padding:12px; margin-top:12px; border:1px solid #a67d00; border-radius:12px; background:var(--surface,#fff); color:var(--text,#203349); font-size:12px; }
.low-rating-prompt .button,.low-rating-prompt button { margin:4px; min-height:40px; }
.low-rating-prompt[hidden] { display:none; }
.feedback-history summary { cursor:pointer; min-height:40px; padding:10px; }
.feedback-history article { padding:12px; border-top:1px solid var(--border,#bccada); }
body dialog { box-sizing:border-box; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); overflow:auto; }
body .theme-menu { max-width:calc(100vw - 24px); z-index:2100; }

@media(max-width:1100px) {
  .queue-controls :is(.queue-tabs a,.company-metric) { flex:0 0 auto; min-width:max-content; }
}
@media(min-width:701px) and (max-width:1400px) {
  .queue-controls :is(.tab-label,.company-metric span) { font-size:11px; }
  .queue-controls :is(.queue-tabs a,.company-metric) { gap:6px; padding:8px; }
}
@media(max-width:700px) {
  .queue-controls { gap:6px; }
  .queue-controls :is(.queue-tabs,.company-metrics) { gap:6px; }
  .queue-controls :is(.queue-tabs a,.company-metric) { flex:0 0 auto; min-height:44px; padding:8px 10px; }
  .queue-controls .queue-tabs a:first-child { grid-column:auto; }
  .queue-controls .search-toolbar { gap:5px; }
  .queue-controls .search-toolbar button { width:40px; min-height:44px; padding:8px; }
  .queue-controls .filter-toggle-label { display:none; }
  .queue-controls .search-toolbar .filter-toggle:has(.filter-counter) { width:auto; min-width:62px; gap:5px; }
  .company-department-picker { display:grid; grid-template-columns:auto minmax(0,1fr); }
  .company-department-picker small { display:none; }
  .company-department-picker :is(select,.ui-select) { width:100%; }
  .completion-cards header { flex-direction:column; gap:8px; }
  .completion-cards article,.ticket-card,.staff-feedback { padding:14px; }
  .completion-cards .request-feedback { padding:8px 0 0; }
  .completion-meta { gap:4px; flex-direction:column; }
  .cab-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .feedback-form .feedback-score .feedback-scale { gap:5px; }
  .feedback-form .feedback-score .feedback-score-option { min-height:48px; padding:8px 4px; }
  .feedback-form .feedback-score .feedback-score-option:last-child { grid-column:auto; }
  .feedback-form .feedback-score .feedback-score-text { display:none; }
  .request-feedback .feedback-form>button { width:auto; min-height:44px; }
}

@media(max-width:1000px) {
  .tg-web .queue-controls :is(.queue-tabs a,.company-metric) { min-height:44px; }
  .tg-web .queue-controls .search-toolbar button { min-height:44px; height:44px; }
}

/* Keep the full label and counter visible in Telegram's narrow scroll strip. */
@media(max-width:360px) {
  .tg-web .queue-controls :is(.queue-tabs a,.company-metric) {
    flex-direction:column; align-items:flex-start; justify-content:center;
    gap:4px; min-height:58px;
  }
}