/* Shared application appearance. Keep these rules unlayered: they own the
 * component appearance above the app-layout layer, regardless of selector IDs.
 * Domain styles own layout and document content, never alternate UI themes. */
:root {
  --ui-font: Calibri, "Segoe UI", Arial, sans-serif;
  --ui-text: 14px;
  --ui-text-small: 12px;
  --ui-radius: 8px;
  --ui-radius-panel: 12px;
  --ui-control-height: 36px;
  --ui-control-compact: 32px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ink: #1d1b1a;
  --ink-soft: #564f4b;
  --paper: #f8f3ee;
  --canvas: #ffffff;
  --accent: #c83232;
  --accent-2: #a62626;
  --muted: #d9d1c7;
  --sidebars: #fff1f1;
  --surface: var(--canvas);
  --panel: var(--canvas);
  --surface-soft: var(--paper);
  --surface-muted: var(--paper);
  --border-soft: var(--muted);
  --ui-hover: #efe7dd;
  --ui-selected: #fbe7e7;
  --ui-danger: #a62626;
  --ui-danger-soft: #fde5e5;
  --ui-success: #245f34;
  --ui-success-soft: #e3f2e7;
  --ui-warning: #805500;
  --ui-warning-soft: #fff0c9;
  --ui-info: #234f74;
  --ui-info-soft: #e4eff8;
  --shadow: rgba(33, 29, 25, 0.15);
}

body { font-family: var(--ui-font); color: var(--ink); background: var(--paper); }
button, input, select, textarea { font-family: var(--ui-font); }

/* Action buttons share one shape. Icon tools use the same compact size in
 * tables, editors, navigation and dialogs. Full-card buttons retain layout. */
:where(.primary, .ghost, .danger, .tool-btn, .icon-btn, .icon-action,
  .app-nav-action, .project-home-shortcut, .project-home-link-btn,
  .wi-review-action-btn, .workitem-review-card-actions button,
  .global-home-attention button, .global-home-context button) {
  min-height: var(--ui-control-height);
  border: 1px solid var(--muted);
  border-radius: var(--ui-radius);
  padding: 7px 12px;
  background-color: var(--canvas);
  color: var(--ink);
  font-size: var(--ui-text);
  font-weight: 600;
  line-height: 20px;
  box-shadow: none;
  cursor: pointer;
}
:is(.tool-btn, .icon-btn, .icon-action, .app-nav-icon-action) {
  min-height: var(--ui-control-compact);
  height: var(--ui-control-compact);
  min-width: var(--ui-control-compact);
  padding: 4px;
  background-color: transparent;
  border-color: transparent;
}
:is(.primary, .workitem-review-accept) {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--canvas);
}
.danger { background-color: var(--ui-danger); border-color: var(--ui-danger); color: var(--canvas); }
:where(.ghost, .tool-btn, .icon-btn, .icon-action, .app-nav-action,
  .project-home-shortcut, .project-home-link-btn, .wi-review-action-btn,
  .workitem-review-card-actions button, .global-home-attention button,
  .global-home-context button):hover:not(:disabled) {
  background-color: var(--ui-hover);
  border-color: var(--muted);
  color: var(--ink);
}
:is(.primary, .workitem-review-accept, .danger):hover:not(:disabled) {
  background-color: var(--accent-2); border-color: var(--accent-2); color: var(--canvas);
}
:is(.tool-btn, .icon-btn, .ghost):not(.tab-btn, .meta-view-toggle, .app-nav-action):is(.active, .is-active, [aria-pressed="true"]),
:is(.tool-btn, .icon-btn, .ghost):not(.tab-btn, .meta-view-toggle, .app-nav-action):is(.active, .is-active, [aria-pressed="true"]):hover:not(:disabled) {
  background-color: var(--ui-selected); border-color: var(--accent); color: var(--accent-2);
}

/* Content tabs are text-only; the main navigation is a separate component. */
:is(.tab-btn, .meta-view-toggle, .project-home-tabs button,
  .global-home-tabs button, .workitem-view-tabs button) {
  min-height: var(--ui-control-height);
  padding: 7px 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink-soft);
  font: 600 var(--ui-text)/20px var(--ui-font);
  box-shadow: none;
}
:is(.tab-btn, .meta-view-toggle, .project-home-tabs button,
  .global-home-tabs button, .workitem-view-tabs button):hover:not(:disabled) {
  background: transparent; color: var(--ink);
}
:is(.tab-btn, .meta-view-toggle, .project-home-tabs button,
  .global-home-tabs button, .workitem-view-tabs button):is(.active, [aria-selected="true"], [aria-pressed="true"]) {
  background: transparent; color: var(--accent-2); border: 0;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}
:is(.panel-tabs, .view-tabs, .project-home-tabs, .global-home-tabs, .workitem-view-tabs) { gap: var(--ui-space-1); }

/* Header navigation: white labels on the brand surface, white active button. */
.topbar .app-nav-action {
  color: var(--canvas);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--ui-radius);
  text-decoration: none;
}
.topbar .app-nav-action:hover:not(:disabled) {
  color: var(--canvas);
  background: rgba(255, 255, 255, .15);
  border-color: transparent;
}
.topbar .app-nav-action:is(.active, [aria-pressed="true"], [aria-expanded="true"]),
.topbar .app-nav-action:is(.active, [aria-pressed="true"], [aria-expanded="true"]):hover:not(:disabled) {
  color: var(--accent-2);
  background: var(--canvas);
  border-color: transparent;
  text-decoration: none;
}
.topbar .app-nav-action:focus-visible { outline-color: var(--canvas); outline-offset: 2px; }

/* One editor-toolbar surface, including the variable editor's mini-actions. */
:is(.toolbar, .mini-actions, .comment-editor-toolbar, .wi-inline-rich-toolbar, .template-preview-toolbar) {
  display: flex;
  align-items: center;
  gap: var(--ui-space-1);
  padding: var(--ui-space-1);
  border: 1px solid var(--muted);
  border-radius: var(--ui-radius);
  background: var(--paper);
  color: var(--ink);
}
.mini-actions { flex-wrap: wrap; }
:is(.toolbar, .mini-actions, .comment-editor-toolbar, .wi-inline-rich-toolbar, .template-preview-toolbar) .tool-btn {
  font-size: var(--ui-text);
  line-height: 20px;
  padding: 4px;
}
:is(.toolbar, .mini-actions, .comment-editor-toolbar, .wi-inline-rich-toolbar, .template-preview-toolbar) .tool-btn:is(.icon-only, .icon-glyph) {
  width: var(--ui-control-compact);
  min-width: var(--ui-control-compact);
}
:is(.toolbar, .mini-actions, .comment-editor-toolbar, .wi-inline-rich-toolbar, .template-preview-toolbar) .icon {
  width: 22px;
  height: 22px;
  filter: grayscale(1) brightness(0);
}
.review-status-counters { margin-bottom: var(--ui-space-4); }
#homeView, #projectHomeView, #projectHomeView .project-home-panel { background: var(--paper); }
.topbar .view-tabs { background-color: var(--accent); }

/* Only application fields: document typography, color swatches, checkboxes
 * and range inputs keep their actual content/interaction semantics. */
:where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="hidden"], [type="file"], [type="button"], [type="submit"]), select, textarea):not(:where(#docCanvas *, #templateContent *, .ProseMirror *)) {
  min-height: var(--ui-control-height);
  padding: 7px 12px;
  border: 1px solid var(--muted);
  border-radius: var(--ui-radius);
  background-color: var(--canvas);
  color: var(--ink);
  font-size: var(--ui-text);
  line-height: 20px;
  box-shadow: none;
}
/* Space reserved for the existing search icon and native/custom select arrow. */
.workitem-searchbar .field:first-child input { padding-left: 36px; }
:is(.field, .work-filters, .modal, .work-query-builder) select { padding-right: 34px; }
.field { gap: var(--ui-space-2); font-size: var(--ui-text-small); }
input::placeholder, textarea::placeholder { color: var(--ink-soft); opacity: 1; }
input[type="checkbox"], input[type="radio"], input[type="range"] { accent-color: var(--accent); }
:is(input, select, textarea):is(.is-invalid, [aria-invalid="true"]) { border-color: var(--ui-danger); }
.form-error, .field-validation-error, .comment-editor-error { color: var(--ui-danger); }
.form-success { color: var(--ui-success); }

:is(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
:is(button, input, select, textarea):disabled { opacity: .5; cursor: not-allowed; }

/* Surfaces and headings use the same hierarchy on both home pages and in
 * working views. Width, scrolling, positioning and responsive layout stay local. */
:is(.modal, .login-card, .project-home-card, .global-home-project,
  .global-home-inbox, .global-home-recent, .home-panel,
  .project-home-kpi, .global-home-kpi, .workitem-hover-preview) {
  border: 1px solid var(--muted);
  border-radius: var(--ui-radius-panel);
  background-color: var(--canvas);
  color: var(--ink);
}
:is(.project-home-heading, .global-home-heading) h1 {
  font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.4px;
}
:is(.panel-header, .project-home-card h2, #globalHomeDashboard h2, .modal-header) {
  font-size: 16px; font-weight: 700;
}
:is(.project-home-kpi, .global-home-kpi) { padding: var(--ui-space-4); }
:is(.project-home-kpi, .global-home-kpi) strong { font-size: 28px; line-height: 1.2; }
:is(.project-home-kpi, .global-home-kpi):hover { background-color: var(--ui-hover); }
.work-query-builder, .comment-entry, .comment-editor { border-radius: var(--ui-radius); background-color: var(--canvas); border-color: var(--muted); }
:is(.work-table, .testing-table) th { background-color: var(--paper); border-color: var(--muted); }
:is(.work-table, .testing-table) td { border-color: var(--muted); }
:is(.work-table, .testing-table) tbody tr:hover td { background-color: var(--ui-hover); }
:is(.work-table, .testing-table) tbody tr.selected td { background-color: var(--ui-selected); }

:is(.status-badge, .status-pill, .testing-badge, .review-status-pill,
  .mfa-policy-badge, .role-mfa-badge, .workitem-hover-preview-status,
  .project-home-tag, .global-home-tag) {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid var(--muted);
  border-radius: 999px;
  font: 600 var(--ui-text-small)/18px var(--ui-font);
  background-color: var(--paper);
  color: var(--ink-soft);
}
:is(.status-badge.active, .status-pill[data-mfa-enabled="1"],
  .testing-badge-passed, .testing-badge-finished, .review-status-pill.accepted) {
  color: var(--ui-success); background-color: var(--ui-success-soft); border-color: var(--ui-success);
}
:is(.status-badge.inactive, .testing-badge-failed, .review-status-pill.rejected) {
  color: var(--ui-danger); background-color: var(--ui-danger-soft); border-color: var(--ui-danger);
}
:is(.review-status-pill.pending, .trace-config-toolbar .status-pill.is-dirty) {
  color: var(--ui-warning); background-color: var(--ui-warning-soft); border-color: var(--ui-warning);
}
:is(.testing-badge-accepted, .testing-badge-in_progress, .mfa-policy-badge, .role-mfa-badge) {
  color: var(--ui-info); background-color: var(--ui-info-soft); border-color: var(--ui-info);
}

@media (pointer: coarse) {
  :is(.primary, .ghost, .danger, .tool-btn, .icon-btn, .icon-action, .tab-btn,
    .app-nav-action, .project-home-shortcut, .project-home-tabs button,
    .global-home-tabs button, .workitem-view-tabs button) { min-height: 44px; }
  :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="hidden"]), select):not(:where(#docCanvas *, #templateContent *, .ProseMirror *)) { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  :is(button, input, select, textarea, .work-filters, .work-query-builder) { transition: none; }
}

/* Shared 20px outline icons; preserve button visibility and responsive layout. */
.btn-icon { width: 20px; height: 20px; flex: 0 0 20px; display: inline-block; vertical-align: middle; }
:is(.icon-btn, .icon-action, .app-nav-icon-action) { width: var(--ui-control-compact); min-width: var(--ui-control-compact); flex-shrink: 0; text-align: center; align-content: center; }
.btn-icon[data-icon="pin"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6l-1%206%204%204v2h-5v6h-2v-6H6v-2l4-4-1-6Z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6l-1%206%204%204v2h-5v6h-2v-6H6v-2l4-4-1-6Z%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="edit"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%203%205%205M4%2015%2015%204a2%202%200%200%201%203%200l2%202a2%202%200%200%201%200%203L9%2020l-6%201%201-6Z%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m16%203%205%205M4%2015%2015%204a2%202%200%200%201%203%200l2%202a2%202%200%200%201%200%203L9%2020l-6%201%201-6Z%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="link"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%2013%204-4M8%2016l-1%201a4%204%200%200%201-6-6l4-4a4%204%200%200%201%206%200M13%2017a4%204%200%200%200%206%200l4-4a4%204%200%200%200-6-6l-1%201%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%2013%204-4M8%2016l-1%201a4%204%200%200%201-6-6l4-4a4%204%200%200%201%206%200M13%2017a4%204%200%200%200%206%200l4-4a4%204%200%200%200-6-6l-1%201%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="trash"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M9%206V3h6v3M6%206l1%2015h10l1-15M10%2010v7M14%2010v7%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M9%206V3h6v3M6%206l1%2015h10l1-15M10%2010v7M14%2010v7%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="suspect"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%202%2021h20L12%203ZM12%209v5M12%2017v1%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%202%2021h20L12%203ZM12%209v5M12%2017v1%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="plus"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="project-add"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%2021H4V3h10l5%205v5M13%203v6h6M18%2015v6M15%2018h6%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%2021H4V3h10l5%205v5M13%203v6h6M18%2015v6M15%2018h6%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="chevron-left"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="chevron-right"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E"); }
.btn-icon[data-icon="close"] { mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22%2F%3E%3C%2Fsvg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22%2F%3E%3C%2Fsvg%3E"); }
@media (pointer: coarse) { :is(.icon-btn, .icon-action, .app-nav-icon-action) { min-width: 44px; min-height: 44px; } }