:root {
  --bg: #eef3f9;
  --bg-elev: #e6edf6;
  --panel: #ffffff;
  --text: #111827;
  --muted: #6b7280;
  --line: #d1d5db;
  --line-strong: #9ca3af;
  --accent: #1e3a8a;
  --accent-strong: #1e2f6f;
  --accent-soft: #dfe9ff;
  --success: #2f7a45;
  --team-health-compliance-on-time: #4f865f;
  --warn: #9c5d1a;
  --danger: #a63e31;
  --team-health-compliance-late: #b86f67;
  --sidebar-surface: #fbfaf8;
  --shadow-soft: 0 34px 82px rgba(2, 6, 23, 0.46), 0 14px 30px rgba(2, 6, 23, 0.30);
  --shadow-floating: 0 17px 41px rgba(2, 6, 23, 0.23), 0 7px 15px rgba(2, 6, 23, 0.15);
  --ui-control-hover-shadow: 0 1px 0 rgba(15, 23, 42, 0.06);
  --ui-section-row-divider: #e7edf5;
  --ui-muted-highlight: #f0efed;
  --ui-index-interactive-bg: #f5f6f8;
  --ui-index-row-meta-size: 10px;
  --ui-section-meta: #64748b;
  --ui-menu-action-color: #8f8c86;
  --ui-menu-action-hover-color: #2f2d29;
  --ui-menu-action-hover-bg: transparent;
  --drawer-metadata-hover-bg: #f8fafc;
  --ticket-drawer-width: min(1080px, 88vw);
  --ticket-drawer-min-width: 560px;
  --ticket-drawer-max-width: calc(100vw - 64px);
  --ticket-drawer-bg: #ffffff;
  --ticket-drawer-border: 1px solid #e5e7eb;
  --ticket-drawer-shadow: -4px 0 24px rgba(0, 0, 0, 0.08);
  --overlay-border: #a9bcd8;
  --overlay-outline: rgba(15, 23, 42, 0.14);
  --radius-sm: 6px;
  --radius: 6px;
  --radius-lg: 10px;
  --ui-menu-shell-radius: 4px;
  --ui-menu-item-radius: 5px;
  /* Inbox visual-parity contract: all Inbox-only geometry and state color values. */
  --inbox-column-width: minmax(330px, 330px);
  --inbox-divider-color: #e7ebef;
  --inbox-inline-gutter: 14px;
  --inbox-toolbar-block-start: 8px;
  --inbox-toolbar-heading-block-end: 8px;
  --inbox-date-heading-block-end: 9px;
  --inbox-toolbar-filter-block-padding: 8px;
  --inbox-filter-gap: 6px;
  --inbox-filter-min-height: 30px;
  --inbox-filter-inline-padding: 10px;
  --inbox-filter-text: #4b5563;
  --inbox-filter-active-border: #e1e5ea;
  --inbox-filter-active-bg: #f1f3f5;
  --inbox-filter-active-text: #111827;
  --inbox-filter-hover-bg: #f9fafb;
  --inbox-filter-hover-text: #111827;
  --inbox-card-gap: 8px;
  --inbox-card-min-height: 48px;
  --inbox-card-block-padding: 6px;
  --inbox-card-avatar-size: 32px;
  --inbox-card-avatar-bg: #f2f2f0;
  --inbox-card-avatar-text: #6d6c67;
  --inbox-card-avatar-hover-bg: #f0f0ee;
  --inbox-card-avatar-hover-text: #65645f;
  --inbox-card-avatar-selected-bg: #e7e7e4;
  --inbox-card-avatar-selected-text: #575650;
  --inbox-card-title-font-size: 12px;
  --inbox-card-title-line-height: 1.3;
  --inbox-card-meta-font-size: 10.5px;
  --inbox-card-meta-line-height: 1.3;
  --inbox-card-time-font-size: 10px;
  --inbox-card-hover-bg: #f8fafc;
  --inbox-card-hover-inline-inset: 6px;
  --inbox-card-hover-radius: 8px;
  --inbox-card-selected-bg: #f0f2f4;
  --inbox-card-selected-inline-inset: 6px;
  --inbox-card-selected-radius: 8px;
  --inbox-card-action-size: 28px;
  --inbox-card-trailing-width: 64px;
  --inbox-card-menu-offset: 6px;
  --inbox-card-menu-min-width: 220px;
  --inbox-card-menu-surface: #ffffff;
  --inbox-card-menu-border: #e5e7eb;
  --inbox-card-menu-padding: 6px;
  --inbox-card-menu-shadow: var(--shadow-floating);
  --inbox-empty-font-size: 13px;
  --inbox-empty-font-weight: 400;
  /* Aligns the list-empty copy with the detail placeholder copy on desktop. */
  --inbox-empty-pair-alignment-offset: 80px;
  --board-column-resize-edge-width: 0px;
  --board-date-calendar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='3'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M4 10h16'/%3E%3C/svg%3E");
  --mobile-main-inset: 14px;

  /* Modal UI contract tokens (phase 1 additive baseline) */
  --ui-modal-backdrop-bg: rgba(0, 0, 0, 0.25);
  --ui-modal-backdrop-padding: 18px;
  --ui-modal-z: 12000;
  --ui-modal-secondary-z: 12120;
  --ui-overlay-editor-backdrop-z: 11900;
  --ui-overlay-editor-frame-z: 11910;
  --ui-overlay-editor-transient-z: 11920;
  --ui-overlay-editor-modal-z: var(--ui-modal-z);
  --ui-overlay-editor-alert-z: var(--ui-modal-secondary-z);

  --ui-modal-card-bg: #ffffff;
  --ui-modal-card-border: #d1d5db;
  --ui-modal-card-radius: 4px;
  --ui-modal-card-shadow: var(--shadow-floating);
  --ui-modal-card-padding: 16px;
  --ui-modal-card-max-width: 420px;

  --ui-modal-title-size: 16px;
  --ui-modal-title-margin-bottom: 4px;
  --ui-modal-copy-size: 12.5px;
  --ui-modal-copy-margin-bottom: 12px;

  --ui-modal-action-gap: 8px;
  --ui-modal-action-row-gap: var(--ui-modal-action-gap);
  --ui-modal-action-min-height: 32px;
  --ui-modal-action-button-min-height: var(--ui-modal-action-min-height);
  --ui-modal-action-radius: 4px;
  --ui-modal-action-button-radius: var(--ui-modal-action-radius);
  --ui-modal-action-font-size: 13px;
  --ui-modal-action-button-font-size: var(--ui-modal-action-font-size);
  --ui-modal-action-font-weight: 400;
  --ui-modal-action-button-font-weight: var(--ui-modal-action-font-weight);
  --ui-modal-action-padding: 0 14px;
  --ui-modal-action-button-padding: var(--ui-modal-action-padding);
  --ui-modal-action-display: flex;
  --ui-modal-action-justify: flex-end;
  --ui-modal-action-margin-top: 10px;
  --ui-modal-action-secondary-color: #6b7280;
  --ui-modal-action-secondary-bg: transparent;
  --ui-modal-action-secondary-border: 1px solid transparent;
  --ui-modal-action-secondary-hover-border-color: transparent;
  --ui-modal-action-secondary-button-hover-border-color: var(--ui-modal-action-secondary-hover-border-color);
  --ui-modal-action-secondary-hover-bg: #f3f4f6;
  --ui-modal-action-secondary-button-hover-bg: var(--ui-modal-action-secondary-hover-bg);
  --ui-modal-action-secondary-hover-color: #0f172a;
  --ui-modal-action-secondary-button-hover-color: var(--ui-modal-action-secondary-hover-color);
  --ui-modal-action-primary-bg: #1e40af;
  --ui-modal-action-primary-color: #ffffff;
  --ui-toggle-active-bg: #4161c4;
  --ui-modal-action-primary-border: 1px solid var(--ui-modal-action-primary-bg);
  --ui-modal-action-primary-hover-border-color: var(--ui-modal-action-primary-bg);
  --ui-modal-action-primary-hover-bg: #1e3a8a;
  --ui-modal-action-disabled-bg: color-mix(in srgb, var(--ui-modal-action-primary-bg) 48%, #ffffff);
  --ui-modal-action-disabled-color: var(--ui-modal-action-primary-color);
  --ui-modal-action-disabled-border: 1px solid transparent;
  --ui-modal-action-danger-bg: #991b1b;
  --ui-modal-action-danger-color: #ffffff;
  --ui-modal-action-danger-border: 1px solid var(--ui-modal-action-danger-bg);
  --ui-modal-action-danger-hover-border-color: var(--ui-modal-action-danger-bg);
  --ui-modal-action-danger-hover-bg: #7f1d1d;

  --ui-close-visible-size: 28px;
  --ui-close-hit-size: 32px;
  --ui-close-radius: 4px;
  --ui-close-bg: #f9fafb;
  --ui-close-color: #6b7280;
  --ui-close-border: 1px solid #e5e7eb;
  --ui-close-hover-bg: #f3f4f6;
  --ui-close-hover-color: #0f172a;
  --ui-close-focus-outline: 3px solid color-mix(in srgb, var(--accent) 75%, transparent);

  --ui-modal-input-width: 100%;
  --ui-modal-input-min-height: 36px;
  --ui-modal-input-font-size: 12.5px;
  --ui-modal-input-font-weight: 400;
  --ui-modal-input-radius: 4px;
  --ui-modal-input-border-width: 1px;
  --ui-modal-input-border-style: solid;
  --ui-modal-input-border: var(--line);
  --ui-modal-input-color: var(--text);
  --ui-modal-input-bg: var(--panel);
  --ui-modal-input-placeholder-color: #9ca3af;
  --ui-modal-input-placeholder-weight: 400;
  --ui-modal-input-focus-border-width: var(--ui-modal-input-border-width);
  --ui-modal-input-focus-border-style: var(--ui-modal-input-border-style);
  --ui-modal-input-focus-border: var(--line-strong);
  --ui-modal-input-focus-bg: #ffffff;
  --ui-modal-input-focus-outline: none;
  --ui-modal-input-padding: 8px 10px;

  --ui-modal-choice-list-gap: 6px;
  --ui-modal-choice-option-gap: 8px;
  --ui-modal-choice-option-border: var(--line);
  --ui-modal-choice-option-bg: var(--panel);
  --ui-modal-choice-option-hover-border: #cbd5e1;
  --ui-modal-choice-option-hover-bg: #f8fafc;
  --ui-modal-choice-option-selected-border: var(--line);
  --ui-modal-choice-option-selected-bg: #f8fafc;
  --ui-modal-choice-option-selected-hover-border: #cbd5e1;
  --ui-modal-choice-option-selected-hover-bg: #eef2f7;
  --ui-modal-choice-option-radius: 4px;
  --ui-modal-choice-option-radio-accent: #64748b;
  --ui-modal-choice-option-radio-size: 13px;
  --ui-modal-choice-option-radio-margin-top: 2px;
  --ui-modal-choice-option-title-color: var(--text);
  --ui-modal-choice-option-title-size: 12.5px;
  --ui-modal-choice-option-title-weight: 550;
  --ui-modal-choice-option-copy-color: var(--muted);
  --ui-modal-choice-option-copy-size: 11.5px;
  --ui-modal-choice-option-copy-line-height: 1.28;
  --ui-modal-choice-option-copy-weight: 400;
  --ui-modal-choice-option-padding: 7px 8px;

  --ui-modal-field-label-color: var(--muted);
  --ui-modal-field-border-color: #cbd5e1;
  --ui-modal-field-focus-border-color: #94a3b8;
  --ui-modal-field-focus-ring: 0 0 0 2px rgba(30, 58, 138, 0.08);

  --ui-modal-inline-primary-bg: #eef2ff;
  --ui-modal-inline-primary-border-color: #c7d2fe;
  --ui-modal-inline-primary-color: #1f3d8f;
  --ui-modal-inline-primary-hover-bg: #e0e7ff;
  --ui-modal-inline-primary-hover-border-color: #a5b4fc;
  --ui-modal-inline-primary-hover-color: #1e3a8a;

  --ui-modal-team-field-label-color: #64748b;
  --ui-modal-team-field-border-color: #d1d5db;
  --ui-modal-team-field-bg: #ffffff;
  --ui-modal-team-field-focus-border-color: #94a3b8;
  --ui-modal-team-action-color: #475569;
  --ui-modal-team-action-bg: #ffffff;
  --ui-modal-team-action-hover-bg: #f8fafc;
  --ui-modal-team-action-hover-color: #334155;
  --ui-modal-team-action-focus-border-color: #94a3b8;
  --ui-modal-assistant-row-border-color: #edf1f6;
  --ui-modal-assistant-control-accent: #4b5563;

  --ui-modal-created-link-panel-border-color: #dbe3ef;
  --ui-modal-created-link-panel-bg: #f8fafc;

  --ui-modal-column-section-head-border-color: #f3f4f6;
  --ui-modal-column-section-head-title-color: #6b7280;
  --ui-modal-column-option-label-size: 13px;
  --ui-modal-column-option-label-weight: 400;
  --ui-modal-column-option-label-line-height: 1.15;
  --ui-modal-column-option-icon-color: #6b7280;
  --ui-modal-column-option-icon-hover-color: var(--ui-modal-column-option-icon-color);

  --ui-modal-status-notice-title-color: #0f172a;

  --auth-control-radius: var(--ui-modal-action-button-radius);
  --auth-primary-action-min-height: 44px;
  --auth-primary-action-font-size: 14px;
  --auth-primary-action-font-weight: 650;

  --ui-feedback-radius: 8px;
  --ui-feedback-padding: 10px 12px;
  --ui-feedback-font-size: 13px;
  --ui-feedback-line-height: 1.35;
  --ui-feedback-neutral-border: #dbe5f1;
  --ui-feedback-neutral-bg: #f8fafc;
  --ui-feedback-neutral-color: #334155;
  --ui-feedback-error-border: color-mix(in srgb, var(--danger) 35%, #fecaca);
  --ui-feedback-error-bg: #fef2f2;
  --ui-feedback-error-color: #991b1b;
  --ui-feedback-success-border: color-mix(in srgb, var(--success) 28%, #d1fae5);
  --ui-feedback-success-bg: #f0fdf4;
  --ui-feedback-success-color: #166534;
  --page-editor-popover-reserve: 380px;
  --board-panel-menu-reserve: 220px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Canonical template editors: one route-driven modal frame, one scroll owner. */
.template-editor-modal-backdrop {
  --template-editor-modal-backdrop-z: var(--ui-overlay-editor-backdrop-z);
  --template-editor-modal-frame-z: var(--ui-overlay-editor-frame-z);
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: var(--ui-modal-backdrop-bg);
  z-index: var(--template-editor-modal-backdrop-z);
}

.template-editor-modal-frame {
  position: relative;
  z-index: var(--template-editor-modal-frame-z);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: calc(100vw - 48px);
  height: calc(100vh - 48px);
  overflow: hidden;
  border: 1px solid var(--ui-modal-card-border);
  border-radius: var(--radius-lg);
  background: var(--ui-modal-card-bg);
  box-shadow: var(--ui-modal-card-shadow);
}

.template-editor-modal-header {
  position: sticky;
  top: 0;
  z-index: var(--template-editor-modal-frame-z);
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 8px;
  border-bottom: 1px solid var(--line);
  background: var(--ui-modal-card-bg);
}

.template-editor-modal-content,
[data-template-editor-mount] {
  min-width: 0;
  min-height: 0;
}

.template-editor-modal-content {
  overflow: hidden;
}

[data-template-editor-mount] {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.template-editor-canonical-host,
.template-editor-modal-host-layout {
  min-height: 100%;
}

.template-editor-modal-host-layout {
  height: auto;
  width: 100%;
  display: block;
}

.template-editor-modal-host-layout > .main {
  grid-column: 1;
  max-width: none;
  overflow: visible;
}

body.has-template-editor-modal {
  overflow: hidden;
}

body.has-template-editor-modal > .template-editor-index-background {
  height: 100vh;
  pointer-events: none;
  user-select: none;
}

body.has-template-editor-modal > .modal-backdrop,
body.has-template-editor-modal > .ui-modal-backdrop {
  z-index: var(--ui-overlay-editor-modal-z);
}

body.has-template-editor-modal > .status-notice-backdrop,
body.has-template-editor-modal > #priority-notice-backdrop {
  z-index: var(--ui-overlay-editor-alert-z);
}

body.has-template-editor-modal > .mention-suggest-menu,
body.has-template-editor-modal > .editorjs-handle-menu,
body.has-template-editor-modal > .ce-popover,
body.has-template-editor-modal > .tc-popover,
body.has-template-editor-modal > .flatpickr-calendar,
body.has-template-editor-modal .ticket-drawer-backdrop {
  z-index: var(--ui-overlay-editor-transient-z);
}

body.has-template-editor-modal .ticket-drawer {
  z-index: calc(var(--ui-overlay-editor-transient-z) + 1);
}

@media (max-width: 760px) {
  .template-editor-modal-backdrop {
    align-items: stretch;
    padding-top: env(safe-area-inset-top);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
  }

  .template-editor-modal-frame {
    width: calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right));
    height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 0;
  }
}


* { box-sizing: border-box; }
html, body { height: 100%; }
html { font-size: 16px; }
html.is-restoring-scroll body {
  visibility: hidden;
}
html.is-restoring-sidebar-scroll .sidebar-scroll-area {
  visibility: hidden;
}
body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 450;
  line-height: 1.4;
  overflow-x: hidden;
}

h1, h2, h3, h4, p { margin: 0; }
a { color: inherit; text-decoration: none; }
code { font-family: inherit; font-size: 0.87em; }

input, select, button, textarea {
  font: inherit;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-strong);
  background: #fff;
  color: var(--text);
  min-height: 34px;
  padding: 7px 10px;
}

input::placeholder, textarea::placeholder { color: #98a2b3; }

label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 550;
}

button {
  border: 1px solid transparent;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: background .16s ease, transform .06s ease, box-shadow .16s ease;
}
button:hover { background: var(--accent-strong); }
button:active { transform: translateY(1px); }
.add-column-rail-btn:active { transform: rotate(180deg); }
button.ghost {
  background: #fff;
  color: #4a4038;
  border-color: var(--line-strong);
}
button.ghost:hover { background: #eaf0fa; }
button.danger { background: #991b1b; color: #ffffff; border-color: #991b1b; }
button.danger:hover { background: #7f1d1d; }

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent) 42%, transparent);
  outline-offset: 2px;
}

[data-ui-modal-focus-return="escape"]:focus-visible {
  outline: none;
  box-shadow: none;
}

/* App shell layout */
.app-shell {
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
  min-height: 100vh;
  overflow-x: hidden;
}

.sidebar {
  --sidebar-menu-surface: #f5f5f4;
  --sidebar-item-radius: 8px;
  --sidebar-item-color: #50504d;
  --sidebar-item-active-color: #111827;
  --sidebar-item-hover-bg: #ececeb;
  --sidebar-item-active-bg: #e1e1df;
  --sidebar-panel-menu-inset: 3px;
  --sidebar-section-gap: 24px;
  --sidebar-content-inset: 8px;
  --sidebar-heading-color: #706f6b;
  --sidebar-heading-icon-color: #97948e;
  background: var(--sidebar-menu-surface);
  border-right: 1px solid #e5e4e1;
  padding: 14px 8px 0;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 248px;
  height: 100vh;
  overflow: hidden;
  z-index: 20;
}

.sidebar-scroll-shell {
  --sidebar-scrollbar-thumb: rgba(107, 114, 128, 0.56);
  --sidebar-fade-size: 40px;
  --sidebar-fade-bg: var(--sidebar-menu-surface);
  --sidebar-menu-shadow-buffer: 12px;
  flex: 1 1 auto;
  min-height: 0;
  position: relative;
  margin-right: -5px;
}
.sidebar-scroll-area {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  margin-right: calc(-5px - var(--sidebar-scrollbar-reserve, 0px));
  padding-right: calc(5px + var(--sidebar-scrollbar-reserve, 0px) + var(--sidebar-menu-shadow-buffer));
  padding-bottom: 40px;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  scrollbar-gutter: stable;
}
.sidebar-scroll-area.is-scrolling,
.sidebar-scroll-area:hover,
.sidebar-scroll-area:focus-within {
  scrollbar-color: var(--sidebar-scrollbar-thumb) transparent;
}
.sidebar-scroll-area::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.sidebar-scroll-area::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar-scroll-area::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
  transition: background-color .18s ease, border-color .18s ease;
}
.sidebar-scroll-area:hover::-webkit-scrollbar-thumb,
.sidebar-scroll-area:focus-within::-webkit-scrollbar-thumb,
.sidebar-scroll-area.is-scrolling::-webkit-scrollbar-thumb {
  background-color: var(--sidebar-scrollbar-thumb);
}
.sidebar-scroll-area::-webkit-scrollbar-thumb:hover {
  background-color: rgba(75, 85, 99, 0.72);
}
.sidebar-scroll-shell::before,
.sidebar-scroll-shell::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: var(--sidebar-fade-size);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
  transition: opacity .18s ease;
}
.sidebar-scroll-shell::before {
  top: 0;
  background: linear-gradient(to bottom, var(--sidebar-fade-bg) 28%, rgba(250, 249, 247, 0));
}
.sidebar-scroll-shell::after {
  bottom: 0;
  background: linear-gradient(to top, var(--sidebar-fade-bg) 28%, rgba(250, 249, 247, 0));
}
.sidebar-scroll-shell.is-scrollable:not(.is-at-top)::before {
  opacity: 1;
}
.sidebar-scroll-shell.is-scrollable:not(.is-at-bottom)::after {
  opacity: 1;
}
body.sidebar-menu-open .sidebar-scroll-area {
  padding-right: calc(5px + var(--sidebar-scrollbar-reserve, 0px) + var(--sidebar-menu-shadow-buffer));
}
body.sidebar-menu-open .sidebar-scroll-shell::before,
body.sidebar-menu-open .sidebar-scroll-shell::after {
  opacity: 0 !important;
}

.brand {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  margin-bottom: 10px;
}
.brand-with-workspace {
  display: grid;
  gap: 8px;
  align-items: stretch;
}
.brand-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.brand-mark {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #374151;
}
.brand h2 { font-size: 16px; letter-spacing: 0; font-weight: 400; color: #111827; }
.workspace-context-shell {
  position: relative;
  padding: 7px 0;
  --workspace-context-trigger-name-size: 13px;
  --workspace-context-option-name-size: 12px;
  --workspace-context-chevron-size: 14px;
  --workspace-context-chevron-icon-size: 12px;
  --workspace-context-chevron-color: #6b7280;
}
.workspace-context-trigger {
  width: 100%;
  max-width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 0;
  border-radius: var(--sidebar-item-radius);
  background: transparent;
  color: var(--sidebar-item-active-color);
  cursor: pointer;
  text-align: left;
}
.workspace-context-trigger:hover,
.workspace-context-trigger[aria-expanded="true"] {
  background: var(--sidebar-item-hover-bg);
}
.workspace-context-trigger:disabled {
  cursor: default;
}
.workspace-context-trigger:disabled:hover {
  background: transparent;
}
.workspace-context-trigger-copy {
  min-width: 0;
  display: grid;
  flex: 0 1 auto;
  gap: 1px;
}
.workspace-context-trigger-label,
.workspace-context-option-name,
.workspace-context-dropdown-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-context-trigger-label {
  font-size: var(--workspace-context-trigger-name-size);
  line-height: 1.2;
  font-weight: 560;
}
.workspace-context-dropdown-kicker {
  font-size: 11px;
  line-height: 1.2;
  color: #6b7280;
}
.workspace-context-chevron {
  flex: 0 0 auto;
  width: var(--workspace-context-chevron-size);
  height: var(--workspace-context-chevron-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--workspace-context-chevron-color);
}
.workspace-context-chevron-icon {
  width: var(--workspace-context-chevron-icon-size);
  height: var(--workspace-context-chevron-icon-size);
  display: block;
}
.workspace-context-hidden-form {
  display: none;
}
.workspace-context-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 9px;
  right: 9px;
  z-index: 1000;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow-floating);
}
.workspace-context-dropdown[hidden] {
  display: none;
}
.workspace-context-dropdown-head {
  display: grid;
  gap: 2px;
  padding: 2px 2px 6px;
  border-bottom: 1px solid #eef2f7;
}
.workspace-context-dropdown-title {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.workspace-context-options,
.workspace-context-dropdown-actions {
  display: grid;
  gap: 2px;
}
.workspace-context-option {
  width: 100%;
  min-height: 34px;
  display: grid;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #111827;
  font-size: var(--workspace-context-option-name-size);
  font-weight: 400;
  cursor: pointer;
  text-align: left;
}
.workspace-context-option {
  grid-template-columns: 24px minmax(0, 1fr) 16px;
  padding: 5px 7px;
}
.workspace-context-action-btn {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #51657d;
  font-size: var(--workspace-context-option-name-size);
  font-weight: 400;
  padding: 5px 7px;
  cursor: pointer;
  text-align: left;
}
.workspace-context-action-btn > [aria-hidden="true"] {
  display: none;
}
.workspace-context-option:hover {
  background: #f3f4f6;
}
.workspace-context-action-btn:hover {
  background: #f3f6fb;
  color: #334155;
}
.workspace-context-option:disabled {
  cursor: default;
}
.workspace-context-option:disabled:hover,
.workspace-context-option.is-active {
  background: #f8fafc;
}
.workspace-context-option-mark {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef2f7;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
}
.workspace-context-option-check {
  color: #111827;
}
.workspace-context-dropdown-actions {
  padding-top: 8px;
  border-top: 1px solid #eef2f7;
}
.support-mode-banner {
  padding: 6px 8px;
  border-radius: 6px;
  background: #fef3c7;
  color: #92400e;
  font-size: 12px;
  font-weight: 600;
}
.workspace-modal-card {
  --workspace-modal-card-width: min(540px, calc(100vw - 36px));
  --workspace-modal-card-max-width: none;
}
.workspace-modal-card--settings {
  --workspace-modal-card-width: min(720px, calc(100vw - 32px));
  --workspace-modal-card-max-width: none;
  padding: 34px 56px 36px;
}
.workspace-modal-card--compact {
  --workspace-modal-card-width: min(500px, calc(100vw - 36px));
  --workspace-modal-card-max-width: none;
}
.workspace-modal-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 12px;
  margin-bottom: 14px;
}
.workspace-modal-card--settings .workspace-modal-header {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}
.workspace-modal-close {
  flex: 0 0 auto;
}
.workspace-new-form {
  --workspace-new-choice-list-gap: 4px;
  --workspace-new-choice-option-gap: 7px;
  --workspace-new-choice-option-padding: 5px 4px;
  --workspace-new-choice-option-border: transparent;
  --workspace-new-choice-option-hover-bg: transparent;
  --workspace-new-choice-option-hover-border: transparent;
  --workspace-new-choice-option-selected-bg: color-mix(in srgb, var(--muted) 5%, var(--panel));
  --workspace-new-choice-option-selected-border: transparent;
  --workspace-new-choice-option-title-weight: 500;
  --workspace-new-name-field-margin-bottom: 2px;
  --workspace-new-name-input-size: 17px;
  --workspace-new-name-input-weight: 500;
  --workspace-new-name-input-line-color: color-mix(in srgb, var(--line) 86%, transparent);
  --workspace-new-name-input-placeholder-color: color-mix(in srgb, var(--muted) 66%, var(--panel));
  --workspace-new-name-input-placeholder-weight: 400;
  --workspace-new-copy-details-indent: 22px;
  --workspace-new-copy-details-gap: 6px;
  --workspace-new-copy-details-padding-top: 2px;
  --workspace-new-copy-field-label-size: 11.5px;
  --workspace-new-copy-field-label-weight: 500;
  --workspace-new-copy-field-label-color: var(--muted);
  --workspace-new-copy-note-size: 11.5px;
  --workspace-new-copy-note-line-height: 1.32;
  --workspace-new-copy-note-color: color-mix(in srgb, var(--muted) 88%, var(--panel));

  display: grid;
  gap: 12px;
}
.workspace-settings-form {
  --workspace-settings-form-gap: 10px;

  display: grid;
  gap: var(--workspace-settings-form-gap);
}
.workspace-settings-section {
  --workspace-settings-section-content-width: 520px;
  --workspace-settings-section-control-width: 320px;
  --workspace-settings-section-meta-width: 170px;
  --workspace-settings-section-gap: 30px;

  display: grid;
  grid-template-columns: var(--workspace-settings-section-meta-width) minmax(0, 1fr);
  align-items: start;
  gap: var(--workspace-settings-section-gap);
  width: min(var(--workspace-settings-section-content-width), 100%);
  margin-inline: auto;
}
.workspace-settings-section + .workspace-settings-section {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}
.workspace-settings-section--create,
.workspace-settings-section--archive {
  align-items: center;
}
.workspace-settings-section-meta {
  display: grid;
  gap: 4px;
}
.workspace-settings-section-title {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}
.workspace-settings-section-meta p {
  margin: 0;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.35;
}
.workspace-settings-section-main {
  display: grid;
  gap: 14px;
  width: min(var(--workspace-settings-section-control-width), 100%);
  min-width: 0;
}
.workspace-settings-inline-actions {
  display: flex;
  justify-content: flex-end;
}
.workspace-settings-inline-note {
  justify-self: end;
  max-width: 260px;
  margin: -4px 0 0;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.35;
  text-align: right;
}
.ui-modal-choice-group {
  display: grid;
  gap: 8px;
  border: 0;
  margin: 0;
  padding: 0;
}
.ui-modal-choice-label {
  margin: 0;
  padding: 0;
  color: var(--ui-modal-field-label-color);
  font-size: 12px;
  font-weight: 600;
}
.ui-modal-choice-list {
  display: grid;
  gap: var(--ui-modal-choice-list-gap);
}
.ui-modal-choice-option {
  display: flex;
  align-items: flex-start;
  gap: var(--ui-modal-choice-option-gap);
  padding: var(--ui-modal-choice-option-padding);
  border: 1px solid var(--ui-modal-choice-option-border);
  border-radius: var(--ui-modal-choice-option-radius);
  background: var(--ui-modal-choice-option-bg);
  cursor: pointer;
  transition: border-color .14s ease, background .14s ease;
  font-weight: var(--ui-modal-choice-option-copy-weight);
}
.ui-modal-choice-option input[type="radio"] {
  width: var(--ui-modal-choice-option-radio-size);
  height: var(--ui-modal-choice-option-radio-size);
  flex: 0 0 var(--ui-modal-choice-option-radio-size);
  margin-top: var(--ui-modal-choice-option-radio-margin-top);
  accent-color: var(--ui-modal-choice-option-radio-accent);
}
.ui-modal-choice-option:hover {
  border-color: var(--ui-modal-choice-option-hover-border);
  background: var(--ui-modal-choice-option-hover-bg);
}
.ui-modal-choice-option.is-selected {
  border-color: var(--ui-modal-choice-option-selected-border);
  background: var(--ui-modal-choice-option-selected-bg);
}
.ui-modal-choice-option.is-selected:hover {
  border-color: var(--ui-modal-choice-option-selected-hover-border);
  background: var(--ui-modal-choice-option-selected-hover-bg);
}
.ui-modal-choice-body {
  display: grid;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}
.ui-modal-choice-title {
  color: var(--ui-modal-choice-option-title-color);
  font-size: var(--ui-modal-choice-option-title-size);
  font-weight: var(--ui-modal-choice-option-title-weight);
}
.ui-modal-choice-copy {
  color: var(--ui-modal-choice-option-copy-color);
  font-size: var(--ui-modal-choice-option-copy-size);
  line-height: var(--ui-modal-choice-option-copy-line-height);
  font-weight: var(--ui-modal-choice-option-copy-weight);
}
.workspace-new-copy-details {
  display: grid;
  gap: var(--workspace-new-copy-details-gap);
  margin-left: var(--workspace-new-copy-details-indent);
  padding-top: var(--workspace-new-copy-details-padding-top);
}
.workspace-new-copy-details[hidden] {
  display: none !important;
}
.workspace-new-copy-field > span {
  color: var(--workspace-new-copy-field-label-color);
  font-size: var(--workspace-new-copy-field-label-size);
  font-weight: var(--workspace-new-copy-field-label-weight);
}
.workspace-new-copy-note {
  margin: 0;
  color: var(--workspace-new-copy-note-color);
  font-size: var(--workspace-new-copy-note-size);
  line-height: var(--workspace-new-copy-note-line-height);
}
.workspace-new-actions {
  align-items: center;
}
.workspace-new-mode-options {
  gap: var(--workspace-new-choice-list-gap);
}
.workspace-new-mode-label {
  color: var(--workspace-new-copy-field-label-color);
  font-size: var(--workspace-new-copy-field-label-size);
  font-weight: var(--workspace-new-copy-field-label-weight);
}
.workspace-new-mode-option {
  display: grid;
  gap: var(--workspace-new-choice-option-gap);
  padding: var(--workspace-new-choice-option-padding);
  border-color: var(--workspace-new-choice-option-border);
  cursor: default;
}
.workspace-new-mode-option-summary {
  display: flex;
  align-items: flex-start;
  gap: var(--workspace-new-choice-option-gap);
  width: 100%;
  cursor: pointer;
}
.workspace-new-mode-option:hover {
  background: var(--workspace-new-choice-option-hover-bg);
  border-color: var(--workspace-new-choice-option-hover-border);
}
.workspace-new-mode-option.is-selected {
  background: var(--workspace-new-choice-option-selected-bg);
  border-color: var(--workspace-new-choice-option-selected-border);
}
.workspace-new-mode-option-title {
  font-weight: var(--workspace-new-choice-option-title-weight);
}
.workspace-new-name-field {
  margin-bottom: var(--workspace-new-name-field-margin-bottom);
}
.workspace-new-name-input {
  --editable-title-rest-line-width: 1px;
  --editable-title-rest-line-color: var(--workspace-new-name-input-line-color);

  width: 100%;
  font-size: var(--workspace-new-name-input-size);
  font-weight: var(--workspace-new-name-input-weight);
  line-height: 1.22;
}
.workspace-new-name-input::placeholder {
  color: var(--workspace-new-name-input-placeholder-color);
  font-weight: var(--workspace-new-name-input-placeholder-weight);
}
.workspace-new-name-field > span {
  color: var(--workspace-new-copy-field-label-color);
  font-size: var(--workspace-new-copy-field-label-size);
  font-weight: var(--workspace-new-copy-field-label-weight);
}
.workspace-settings-danger-action {
  justify-self: end;
}
.workspace-archive-confirm-form {
  display: grid;
  gap: 10px;
}
.workspace-modal-field {
  display: grid;
  gap: 6px;
  color: var(--ui-modal-field-label-color);
  font-size: 12px;
  font-weight: 600;
}

.sidebar-group { margin-top: 8px; }
.sidebar-scroll-area > .sidebar-group ~ .sidebar-group {
  margin-top: var(--sidebar-section-gap);
}
.sidebar-title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 3px;
  padding: 0;
  margin-bottom: 5px;
}
.sidebar-title {
  display: inline-grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sidebar-heading-color);
  font-weight: 600;
  padding: 4px 8px 4px 0;
}
.sidebar-title-icon {
  width: 14px;
  height: 14px;
  color: var(--sidebar-heading-icon-color);
  stroke-width: 1.6;
}
.sidebar-nav, .sidebar-list {
  display: grid;
  gap: 1px;
}
.sidebar-list {
  position: relative;
  margin-left: var(--sidebar-content-inset);
}
.sidebar-drop-indicator {
  position: absolute;
  left: 6px;
  right: 6px;
  height: 2px;
  border-radius: 2px;
  background: #9ca3af;
  opacity: 0;
  pointer-events: none;
  transition: opacity .08s ease;
  z-index: 20;
}

.nav-link, .panel-link {
  display: block;
  border-radius: var(--sidebar-item-radius);
  padding: 6px 10px;
  color: var(--sidebar-item-color);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-link:hover {
  background: var(--sidebar-item-hover-bg);
  color: var(--sidebar-item-active-color);
}
.nav-link.active,
.panel-row.active {
  background: var(--sidebar-item-active-bg);
  color: var(--sidebar-item-active-color);
  font-weight: 480;
}
.inbox-nav-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.inbox-unread-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  min-height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #b21d1f;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.inbox-unread-badge[hidden] {
  display: none !important;
}

.panel-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 3px;
  border-radius: var(--sidebar-item-radius);
  color: var(--sidebar-item-color);
  cursor: grab;
}
.panel-row:hover,
.panel-row:focus-within {
  background: var(--sidebar-item-hover-bg);
  color: var(--sidebar-item-active-color);
}
.panel-row.active:hover,
.panel-row.active:focus-within {
  background: var(--sidebar-item-active-bg);
  color: var(--sidebar-item-active-color);
}
.panel-row .panel-link {
  min-width: 0;
  background: transparent;
  color: inherit;
}
.panel-row.active .panel-link {
  font-weight: inherit;
}
.panel-row > .panel-menu {
  padding-right: var(--sidebar-panel-menu-inset);
}
.panel-row.is-dragging-panel {
  cursor: grabbing;
}
.panel-row.is-dragging-panel {
  opacity: .72;
}

.sidebar-user-chip {
  margin: 0 -8px;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 0;
  border-top: 1px solid #e5e1dc;
  border-radius: 0;
  background: var(--sidebar-menu-surface);
  padding: 10px 14px;
  color: #171716;
}
.sidebar-user-chip:hover {
  background: #eeedeb;
  border-color: #e4e3e0;
}
.sidebar-user-avatar {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #e5e7eb;
  color: #374151;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.sidebar-user-avatar-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sidebar-user-avatar [data-sidebar-user-avatar-fallback="1"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}
.sidebar-user-text {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.sidebar-user-name {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 560;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-user-subtitle {
  font-size: 11px;
  line-height: 1.25;
  color: #6f7787;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidebar-title-row > .icon-btn {
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease;
}
.sidebar-title-row:hover > .icon-btn,
.sidebar-title-row:focus-within > .icon-btn,
.sidebar-title-row:hover > .sidebar-section-create-menu > summary,
.sidebar-title-row:focus-within > .sidebar-section-create-menu > summary {
  opacity: 1;
  pointer-events: auto;
}

.icon-btn {
  width: 26px !important;
  height: 26px !important;
  min-height: 26px;
  border-radius: 4px;
  line-height: 1;
  padding: 0;
  margin-right: 2px;
  background: transparent;
  color: #9ca3af;
  border: 0;
}
.icon-btn:hover { background: #f3f4f6; color: #0f172a; }

.panel-menu { position: relative; }
.panel-menu summary {
  list-style: none;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  display: grid;
  place-items: center;
  background: transparent;
  color: var(--ui-menu-action-color);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity .14s ease;
}
.panel-row:hover .panel-menu summary,
.panel-row:focus-within .panel-menu summary,
.panel-menu[open] summary,
.archive-index-row:hover .archive-index-row__menu summary,
.archive-index-row:focus-within .archive-index-row__menu summary,
.archive-index-row__menu[open] summary {
  opacity: 1;
  pointer-events: auto;
}
/* Touch devices can't hover: keep board/page row menu trigger reachable there. */
@media (hover: none), (pointer: coarse) {
  .sidebar-list .panel-row .panel-menu summary {
    opacity: 1;
    pointer-events: auto;
  }

  .archive-index-row .archive-index-row__menu summary {
    opacity: 1;
    pointer-events: auto;
  }

  .inbox-card .inbox-more-icon {
    opacity: 1;
    pointer-events: auto;
  }

  .inbox-card .inbox-card-time {
    opacity: 0;
    visibility: hidden;
  }
}
.panel-menu summary::-webkit-details-marker { display: none; }
.panel-menu summary:hover { background: var(--ui-menu-action-hover-bg); color: var(--ui-menu-action-hover-color); }
.panel-row.active > .panel-menu summary {
  background: transparent;
  color: var(--ui-menu-action-color);
}
.panel-row.active > .panel-menu summary:hover,
.panel-row.active > .panel-menu summary:focus-visible {
  background: var(--ui-menu-action-hover-bg);
  color: var(--ui-menu-action-hover-color);
}
.panel-menu-box {
  --panel-menu-min-width: 138px;
  position: absolute;
  right: 0;
  top: 28px;
  min-width: var(--panel-menu-min-width);
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: var(--ui-menu-shell-radius);
  padding: 6px;
  z-index: 220;
}
.entity-actions-menu > .panel-menu-box {
  --entity-actions-menu-available-width: calc(100vw - 24px);
  width: max-content;
  min-width: min(var(--panel-menu-min-width), var(--entity-actions-menu-available-width));
  max-width: var(--entity-actions-menu-available-width);
}
.entity-actions-menu .menu-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-menu[open].panel-menu-open-up > .panel-menu-box {
  top: auto;
  bottom: 28px;
}
.col-actions-menu .panel-menu-box {
  min-width: 262px;
}
.row-actions-menu .panel-menu-box {
  min-width: 246px;
}
.panel-menu-box form { margin: 0; }
.menu-item {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  color: #0f172a;
  min-height: 32px;
  border-radius: var(--ui-menu-item-radius);
  font-size: 13px;
  font-weight: 400;
  padding: 6px 8px;
  transition: background .14s ease, color .14s ease;
}
.menu-item:hover,
.menu-item:focus-visible { background: #f3f4f6; }
.menu-item.destructive { color: #9a3b31; }
.menu-item.destructive:hover,
.menu-item.destructive:focus-visible { background: #fff1f2; }
.menu-item:disabled,
.menu-item.is-disabled {
  color: #94a3b8;
  cursor: not-allowed;
}
.menu-item:disabled:hover,
.menu-item.is-disabled:hover {
  background: transparent;
}
.menu-item:disabled .menu-item-icon,
.menu-item.is-disabled .menu-item-icon {
  color: #9ca3af;
  border-color: #e5e7eb;
  opacity: 0.78;
}
.menu-item-with-icon {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.menu-item-icon {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7b7e89;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: var(--ui-menu-item-radius);
  flex: 0 0 auto;
  transition: color .14s ease, border-color .14s ease, background .14s ease;
}
.menu-item:hover .menu-item-icon,
.menu-item:focus-visible .menu-item-icon {
  color: #6b7280;
  border-color: #dfe3ea;
}
.menu-item.destructive .menu-item-icon {
  color: #7b7e89;
  border-color: #e8e8eb;
}
.menu-item-icon svg {
  width: 18px;
  height: 18px;
}
.menu-item-label {
  min-width: 0;
  white-space: nowrap;
}
.col-actions-menu form[action$="/base-columns/estado/duplicate"],
.col-actions-menu form[action$="/base-columns/fecha/duplicate"],
.col-actions-menu form[action$="/base-columns/persona/duplicate"] {
  display: none;
}
.menu-item.disabled,
.menu-item:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.menu-item.disabled:hover,
.menu-item:disabled:hover {
  background: transparent;
}

.main {
  grid-column: 2;
  padding: 20px;
  background: #fff;
  max-width: 1680px;
  width: 100%;
  justify-self: center;
  overflow-x: auto;
}
.main.main-shell-host {
  padding: 0;
  max-width: none;
  overflow: hidden;
  background: #fff;
}
.main.inbox-main {
  padding: 0;
  max-width: none;
  overflow: hidden;
}
.main.main-shell-host.is-shell-loading {
  opacity: .98;
}
.main-shell-frame {
  width: 100%;
  border: 0;
  display: block;
  background: #fff;
}

.page-title { font-size: 17px; font-weight: 640; letter-spacing: -.01em; }
.page-subtitle { margin-top: 2px; color: var(--muted); font-size: 12px; }
.plain-title { margin: 2px 0 14px; }
.board-titlebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 16px;
  width: min(960px, 100%);
}
.board-titlebar--template {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}
.board-titlebar-form {
  min-width: 0;
}
.board-titlebar-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 7px;
}
.board-filter {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.board-filter-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #64748b;
}
.board-filter.is-active .board-filter-pill {
  border-color: var(--drag-highlight-border);
  background: color-mix(in srgb, var(--drag-highlight-bg) 64%, var(--panel));
  color: var(--drag-highlight-border);
}
.board-filter-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 0;
  height: 28px;
  max-width: 210px;
  padding: 0 7px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 12px;
  font-weight: 450;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}
.board-filter-trigger span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-filter-trigger svg,
.board-filter-clear svg {
  flex: 0 0 auto;
}
.board-filter-trigger:hover {
  background: #f8fafc;
  color: #334155;
}
.board-filter.is-active .board-filter-trigger {
  font-weight: 520;
  color: var(--drag-highlight-border);
}
.board-filter.is-active .board-filter-trigger svg {
  color: var(--drag-highlight-border);
}
.board-filter.is-active .board-filter-trigger:hover {
  background: color-mix(in srgb, var(--drag-highlight-bg) 76%, var(--panel));
}
.board-filter-modal-backdrop {
  align-items: flex-start;
  padding: 96px 12px 24px;
}
.board-filter-modal {
  --workspace-modal-card-width: min(640px, calc(100vw - 24px));
  --workspace-modal-card-max-width: none;
  max-height: min(680px, calc(100vh - 120px));
  display: grid;
  grid-template-rows: auto auto;
  overflow: hidden;
}
.board-filter-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 0 18px;
  border-bottom: 0;
}
.board-filter-modal-head .ui-modal-title {
  margin: 0;
}
.board-filter-modal form {
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  padding: 16px 18px 12px;
}
.board-filter-criteria {
  display: grid;
  gap: 8px;
}
.board-filter-criterion-row {
  display: grid;
  grid-template-columns: minmax(116px, .9fr) minmax(210px, 1.25fr) minmax(150px, 1.2fr) 22px;
  gap: 8px;
  align-items: start;
  min-height: 34px;
}
.board-filter-select,
.board-filter-value {
  min-width: 0;
}
.board-filter-value-wrap {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.board-filter-system-select {
  position: relative;
  display: block;
  min-width: 0;
}
.board-filter-system-select > select[data-board-filter-native-select] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.modal-input.board-filter-system-trigger {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--ui-modal-input-min-height);
  gap: 8px;
  padding-top: 0;
  padding-bottom: 0;
  cursor: pointer;
  text-align: left;
}
.board-filter-system-trigger::after {
  content: "";
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  margin-right: 3px;
  border: solid currentColor;
  border-width: 0 1.25px 1.25px 0;
  color: #0f172a;
  transform: rotate(45deg) translateY(-1px);
}
.board-filter-system-trigger:hover {
  background: var(--ui-modal-input-bg);
}
.board-filter-system-select.is-open .board-filter-system-trigger {
  border: var(--ui-modal-input-focus-border-width) var(--ui-modal-input-focus-border-style) var(--ui-modal-input-focus-border);
  background: var(--ui-modal-input-focus-bg);
  outline: var(--ui-modal-input-focus-outline);
}
.board-filter-system-label,
.board-filter-system-display {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
.board-filter-system-label-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-filter-system-label .comment-mention-pill,
.board-filter-system-option .comment-mention-pill {
  max-width: 100%;
  margin: 0;
}
.board-filter-system-select-menu.panel-menu-box {
  position: fixed;
  right: auto;
  top: auto;
  min-width: 160px;
  max-height: 280px;
  overflow: auto;
  border-color: #dfe6ef;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
  z-index: calc(var(--ui-modal-z) + 20);
}
.board-filter-system-select-menu[hidden] {
  display: none !important;
}
.board-filter-system-option.menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  color: var(--text);
}
.board-filter-system-option.menu-item[aria-selected="true"] {
  background: var(--ui-modal-action-secondary-hover-bg);
}
.ticket-status-pill.board-filter-status-pill-preview {
  max-width: 100%;
  min-height: 22px;
  margin: 0;
  padding: 0 9px;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
}
.board-filter-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
}
.board-filter-date-input.flatpickr-alt-input {
  padding-right: 32px;
  background-image: var(--board-date-calendar-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  background-size: 15px 15px;
  cursor: pointer;
}
.board-filter-modal-tools.ui-modal-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--ui-modal-action-row-gap);
  margin-top: -4px;
}
.board-filter-modal-tools.ui-modal-actions .board-filter-add.btn-minimal {
  min-height: 26px;
  padding: 0 8px;
  border-color: transparent;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
}
.board-filter-modal-tools.ui-modal-actions .board-filter-add.btn-minimal:hover {
  background: var(--ui-modal-action-secondary-hover-bg);
  box-shadow: var(--ui-control-hover-shadow);
}
.board-filter-remove {
  align-self: center;
  justify-self: center;
}
.board-filter-modal-actions {
  align-items: center;
  margin-top: 0;
  padding-top: 0;
}
.board-filter-modal-actions[hidden] {
  display: none !important;
}
@media (max-width: 600px) {
  .board-filter-modal-backdrop {
    padding-top: 72px;
  }
  .board-filter-criterion-row {
    grid-template-columns: 1fr;
  }
  .board-filter-modal-actions {
    justify-content: stretch;
  }
}
.board-ai-context-title-action {
  margin-top: 7px;
  margin-right: 0;
}
.board-titlebar-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 24px !important;
  min-height: 24px;
  padding: 0 2px;
  gap: 5px;
  margin-top: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #64748b;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.board-titlebar-action svg {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: #94a3b8;
}
.board-titlebar-action:hover {
  background: #f8fafc;
  color: #334155;
}
.board-titlebar-action:hover svg {
  color: #64748b;
}
.editing-presence-indicator {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}
.editing-presence-indicator[hidden] {
  display: none !important;
}
.inbox-title {
  font-size: 24px;
  font-weight: 520;
  color: var(--text);
}
.inbox-page {
  max-width: none;
  display: grid;
  gap: 0;
  min-height: 100vh;
}
.inbox-shell-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}
.inbox-layout-shell {
  height: 100vh;
  min-height: 0;
  display: grid;
  grid-template-columns: var(--inbox-column-width) minmax(0, 1fr);
  background: var(--panel);
}
.inbox-stream-column {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  background: var(--panel);
}
.inbox-detail-column {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border-left: 1px solid var(--inbox-divider-color);
  background: var(--panel);
}
.inbox-toolbar {
  display: grid;
  padding: 0;
  gap: 0;
  border-bottom: 1px solid var(--inbox-divider-color);
}
.inbox-toolbar-heading { display: flex; align-items: flex-start; justify-content: space-between; padding: var(--inbox-toolbar-block-start) var(--inbox-inline-gutter) var(--inbox-toolbar-heading-block-end); }
.inbox-toolbar-title { margin: 0; font-size: 16px; line-height: 1.2; }
.inbox-toolbar-count { margin: 2px 0 0; color: var(--muted); font-size: 12px; }
.inbox-header-actions { position: relative; }
.inbox-more-icon.is-visible { opacity: 1; pointer-events: auto; }
.inbox-header-actions .inbox-more-icon.btn-minimal:hover {
  color: var(--text);
  background: #f3f4f6;
}
.inbox-header-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 40; min-width: 245px; padding: 6px; border: 1px solid var(--line); border-radius: var(--ui-menu-shell-radius); background: var(--panel); box-shadow: var(--shadow-soft); }
.inbox-filter-group {
  display: inline-flex;
  align-items: center;
  gap: var(--inbox-filter-gap);
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: var(--inbox-toolbar-filter-block-padding) var(--inbox-inline-gutter);
}
.inbox-filter-btn {
  border: 1px solid transparent;
  background: transparent;
  color: var(--inbox-filter-text);
  font-size: 13px;
  line-height: 1.1;
  font-weight: 500;
  min-height: var(--inbox-filter-min-height);
  padding: 0 var(--inbox-filter-inline-padding);
  border-radius: 4px;
  cursor: pointer;
  transition: background .14s ease, color .14s ease, border-color .14s ease;
}
.inbox-filter-btn.is-active {
  border-color: var(--inbox-filter-active-border);
  background: var(--inbox-filter-active-bg);
  color: var(--inbox-filter-active-text);
  box-shadow: none;
}
.inbox-filter-btn:hover {
  background: var(--inbox-filter-hover-bg);
  color: var(--inbox-filter-hover-text);
}
.inbox-list {
  display: grid;
  gap: 2px;
  align-content: start;
  padding: 8px 0 14px;
}
.inbox-card {
  position: relative;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  padding: var(--inbox-card-block-padding) var(--inbox-inline-gutter);
  min-height: var(--inbox-card-min-height);
  display: flex;
  align-items: center;
  gap: var(--inbox-card-gap);
  cursor: pointer;
  transition: background-color .12s ease, box-shadow .12s ease;
}
.inbox-card:hover {
  margin-inline: var(--inbox-card-hover-inline-inset);
  padding-inline: calc(var(--inbox-inline-gutter) - var(--inbox-card-hover-inline-inset));
  background-color: var(--inbox-card-hover-bg);
  border-radius: var(--inbox-card-hover-radius);
}
.inbox-card.is-selected {
  margin-inline: var(--inbox-card-selected-inline-inset);
  padding-inline: calc(var(--inbox-inline-gutter) - var(--inbox-card-selected-inline-inset));
  outline: 0;
  background-color: var(--inbox-card-selected-bg);
  border-radius: var(--inbox-card-selected-radius);
  box-shadow: none;
}
.inbox-card-main {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 0;
}
.inbox-card-avatar {
  flex: 0 0 auto;
  width: var(--inbox-card-avatar-size);
  height: var(--inbox-card-avatar-size);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--inbox-card-avatar-bg);
  color: var(--inbox-card-avatar-text);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .02em;
}
.inbox-card:hover:not(.is-selected) .inbox-card-avatar {
  background: var(--inbox-card-avatar-hover-bg);
  color: var(--inbox-card-avatar-hover-text);
}
.inbox-card.is-selected .inbox-card-avatar {
  background: var(--inbox-card-avatar-selected-bg);
  color: var(--inbox-card-avatar-selected-text);
}
.inbox-card-meta { margin: 2px 0 0; color: var(--muted); font-size: var(--inbox-card-meta-font-size); line-height: var(--inbox-card-meta-line-height); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inbox-card-trailing {
  position: relative;
  align-self: stretch;
  flex: 0 0 var(--inbox-card-trailing-width);
  width: var(--inbox-card-trailing-width);
  min-width: var(--inbox-card-trailing-width);
}
.inbox-card-trailing .inbox-card-time {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--muted);
  font-size: var(--inbox-card-time-font-size);
  white-space: nowrap;
  pointer-events: none;
  transition: opacity .15s ease, visibility .15s ease;
}
.inbox-card:hover .inbox-card-trailing .inbox-card-time,
.inbox-card:focus-within .inbox-card-trailing .inbox-card-time,
.inbox-card.is-selected .inbox-card-trailing .inbox-card-time,
.inbox-card.is-menu-open .inbox-card-trailing .inbox-card-time { opacity: 0; visibility: hidden; }
.inbox-date-section { display: grid; gap: 2px; }
.inbox-date-heading { margin: 12px 10px var(--inbox-date-heading-block-end); color: var(--muted); font-size: 11px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; }
.inbox-toast.ui-inline-feedback {
  position: fixed;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  display: flex;
  gap: 12px;
  align-items: center;
  margin: 0;
  box-shadow: var(--shadow-soft);
}
.inbox-toast.ui-inline-feedback[hidden] {
  display: none !important;
}
.inbox-toast-undo.btn-minimal {
  color: inherit;
  font-weight: 600;
}
.inbox-toast-undo.btn-minimal:hover {
  background: color-mix(in srgb, currentColor 10%, transparent);
  color: inherit;
}
.inbox-card-title {
  margin: 0;
  font-size: var(--inbox-card-title-font-size);
  line-height: var(--inbox-card-title-line-height);
  color: var(--text);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-card.is-unread .inbox-card-title {
  font-weight: 700;
}
.inbox-work-list {
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.inbox-card-trailing .inbox-card-actions {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  min-width: 0;
}
.inbox-more-icon {
  width: var(--inbox-card-action-size);
  height: var(--inbox-card-action-size);
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, color .15s ease, background-color .15s ease, border-color .15s ease;
}
.inbox-card:hover .inbox-more-icon,
.inbox-card:focus-within .inbox-more-icon,
.inbox-card.is-selected .inbox-more-icon,
.inbox-card.is-menu-open .inbox-more-icon {
  opacity: 1;
  pointer-events: auto;
}
.inbox-more-icon.btn-minimal:hover {
  color: var(--text);
  background: var(--ui-menu-action-hover-bg);
}
.inbox-card-menu {
  position: absolute;
  right: 0;
  top: calc(100% + var(--inbox-card-menu-offset));
  z-index: 20;
  min-width: var(--inbox-card-menu-min-width);
  background: var(--inbox-card-menu-surface);
  border: 1px solid var(--inbox-card-menu-border);
  border-radius: var(--ui-menu-shell-radius);
  padding: var(--inbox-card-menu-padding);
  box-shadow: var(--inbox-card-menu-shadow);
}
.inbox-more-icon:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--line-strong) 28%, transparent);
}
.inbox-empty {
  margin: 0;
  color: var(--muted);
  font-size: var(--inbox-empty-font-size);
  font-weight: var(--inbox-empty-font-weight);
}
.inbox-empty:not([hidden]) {
  min-height: 100%;
  display: grid;
  place-items: center;
  padding: 0 var(--inbox-inline-gutter);
  text-align: center;
}
.editable-title-input {
  --editable-title-rest-line-width: 0px;
  --editable-title-hover-line-width: 1px;
  --editable-title-focus-line-width: 1px;
  --editable-title-rest-line-color: transparent;
  --editable-title-hover-line-color: color-mix(in srgb, var(--line-strong) 34%, transparent);
  --editable-title-focus-line-color: color-mix(in srgb, var(--accent) 38%, var(--panel));

  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
  border-radius: 0;
  color: var(--text);
  box-shadow: inset 0 calc(-1 * var(--editable-title-rest-line-width)) 0 var(--editable-title-rest-line-color);
}
.editable-title-input:hover {
  box-shadow: inset 0 calc(-1 * var(--editable-title-hover-line-width)) 0 var(--editable-title-hover-line-color);
}
.editable-title-input:focus {
  outline: none;
  box-shadow: inset 0 calc(-1 * var(--editable-title-focus-line-width)) 0 var(--editable-title-focus-line-color);
}
.editable-title-input--page {
  --editable-title-focus-line-width: 2px;

  width: 100%;
  max-width: 900px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
}
.archive-preview-modal[data-archive-preview-kind="document"] .page-title-host {
  font-size: 24px;
  font-weight: 650;
  line-height: 1.2;
  margin: 0 0 4px;
}
.archive-preview-modal[data-archive-preview-kind="document"] .archive-preview-modal__context {
  margin: 0 0 6px;
}
#table-title-form {
  flex: 0 1 auto;
  display: inline-block;
}
.editable-title-input--table {
  display: inline-block;
  width: auto;
  min-width: 28px;
  max-width: min(680px, 80vw);
  font-family: inherit;
  font-size: 18px;
  font-weight: 630;
  line-height: 1.2;
  margin: 0 0 2px;
}
.board-phase-title-host {
  display: inline-flex;
  align-items: flex-start;
  width: auto;
  margin: 0 0 2px;
  padding: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 630;
  line-height: 1.2;
}
.board-phase-title-host .editable-title-input--table {
  margin: 0;
}
.board-titlebar .editable-title-input--page {
  font-size: 28px;
  font-weight: 660;
}
.card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
  padding: 14px;
  margin-bottom: 12px;
}
.board-content {
  padding: 0 !important;
  margin-bottom: 12px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.main.board-main > .board-content {
  padding-bottom: var(--board-panel-menu-reserve) !important;
}
.main > section.board-content {
  box-shadow: none;
}
.page-main {
  overflow-x: visible;
}
.page-editor-surface {
  max-width: 980px;
  padding-bottom: var(--page-editor-popover-reserve) !important;
}

.table-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.table-head h3 { font-size: 14px; margin-bottom: 2px; }
.table-head p { font-size: 12px; color: var(--muted); }
.phase-switcher {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.phase-switcher:empty { display: none; }
.phase-block {
  clear: both;
}
.board-phase-shell { margin-bottom: 24px; }
.board-phase-compressed-body {
  display: none;
  pointer-events: none;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .board-phase-compressed-body {
  display: table-row-group;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .simple-table-wrap {
  border: 0;
  border-radius: 0;
  background: transparent;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .simple-table {
  border-collapse: separate;
  border-spacing: 0;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .simple-table thead th {
  border-top: 1px solid var(--board-table-line);
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .simple-table thead th:first-child {
  border-left: 1px solid var(--board-table-line);
  border-bottom-left-radius: 4px;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .simple-table thead th:last-child {
  border-right: 1px solid var(--board-table-line);
  border-bottom-right-radius: 4px;
}
.simple-table td.board-phase-compressed-cell {
  padding-block-start: 0;
  padding-block-end: 1px;
  padding-inline: 0;
  border-top: 0;
  border-bottom: 0;
  background: transparent;
}
.board-phase-folded-stack {
  position: relative;
  block-size: 7px;
  pointer-events: none;
}
.board-phase-folded-layer {
  position: absolute;
  box-sizing: border-box;
  inset-block-start: 0;
  inset-inline: 4px;
  block-size: 3px;
  border-block-start: 0;
  border-inline: 1px solid var(--board-table-line);
  border-block-end: 1px solid var(--board-table-line);
  border-radius: 0 0 2px 2px;
  background: var(--board-table-header-bg);
  z-index: 3;
}
.board-phase-folded-layer:nth-child(2) {
  inset-block-start: 2px;
  inset-inline: 8px;
  z-index: 2;
}
.board-phase-folded-layer:nth-child(3) {
  inset-block-start: 4px;
  inset-inline: 12px;
  z-index: 1;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .add-column-outside {
  display: none;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .new-row-zone {
  display: none;
}
[data-board-phase-shell][data-board-phase-state="collapsed"] .table-zone::after {
  pointer-events: none;
}
.phase-table-title {
  font-size: 13px;
  font-weight: 700;
  color: #1f2937;
  margin: 0 0 6px;
}
.block-title-row {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  width: fit-content;
}
.block-title-row-secondary { margin: 0 0 12px; }
.board-phase-header .block-title-row {
  align-items: center;
  margin-inline-start: -16px;
}
.board-template-surface .board-phase-header .block-title-row {
  margin-inline-start: 0;
}
.board-phase-collapse-form {
  display: flex;
  flex: 0 0 auto;
  margin: 0;
}
.board-phase-collapse-placeholder {
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  pointer-events: none;
}
.board-phase-collapse-toggle {
  appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--muted);
  font: inherit;
  line-height: 1;
  cursor: pointer;
  transition: color .12s ease;
}
.board-phase-collapse-icon {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
}
[data-board-phase-shell][data-board-phase-state="expanded"] .board-phase-collapse-icon {
  transform: rotate(90deg);
}
.board-phase-collapse-toggle:not(:disabled):hover {
  background: transparent;
  color: var(--text);
  box-shadow: none;
}
.board-phase-collapse-toggle:focus-visible {
  background: transparent;
  color: var(--text);
  box-shadow: none;
  outline: none;
}
.board-phase-collapse-toggle:focus-visible .board-phase-collapse-icon {
  outline: 2px solid color-mix(in srgb, var(--line-strong) 42%, transparent);
  outline-offset: 1px;
  border-radius: 2px;
}
.board-phase-collapse-toggle:disabled {
  cursor: default;
  opacity: .5;
}
.board-phase-collapse-toggle:disabled:hover {
  background: transparent;
  box-shadow: none;
}
[data-board-phase-content][hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .board-phase-collapse-toggle,
  [data-board-phase-content] {
    transition: none !important;
  }
}
.block-actions-menu {
  margin-left: 1px;
}
.block-actions-menu > summary {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  color: #8ea0b8;
  font-size: 13px;
  line-height: 1;
  padding: 0;
  transition: opacity .12s ease;
}
.block-title-row:hover .block-actions-menu > summary,
.block-title-row:focus-within .block-actions-menu > summary,
.block-actions-menu[open] > summary {
  opacity: 1;
  pointer-events: auto;
}
.block-actions-menu .panel-menu-box {
  left: calc(100% + 6px);
  right: auto;
  top: -4px;
}
.phase-title-form {
  margin: 0;
  flex: 0 1 auto;
  display: inline-block;
}
.phase-title-input-lg {
  max-width: min(760px, 86vw);
}
.phase-add-under-first {
  margin-top: 12px;
}
.phase-add-form { margin: 0; }
.phase-add-btn {
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  color: #6b7280;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 400;
  transition: background .14s ease, border-color .14s ease, color .14s ease;
}
.phase-add-btn:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: #0f172a;
}
.phase-add-btn:focus,
.phase-add-btn:focus-visible {
  outline: none;
  border-color: #9ca3af;
}

/* Board table */
.simple-table-wrap {
  --board-table-line: #d8d7d4;
  --board-table-column-line: #e4e3e0;
  --board-table-line-strong: #d6d5d2;
  --board-table-header-bg: #f5f5f4;
  --board-table-header-text: #53514d;
  --board-table-header-text-hover: #3f3e3b;
  --board-table-hover-bg: var(--ui-row-hover-bg);
  --board-table-active-line: var(--drag-highlight-border);
  --board-table-active-glow: var(--drag-highlight-glow);
  --board-table-frame-radius: 4px;

  position: relative;
  width: fit-content;
  max-width: none;
  border: 1px solid var(--board-table-line-strong);
  border-radius: var(--board-table-frame-radius);
  overflow: visible;
  background: var(--board-table-header-bg);
}
.main.board-main--filtered .simple-table-wrap {
  border-color: var(--board-table-active-line);
}
.status-summary-standalone .status-summary-text {
  font-size: 12px;
  color: #64748b;
  white-space: nowrap;
}

/* keep default table border behavior */
.simple-table {
  width: max-content;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
  font-family: inherit;
}
.simple-table th,
.simple-table td {
  padding: 7px 10px;
  border-bottom: 1px solid var(--board-table-line);
  text-align: left;
  vertical-align: middle;
}
.simple-table thead th {
  border-top: 0;
}
.simple-table thead th:first-child {
  border-top-left-radius: var(--board-table-frame-radius);
}
.simple-table thead th:last-child {
  border-top-right-radius: var(--board-table-frame-radius);
}
.simple-table th + th,
.simple-table td + td {
  border-left: 1px solid var(--board-table-column-line);
}
.simple-table th {
  position: relative;
  font-size: 12px;
  color: var(--board-table-header-text);
  font-weight: 450;
  letter-spacing: 0.055em;
  text-transform: uppercase;
  background: var(--board-table-header-bg);
  user-select: none;
}
/* edge handles use default cell padding */
.drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8ea0b8;
  cursor: grab;
  font-weight: 700;
  letter-spacing: -1px;
  user-select: none;
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 6px;
  width: 18px;
  height: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
  z-index: 3;
  -webkit-user-drag: none;
  touch-action: none;
}
.drag-handle:active { cursor: grabbing; }
.simple-table td {
  position: relative;
  overflow: visible;
}
.simple-table tbody tr:not(.row-drag-active) td {
  background: #fff;
}
.cell-save-indicator {
  /* Autosave stays active; visual badge intentionally hidden */
  display: none !important;
}
.phase-separator-row td.phase-separator-cell {
  background: #f3f7fe;
  color: #1e3a8a;
  font-weight: 700;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.simple-table:not(.row-dragging) tbody tr[data-item-id]:not(.row-drag-active):hover td {
  background: var(--board-table-hover-bg);
}
.simple-table tbody tr[data-item-id]:focus-within td {
  background: var(--board-table-hover-bg);
}
.simple-table tbody tr[data-item-id].drawer-row-selected:not(.row-drag-active) td,
.simple-table tbody tr[data-item-id].drawer-row-selected:not(.row-drag-active):hover td,
.simple-table tbody tr[data-item-id].drawer-row-selected:not(.row-drag-active):focus-within td {
  background: #dbeafe !important;
  box-shadow: inset 0 1px 0 #3b82f6, inset 0 -1px 0 #3b82f6;
}
.simple-table tbody tr[data-item-id].drawer-row-selected:not(.row-drag-active) td:first-child {
  box-shadow: inset 2px 0 0 #2563eb, inset 0 1px 0 #3b82f6, inset 0 -1px 0 #3b82f6;
}
.simple-table tbody tr[data-item-id].drawer-row-selected:not(.row-drag-active) td:last-child {
  box-shadow: inset -2px 0 0 #2563eb, inset 0 1px 0 #3b82f6, inset 0 -1px 0 #3b82f6;
}
.table-status-summary-row td {
  padding: 5px 10px;
  border-top: 1px solid var(--board-table-line);
  border-bottom: 0;
  background: transparent;
}
.table-status-summary-row td + td {
  border-left-color: transparent;
}
.table-status-summary-row .status-summary-cell {
  background: transparent;
}
.table-status-summary-row td {
  border-bottom: 0;
}
.status-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
}
.status-summary-bar {
  width: 100%;
  max-width: 220px;
  height: 12px;
  border-radius: 999px;
  background: #e6edf6;
  border: 0;
  overflow: hidden;
}
.status-summary-bar-fill {
  height: 100%;
  width: 0%;
  background: #15803d;
  border-radius: inherit;
  transition: width .18s ease;
}
.status-summary-text {
  font-size: 11.5px;
  color: #64748b;
  font-weight: 600;
  letter-spacing: .01em;
}
.row-drag-handle {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.col-drag-handle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.simple-table tbody tr[data-item-id]:hover .row-drag-handle,
.simple-table tbody tr[data-item-id]:focus-within .row-drag-handle,
.simple-table tbody tr.row-drag-active .row-drag-handle,
.simple-table thead th[data-col-token]:hover .col-drag-handle,
.simple-table thead th[data-col-token]:focus-within .col-drag-handle,
.simple-table thead th.is-dragging-col .col-drag-handle {
  opacity: 1;
  pointer-events: auto;
}
.row-actions-menu {
  position: absolute;
  left: 4px;
  top: 20px;
  z-index: 8;
}
.simple-table .ticket-details-btn {
  position: absolute;
  right: calc(var(--board-column-resize-edge-width) + 2px);
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  min-height: 20px;
  border-radius: 6px;
  background: #fff;
  color: #8ea0b8;
  border: 1px solid #d9e2ef;
  padding: 0;
  line-height: 1;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
}
.simple-table tbody tr[data-item-id]:hover .ticket-details-btn,
.simple-table tbody tr[data-item-id]:focus-within .ticket-details-btn {
  opacity: 1;
  pointer-events: auto;
}
.simple-table tbody tr[data-item-id].drawer-row-selected .ticket-details-btn {
  opacity: 1;
  pointer-events: auto;
  color: #1d4ed8;
  border-color: #bfdbfe;
  background: #eff6ff;
}
.simple-table .ticket-details-btn:hover {
  color: #334155;
  background: #f8fbff;
}
.simple-table .ticket-details-btn:active {
  transform: translateY(-50%);
}
.col-actions-menu {
  position: absolute;
  left: 50%;
  top: 18px;
  transform: translateX(-50%);
  z-index: 8;
}
.row-actions-menu summary,
.col-actions-menu summary {
  display: none;
}
.col-actions-menu .panel-menu-box {
  left: 0;
  right: auto;
  top: 0;
}
.row-actions-menu .panel-menu-box {
  left: 0;
  right: auto;
  top: 0;
}
.simple-table tbody tr.is-dragging {
  opacity: 1;
}
:root {
  --drag-highlight-bg: #eef4ff;
  --drag-highlight-border: #2563eb;
  --drag-highlight-glow: rgba(37, 99, 235, 0.04);
}
.simple-table tbody tr.row-drag-active td {
  background: var(--drag-highlight-bg) !important;
  box-shadow: inset 0 2px 0 var(--drag-highlight-border), inset 0 -2px 0 var(--drag-highlight-border) !important;
}
.simple-table tbody tr.row-drag-active td:first-child {
  box-shadow: inset 2px 0 0 var(--drag-highlight-border), inset 0 2px 0 var(--drag-highlight-border), inset 0 -2px 0 var(--drag-highlight-border) !important;
}
.simple-table tbody tr.row-drag-active td:last-child {
  box-shadow: inset -2px 0 0 var(--drag-highlight-border), inset 0 2px 0 var(--drag-highlight-border), inset 0 -2px 0 var(--drag-highlight-border) !important;
}
.simple-table thead th.is-dragging-col {
  opacity: 1;
}
.simple-table .col-drag-header {
  background: var(--drag-highlight-bg) !important;
}
.simple-table .col-drag-active {
  background: var(--drag-highlight-bg) !important;
}
.simple-table .col-drag-header,
.simple-table .col-drag-active,
.simple-table .col-resize-live {
  --board-column-outline-top: inset 0 0 0 transparent;
  --board-column-outline-bottom: inset 0 0 0 transparent;
  box-shadow: inset 2px 0 0 var(--board-table-active-line), inset -2px 0 0 var(--board-table-active-line), var(--board-column-outline-top), var(--board-column-outline-bottom) !important;
}
.simple-table .col-drag-top,
.simple-table .col-resize-live-top {
  --board-column-outline-top: inset 0 2px 0 var(--board-table-active-line);
}
.simple-table .col-drag-bottom,
.simple-table .col-resize-live-bottom {
  --board-column-outline-bottom: inset 0 -2px 0 var(--board-table-active-line);
}
.col-title-input {
  width: calc(100% - 14px);
  min-height: 20px;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  color: inherit;
}
.col-title-input:hover { color: var(--board-table-header-text-hover); }
.col-title-input:focus {
  outline: none;
  box-shadow: inset 0 -1px 0 var(--board-table-line-strong);
}
.simple-table thead .col-title-input {
  min-height: 0;
  font-size: 12px;
  font-weight: 450;
  line-height: 1.2;
  letter-spacing: 0.055em;
}
.col-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--board-column-resize-edge-width);
  height: 100%;
  cursor: col-resize;
  opacity: 0;
  z-index: 12;
  transition: opacity .12s ease;
}
.simple-table th:hover .col-resize-handle,
.simple-table th:focus-within .col-resize-handle,
.simple-table th.col-resizing .col-resize-handle,
.col-resize-handle.is-dragging {
  opacity: 1;
}
.col-resize-handle::after {
  content: '';
  position: absolute;
  right: 5px;
  top: 18%;
  width: 1px;
  height: 64%;
  background: transparent;
}
.col-resize-handle.is-dragging::after {
  width: 2px;
  right: 4px;
  background: var(--board-table-active-line);
  box-shadow: 0 0 0 3px var(--board-table-active-glow);
}
.simple-table th.col-resizing {
  background: #eef4ff;
}
.simple-table .col-resize-live {
  background: transparent !important;
}
.phase-table.is-column-resize-hover,
.phase-table.is-column-resize-hover * {
  cursor: col-resize !important;
}
.simple-table tr:last-child td { border-bottom: 0; }
.simple-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--board-table-frame-radius);
}
.simple-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--board-table-frame-radius);
}
.simple-table tr.last-data-row td,
.simple-table tr.empty-state-row td {
  border-bottom: 0 !important;
}
.simple-table tr.empty-state-row td {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.empty-row { color: var(--muted); }

.add-column-rail {
  display: flex;
}
.add-column-outside {
  position: absolute;
  top: 0;
  right: -37px;
  bottom: 36px;
  margin: 0;
  align-items: center;
  justify-content: center;
}
.add-column-rail-btn {
  width: 30px;
  height: 100%;
  min-height: 0;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  padding: 8px 0;
}
.add-column-rail-btn:hover {
  background: #f3f4f6;
  color: #0f172a;
}
.badge {
  display: inline-block;
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #0f172a;
}

.notion-like-table input,
.notion-like-table select {
  width: 100%;
  min-height: 25px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .12s ease, border-color .12s ease;
}
.notion-like-table input:hover,
.notion-like-table select:hover {
  background: var(--board-table-hover-bg);
}
.notion-like-table input:focus,
.notion-like-table select:focus {
  background: #ffffff;
  border-color: var(--board-table-line-strong);
  outline: none;
}
.notion-like-table td.has-table-smart-link {
  position: relative;
}
.table-smart-link-chip {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: auto;
  z-index: 3;
  display: block;
}
.table-smart-link-chip .inline-link-chip-text {
  max-width: 100%;
}
.table-smart-link-chip-rendered {
  display: inline-flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
}
.table-smart-link-static {
  position: relative;
  margin: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 25px;
  padding: 3px 7px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  cursor: text;
  vertical-align: middle;
  pointer-events: none;
}
.table-smart-link-static.table-smart-link-has-more {
  padding-right: 7px;
}
.table-smart-link-static[href] {
  cursor: pointer;
}
.table-smart-link-static > * {
  min-width: 0;
}
.table-smart-link-static .table-smart-link-token,
.table-smart-link-static .table-smart-link-more {
  pointer-events: auto;
}
.notion-like-table td.table-smart-link-active .table-smart-link-static {
  max-width: 100%;
}
.table-smart-link-static .table-smart-link-text-segment {
  color: #0f172a;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 0;
  max-width: clamp(52px, 14vw, 180px);
}
.table-smart-link-static .table-smart-link-token {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: clamp(80px, 9vw, 116px);
  overflow: hidden;
}
.table-smart-link-static.table-smart-link-has-more .table-smart-link-token {
  max-width: clamp(80px, 8vw, 96px);
}
.table-smart-link-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid #d6dde8;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-weight: 650;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease;
}
.notion-like-table td.table-smart-link-active:hover .table-smart-link-more,
.notion-like-table td.table-smart-link-active:focus-within .table-smart-link-more,
.table-smart-link-static:hover .table-smart-link-more,
.table-smart-link-static:focus-within .table-smart-link-more {
  opacity: 1;
  pointer-events: auto;
}
.table-smart-link-static .table-smart-link-token .inline-link-chip {
  width: auto;
  max-width: clamp(80px, 10vw, 116px);
  margin: 0;
  min-width: 0;
}
/* Initial server-rendered single-link cells (no token wrapper) */
.table-smart-link-static > .inline-link-chip {
  width: auto !important;
  max-width: clamp(80px, 10vw, 116px) !important;
  margin: 0 !important;
  min-width: 80px;
}
.table-smart-link-static .inline-link-chip-text {
  max-width: clamp(46px, 7vw, 82px);
  min-width: 4.5ch;
  font-weight: 400;
}
.table-smart-link-static.table-smart-link-has-more .inline-link-chip-text {
  max-width: clamp(4.5ch, 5.5vw, 60px);
}
.table-smart-link-static .table-smart-link-text-compact {
  flex: 0 1 auto;
  min-width: 0;
  max-width: clamp(40px, 9vw, 110px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-smart-link-static[hidden] {
  display: none !important;
}

.table-assignee-mention-static {
  position: relative;
  margin: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 22px;
  padding: 2px 6px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  cursor: text;
}

.table-assignee-mention-static .comment-mention-pill {
  --mention-token-avatar-size: 18px;
  --mention-token-font-size: 13px;
  --mention-token-font-weight: 400;
  margin: 0;
  padding: 1px 7px 1px 3px;
  max-width: 100%;
  min-width: 0;
  border: 1px solid var(--mention-token-border);
  background: var(--mention-token-bg);
  gap: 5px;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-assignee-mention-static .comment-mention-pill:hover {
  border-color: var(--mention-token-border);
  background: var(--mention-token-bg);
}

.table-assignee-mention-static .comment-mention-pill-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: inherit;
  color: inherit;
}

.table-inline-mention-static {
  position: relative;
  margin: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 25px;
  padding: 3px 7px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  cursor: text;
}

.table-inline-mention-static .comment-mention-pill {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notion-like-table td[data-col-token="base:persona"].table-assignee-mention-active input[name="assignee"],
.notion-like-table td[data-col-token="base:persona"] input[name="assignee"][data-has-assignee-mention="1"] {
  color: transparent !important;
  caret-color: transparent;
  text-shadow: none;
  opacity: 0 !important;
  pointer-events: none !important;
}

.notion-like-table td[data-col-token^="custom:"] {
  overflow: hidden;
}
.notion-like-table input.is-smart-link-previewing,
.notion-like-table td[data-col-token^="custom:"].table-smart-link-active input[name="value"],
.notion-like-table td[data-col-token^="custom:"] input[name="value"][type="text"][data-has-smart-link="1"],
.notion-like-table td[data-col-token^="custom:"].table-inline-mention-active input[name="value"][type="text"],
.notion-like-table td[data-col-token^="custom:"] input[name="value"][type="text"][data-has-inline-mention="1"] {
  color: transparent !important;
  caret-color: transparent;
  text-shadow: none;
  opacity: 0 !important;
  pointer-events: none !important;
}
.simple-table tbody td:first-child .table-task-title-control {
  padding-right: 32px;
  font-size: 13px;
  font-weight: 400;
}
.notion-like-table [readonly],
.notion-like-table [aria-disabled="true"],
.notion-like-table [data-board-readonly-control] {
  cursor: default;
  pointer-events: none;
}
.simple-table tbody td:not(:first-child) input,
.simple-table tbody td:not(:first-child) select {
  color: #0f172a;
  font-size: 13px;
  font-weight: 400;
}
/* Data-type alignment for faster scanning */
.simple-table tbody td[data-col-token="base:prioridad"] select,
.simple-table tbody td[data-col-token="base:estado"] .status-pill-btn,
.simple-table tbody td[data-col-token="base:fecha"] input,
.simple-table tbody td[data-col-token="base:fecha"] input.flatpickr-alt-input,
.simple-table tbody td[data-col-token^="custom:"] input[type="date"],
.simple-table tbody td[data-col-token^="custom:"] input.flatpickr-alt-input {
  text-align: center;
}
.simple-table tbody td[data-col-token="base:fecha"] input[type="date"],
.simple-table tbody td[data-col-token="base:fecha"] input.flatpickr-alt-input,
.simple-table tbody td[data-col-token^="custom:"] input[type="date"],
.simple-table tbody td[data-col-token^="custom:"] input.flatpickr-alt-input {
  padding-right: 32px;
  background-image: var(--board-date-calendar-icon);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  background-size: 15px 15px;
}
.simple-table tbody td[data-col-token="base:fecha"] input[type="date"]::-webkit-calendar-picker-indicator,
.simple-table tbody td[data-col-token^="custom:"] input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}
.board-template-disabled-date-cell {
  --board-template-date-placeholder-min-height: 25px;
  --board-template-date-placeholder-padding: 3px 32px 3px 7px;
}
.board-template-disabled-date-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--board-template-date-placeholder-min-height, 32px);
  width: 100%;
  padding: var(--board-template-date-placeholder-padding, 7px 32px 7px 9px);
  border: 1px solid #e3e9f1;
  border-radius: 7px;
  background-color: #fbfdff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8c3d1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='3'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M4 10h16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  background-size: 15px 15px;
  color: #b8c3d1;
  font-size: 13px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
  cursor: default;
  user-select: none;
}
.table-due-date-control {
  position: relative;
  display: block;
  width: calc(100% - var(--board-column-resize-edge-width));
  box-sizing: border-box;
}
.table-due-date-clear-btn,
.drawer-due-date-clear-btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #718096;
  cursor: pointer;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transform: translateY(-50%);
  transition: background 120ms ease, color 120ms ease;
  appearance: none;
  -webkit-appearance: none;
}
.table-due-date-clear-btn:active,
.drawer-due-date-clear-btn:active {
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}
.table-due-date-clear-btn svg,
.drawer-due-date-clear-btn svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.table-due-date-control[data-has-date="1"] input[type="date"],
.table-due-date-control[data-has-date="1"] input.flatpickr-alt-input,
.drawer-due-date-control[data-has-date="1"] #ticket-detail-due-date,
.drawer-due-date-control[data-has-date="1"] .flatpickr-alt-input {
  cursor: pointer;
}
.table-due-date-control[data-has-date="1"]:hover input[type="date"],
.table-due-date-control[data-has-date="1"]:hover input.flatpickr-alt-input,
.table-due-date-control[data-has-date="1"]:focus-within input[type="date"],
.table-due-date-control[data-has-date="1"]:focus-within input.flatpickr-alt-input {
  background-image: none;
}
.table-due-date-control[data-clear-active="1"] input[type="date"],
.table-due-date-control[data-clear-active="1"] input.flatpickr-alt-input {
  background-image: none;
}
.table-due-date-control[data-has-date="1"]:hover .table-due-date-clear-btn,
.table-due-date-control[data-has-date="1"]:focus-within .table-due-date-clear-btn,
.table-due-date-control[data-clear-active="1"] .table-due-date-clear-btn {
  opacity: 0.86;
  pointer-events: auto;
  transition: opacity 60ms ease, background 120ms ease, color 120ms ease;
}
@media (hover: none), (pointer: coarse) {
  .table-due-date-control[data-has-date="1"] input[type="date"],
  .table-due-date-control[data-has-date="1"] input.flatpickr-alt-input {
    background-image: none;
  }

  .table-due-date-control[data-has-date="1"] .table-due-date-clear-btn {
    opacity: 0.86;
    pointer-events: auto;
  }
}
.table-due-date-clear-btn:hover,
.table-due-date-clear-btn:focus-visible {
  background: transparent;
  color: #475569;
  outline: none;
}
.simple-table tbody td[data-col-token^="custom:"] input[type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.simple-table tbody td[data-col-token="base:prioridad"] select {
  text-align-last: center;
}
.notion-like-table input:focus,
.notion-like-table select:focus {
  background: #f8fbff;
  border-color: #93b1d8;
  box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.12);
  outline: none;
}
.status-picker {
  position: relative;
  isolation: isolate;
  text-align: center;
}
.status-picker.open {
  z-index: 260;
}
.status-pill-btn {
  display: inline-block;
  width: 92px;
  max-width: 92px;
  min-height: 22px;
  border-radius: 999px;
  padding: 1px 7px;
  border: 1px solid #cfd8e3;
  text-align: center;
  background: #ffffff;
  color: #0f172a;
  font-size: 12px;
  font-weight: 520;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background .14s ease, border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.status-pill-btn:hover {
  background: #f8fafc;
  border-color: #b8c7dc;
  box-shadow: var(--ui-control-hover-shadow);
  transform: translateY(-0.5px);
}
.status-pill-btn:active {
  transform: translateY(0);
}
.status-pill-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
  border-color: #7ea2d8;
}
.status-picker-menu,
.ticket-status-menu {
  position: absolute;
  left: auto;
  right: 0;
  top: calc(100% + 8px);
  background: #ffffff;
  border: 1px solid #dfe6ef;
  border-radius: var(--ui-menu-shell-radius);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
  z-index: 999;
  display: none;
}
.status-picker-menu {
  min-width: 166px;
  padding: 8px 7px 7px;
}
.status-picker.open .status-picker-menu {
  display: block;
}
.status-picker-option,
.ticket-status-menu .ticket-status-pill {
  display: block;
  border: 1px solid transparent;
  border-radius: 999px;
  text-align: center;
  background: transparent;
  color: #0f172a;
  font-weight: 520;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.status-picker-option {
  width: 118px;
  min-width: 118px;
  max-width: 118px;
  min-height: 26px;
  font-size: 11px;
  padding: 3px 9px;
  margin: 0 auto 5px;
}
.ticket-status-menu .ticket-status-pill {
  max-width: 132px;
  font-size: 11.5px;
  padding: 4px 10px;
  margin: 0 auto 6px;
}
.status-picker-option:first-child { margin-top: 6px; }
.ticket-status-menu .ticket-status-pill:first-child { margin-top: 8px; }
.status-picker-option:last-child,
.ticket-status-menu .ticket-status-pill:last-of-type { margin-bottom: 0; }
.status-picker-option:hover,
.ticket-status-menu .ticket-status-pill:hover {
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.05);
  transform: translateY(-0.5px);
}
.status-picker-option.active,
.ticket-status-menu .ticket-status-pill.active {
  /* Active state should keep a single clean frame; avoid legacy double-ring look. */
  box-shadow: none;
}
.status-picker-edit,
.ticket-status-edit {
  color: #51657d;
  border-radius: 7px;
  font-weight: 400;
  margin-top: 2px;
}
.status-picker-edit {
  padding-top: 5px;
}
.status-picker-edit:hover,
.ticket-status-edit:hover {
  background: #f3f6fb;
  color: #334155;
  filter: none;
}
/* title/column input padding unchanged */
.col-actions { width: 72px; }
.actions-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.danger-btn {
  background: #991b1b;
  color: #ffffff;
  border: 1px solid #991b1b;
}
.danger-btn:hover {
  background: #7f1d1d;
}
.table-zone {
  position: relative;
  display: block;
  width: max-content;
  margin-left: 0;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}
.table-zone::after {
  content: '';
  position: absolute;
  top: 0;
  right: -8px;
  width: 8px;
  bottom: 36px;
  pointer-events: auto;
}
.new-row-zone {
  display: block;
}
.new-row-outside {
  margin-top: 6px;
  width: 100%;
  min-height: 34px;
}
.new-row-outside form {
  width: 100%;
  margin: 0;
}
.new-row-trigger {
  width: 100%;
  text-align: center;
  height: 30px;
  min-height: 30px;
  border-radius: 4px;
  background: #f9fafb;
  color: #6b7280;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
}
.add-column-rail-btn,
.new-row-trigger {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .14s ease;
}
.table-zone:hover .add-column-rail-btn,
.table-zone:focus-within .add-column-rail-btn,
.add-column-rail:hover .add-column-rail-btn,
.table-zone:hover .new-row-trigger,
.table-zone:focus-within .new-row-trigger,
.new-row-zone:hover .new-row-trigger {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.new-row-trigger:hover {
  background: #f3f4f6;
  color: #0f172a;
}
.new-row-trigger:focus,
.new-row-trigger:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.clean-slate {
  min-height: 310px;
  background:
    radial-gradient(900px 300px at 8% -10%, #dde8fb 0%, transparent 46%),
    radial-gradient(760px 300px at 98% 0%, #edf4ff 0%, transparent 44%),
    #fff;
  border-style: dashed;
}
.clean-slate h3 { font-size: 19px; font-weight: 640; margin-bottom: 7px; }
.clean-slate p { color: var(--muted); max-width: 66ch; font-size: 13px; }

.login-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px;
}
.login-wrap {
  width: 100%;
  max-width: 420px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
  box-shadow: var(--shadow-soft);
  padding: 20px;
}
.login-brand {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}
.login-brand h1 { font-size: 18px; font-weight: 640; }
.login-copy { color: var(--muted); margin: 4px 0 13px; font-size: 13px; }

.form-stack { display: grid; gap: 10px; }
.form-actions { margin-top: 4px; }

.login-shell--system {
  background: #fefdf9;
}
.login-shell--progressive {
  align-content: center;
  background: #fefdf9;
  padding: 32px 18px;
}
.login-shell--public-auth {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  padding: 48px 28px 112px;
}
.login-public-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.login-public-bg--side {
  background: linear-gradient(90deg, rgba(214,203,185,.105) 0%, rgba(30,64,175,.014) 9%, rgba(214,203,185,.035) 18%, rgba(254,253,249,0) 31%, rgba(254,253,249,0) 69%, rgba(214,203,185,.035) 82%, rgba(30,64,175,.014) 91%, rgba(214,203,185,.105) 100%);
}
.login-public-bg--edge {
  background: linear-gradient(90deg, rgba(120,113,108,.012), rgba(120,113,108,0) 12%, rgba(120,113,108,0) 88%, rgba(120,113,108,.012));
}
.login-public-bg--grid {
  background-image: linear-gradient(rgba(120,113,108,.105) 1px, transparent 1px), linear-gradient(90deg, rgba(120,113,108,.096) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse at center, rgba(0,0,0,.62) 0%, rgba(0,0,0,.45) 40%, rgba(0,0,0,.16) 72%, transparent 100%);
  opacity: .424;
}
.login-shell--public-auth .login-panel-stack {
  position: relative;
  z-index: 1;
}
.login-public-footer {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 0;
  z-index: 1;
  border-top: 1px solid rgba(120,113,108,.14);
  padding: 24px 0 28px;
  text-align: center;
}
.login-public-footer-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin: 0 0 17px;
}
.login-public-footer-link {
  color: #6b7280;
  text-decoration: none;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 520;
}
.login-public-footer-link:hover,
.login-public-footer-link:focus-visible {
  color: #1e40af;
}
.login-public-footer-copy {
  margin: 0;
  color: #9ca3af;
  font-size: 11.5px;
  line-height: 1.4;
  font-weight: 450;
}
.login-public-footer-heart {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  vertical-align: -1px;
}
.login-panel-stack {
  width: min(448px, 100%);
}
.login-shell-logo-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}
.login-shell-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.login-shell-logo-link:focus-visible {
  outline: 2px solid rgba(30, 64, 175, 0.36);
  outline-offset: 6px;
}
.login-shell-logo {
  display: block;
  width: min(184px, 52vw);
  height: auto;
}
.login-shell-logo-wrap--owner-activation {
  margin-bottom: 12px;
}
.login-shell-logo-wrap--owner-activation .login-shell-logo {
  width: min(162px, 46vw);
}
.login-wrap--system {
  width: min(620px, 100%);
  max-width: 620px;
  border-radius: var(--radius-lg);
  border-color: #d7deea;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}
.login-wrap--progressive {
  --auth-progressive-label-size: 13px;
  --auth-progressive-label-weight: 600;
  --auth-progressive-field-height: 46px;
  --auth-progressive-field-gap: 6px;
  --auth-progressive-credential-gap: 14px;

  display: flex;
  flex-direction: column;
  max-width: 448px;
  padding: 26px 30px 28px;
  border-radius: 10px;
  border-color: #dfe6f1;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}
.login-wrap--auth-clean {
  padding: 26px 24px 22px;
}
.invite-register-shell {
  align-content: center;
  padding: 32px 18px;
}
.invite-register-stack {
  width: min(520px, 100%);
}
.invite-register-card {
  width: min(520px, 100%);
  max-width: 520px;
  padding: 28px 30px 30px;
}
.login-copy--progressive {
  margin: -4px 0 14px;
  text-align: center;
  color: #667085;
  font-size: 14px;
}
.login-wrap--system .login-brand h1 {
  font-size: 20px;
  font-weight: 650;
}
.login-wrap--system .login-copy {
  margin: 7px 0 16px;
}
.form-stack--system {
  gap: 12px;
}
.invite-register-form {
  width: 100%;
  max-width: none;
}
.invite-field {
  display: grid;
  gap: 6px;
}
.invite-field--short {
  max-width: calc((100% - 8px) / 2);
}
.invite-name-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}
.invite-field-label {
  color: #667085;
  font-size: 12.5px;
  font-weight: 560;
  line-height: 1.25;
}
.login-wrap--system label {
  gap: 7px;
}
.login-wrap--system .login-input {
  font-size: var(--ui-modal-input-font-size);
  font-weight: 400;
  border-radius: var(--ui-modal-input-radius);
  border-color: var(--ui-modal-input-border);
  background: var(--ui-modal-input-bg);
}
.login-wrap--system .users-profile-phone-country-control,
.login-wrap--system .users-profile-country-trigger,
.login-wrap--system .users-profile-phone-input {
  min-height: var(--ui-modal-input-min-height);
  height: var(--ui-modal-input-min-height);
}
.login-wrap--system .users-profile-country-trigger,
.login-wrap--system .users-profile-phone-input {
  font-family: inherit;
  font-size: var(--ui-modal-input-font-size);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text);
}
.login-wrap--system .users-profile-country-trigger[data-users-phone-country-trigger] {
  appearance: none;
  -webkit-appearance: none;
  padding: var(--ui-modal-input-padding);
  text-align: center;
  width: 72px;
}
.login-wrap--system .users-profile-phone-control {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 8px;
  width: 100%;
}
.login-wrap--system .users-profile-phone-country-control[data-users-phone-country-control] {
  width: 72px;
}
.invite-register-card .profile-field-help {
  color: #718096;
  font-size: 11px;
  font-weight: 450;
  line-height: 1.35;
}
.login-wrap--system .login-input:focus {
  border-color: var(--ui-modal-field-focus-border-color);
  background: var(--ui-modal-input-focus-bg);
  box-shadow: var(--ui-modal-field-focus-ring);
  outline: none;
}
.login-wrap--system .login-input:-webkit-autofill,
.login-wrap--system .login-input:-webkit-autofill:hover,
.login-wrap--system .login-input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text);
  box-shadow: 0 0 0 1000px var(--ui-modal-input-bg) inset;
  -webkit-box-shadow: 0 0 0 1000px var(--ui-modal-input-bg) inset;
  font-size: var(--ui-modal-input-font-size);
}
.auth-password-control {
  position: relative;
  display: block;
}
.auth-password-control .login-input {
  padding-right: 44px;
}
.auth-password-toggle {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  display: inline-grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background-color .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.auth-password-toggle:hover {
  background: #eef2f7;
  color: #0f172a;
}
.auth-password-toggle:focus-visible {
  outline: none;
  border-color: var(--ui-modal-field-focus-border-color);
  box-shadow: var(--ui-modal-field-focus-ring);
}
.auth-password-toggle:active {
  transform: translateY(-50%);
}
.auth-password-toggle[aria-pressed="true"] {
  color: #1e40af;
}
.auth-password-icon {
  display: inline-flex;
  width: 17px;
  height: 17px;
}
.auth-password-icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 2;
}
.auth-password-toggle .auth-password-icon--hide {
  display: none;
}
.auth-password-toggle[aria-pressed="true"] .auth-password-icon--show {
  display: none;
}
.auth-password-toggle[aria-pressed="true"] .auth-password-icon--hide {
  display: inline-flex;
}
.form-actions--system {
  justify-content: flex-start;
  margin-top: 8px;
}
.auth-form-actions--detached {
  margin-top: 28px;
}
.login-google-auth-block {
  display: flex;
  flex-direction: column;
  order: 1;
}
.login-wrap--progressive.is-password-step-visible .login-google-auth-block {
  order: 2;
}
.login-google-btn {
  display: inline-flex;
  width: 100%;
  max-width: 100%;
  min-height: var(--auth-progressive-field-height);
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid #dadce0;
  border-color: #dadce0;
  border-radius: var(--auth-control-radius);
  background: #fff;
  color: #2f343b;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  box-shadow: none;
}
.login-google-auth-block .login-google-btn {
  order: 1;
}
.login-wrap--progressive.is-password-step-visible .login-google-btn {
  order: 2;
  min-height: 44px;
  color: #394150;
  font-size: 13px;
}
.login-google-btn:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #202124;
}
.login-google-btn:focus-visible {
  outline: none;
  border-color: #4285f4;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.16);
}
.login-google-icon {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59A14.4 14.4 0 0 1 9.75 24c0-1.59.27-3.14.78-4.59l-7.98-6.19A23.86 23.86 0 0 0 0 24c0 3.86.92 7.5 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}
.login-google-label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.login-divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  order: 2;
  gap: 14px;
  align-items: center;
  height: 16px;
  margin: 22px 0 20px;
}
.login-wrap--progressive.is-password-step-visible .login-divider {
  order: 1;
  margin: 24px 0 14px;
  opacity: 0.72;
}
.login-divider span {
  display: block;
  height: 1px;
  background: var(--line);
}
.login-divider strong {
  color: #667085;
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
}
.login-progressive-form {
  order: 2;
  gap: 12px;
}
.login-wrap--progressive.is-password-step-visible .login-progressive-form {
  order: 1;
}
.login-wrap--progressive label,
.login-wrap--progressive .login-identifier-summary-label {
  color: #171923;
  font-size: var(--auth-progressive-label-size);
  font-weight: var(--auth-progressive-label-weight);
}
.login-wrap--progressive .login-input {
  min-height: var(--auth-progressive-field-height);
  border-radius: var(--auth-control-radius);
  background: #fff;
  font-size: 14px;
}
.login-wrap--progressive .login-input:focus {
  border-color: #2b158f;
  box-shadow: 0 0 0 3px rgba(43, 21, 143, 0.16);
}
.login-wrap--progressive [data-login-identifier-field][hidden] {
  display: none;
}
.login-identifier-feedback {
  margin: -4px 0 0;
}
.login-identifier-feedback[hidden] {
  display: none;
}
.login-identifier-summary-field {
  display: grid;
  gap: var(--auth-progressive-field-gap);
}
.login-identifier-summary-label {
  display: block;
}
.login-identifier-summary {
  display: flex;
  min-height: var(--auth-progressive-field-height);
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: var(--auth-control-radius);
  background: #fbfcfe;
  color: #344054;
  font-size: 14px;
  font-weight: 500;
}
.login-identifier-summary[hidden] {
  display: none;
}
.login-identifier-edit-btn {
  display: inline-flex;
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #667085;
  text-decoration: none;
}
.login-identifier-edit-btn:hover,
.login-identifier-edit-btn:focus-visible {
  background: #eef2f7;
  color: #1f2937;
  outline: none;
}
.login-identifier-edit-btn svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.login-password-step {
  display: grid;
  gap: var(--auth-progressive-credential-gap);
}
.login-password-step[hidden] {
  display: none;
}
.login-form-actions {
  width: 100%;
}
.login-submit-btn {
  width: clamp(160px, 48%, 220px);
}
.login-wrap--progressive .login-form-actions .login-submit-btn {
  width: 100%;
  justify-content: center;
  min-height: var(--auth-progressive-field-height);
  font-size: var(--auth-primary-action-font-size);
  font-weight: var(--auth-primary-action-font-weight);
}
.login-wrap--progressive.is-password-step-visible .login-form-actions {
  margin-top: 4px;
}
.login-submit-arrow {
  margin-left: 8px;
  font-size: 18px;
  line-height: 1;
}
.login-helper-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 2px;
}
.login-wrap--progressive .login-helper-row {
  justify-content: flex-end;
}
/* auth secondary link styles removed */
.password-reset-request-card {
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  background: #fff;
}
.password-reset-request-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.password-reset-request-pill {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border: 1px solid #d7deea;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  color: #3b4a66;
  background: #f7f9fd;
}
.password-reset-request-date {
  margin: 6px 0 10px;
}
.password-reset-request-actions,
.password-reset-request-actions.ui-modal-actions {
  justify-content: flex-start;
}
.password-reset-request-reject-form {
  margin-top: 8px;
}

.empty-card {
  text-align: left;
}
.empty-card h1 { font-size: 20px; margin-bottom: 7px; letter-spacing: -.01em; }
.empty-card p:not(.ui-inline-feedback) { color: var(--muted); margin-bottom: 11px; font-size: 13px; }
.users-admin-wrap { max-width: 920px; }

.ui-inline-feedback,
.error,
.success {
  margin: 0 0 12px;
  border-radius: var(--ui-feedback-radius);
  padding: var(--ui-feedback-padding);
  font-size: var(--ui-feedback-font-size);
  line-height: var(--ui-feedback-line-height);
  border: 1px solid var(--ui-feedback-neutral-border);
  background: var(--ui-feedback-neutral-bg);
  color: var(--ui-feedback-neutral-color);
}

.ui-inline-feedback ul,
.error ul,
.success ul {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 2px;
}

.ui-inline-feedback--error,
.error {
  border-color: var(--ui-feedback-error-border);
  background: var(--ui-feedback-error-bg);
  color: var(--ui-feedback-error-color);
}

.ui-inline-feedback--success,
.success {
  border-color: var(--ui-feedback-success-border);
  background: var(--ui-feedback-success-bg);
  color: var(--ui-feedback-success-color);
}

.ui-transient-feedback {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: fit-content;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow-wrap: anywhere;
  overflow-y: auto;
  pointer-events: none;
  margin: 0;
  z-index: calc(var(--ui-modal-secondary-z) + 1);
}

.ui-transient-feedback[hidden] {
  display: none;
}

.field-validation-feedback.ui-inline-feedback {
  margin: 1px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #991b1b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.entity-create-feedback {
  margin: 1px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #991b1b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}

.helper-link { color: var(--accent); font-weight: 600; }
.helper-link:hover { text-decoration: underline; color: var(--accent-strong); }

/* Modals (legacy selectors + phase 1 contract classes) */
.modal-backdrop,
.ui-modal-backdrop {
  position: fixed;
  inset: 0;
  background: var(--ui-modal-backdrop-bg);
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--ui-modal-backdrop-padding);
  /* Keep modals above body-mounted EditorJS/table popovers (z-index: 9999). */
  z-index: var(--ui-modal-z);
}

/* Legacy modal-only hosts still use a numeric fallback stack level. */
.modal-backdrop {
  z-index: 12000;
}
.ui-modal-backdrop.open,
.ui-modal-backdrop.is-open { display: flex; }

.users-action-modal-backdrop,
.workspace-modal-backdrop--secondary {
  z-index: var(--ui-modal-secondary-z);
}

/* Prevent floating EditorJS/table popovers from bleeding above confirm modals. */
body.has-active-modal > .tc-popover,
body.has-active-modal .ticket-block-inserter.use-editorjs .tc-popover,
body.has-active-modal .ticket-comment-menu-box {
  display: none !important;
  pointer-events: none !important;
}

[data-sidebar-organization-tree],
.sidebar-folder-children,
.sidebar-folder:has(> .sidebar-folder-children > [data-sidebar-node]) {
  display: grid;
  gap: 1px;
}
[data-sidebar-organization-tree] [data-sidebar-node] {
  user-select: none;
}
[data-sidebar-organization-tree] .panel-link {
  user-select: none;
  -webkit-user-drag: none;
}
.sidebar-folder-children { margin-left: 12px; }
.sidebar-folder-children[hidden] { display: none; }
.sidebar-folder-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 6px 10px;
  text-align: left;
  font: 400 13px/1.2 var(--font-sans, sans-serif);
  font-family: inherit;
  cursor: pointer;
}
button.sidebar-folder-toggle:hover {
  background: transparent;
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar-folder-row:focus-within:not(:hover):not(:has(:focus-visible)):not(:has(.panel-menu[open])) {
    background: transparent;
    color: var(--sidebar-item-color);
  }
  .sidebar-folder-row:focus-within:not(:hover):not(:has(:focus-visible)) > .panel-menu:not([open]) summary {
    opacity: 0;
    pointer-events: none;
  }
}
.sidebar-folder-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-folder-chevron { display: block; width: 8px; height: 6px; flex: none; transition: transform 120ms ease; }
.sidebar-folder-toggle[aria-expanded="false"] .sidebar-folder-chevron { transform: rotate(-90deg); }
.sidebar-folder-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.sidebar-folder.sidebar-drop-inside > .sidebar-folder-row { background: var(--sidebar-item-hover-bg); }
[data-sidebar-node].sidebar-drop-before { box-shadow: 0 -2px 0 #9ca3af; }
[data-sidebar-node].sidebar-drop-after { box-shadow: 0 2px 0 #9ca3af; }
[data-sidebar-organization-tree].sidebar-drop-root { box-shadow: 0 2px 0 #9ca3af; }
.sidebar-organization-feedback { margin: 4px 10px; font-size: 12px; }
#sidebar-folder-modal [name="name"] { display: block; margin-top: 6px; }
#sidebar-folder-modal [data-sidebar-folder-name-field][hidden],
#sidebar-folder-modal [data-sidebar-folder-delete-copy][hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .sidebar-folder-chevron { transition: none; }
}

.ui-modal-card {
  width: var(--workspace-modal-card-width, 100%);
  max-width: var(--workspace-modal-card-max-width, var(--ui-modal-card-max-width));
  background: var(--ui-modal-card-bg);
  border: 1px solid var(--ui-modal-card-border);
  border-radius: var(--ui-modal-card-radius);
  box-shadow: var(--ui-modal-card-shadow);
  padding: var(--ui-modal-card-padding);
}
.ui-modal-card.board-filter-modal {
  padding: 0;
}
.ui-modal-title {
  font-size: var(--ui-modal-title-size);
  margin-bottom: var(--ui-modal-title-margin-bottom);
}
.ui-modal-copy {
  color: var(--muted);
  font-size: var(--ui-modal-copy-size);
  margin-bottom: var(--ui-modal-copy-margin-bottom);
}
.modal-input {
  width: var(--ui-modal-input-width);
  min-height: var(--ui-modal-input-min-height);
  font-size: var(--ui-modal-input-font-size);
  font-weight: var(--ui-modal-input-font-weight);
  border-radius: var(--ui-modal-input-radius);
  border: var(--ui-modal-input-border-width) var(--ui-modal-input-border-style) var(--ui-modal-input-border);
  color: var(--ui-modal-input-color);
  background: var(--ui-modal-input-bg);
  padding: var(--ui-modal-input-padding);
}
.modal-input::placeholder {
  color: var(--ui-modal-input-placeholder-color);
  font-weight: var(--ui-modal-input-placeholder-weight);
}
.modal-input:focus {
  border: var(--ui-modal-input-focus-border-width) var(--ui-modal-input-focus-border-style) var(--ui-modal-input-focus-border);
  background: var(--ui-modal-input-focus-bg);
  outline: var(--ui-modal-input-focus-outline);
}
.modal-input:focus-visible {
  outline: var(--ui-modal-input-focus-outline);
}
.ui-modal-actions {
  display: var(--ui-modal-action-display);
  justify-content: var(--ui-modal-action-justify);
  gap: var(--ui-modal-action-row-gap);
  margin-top: var(--ui-modal-action-margin-top);
}
.ui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--ui-modal-action-button-min-height);
  padding: var(--ui-modal-action-button-padding);
  font-size: var(--ui-modal-action-button-font-size);
  font-weight: var(--ui-modal-action-button-font-weight);
  line-height: 1.2;
  border-radius: var(--ui-modal-action-button-radius);
  text-decoration: none;
}
.ui-btn--secondary {
  background: var(--ui-modal-action-secondary-bg);
  color: var(--ui-modal-action-secondary-color);
  border: var(--ui-modal-action-secondary-border);
}
.ui-btn--secondary:hover {
  background: var(--ui-modal-action-secondary-hover-bg);
  color: var(--ui-modal-action-secondary-hover-color);
  border-color: var(--ui-modal-action-secondary-hover-border-color);
}
.ui-btn--primary {
  background: var(--ui-modal-action-primary-bg);
  color: var(--ui-modal-action-primary-color);
  border: var(--ui-modal-action-primary-border);
}
.ui-btn--primary:hover {
  background: var(--ui-modal-action-primary-hover-bg);
  border-color: var(--ui-modal-action-primary-hover-border-color);
}
.ui-btn--primary:disabled,
.ui-btn--primary:disabled:hover {
  cursor: not-allowed;
  background: var(--ui-modal-action-disabled-bg);
  color: var(--ui-modal-action-disabled-color);
  border: var(--ui-modal-action-disabled-border);
}
.ui-btn--danger {
  background: var(--ui-modal-action-danger-bg);
  color: var(--ui-modal-action-danger-color);
  border: var(--ui-modal-action-danger-border);
}
.ui-btn--danger:hover {
  background: var(--ui-modal-action-danger-hover-bg);
  border-color: var(--ui-modal-action-danger-hover-border-color);
}
.ui-close-btn {
  display: inline-grid;
  place-items: center;
  position: relative;
  width: var(--ui-close-visible-size);
  min-width: var(--ui-close-visible-size);
  height: var(--ui-close-visible-size);
  min-height: var(--ui-close-visible-size);
  padding: 0;
  border: var(--ui-close-border);
  border-radius: var(--ui-close-radius);
  background: var(--ui-close-bg);
  color: var(--ui-close-color);
  cursor: pointer;
}
.ui-close-btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--ui-close-hit-size);
  height: var(--ui-close-hit-size);
  transform: translate(-50%, -50%);
}
.ui-close-btn:hover {
  background: var(--ui-close-hover-bg);
  color: var(--ui-close-hover-color);
}
.ui-close-btn:focus-visible {
  outline: var(--ui-close-focus-outline);
  outline-offset: 2px;
}
.organization-ai-context-modal {
  overflow-y: auto;
  padding: var(--ui-modal-backdrop-padding);
}
.organization-ai-context-card {
  --workspace-modal-card-width: min(960px, calc(100vw - 32px));
  --workspace-settings-section-content-width: 780px;
  --workspace-settings-section-control-width: 600px;
  --workspace-settings-section-meta-width: 150px;
  --workspace-settings-section-gap: 30px;
}
.workspace-modal-card--settings.organization-ai-context-card .workspace-modal-header {
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: 0;
}
.organization-ai-context-tabs {
  margin-top: 0;
}
.organization-ai-context-panel[hidden] {
  display: none !important;
}
.organization-ai-context-panel {
  min-height: 246px;
}
.organization-ai-context-section--index {
  --workspace-settings-section-content-width: 780px;
  --workspace-settings-section-control-width: 600px;
  --workspace-settings-section-meta-width: 150px;
  --workspace-settings-section-gap: 30px;
}
.organization-ai-context-action-list {
  display: grid;
  gap: 4px;
  width: min(var(--workspace-settings-section-control-width), 100%);
}
.organization-ai-context-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 140px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 34px;
}
.organization-ai-context-field-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.organization-ai-context-field-title {
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.25;
  white-space: normal;
}
.organization-ai-context-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  white-space: nowrap;
}
.organization-ai-context-section-main {
  justify-self: end;
}
.organization-ai-context-editor,
.organization-ai-context-editor-form {
  display: grid;
}
.organization-ai-context-editor-form {
  gap: 12px;
}
.organization-ai-context-index[hidden] {
  display: none !important;
}
.organization-ai-context-textarea {
  min-height: 210px;
  color: var(--text);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.35;
  resize: vertical;
  white-space: pre-wrap;
}
.modal-input.organization-ai-context-textarea {
  min-height: 210px;
}
.organization-ai-context-actions {
  justify-content: flex-end;
}
.organization-ai-context-readonly-message {
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
  line-height: 1.35;
}
.board-ai-context-modal {
  overflow-y: auto;
  padding: clamp(14px, 3.6vh, 30px);
}
.board-ai-context-card {
  min-height: min(560px, calc(100vh - 56px));
}
.board-ai-context-tabs {
  gap: 14px;
}
.board-ai-context-tab-btn {
  white-space: nowrap;
}
.board-ai-context-panel[hidden] {
  display: none !important;
}
.board-ai-context-type-form {
  --board-ai-context-type-choice-list-gap: 4px;
  --board-ai-context-type-choice-option-gap: 7px;
  --board-ai-context-type-choice-option-padding: 5px 4px;
  --board-ai-context-type-choice-option-border: transparent;
  --board-ai-context-type-choice-option-hover-bg: transparent;
  --board-ai-context-type-choice-option-hover-border: transparent;
  --board-ai-context-type-choice-option-selected-bg: color-mix(in srgb, var(--muted) 5%, var(--panel));
  --board-ai-context-type-choice-option-selected-border: transparent;
  --board-ai-context-type-choice-option-title-weight: 500;
  width: 100%;
  margin: 0;
}
.board-ai-context-type-options {
  gap: var(--board-ai-context-type-choice-list-gap);
}
.board-ai-context-type-option {
  display: grid;
  gap: var(--board-ai-context-type-choice-option-gap);
  padding: var(--board-ai-context-type-choice-option-padding);
  border-color: var(--board-ai-context-type-choice-option-border);
  cursor: default;
}
.board-ai-context-type-option-summary {
  display: flex;
  align-items: flex-start;
  gap: var(--board-ai-context-type-choice-option-gap);
  width: 100%;
  cursor: pointer;
}
.board-ai-context-type-option:hover {
  background: var(--board-ai-context-type-choice-option-hover-bg);
  border-color: var(--board-ai-context-type-choice-option-hover-border);
}
.board-ai-context-type-option.is-selected {
  background: var(--board-ai-context-type-choice-option-selected-bg);
  border-color: var(--board-ai-context-type-choice-option-selected-border);
}
.board-ai-context-type-option-title {
  font-weight: var(--board-ai-context-type-choice-option-title-weight);
}
.users-account-action-list.board-ai-context-action-list {
  width: min(660px, 100%);
  padding-left: 0;
  margin-top: 0;
}
.users-account-action-row.board-ai-context-action-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  min-height: 30px;
}
.board-ai-context-field-copy {
  display: grid;
  min-width: 0;
}
.users-account-action-title.board-ai-context-field-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-ai-context-field-value {
  margin: 2px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
}
.board-ai-context-action {
  min-width: 72px;
  white-space: nowrap;
}
.board-ai-context-external-client-values {
  display: none;
}
.board-ai-context-external-client-value {
  display: none;
}
.board-ai-context-external-clients-table-wrap {
  width: min(486px, 100%);
}
.board-ai-context-external-contact-cell {
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
}
.board-ai-context-external-contact {
  display: grid;
  gap: 2px;
  max-width: 260px;
  overflow-wrap: anywhere;
}
.board-ai-context-external-contact-line {
  display: block;
}
.board-ai-context-external-clients-empty-cell {
  color: #64748b;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}
.board-ai-context-external-client-menu .panel-menu-box {
  min-width: 156px;
}
.board-ai-context-editor-form {
  display: grid;
  gap: 12px;
}
.board-ai-context-editor-field {
  gap: 5px;
}
.board-ai-context-textarea {
  min-height: 160px;
  color: var(--text);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.35;
  resize: vertical;
  white-space: pre-wrap;
}
.board-ai-context-actions {
  justify-content: flex-end;
}
@media (max-width: 800px) {
  .board-ai-context-type-form {
    width: 100%;
  }
  .board-ai-context-action-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .board-ai-context-action {
    justify-self: stretch;
    width: 100%;
  }
  .organization-ai-context-section {
    grid-template-columns: 1fr;
  }
  .organization-ai-context-section-main {
    justify-self: stretch;
  }
}
@media (max-width: 480px) {
  .organization-ai-context-action-row {
    grid-template-columns: 1fr;
  }
  .organization-ai-context-action {
    justify-self: stretch;
    width: 100%;
  }
}

.users-modal-backdrop {
  align-items: flex-start;
  overflow-y: auto;
  padding: clamp(14px, 3.6vh, 30px);
}
.users-modal-card {
  width: min(980px, calc(100vw - 32px));
  max-width: none;
  min-height: min(620px, calc(100vh - 56px));
  max-height: calc(100vh - 56px);
  overflow: auto;
  border-radius: var(--radius);
  border-color: var(--line);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.16);
  padding: 18px 20px;
}
.users-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 0;
  padding-bottom: 12px;
}
.users-modal-close-btn {
  flex: 0 0 auto;
}
.users-modal-empty {
  color: var(--muted);
  font-size: 13px;
}
.users-modal-member-meta {
  font-size: 12px;
  color: var(--muted);
}
[data-users-tabs="1"] {
  --users-account-action-title-color: var(--ui-modal-team-action-color);
}
.users-tabs {
  display: grid;
  gap: 14px;
}
.users-tabs-nav {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 6px;
}
.users-tab-btn:not(.inbox-filter-btn),
.templates-index-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background: transparent;
  color: #4b5563;
  border-radius: 4px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 500;
  transition: background .14s ease, color .14s ease, border-color .14s ease;
}
.users-tab-btn:not(.inbox-filter-btn) {
  cursor: pointer;
}
.users-tab-btn:not(.inbox-filter-btn)[aria-pressed="true"],
.users-tab-btn:not(.inbox-filter-btn)[aria-selected="true"],
.users-tab-btn:not(.inbox-filter-btn)[aria-current="page"],
.templates-index-tab.is-active {
  border-color: #d1d5db;
  background: #f3f4f6;
  color: #111827;
}
.users-tab-btn:not(.inbox-filter-btn):hover,
.templates-index-tab:hover {
  background: #f9fafb;
  color: #111827;
}
.users-tab-btn:not(.inbox-filter-btn):focus-visible,
.templates-index-tab:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent) 28%, transparent);
  outline-offset: 1px;
}
.users-tab-panel {
  display: grid;
  gap: 16px;
}
.users-tab-panel[hidden] {
  display: none;
}
.users-section-title {
  font-size: 13px;
  font-weight: 600;
  color: #111827;
}
.users-account-layout {
  display: grid;
  gap: 28px;
  width: min(732px, 100%);
  margin: 0 auto;
}
.users-account-section {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}
.users-account-section + .users-account-section,
.users-profile-role-form + .users-account-section {
  position: relative;
  padding-top: 24px;
}
.users-account-section + .users-account-section::before,
.users-profile-role-form + .users-account-section::before {
  content: '';
  position: absolute;
  top: -13px;
  left: 0;
  width: calc(170px + 14px + min(486px, 100%));
  border-top: 1px solid var(--ui-section-row-divider);
}
.users-account-section-meta {
  display: grid;
  gap: 4px;
}
.users-account-section-meta p {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  color: #64748b;
}
.users-account-section-main {
  min-width: 0;
}
.users-assistant-section .users-account-action-list {
  gap: 8px;
}
.users-assistant-section .users-account-action-list.users-assistant-report-list {
  gap: 16px;
}
.users-assistant-section .users-account-action-list.users-assistant-availability-list {
  gap: 16px;
}
.users-assistant-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  line-height: 1.1;
  font-weight: 600;
}
.users-assistant-status--muted {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.users-assistant-status--pending {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}
.users-assistant-status--ready {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}
.users-assistant-action-btn[disabled],
.users-assistant-action-btn[aria-disabled="true"] {
  color: #64748b;
  background: #ffffff;
  border-color: #d1d5db;
  cursor: default;
  opacity: .62;
}
.users-assistant-action-btn[hidden],
.users-account-action-form[hidden] {
  display: none !important;
}
.users-assistant-action-btn[disabled]:hover,
.users-assistant-action-btn[aria-disabled="true"]:hover {
  background: #ffffff;
  border-color: #d1d5db;
}
.users-assistant-urgent-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 22px;
  min-width: 38px;
  min-height: 22px;
  border: 0;
  border-radius: 999px;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.users-assistant-urgent-toggle-btn:hover {
  background: transparent;
}
.users-assistant-urgent-toggle-btn:disabled {
  cursor: default;
  opacity: .62;
}
.users-assistant-urgent-toggle-btn:focus-visible {
  outline: none;
}
.users-assistant-urgent-toggle-btn:focus-visible .users-assistant-urgent-toggle-track {
  box-shadow: inset 0 0 0 1px #c7cdd5, 0 0 0 2px rgba(75, 85, 99, 0.18);
}
.users-assistant-urgent-toggle-track {
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #d9d9d7;
  box-shadow: inset 0 0 0 1px #cfcfcb;
  transition: background .12s ease, box-shadow .12s ease;
}
.users-assistant-urgent-toggle-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.22);
  transition: transform .12s ease;
}
.users-assistant-urgent-toggle-btn[aria-pressed="true"] .users-assistant-urgent-toggle-track {
  background: var(--ui-toggle-active-bg);
  box-shadow: inset 0 0 0 1px var(--ui-toggle-active-bg);
}
.users-assistant-urgent-toggle-btn[aria-pressed="true"] .users-assistant-urgent-toggle-knob {
  transform: translateX(14px);
}
.users-assistant-copy {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}
.users-assistant-option-list {
  width: min(486px, 100%);
  padding-left: 28px;
  display: grid;
  gap: 8px;
}
.users-assistant-option {
  display: grid;
  grid-template-columns: 132px minmax(0, 340px);
  gap: 14px;
  align-items: center;
  min-height: 34px;
  color: #64748b;
  font-size: 12px;
  font-weight: 400;
}
.users-assistant-option--control input[type="checkbox"] {
  justify-self: start;
}
.users-assistant-option--wide {
  align-items: start;
}
.users-assistant-report-form {
  gap: 0;
  border-top: 1px solid var(--ui-modal-assistant-row-border-color);
}
.users-assistant-modal-row {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--ui-modal-assistant-row-border-color);
  color: var(--ui-modal-team-field-label-color);
  font-size: 13px;
  font-weight: 400;
}
.users-assistant-modal-row > span:first-child {
  padding-top: 6px;
}
.users-assistant-modal-row--check {
  align-items: center;
}
.users-assistant-modal-row--check > span:first-child {
  padding-top: 0;
}
.users-assistant-modal-row--check input[type="checkbox"] {
  justify-self: start;
}
.users-assistant-modal-row input[type="radio"] {
  accent-color: var(--ui-modal-assistant-control-accent);
}
.users-assistant-day-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  max-width: 100%;
}
.users-assistant-day-toggle {
  position: relative;
  display: inline-flex;
  min-height: 30px;
}
.users-assistant-day-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}
.users-assistant-day-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #d1d5db;
  border-radius: var(--ui-modal-input-radius);
  background: var(--ui-modal-input-bg);
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
}
.users-assistant-day-toggle:hover .users-assistant-day-button {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: var(--text);
}
.users-assistant-day-input:focus-visible + .users-assistant-day-button {
  outline: 2px solid rgba(30, 64, 175, 0.18);
  outline-offset: 2px;
}
.users-assistant-day-input:checked + .users-assistant-day-button {
  border-color: #4b5563;
  background: #f8fafc;
  color: var(--text);
}
.users-assistant-time-range {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.users-assistant-time-field {
  position: relative;
  display: inline-flex;
}
.users-assistant-time-value {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.users-assistant-time-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 112px;
  min-width: 112px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #d1d5db;
  border-radius: var(--ui-modal-input-radius);
  background: var(--ui-modal-input-bg);
  color: var(--text);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.users-assistant-time-trigger:hover,
.users-assistant-time-trigger[aria-expanded="true"] {
  border-color: #cbd5e1;
  background: #f8fafc;
}
.users-assistant-time-trigger:focus-visible {
  outline: 2px solid rgba(30, 64, 175, 0.18);
  outline-offset: 2px;
}
.users-assistant-time-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  color: var(--text);
}
.users-assistant-time-icon svg {
  width: 16px;
  height: 16px;
}
.users-assistant-time-popover {
  position: absolute;
  z-index: 20;
  top: calc(100% + 6px);
  left: 0;
  width: 198px;
  padding: 9px;
  border: 1px solid #d1d5db;
  border-radius: var(--ui-modal-input-radius);
  background: #fff;
  box-shadow: var(--shadow-floating);
}
.users-assistant-time-group {
  display: grid;
  gap: 5px;
}
.users-assistant-time-group + .users-assistant-time-group {
  margin-top: 9px;
}
.users-assistant-time-popover-title {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}
.users-assistant-time-popover-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}
.users-assistant-time-options {
  display: grid;
  gap: 5px;
}
.users-assistant-time-options--minutes {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.users-assistant-time-options--period {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-self: start;
}
.users-assistant-time-option {
  min-width: 0;
  height: 24px;
  padding: 0 5px;
  border: 1px solid #d1d5db;
  border-radius: var(--ui-modal-input-radius);
  background: var(--ui-modal-input-bg);
  color: #64748b;
  font: inherit;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
.users-assistant-time-option--period {
  min-width: 30px;
}
.users-assistant-time-option:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: var(--text);
}
.users-assistant-time-option.is-selected {
  border-color: #4b5563;
  background: #f8fafc;
  color: var(--text);
}
.users-profile-shell {
  display: grid;
  gap: 4px;
}
.users-profile-form {
  margin: 0;
}
.users-profile-form--sections,
.users-profile-role-form {
  display: contents;
}
.users-avatar-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  margin: 0;
  padding-left: 0;
}
.users-avatar-hero-trigger {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  position: relative;
  display: block;
  overflow: hidden;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}
.users-avatar-hero-trigger:hover {
  border-color: #c0cad8;
  background: #f8fafc;
}
.users-avatar-hero-trigger:focus-visible {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.08);
}
.users-avatar-hero-trigger .users-avatar-upload-fallback {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: #f8fafc;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
}
.users-avatar-hero-trigger .users-avatar-upload-fallback svg {
  width: 28px;
  height: 28px;
  stroke-width: 1.55;
}
.users-avatar-hero-trigger .users-profile-avatar--preview {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
  object-fit: cover;
}
.users-avatar-clear-btn {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #dc2626;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  opacity: .72;
}
.users-avatar-clear-btn:hover {
  background: transparent;
  color: #b91c1c;
  text-decoration: underline;
  opacity: .92;
}
.users-avatar-clear-btn:focus-visible {
  outline: none;
  text-decoration: underline;
  opacity: 1;
}
.users-profile-fields-grid {
  padding-left: 28px;
  row-gap: 10px;
  column-gap: 14px;
  width: min(486px, 100%);
}
.users-profile-field-row,
.workspace-settings-field-row {
  margin: 0;
  grid-template-columns: 132px minmax(0, 340px);
}
.users-profile-field-row .ticket-meta-field-name,
.workspace-settings-field-row > span {
  font-size: 12px;
  color: #64748b;
  font-weight: 400;
}
.users-profile-field-row .ticket-meta-field-input,
.workspace-settings-field-row .modal-input {
  min-height: 30px;
  height: 30px;
  border-radius: 4px;
  padding: 0 8px;
  width: min(340px, 100%);
}
.users-profile-field-row .ticket-meta-field-input:focus,
.workspace-settings-field-row .modal-input:focus {
  border-color: var(--line);
  box-shadow: none;
}
.users-profile-field-row--role-description {
  align-items: center;
}
.users-profile-role-trigger.users-account-action-btn {
  justify-self: start;
}
.users-profile-role-modal-card {
  width: min(520px, calc(100vw - 24px));
  max-width: 520px;
}
.users-profile-role-textarea.modal-input {
  min-height: 132px;
  height: auto;
  line-height: 1.4;
  resize: vertical;
}
.profile-role-details {
  display: grid;
  gap: 8px;
}
.profile-role-summary {
  width: fit-content;
  max-width: 100%;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}
.profile-role-summary::-webkit-details-marker {
  display: none;
}
.profile-role-summary:hover {
  background: #f8fafc;
  color: #1f2937;
}
.users-profile-field-control {
  display: grid;
  gap: 4px;
  width: min(340px, 100%);
}
.users-profile-field-control .ticket-meta-field-input {
  width: 100%;
}
.users-profile-field-feedback.ui-inline-feedback {
  margin: 1px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #991b1b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
}
.users-profile-phone-control,
.profile-phone-control {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 8px;
  width: min(340px, 100%);
}
.users-profile-phone-country-control {
  position: relative;
  width: 52px;
  min-width: 0;
  height: 30px;
  overflow: visible;
}
.users-profile-country-select {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: -1;
  min-width: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.profile-phone-control select {
  min-width: 0;
  width: 100%;
}
.users-profile-country-select option {
  color: #111827;
}
.users-profile-country-trigger {
  box-sizing: border-box;
  width: 52px;
  min-height: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #fff;
  padding: 0 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #334155;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
.users-profile-country-trigger:hover {
  background: #f9fafb;
}
.users-profile-country-trigger:focus {
  outline: none;
  border-color: var(--line);
  box-shadow: none;
}
.users-profile-country-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--ui-modal-secondary-z) + 1);
  width: max-content;
  min-width: 220px;
  max-width: min(300px, calc(100vw - 32px));
  max-height: 260px;
  overflow: auto;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  box-shadow: var(--shadow-floating);
}
.users-profile-country-menu[hidden] {
  display: none !important;
}
.users-profile-country-option {
  width: 100%;
  border: 0;
  border-radius: 4px;
  background: transparent;
  padding: 6px 8px;
  color: #111827;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}
.users-profile-country-option:hover,
.users-profile-country-option:focus {
  outline: none;
  background: #f3f4f6;
}
.users-profile-country-option[aria-selected="true"] {
  background: #f8fafc;
  color: #0f172a;
  font-weight: 600;
}
.users-profile-phone-input,
.profile-phone-control input {
  min-width: 0;
}
.users-profile-field-row--readonly {
  align-items: center;
}
.users-profile-static-value {
  width: min(340px, 100%);
  min-height: 30px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1f2937;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  cursor: default;
  user-select: text;
}
.users-profile-static-text {
  min-width: 0;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.users-profile-static-lock {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  opacity: .9;
}
.users-profile-static-lock svg {
  width: 12px;
  height: 12px;
  display: block;
}
.users-profile-field-row--avatar {
  align-items: flex-start;
}
.users-profile-field-row--avatar .ticket-meta-field-name {
  padding-top: 4px;
}
.users-profile-avatar {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  border: 1px solid #d1d5db;
}
.users-profile-avatar--preview {
  width: 40px;
  height: 40px;
}
.users-avatar-upload-block {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.users-avatar-upload-preview {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  background: #ffffff;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.users-avatar-upload-fallback {
  font-size: 10px;
  color: #6b7280;
  text-align: center;
  padding: 0 3px;
}
.users-avatar-file-input--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.users-avatar-upload-btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.users-avatar-file-name {
  font-size: 12px;
  color: #6b7280;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.users-profile-actions {
  padding-left: calc(132px + 14px);
  margin-top: 4px;
  display: flex;
}
.users-profile-actions .btn-minimal {
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #ffffff;
  color: #475569;
  font-size: 12px;
  font-weight: 500;
}
.users-profile-actions .btn-minimal:hover {
  background: #f8fafc;
  color: #1f2937;
}
.users-team-fields-grid {
  width: min(486px, 100%);
}
.users-team-profile-actions {
  margin-top: 0;
}
.users-team-list {
  display: grid;
  gap: 10px;
}
.users-team-row {
  margin: 0;
  padding: 4px 0 0;
  display: grid;
  gap: 8px;
}
.users-team-row + .users-team-row {
  border-top: 1px solid #eef2f7;
  padding-top: 12px;
}
.users-team-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 13px;
}
.users-team-members {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
  font-size: 12px;
  color: #374151;
}
.users-invite-list {
  display: grid;
  gap: 0;
}
.users-invite-row {
  margin: 0;
  padding: 6px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.users-invite-row + .users-invite-row {
  border-top: 1px solid #eef2f7;
}

.users-inline-feedback {
  margin: 0;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.35;
  border: 1px solid #dbe5f1;
  background: #f8fafc;
  color: #334155;
}
.users-inline-feedback--success {
  border-color: color-mix(in srgb, var(--success) 28%, #d1fae5);
  background: #f0fdf4;
  color: #166534;
}
.users-inline-feedback--error {
  border-color: color-mix(in srgb, var(--danger) 35%, #fecaca);
  background: #fef2f2;
  color: #991b1b;
}
.users-account-action-list {
  width: min(486px, 100%);
  padding-left: 28px;
  display: grid;
  gap: 10px;
}
.users-account-action-row {
  margin: 0;
  display: grid;
  grid-template-columns: 132px minmax(0, 340px);
  align-items: center;
  gap: 14px;
}
.users-account-action-row.users-assistant-whatsapp-row {
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 32px;
  align-items: start;
}
.users-account-action-row.users-assistant-urgent-row {
  grid-template-columns: minmax(0, 1fr) auto;
}
.users-account-action-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.users-assistant-schedule-summary {
  margin: 0;
  color: #64748b;
  font-size: 10px;
  line-height: 1.3;
}
.users-assistant-whatsapp-status-block {
  display: grid;
  gap: 10px;
  justify-items: start;
}
.users-account-action-row.users-assistant-test-action-row {
  display: flex;
  justify-content: flex-end;
}
.users-account-action-title {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--users-account-action-title-color, var(--ui-section-meta));
}
.ui-btn--quiet,
button.ui-btn--quiet,
.users-account-action-btn,
button.users-account-action-btn.ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: #475569;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  justify-self: end;
  box-shadow: none;
  transition: border-color .12s ease, background .12s ease, color .12s ease, box-shadow .12s ease;
}
.ui-btn--quiet:hover,
button.ui-btn--quiet:hover,
.users-account-action-btn:hover,
button.users-account-action-btn.ghost:hover {
  background: #f8fafc;
  border-color: var(--line);
  color: #334155;
}
.ui-btn--quiet:focus-visible,
button.ui-btn--quiet:focus-visible,
.users-account-action-btn:focus-visible,
button.users-account-action-btn.ghost:focus-visible {
  outline: none;
  border-color: #94a3b8;
  box-shadow: 0 0 0 2px rgba(30, 58, 138, 0.08);
}
.ui-btn--quiet:active,
button.ui-btn--quiet:active,
.users-account-action-btn:active,
button.users-account-action-btn.ghost:active {
  transform: none;
}

.inbox-load-more.ui-btn--quiet {
  display: flex;
  width: calc(100% - 32px);
  margin: 8px 16px 12px;
  min-height: 34px;
}
.inbox-load-more[hidden] {
  display: none !important;
}

.ui-btn--quiet-danger,
button.ui-btn--quiet-danger {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: #ffffff;
  color: #b42318;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
  transition: border-color .12s ease, background .12s ease, color .12s ease, box-shadow .12s ease;
}

button.ui-btn--quiet-danger.ghost {
  background: #ffffff;
  color: #b42318;
  border-color: var(--line);
}

.ui-btn--quiet-danger:hover,
button.ui-btn--quiet-danger:hover,
button.ui-btn--quiet-danger.ghost:hover {
  border-color: var(--line);
  color: #991b1b;
  background: #fff7f7;
}

.ui-btn--quiet-danger:focus-visible,
button.ui-btn--quiet-danger:focus-visible,
button.ui-btn--quiet-danger.ghost:focus-visible {
  outline: none;
  border-color: #d69c9c;
  box-shadow: 0 0 0 2px rgba(153, 27, 27, 0.08);
}

.ui-btn--quiet-danger:active,
button.ui-btn--quiet-danger:active,
button.ui-btn--quiet-danger.ghost:active {
  transform: none;
}
.users-account-action-form {
  margin: 0;
  justify-self: end;
}
.users-section-title--danger {
  color: #111827;
}
.users-account-action-list--danger {
  margin-top: 0;
}
.users-action-modal-backdrop {
  display: flex;
  z-index: var(--ui-modal-secondary-z);
}
.users-action-modal-backdrop[hidden] {
  display: none;
}
.users-action-modal-card {
  width: min(520px, calc(100vw - 24px));
  max-width: 520px;
}
.users-action-modal-form[hidden],
.users-invite-generated-state[hidden] {
  display: none !important;
}
.users-action-modal-form {
  margin-top: 0;
  gap: 10px;
}
.users-invite-modal-copy {
  margin: 0 0 12px;
  max-width: 52ch;
}
.users-invite-generated-state {
  display: grid;
  gap: 10px;
  margin-top: 2px;
}
.users-invite-generated-notice {
  margin: 0;
}
.users-action-modal-actions {
  align-items: center;
}
.users-action-modal-form .ui-modal-actions,
.users-invite-generated-actions {
  margin-top: 2px;
}
.users-feedback-modal-actions .btn-primary-soft {
  min-width: 96px;
}
.users-modal-form {
  margin: 0;
  display: grid;
  gap: 10px;
}
.users-modal-form.users-profile-role-form {
  display: contents;
}
.users-modal-form--inline {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
}
.users-modal-form--compact {
  grid-template-columns: minmax(0, 1fr) auto;
}
.users-modal-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}
.users-modal-field--grow {
  grid-column: 1 / -1;
}
.users-modal-field-label {
  font-size: 12px;
  color: var(--ui-modal-field-label-color);
  font-weight: 550;
}
.users-modal-field input:not([type="radio"]):not([type="checkbox"]),
.users-modal-field select {
  min-height: 40px;
  padding: 8px 11px;
  border-color: var(--ui-modal-field-border-color);
}
.users-modal-field input:not([type="radio"]):not([type="checkbox"]):focus,
.users-modal-field select:focus {
  border-color: var(--ui-modal-field-focus-border-color);
  box-shadow: var(--ui-modal-field-focus-ring);
  outline: none;
}
.users-modal-form-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-start;
}
.users-modal-form-actions button {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 560;
  line-height: 1;
}
.users-modal-form-actions button:not(.ghost) {
  background: var(--ui-modal-inline-primary-bg);
  border-color: var(--ui-modal-inline-primary-border-color);
  color: var(--ui-modal-inline-primary-color);
}
.users-modal-form-actions button:not(.ghost):hover {
  background: var(--ui-modal-inline-primary-hover-bg);
  border-color: var(--ui-modal-inline-primary-hover-border-color);
  color: var(--ui-modal-inline-primary-hover-color);
}
.users-modal-form-actions button:not(.ghost):active {
  transform: translateY(0);
}
.users-mini-btn {
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}
.users-team-form {
  margin: 0;
}
.users-team-form .users-modal-field {
  gap: 4px;
}
.users-team-form .users-modal-field-label,
.users-team-members-block > .users-modal-field-label {
  font-size: 12px;
  font-weight: 400;
  color: var(--ui-modal-team-field-label-color);
}
.users-team-form .users-modal-field input,
.users-team-form .users-modal-field select,
.users-created-link-input {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--ui-modal-team-field-border-color);
  border-radius: 6px;
  background: var(--ui-modal-team-field-bg);
}
.users-team-form .users-modal-field input:focus,
.users-team-form .users-modal-field select:focus,
.users-created-link-input:focus {
  border-color: var(--ui-modal-team-field-focus-border-color);
  box-shadow: var(--ui-modal-field-focus-ring);
  outline: none;
}
.users-team-form .users-modal-form-actions {
  align-items: flex-end;
}
.users-team-form .users-modal-form-actions button,
.users-copy-link-btn {
  min-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: 1px solid var(--line);
  background: var(--ui-modal-team-action-bg);
  color: var(--ui-modal-team-action-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
  white-space: nowrap;
}
.users-team-form .users-modal-form-actions button:hover,
.users-copy-link-btn:hover {
  background: var(--ui-modal-team-action-hover-bg);
  border-color: var(--line);
  color: var(--ui-modal-team-action-hover-color);
}
.users-team-form .users-modal-form-actions button:focus-visible,
.users-copy-link-btn:focus-visible {
  outline: none;
  border-color: var(--ui-modal-team-action-focus-border-color);
  box-shadow: var(--ui-modal-field-focus-ring);
}
.users-team-form .users-modal-form-actions button:active,
.users-copy-link-btn:active {
  transform: none;
}
.users-team-form--stack {
  display: grid;
  gap: 10px;
}
.users-team-form--create {
  margin-bottom: 2px;
}
.users-team-form--compact {
  grid-template-columns: minmax(0, 1fr) auto;
  row-gap: 8px;
}
.users-created-link-block {
  margin-top: 0;
  border: 1px solid var(--ui-modal-created-link-panel-border-color);
  border-radius: 10px;
  background: var(--ui-modal-created-link-panel-bg);
  padding: 12px;
}
.users-created-link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}
.users-created-link-field {
  align-items: stretch;
  gap: 8px;
}
.users-created-link-field .users-created-link-row {
  width: 100%;
}
.users-created-link-input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 40px;
  padding: 0 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 13px;
  font-weight: 400;
}
.users-copy-link-btn {
  justify-self: end;
  min-width: 112px;
}
.users-invite-main {
  display: grid;
  gap: 4px;
}
.users-invite-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.users-invite-state {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  padding: 3px 7px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #f8fafc;
  color: #475569;
}
.users-invite-state--pending {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}
.users-invite-state--used {
  border-color: #d1d5db;
  background: #f8fafc;
  color: #475569;
}
.users-invite-state--revoked,
.users-invite-state--expired {
  border-color: #e2b4b4;
  background: #fff8f8;
  color: #991b1b;
}
.users-inline-action-form {
  margin: 0;
}
.users-team-members-block {
  display: grid;
  gap: 6px;
}
.users-team-member-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px 0;
  border-top: 1px solid #f3f4f6;
}
.users-team-member-meta {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.users-members-table-wrap {
  width: min(486px, 100%);
  overflow: visible;
}
.users-members-table {
  width: 100%;
  min-width: 340px;
  border-collapse: collapse;
}
.users-workspace-members-table-wrap {
  width: min(560px, 100%);
}
.users-workspace-members-table {
  min-width: 520px;
  table-layout: fixed;
}
.users-workspace-members-table .users-members-col--user {
  width: 36%;
}
.users-workspace-members-table .users-members-col--whatsapp {
  width: 24%;
}
.users-workspace-members-table .users-members-col--role {
  width: 18%;
}
.users-workspace-members-table .users-members-col--actions {
  width: 22%;
}
.users-members-table th,
.users-members-table td {
  border-bottom: 1px solid #eef2f7;
  padding: 8px 8px;
  text-align: left;
  vertical-align: middle;
}
.users-members-table th {
  padding-top: 0;
  font-size: 13px;
  font-weight: 550;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.users-members-table tbody tr:last-child td {
  border-bottom: 0;
}
.users-members-username {
  font-size: 13px;
  color: #0f172a;
}
.users-members-display-name {
  display: inline-block;
  max-width: 190px;
  font-size: 13px;
  font-weight: 560;
  color: #0f172a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.users-members-table-whatsapp {
  white-space: nowrap;
}
.users-members-whatsapp-state {
  display: inline;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 450;
  line-height: 1.2;
  white-space: nowrap;
}
.users-members-whatsapp-state--connected {
  color: #166534;
}
.users-members-whatsapp-state--disconnected {
  color: #64748b;
}
.users-members-table-actions-col,
.users-members-table-actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.users-workspace-members-table .users-members-table-actions-col,
.users-workspace-members-table .users-members-table-actions {
  width: auto;
  padding-right: 0;
}
.users-workspace-members-table .users-members-row-menu.panel-menu {
  transform: translateX(16px);
}
.users-members-row-menu.panel-menu {
  display: inline-block;
}
.users-members-row-menu.panel-menu summary {
  opacity: 1;
  pointer-events: auto;
}
.users-members-row-menu.panel-menu .panel-menu-box {
  top: 30px;
  right: 0;
  min-width: 292px;
  max-width: min(340px, calc(100vw - 24px));
}
.users-members-table tbody tr:nth-last-child(-n + 2) .users-members-row-menu.panel-menu .panel-menu-box {
  top: auto;
  bottom: 30px;
}
.users-members-actions-empty {
  display: inline-block;
  width: 26px;
  height: 26px;
}

@media (max-width: 800px) {
  .users-modal-card {
    width: calc(100vw - 16px);
    min-height: calc(100vh - 32px);
    max-height: calc(100vh - 32px);
    padding: 14px;
  }
  .users-profile-fields-grid {
    padding-left: 0;
    row-gap: 10px;
    width: 100%;
  }
  .users-account-section {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .users-account-section + .users-account-section,
  .users-profile-role-form + .users-account-section {
    padding-top: 20px;
  }
  .users-account-section + .users-account-section::before,
  .users-profile-role-form + .users-account-section::before {
    top: -9px;
    width: 100%;
  }
  .users-account-action-list {
    width: 100%;
    padding-left: 0;
  }
  .users-assistant-option-list {
    width: 100%;
    padding-left: 0;
  }
  .users-account-action-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .users-account-action-row.users-assistant-whatsapp-row {
    grid-template-columns: 1fr;
  }
  .users-assistant-option {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .users-assistant-modal-row {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .users-assistant-modal-row > span:first-child {
    padding-top: 0;
  }
  .users-assistant-day-picker {
    max-width: 100%;
  }
  .users-assistant-day-button {
    min-width: 42px;
  }
  .users-assistant-time-range {
    align-items: stretch;
  }
  .users-assistant-time-field,
  .users-assistant-time-trigger {
    width: 100%;
  }
  .users-assistant-time-popover {
    width: min(198px, calc(100vw - 48px));
  }
  .users-members-table-wrap {
    width: 100%;
  }
  .users-members-table {
    min-width: 0;
  }
  .users-members-table th,
  .users-members-table td {
    padding-left: 6px;
    padding-right: 6px;
  }
  .users-action-modal-card {
    width: calc(100vw - 20px);
    max-width: 420px;
    padding: 16px;
  }
  .users-profile-field-row {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 4px;
  }
  .users-profile-phone-control,
  .profile-phone-control {
    grid-template-columns: 1fr;
  }
  .users-profile-actions {
    padding-left: 0;
  }
  .users-avatar-hero {
    padding-left: 0;
    justify-content: flex-start;
  }
  .users-avatar-hero-trigger {
    width: 68px;
    height: 68px;
  }
  .users-modal-form--inline,
  .users-modal-form--compact {
    grid-template-columns: 1fr;
  }
  .users-modal-field--grow {
    grid-column: auto;
  }
  .users-created-link-row {
    grid-template-columns: 1fr;
  }
  .users-copy-link-btn {
    width: 100%;
    min-width: 0;
  }
  .users-avatar-upload-block {
    align-items: flex-start;
  }
  .users-avatar-file-name {
    max-width: 100%;
  }
}

.column-modal-card {
  max-width: 340px;
  padding: 12px;
}
.column-modal-header {
  margin-bottom: 9px;
}
.column-modal-section {
  padding: 0;
  border: 0;
  background: transparent;
}
.column-modal-section + .column-modal-section {
  margin-top: 14px;
}
.column-modal-section-head {
  margin-bottom: 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--ui-modal-column-section-head-border-color);
}
.column-modal-section-head h4 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ui-modal-column-section-head-title-color);
}

.column-essential-chip-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
}
.column-essential-chip-form {
  margin: 0;
}
.column-essential-chip {
  width: min(100%, 252px);
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #0f172a;
  padding: 6px 9px;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.column-essential-chip:hover {
  background: #f3f4f6;
  border-color: transparent;
  color: #111827;
}
.column-essential-chip:hover .column-essential-chip-icon,
.column-type-pill:hover .column-type-pill-icon {
  background: #f3f4f6;
  border-color: #d1d5db;
  color: var(--ui-modal-column-option-icon-hover-color);
}
.column-essential-chip-icon,
.column-type-pill-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ui-modal-column-option-icon-color);
  line-height: 1;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f9fafb;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.column-essential-chip-label,
.column-type-pill > span:last-child {
  flex: 1 1 auto;
  font-size: var(--ui-modal-column-option-label-size);
  font-weight: var(--ui-modal-column-option-label-weight);
  line-height: var(--ui-modal-column-option-label-line-height);
  text-align: left;
}

.column-create-form {
  margin-top: 2px;
}
.column-create-form .ui-modal-actions {
  margin-top: 16px;
}
.column-create-label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: #475569;
  font-weight: 600;
}
.column-type-picker {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 8px;
}
.column-type-pill {
  width: min(100%, 252px);
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #0f172a;
  font-size: 13px;
  font-weight: 400;
  padding: 6px 9px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
/* column option icon styles are centralized in .column-essential-chip-icon, .column-type-pill-icon */
.column-essential-chip-icon svg,
.column-type-pill-icon svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.8;
}
.column-type-pill:hover {
  background: #f3f4f6;
  border-color: transparent;
  color: #111827;
}
/* column option icon hover visuals are centralized in .column-essential-chip:hover .column-essential-chip-icon, .column-type-pill:hover .column-type-pill-icon */
.column-type-pill.is-active {
  background: transparent;
  border-color: transparent;
  color: #111827;
}
.column-type-pill.is-active:hover {
  background: #f3f4f6;
}
.column-essential-chip:focus-visible,
.column-type-pill:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 1px #d1d5db;
}
.column-type-pill.is-active .column-type-pill-icon {
  background: #f9fafb;
  border-color: #e5e7eb;
  color: var(--ui-modal-column-option-icon-color);
}
.column-select-options-wrap {
  margin-top: 10px;
}
.column-select-options-wrap .column-create-label {
  margin-bottom: 6px;
}
.inbox-mute-modal-card {
  max-width: 312px;
  padding: 12px 12px 10px;
}
.inbox-mute-modal-card .column-modal-header {
  margin-bottom: 8px;
}
.inbox-mute-modal-card .ui-modal-title {
  font-size: 18px;
  line-height: 1.2;
}
.inbox-mute-modal-section {
  margin-top: 0;
}
.inbox-mute-modal-section .column-modal-section-head {
  margin-bottom: 6px;
}
.inbox-mute-option-grid {
  gap: 4px;
}
.inbox-mute-option-chip {
  width: 100%;
  min-height: 40px;
  gap: 8px;
  padding: 4px 6px;
  cursor: pointer;
}
.inbox-mute-option-chip:hover {
  background: #f8fafc;
}
.inbox-mute-option-chip .column-essential-chip-icon {
  width: 26px;
  height: 26px;
  border-radius: 6px;
}
.inbox-mute-option-chip .column-essential-chip-icon svg {
  width: 15px;
  height: 15px;
  stroke-width: 1.8;
}
.inbox-mute-option-chip .column-essential-chip-label {
  font-size: 14px;
}

@media (max-width: 640px) {
  .column-essential-chip-grid,
  .column-type-picker {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

.btn-minimal {
  background: transparent;
  border: 1px solid transparent;
  color: #6b7280;
  font-weight: 400;
}
.btn-minimal:hover { background: #f3f4f6; color: #0f172a; }
.btn-primary-soft,
.panel-menu summary.btn-primary-soft {
  background: #1e40af;
  color: #ffffff;
  border: 1px solid #1e40af;
  font-weight: 400;
}
.btn-primary-soft:hover,
.panel-menu summary.btn-primary-soft:hover {
  background: #1e3a8a;
  color: #ffffff;
}
.panel-menu summary.btn-primary-soft {
  width: auto;
  height: auto;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  opacity: 1;
  pointer-events: auto;
}

.status-modal-card {
  max-width: 440px;
  max-height: 84vh;
  overflow: visible;
}
.status-modal-spacer { height: 10px; }
.status-editor-list {
  position: relative;
  display: grid;
  gap: 6px;
  margin-bottom: 8px;
  padding: 0 14px;
}
.status-drop-indicator {
  position: absolute;
  left: 20px;
  right: 20px;
  height: 2px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14);
  opacity: 0;
  pointer-events: none;
  transition: opacity .08s ease;
  z-index: 15;
}
.status-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 26px 22px;
  gap: 8px;
  align-items: center;
  padding: 0 4px 0 22px;
}
.status-row.new-status-row {
  grid-template-columns: 1fr 26px 22px;
}
.status-remove-placeholder {
  width: 18px;
  height: 18px;
}
.status-name-input {
  min-height: 34px;
  background: #fff;
  border-color: var(--line);
}
.status-name-input[readonly],
.status-name-input[readonly]:focus {
  background: #f5f6f8;
  border-color: #e1e5eb;
  color: #5b6473;
  box-shadow: none;
  outline: none;
  cursor: default;
}
.status-essential-lock {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: #a3b0c2;
}
.status-essential-lock > svg {
  opacity: .7;
}
.status-essential-lock::after {
  content: attr(data-tooltip);
  position: absolute;
  right: 0;
  bottom: calc(100% + 7px);
  z-index: 25;
  width: max-content;
  max-width: 220px;
  padding: 6px 8px;
  border-radius: 6px;
  background: #0f172a;
  color: #f8fafc;
  box-shadow: 0 6px 18px rgba(2, 6, 23, 0.2);
  font-size: 11px;
  line-height: 1.35;
  text-align: left;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transform: translateY(2px);
  transition: opacity .12s ease, transform .12s ease;
}
.status-essential-lock:hover::after,
.status-essential-lock:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}
.status-essential-lock:focus-visible {
  border-radius: 4px;
  outline: 2px solid rgba(37, 99, 235, 0.35);
  outline-offset: 2px;
}
.status-color-wrap {
  position: relative;
  overflow: visible;
}
.status-color-trigger {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--swatch, #64748b);
  padding: 0;
}
.status-color-palette {
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  width: 162px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  box-shadow: var(--shadow-floating);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 5px;
  z-index: 240;
}
.status-color-palette[hidden] {
  display: none !important;
}
.status-color-swatch {
  width: 21px;
  height: 21px;
  min-height: 21px;
  border-radius: 5px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: var(--swatch);
  padding: 0;
}
.status-color-swatch:hover {
  transform: scale(1.03);
}
.status-delete-icon-btn {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  border: 0;
  background: transparent;
  color: #a3b0c2;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  padding: 0;
}
.status-delete-icon-btn:hover {
  background: #f6f8fc;
  color: #8d3328;
}
.status-drag-handle {
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  color: #a6b3c5;
  font-size: 12px;
  letter-spacing: -1px;
  cursor: grab;
  user-select: none;
  line-height: 1;
}
.status-row:hover .status-drag-handle,
.status-row:focus-within .status-drag-handle,
.status-row.is-dragging-status .status-drag-handle {
  opacity: 1;
}
.status-row.is-dragging-status {
  opacity: .72;
}
.status-drag-handle:active { cursor: grabbing; }
.status-add-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 2px 0 6px;
  padding-left: 36px;
}
.status-add-label {
  font-size: 11px;
  color: #8da0b8;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.status-add-inline {
  display: grid;
  gap: 6px;
  align-items: center;
  padding: 0 14px;
}
#add-status-row-btn {
  min-height: 26px;
  padding: 0 8px;
  font-size: 12px;
}

.notes-cell {
  position: relative;
}
.longtext-tooltip {
  position: fixed;
  z-index: 220;
  min-width: 180px;
  max-width: 360px;
  max-height: 220px;
  overflow: auto;
  white-space: pre-wrap;
  background: #0f172a;
  color: #f8fafc;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
  padding: 8px 10px;
  box-shadow: 0 8px 24px rgba(2, 6, 23, 0.28);
  font-size: 12px;
  line-height: 1.35;
  pointer-events: none;
}

.status-notice-backdrop {
  display: grid;
  place-items: center;
}
.status-notice-card {
  width: min(520px, calc(100vw - 32px));
}
.status-notice-card h4 {
  margin: 0 0 6px;
  color: var(--ui-modal-status-notice-title-color);
}
.status-notice-card p {
  margin: 0;
  line-height: 1.45;
}
.status-notice-actions {
  margin-top: 12px;
}

.ticket-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.22);
  z-index: 320;
}
.ticket-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: var(--ticket-drawer-width);
  min-width: var(--ticket-drawer-min-width);
  max-width: var(--ticket-drawer-max-width);
  height: 100vh;
  background: var(--ticket-drawer-bg);
  border-left: var(--ticket-drawer-border);
  box-shadow: var(--ticket-drawer-shadow);
  z-index: 330;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: #d1d5db transparent;
  font-family: inherit;
  font-size: 13px;
  color: #0f172a;
}
.ticket-drawer-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 2px;
}


.ticket-drawer-content {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.ticket-drawer-scroll::-webkit-scrollbar {
  width: 10px;
}
.ticket-drawer-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.ticket-drawer-scroll::-webkit-scrollbar-thumb {
  background: #b8c6d8;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ticket-drawer-scroll::-webkit-scrollbar-thumb:hover {
  background: #a5b6cc;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ticket-drawer *,
.ticket-drawer input,
.ticket-drawer textarea,
.ticket-drawer button,
.ticket-drawer select {
  font-family: inherit;
}
.ticket-drawer-resizer {
  position: absolute;
  left: -5px;
  top: 0;
  bottom: 0;
  width: 10px;
  cursor: ew-resize;
}
.ticket-drawer-resizer::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(148, 163, 184, 0.32);
  transition: background .12s ease, box-shadow .12s ease;
}
.ticket-drawer-resizer::before {
  content: '';
  position: absolute;
  left: 1px;
  top: 50%;
  width: 6px;
  height: 34px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.28);
}
.ticket-drawer-resizer:hover::after {
  background: rgba(100, 116, 139, 0.55);
  box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.18);
}
body.ticket-drawer-open {
  overflow: hidden;
}
body.is-resizing-ticket-drawer {
  cursor: ew-resize;
  user-select: none;
}
body.is-resizing-ticket-drawer .ticket-drawer-resizer::after {
  background: rgba(59, 130, 246, 0.7);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.18);
}
body.is-resizing-ticket-drawer .ticket-drawer-resizer::before {
  background: rgba(59, 130, 246, 0.32);
}
.ticket-drawer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
#ticket-drawer-title {
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 10px;
}
.ticket-drawer-title-input {
  display: block;
  width: min(720px, calc(88vw - 120px));
  max-width: 100%;
}
.ticket-drawer-eyebrow {
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0.01em;
  color: #6b7280;
  font-weight: 400;
  margin-bottom: 4px;
}
.ticket-drawer-header .editing-presence-indicator {
  margin-top: 0;
}
.ticket-drawer-header > :first-child {
  min-width: 0;
  flex: 1 1 auto;
}
.ticket-drawer-archive-meta {
  min-height: 18px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}
.ticket-drawer-restore {
  flex: 0 0 auto;
}
[data-ticket-drawer-surface-mode="archive_readonly"] .ticket-drawer-archive-actions {
  position: fixed;
  right: 22px;
  bottom: 18px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 8px;
  pointer-events: none;
}
[data-ticket-drawer-surface-mode="archive_readonly"] .ticket-drawer-restore {
  pointer-events: auto;
  box-shadow: none;
}
[data-ticket-drawer-surface-mode="archive_readonly"] .ticket-drawer-archive-overflow {
  pointer-events: auto;
  box-shadow: none;
}
[data-ticket-drawer-surface-mode="archive_readonly"] .ticket-drawer-scroll {
  padding-bottom: 72px;
}
.ticket-drawer-form {
  display: grid;
  gap: 12px;
  min-height: 0;
  overflow: visible;
  padding-right: 2px;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.ticket-section {
  padding: 8px 0;
  background: transparent;
  border: 0;
}
.ticket-section + .ticket-section {
  border-top: 1px solid var(--line);
  padding-top: 14px;
  margin-top: 6px;
}
.ticket-section.ticket-section-no-divider {
  border-top: 0 !important;
  padding-top: 8px;
  margin-top: 0;
}
.ticket-section.ticket-section-no-divider + .ticket-section.ticket-section-no-divider {
  border-top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.ticket-meta-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
}
.ticket-meta-field .ticket-inline-input {
  width: 100%;
  margin: 0;
}
.ticket-status-field .ticket-status-picker-inline {
  margin-left: 0;
  padding-left: 0;
}
.ticket-status-field .ticket-status-current-pill {
  width: 100%;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 9px;
  min-height: 30px;
  border-radius: 999px;
}

/* Layout unificado del drawer */
.ticket-meta-unified {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  width: 520px;
  max-width: 100%;
  margin: 0;
  align-self: flex-start;
}
.ticket-meta-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0;
}
.ticket-meta-section + .ticket-meta-section {
  border-top: 1px solid #e8edf3;
  margin-top: 1px;
  padding-top: 10px;
}
.ticket-meta-section-head {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 0;
}
.ticket-meta-section-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #94a3b8;
}
.ticket-meta-section-icon svg {
  width: 14px;
  height: 14px;
}
.ticket-meta-section-label {
  font-size: 11px;
  font-weight: 650;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.ticket-meta-fields-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  padding-left: 28px;
}
.ticket-meta-unified .ticket-meta-section:first-of-type .ticket-meta-fields-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 18px;
}
.ticket-meta-unified .ticket-meta-section:first-of-type .ticket-meta-field-compact:first-child {
  grid-column: 1 / -1;
}
.ticket-meta-unified .ticket-meta-section:first-of-type .ticket-meta-field-compact {
  min-width: 0;
}
.ticket-meta-unified .ticket-meta-section:first-of-type .ticket-meta-field-compact:nth-child(2),
.ticket-meta-unified .ticket-meta-section:first-of-type .ticket-meta-field-compact:nth-child(3) {
  grid-column: span 1;
}
.ticket-meta-fields-grid {
  display: grid;
  gap: 18px 16px;
  padding-left: 28px;
}
.ticket-meta-fields-grid-people {
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
}
#ticket-details-drawer .ticket-meta-fields-grid-people {
  row-gap: 8px;
  column-gap: 14px;
}
.ticket-meta-fields-grid-people .ticket-meta-field-inline {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
}
.ticket-meta-fields-grid-people .ticket-meta-field-inline .ticket-meta-field-name {
  margin: 0;
}
#ticket-details-drawer .ticket-meta-fields-grid-people .ticket-meta-field-inline .ticket-meta-field-input:not(.ticket-people-mention-editable) {
  margin: 0;
  min-height: 30px;
  padding: 6px 8px;
  box-sizing: border-box;
}
.ticket-meta-field.short {
  grid-column: span 1;
}
.ticket-meta-field.full {
  grid-column: 1 / -1;
}
.ticket-meta-field-compact {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 auto;
  min-width: 140px;
}
.ticket-meta-fields-row .ticket-meta-field-compact {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.ticket-meta-fields-row .ticket-meta-field-compact .ticket-meta-field-name {
  margin: 0;
}
.ticket-meta-field.short .ticket-meta-field-input {
  width: 170px;
  max-width: 170px;
}
#ticket-detail-responsible-editable {
  width: 170px;
  max-width: 170px;
}
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-input,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-status-picker-inline,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-priority-picker-inline {
  margin: 0;
  width: 100%;
  max-width: 170px;
  justify-self: start;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) #ticket-detail-due-date,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .flatpickr-input,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact:first-child .ticket-meta-field-input {
  text-align: center !important;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact {
  flex: 0 0 auto;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-status-picker-inline,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-priority-picker-inline,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) #ticket-detail-due-date {
  width: 155px !important;
  max-width: 155px !important;
  justify-self: start;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-inline-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-alt-input {
  min-height: 30px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-status-shell {
  width: 155px !important;
  max-width: 155px !important;
}
.drawer-due-date-control {
  position: relative;
  display: block;
  width: 155px;
  max-width: 155px;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field #ticket-detail-due-date,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .flatpickr-alt-input {
  --drawer-date-icon-slot: 26px;
  min-height: 28px !important;
  height: 28px !important;
  line-height: 22px !important;
  text-align: center !important;
  /* Keep icon slot on the right and shift optical center to the text region. */
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 8px !important;
  padding-right: calc(8px + var(--drawer-date-icon-slot)) !important;
  text-indent: calc((var(--drawer-date-icon-slot) / -2) - 2px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='3'/%3E%3Cpath d='M8 3.5v3M16 3.5v3M4 10h16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%;
  background-size: 16px 16px;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .drawer-due-date-control[data-has-date="1"]:hover #ticket-detail-due-date,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .drawer-due-date-control[data-has-date="1"]:hover .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .drawer-due-date-control[data-has-date="1"]:focus-within #ticket-detail-due-date,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .drawer-due-date-control[data-has-date="1"]:focus-within .flatpickr-alt-input {
  background-image: none !important;
}
@media (hover: none), (pointer: coarse) {
  #ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .drawer-due-date-control[data-has-date="1"] #ticket-detail-due-date,
  #ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-date-field .drawer-due-date-control[data-has-date="1"] .flatpickr-alt-input {
    background-image: none !important;
  }

  #ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .drawer-due-date-control[data-has-date="1"] .drawer-due-date-clear-btn {
    opacity: 0.86;
    pointer-events: auto;
  }
}
.ticket-meta-field-name {
  font-size: 12px;
  font-weight: 400;
  color: #64748b;
  text-overflow: ellipsis;
}
.ticket-meta-field-input {
  width: 100%;
  height: 30px;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  font-weight: 400;
  color: #334155;
  transition: border-color .12s ease;
}
.ticket-meta-field-input:focus {
  outline: none;
  border-color: #d1d5db;
}
.ticket-meta-field-input::placeholder {
  color: #94a3b8;
}
.ticket-people-input-shell {
  width: 100%;
  min-width: 0;
}
#ticket-details-drawer .ticket-meta-fields-grid-people .ticket-meta-field-inline .ticket-people-mention-editable {
  margin: 0;
  min-height: 30px;
  height: auto;
  padding: 2px 8px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 24px;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
  cursor: text;
}
#ticket-detail-responsible-editable {
  height: 30px;
  max-height: 30px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
#ticket-detail-responsible-editable .inline-mention-pill {
  position: relative;
  top: -1px;
}
#ticket-detail-contributors-editable,
#ticket-detail-informed-editable {
  max-height: none;
  overflow-x: hidden;
  overflow-y: visible;
}
.ticket-people-mention-editable:empty::before {
  content: attr(data-placeholder);
  color: #94a3b8;
  line-height: 24px;
  pointer-events: none;
}
.ticket-people-mention-editable .inline-mention-pill {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.ticket-people-mention-editable .inline-mention-pill-text {
  font-size: inherit;
}
.ticket-meta-field-input[type="date"] {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 11h16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 16px;
  color-scheme: light;
  border: 1px solid var(--line) !important;
  box-shadow: none;
  background-color: #fff;
}
.ticket-meta-field-input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: none;
}
.ticket-meta-obj-input {
  margin-left: 34px;
  width: calc(100% - 34px);
}
.ticket-meta-status-btn {
  width: 100%;
  min-height: 30px;
  padding: 6px 9px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  font-weight: 400;
  color: #9ca3af;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  line-height: 1;
  box-sizing: border-box;
}
/* Drawer-only: make status pill use the same visual box model as flatpickr alt input */
#ticket-details-drawer .ticket-status-picker-inline {
  width: 100%;
  margin-left: 0;
}
#ticket-details-drawer .ticket-meta-status-shell {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}
#ticket-details-drawer .ticket-meta-status-shell .ticket-status-current-pill {
  position: relative;
  box-sizing: border-box !important;
  width: 98px !important;
  min-width: 98px !important;
  max-width: 98px !important;
  min-height: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 2px 8px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
#ticket-details-drawer .ticket-meta-status-shell .ticket-status-current-pill::before {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border: 1px solid var(--ticket-status-current-border-color, transparent);
  border-radius: inherit;
}
#ticket-details-drawer .ticket-meta-status-shell .ticket-status-current-pill strong,
#ticket-details-drawer .ticket-meta-status-shell .ticket-status-current-pill span {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  line-height: 1.1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ticket-meta-divider {
  display: none;
}

.ticket-meta-unified + .ticket-section.ticket-section-no-divider {
  border-top: 1px solid var(--line) !important;
  margin-top: 8px !important;
  padding-top: 14px !important;
}

#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) #ticket-detail-due-date {
  max-width: 200px;
}
.ticket-drawer-label {
  color: #6b7280;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .02em;
  display: grid;
  gap: 4px;
}
.ticket-inline-input {
  width: 100%;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 7px 9px;
  background: #fff;
}
.ticket-inline-input[type="date"],
.notion-like-table input[type="date"][form],
.ticket-inline-input.flatpickr-alt-input,
.notion-like-table input.flatpickr-alt-input {
  color: #334155;
  font-size: 13px;
  font-weight: 400;
  color-scheme: light;
}
.ticket-inline-input[type="date"]::-webkit-calendar-picker-indicator,
.notion-like-table input[type="date"][form]::-webkit-calendar-picker-indicator {
  opacity: 0.75;
  cursor: pointer;
  filter: grayscale(20%) saturate(70%) hue-rotate(175deg);
}
.ticket-inline-input[type="date"]:hover::-webkit-calendar-picker-indicator,
.notion-like-table input[type="date"][form]:hover::-webkit-calendar-picker-indicator {
  opacity: 1;
}
.flatpickr-calendar {
  border: 1px solid #d1d5db;
  border-radius: 4px;
  box-shadow: var(--shadow-floating) !important;
  font-family: inherit;
  background: #fff;
  font-size: 11px;
  overflow: hidden;
  padding: 12px 12px 30px;
  position: relative;
}
.flatpickr-prev-month,
.flatpickr-next-month {
  border-radius: 8px;
  top: 11px !important;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  background: #f3f4f6;
}
.flatpickr-day {
  max-width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 11.5px;
}
.flatpickr-months,
.flatpickr-month,
.flatpickr-current-month,
.flatpickr-weekdays {
  background: #fff !important;
}
.flatpickr-weekdays {
  padding: 0 10px;
  box-sizing: border-box;
}
.flatpickr-days {
  width: calc(100% - 20px) !important;
  margin: 0 10px 22px;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-days .dayContainer {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.flatpickr-months {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.flatpickr-innerContainer {
  padding: 0 0 10px;
  box-sizing: border-box;
}
.flatpickr-weekday {
  color: #6b7a8f !important;
  font-weight: 650;
  font-size: 10.5px;
  letter-spacing: .01em;
  text-transform: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: #0f172a;
  font-weight: 680;
  font-size: 12px;
}
.flatpickr-current-month input.cur-year {
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-left: 4px;
  width: 56px;
  text-align: left;
  appearance: textfield;
  -moz-appearance: textfield;
}
.flatpickr-current-month input.cur-year::-webkit-outer-spin-button,
.flatpickr-current-month input.cur-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.flatpickr-current-month .numInputWrapper {
  width: 56px;
}
.flatpickr-current-month .numInputWrapper span {
  display: none !important;
}
.flatpickr-calendar.open {
  animation: fpFadeIn .12s ease-out;
}
@keyframes fpFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  fill: #64748b;
}
.flatpickr-day {
  border-radius: 8px;
}
.flatpickr-day.today {
  border-color: #cbd5e1;
  border-radius: 8px;
}
.flatpickr-months {
  padding: 2px 4px 0;
  margin-bottom: 6px;
}
.flatpickr-current-month {
  font-size: 13px;
  padding-top: 5px;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: #1e3a8a;
  border-color: #1e3a8a;
  color: #fff;
  border-radius: 6px;
}
.flatpickr-day:hover {
  background: #f5f7fa;
  border-color: #f5f7fa;
  border-radius: 8px;
}
.fp-month-menu,
.fp-year-menu {
  position: absolute;
  top: 34px;
  z-index: 12;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(3, minmax(60px, 1fr));
  gap: 2px;
}
.fp-month-menu { left: 8px; }
.fp-year-menu { right: 8px; }
.fp-month-menu[hidden],
.fp-year-menu[hidden] {
  display: none !important;
}
.fp-month-item,
.fp-year-item {
  border: 0;
  background: transparent;
  border-radius: 7px;
  height: 26px;
  color: #475569;
  font-size: 11.5px;
  font-weight: 600;
}
.fp-month-item:hover,
.fp-year-item:hover {
  background: #f5f7fa;
  color: #1f2937;
}
.fp-month-item.active,
.fp-year-item.active {
  background: #eef2f7;
  color: #0f172a;
}
.fp-today-link {
  position: absolute;
  bottom: 8px;
  right: 12px;
  border: 0;
  background: transparent;
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 6px;
}
.fp-today-link:hover {
  background: #eaf0ff;
}
.ticket-inline-input:focus,
.ticket-comment-input:focus {
  outline: none;
  border-color: #9ca3af;
  box-shadow: 0 0 0 1px rgba(156, 163, 175, 0.18);
}
.ticket-status-picker-inline {
  position: relative;
  width: 100%;
  max-width: 360px;
  justify-self: start;
  display: flex;
  align-items: center;
  margin-left: -5px;
  padding-left: 0;
}
.ticket-status-current-pill,
.ticket-status-pill {
  min-height: 28px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fff;
  color: #475569;
  font-size: 13px;
  font-weight: 520;
  padding: 0 12px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 0;
}
.ticket-status-menu:not([hidden]) {
  display: block;
}
.ticket-status-menu[hidden] {
  display: none !important;
}
@keyframes ticketMenuIn {
  from { opacity: 0; transform: translateY(-4px) scale(0.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.ticket-status-edit {
  display: block;
  width: 132px;
  min-width: 132px;
  max-width: 132px;
  min-height: 28px;
  margin: 2px auto 0;
  border: 0;
  background: transparent;
  font-size: 11.5px;
  text-align: center;
  padding: 6px 10px 4px;
}
.ticket-body-section {
  min-height: 0;
  border-top: 0 !important;
  border-bottom: 1px solid var(--line);
  padding-top: 0 !important;
  padding-bottom: 10px;
  margin-top: 14px !important;
  margin-bottom: 0;
}
.ticket-body-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.ticket-body-head .ticket-drawer-label {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7280;
  margin-bottom: 0;
}
.ticket-save-hint {
  /* Hide details drawer save microcopy (Guardando/Guardado/Sin conexión) */
  display: none !important;
}
.page-save-hint {
  margin-top: 10px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
}
.page-save-hint.is-visible {
  display: inline-block !important;
}
.ticket-build-id-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #111827;
  color: #f8fafc;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
}
.ticket-build-id-badge[hidden],
.ticket-build-id-badge:empty {
  display: none !important;
}
.ticket-block-inserter {
  width: 850px;
  max-width: 100%;
  margin: 4px 0 18px;
  align-self: flex-start;
}
.ticket-block-builder {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}
.ticket-block-inserter.use-editorjs .ticket-block-builder {
  grid-template-columns: 1fr;
  gap: 0;
}
.ticket-block-inserter.use-editorjs .ticket-block-rail,
.ticket-block-inserter.use-editorjs #ticket-block-add-btn,
.ticket-block-inserter.use-editorjs #ticket-block-menu {
  display: none !important;
}
.ticket-block-inserter.use-editorjs,
.ticket-block-inserter {
  --editorjs-left-gutter: 60px;
}
.ticket-block-inserter.use-editorjs .codex-editor__redactor {
  padding: 40px 40px 40px 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-toolbar,
.ticket-block-inserter .ce-toolbar {
  z-index: 8 !important;
}
.ticket-block-inserter.use-editorjs .ce-block__content,
.ticket-block-inserter .ce-block__content,
.ticket-block-inserter.use-editorjs .ce-toolbar__content,
.ticket-block-inserter .ce-toolbar__content {
  width: calc(100% - var(--editorjs-left-gutter));
  max-width: calc(100% - var(--editorjs-left-gutter));
  margin: 0 0 0 var(--editorjs-left-gutter);
}
.ticket-block-inserter.use-editorjs .ce-toolbar__content,
.ticket-block-inserter .ce-toolbar__content {
  z-index: 8;
}
.ticket-block-inserter.use-editorjs .codex-editor--narrow .codex-editor__redactor,
.ticket-block-inserter .codex-editor--narrow .codex-editor__redactor {
  margin-right: 0 !important;
}
.ticket-block-inserter.use-editorjs .codex-editor--narrow.codex-editor--rtl .codex-editor__redactor,
.ticket-block-inserter .codex-editor--narrow.codex-editor--rtl .codex-editor__redactor {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ticket-block-inserter.use-editorjs .codex-editor--narrow .ce-toolbar__actions,
.ticket-block-inserter .codex-editor--narrow .ce-toolbar__actions {
  right: 100% !important;
  left: auto !important;
}
.ticket-block-inserter.use-editorjs .codex-editor--narrow .ce-toolbar__plus,
.ticket-block-inserter .codex-editor--narrow .ce-toolbar__plus {
  left: auto !important;
  right: auto !important;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__plus,
.ticket-block-inserter .ce-toolbar__plus {
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #64748b !important;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__plus svg,
.ticket-block-inserter .ce-toolbar__plus svg {
  width: 20px;
  height: 20px;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__plus svg *,
.ticket-block-inserter .ce-toolbar__plus svg * {
  stroke-width: 1.4 !important;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__plus:hover,
.ticket-block-inserter.use-editorjs .ce-toolbar__plus:focus-visible,
.ticket-block-inserter .ce-toolbar__plus:hover,
.ticket-block-inserter .ce-toolbar__plus:focus-visible {
  background: #f1f5f9 !important;
  color: #64748b !important;
  opacity: 1 !important;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__actions,
.ticket-block-inserter .ce-toolbar__actions {
  padding-right: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 5px;
  pointer-events: none;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__plus,
.ticket-block-inserter .ce-toolbar__plus,
.ticket-block-inserter.use-editorjs .ce-toolbar__settings-btn,
.ticket-block-inserter .ce-toolbar__settings-btn {
  pointer-events: auto;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__settings-btn,
.ticket-block-inserter .ce-toolbar__settings-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 26px !important;
  height: 26px !important;
  border-radius: 4px !important;
  cursor: grab;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__settings-btn svg,
.ticket-block-inserter .ce-toolbar__settings-btn svg {
  display: none !important;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__settings-btn::before,
.ticket-block-inserter .ce-toolbar__settings-btn::before {
  content: '⋮⋮';
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #64748b;
  font-size: 14px;
  line-height: 1;
  letter-spacing: -1px;
  transform: translateY(-1px);
  -webkit-text-stroke: 0.7px currentColor;
}
.ticket-block-inserter.use-editorjs .ce-toolbar__settings-btn:active,
.ticket-block-inserter .ce-toolbar__settings-btn:active {
  cursor: grabbing;
}
.ticket-block-inserter.use-editorjs .ce-popover {
  --color-shadow: rgba(2, 6, 23, 0.46) !important;
  --max-height: 360px !important;
}
.ticket-block-inserter.use-editorjs .ce-popover__container {
  -webkit-box-shadow: var(--shadow-floating) !important;
  box-shadow: var(--shadow-floating) !important;
}
.ticket-block-inserter.use-editorjs .ce-popover__search {
  display: none !important;
}
.editorjs-handle-menu {
  position: fixed;
  z-index: 2000;
  min-width: 148px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: var(--ui-menu-shell-radius);
  box-shadow: var(--shadow-floating);
  padding: 6px;
}
.editorjs-handle-menu__item {
  width: 100%;
  min-height: 28px;
  padding: 4px 6px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  text-align: left;
  font-size: 12px;
}
.editorjs-handle-menu__item::before {
  content: '✕';
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7b7e89;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.editorjs-handle-menu__item:hover::before {
  color: #6b7280;
  border-color: #d8e0ea;
}
.ticket-block-inserter.use-editorjs .ce-popover__container,
.ticket-block-inserter.use-editorjs .ce-popover-item,
.ticket-block-inserter.use-editorjs .ce-popover-item__title,
.ticket-block-inserter.use-editorjs .ce-popover-item__secondary-title,
.ticket-block-inserter.use-editorjs .ce-popover__nothing-found-message,
.ticket-block-inserter.use-editorjs .cdx-search-field__input,
body.notion-runtime-active .ce-popover__container,
body.notion-runtime-active .ce-popover-item,
body.notion-runtime-active .ce-popover-item__title,
body.notion-runtime-active .ce-popover-item__secondary-title,
body.notion-runtime-active .ce-popover__nothing-found-message,
body.notion-runtime-active .cdx-search-field__input {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: var(--text) !important;
}
.ticket-block-inserter.use-editorjs .ce-popover-item__title,
.ticket-block-inserter.use-editorjs .ce-popover__nothing-found-message,
body.notion-runtime-active .ce-popover-item__title,
body.notion-runtime-active .ce-popover__nothing-found-message {
  font-weight: 450 !important;
  letter-spacing: 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-popover-item__secondary-title,
body.notion-runtime-active .ce-popover-item__secondary-title {
  font-weight: 500 !important;
}
.ticket-block-inserter.use-editorjs .ce-block,
.ticket-block-inserter.use-editorjs .ce-block__content {
  overflow: visible !important;
}
@media (prefers-reduced-motion: reduce) {
  .ticket-block-inserter.use-editorjs .ce-block {
    animation: none !important;
  }
}
/* Flat editor surface (no outer frame around Notion-like content area) */
.ticket-block-inserter.use-editorjs .codex-editor,
.ticket-block-inserter.use-editorjs .ce-editor,
.ticket-block-inserter.use-editorjs .ce-editor__redactor {
  border: 0;
  border-radius: 0;
  background: transparent;
}
.ticket-block-inserter.use-editorjs .ce-editor__redactor {
  padding: 40px 40px 16px 0 !important;
}
/* Keep first block aligned with the internal editor padding. */
.ticket-block-inserter.use-editorjs .ce-editor__redactor > .ce-block:first-child,
.ticket-block-inserter.use-editorjs .ce-editor > .ce-block:first-child,
.ticket-block-inserter.use-editorjs .codex-editor__redactor > .ce-block:first-child {
  margin-top: 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-editor__redactor > .ce-block:first-child .ce-block__content,
.ticket-block-inserter.use-editorjs .ce-editor > .ce-block:first-child .ce-block__content,
.ticket-block-inserter.use-editorjs .codex-editor__redactor > .ce-block:first-child .ce-block__content,
.ticket-block-inserter.use-editorjs .ce-editor__redactor > .ce-block:first-child h1,
.ticket-block-inserter.use-editorjs .ce-editor__redactor > .ce-block:first-child h2,
.ticket-block-inserter.use-editorjs .ce-editor__redactor > .ce-block:first-child h3 {
  margin-top: 0 !important;
}

.ticket-block-inserter.use-editorjs .ce-block__content,
.ticket-block-inserter.use-editorjs .ce-paragraph,
.ticket-block-inserter.use-editorjs .cdx-list,
.ticket-block-inserter.use-editorjs .cdx-list__item,
.ticket-block-inserter.use-editorjs [contenteditable]:not([contenteditable="false"]) {
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: #0f172a;
}
.ticket-block-inserter.use-editorjs .ce-paragraph {
  padding: 6px 0;
}

/* Notion-style bullets: only unordered lists (do NOT affect numbered lists). */
.ticket-block-inserter.use-editorjs .cdx-list ul,
.ce-block .cdx-list ul {
  list-style-type: disc !important;
}
.ticket-block-inserter.use-editorjs .cdx-list ul li::marker,
.ce-block .cdx-list ul li::marker {
  font-size: 1.22em !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
/* Fallback when bullet is rendered via pseudo-element (unordered only). */
.ticket-block-inserter.use-editorjs .cdx-list ul li::before,
.ce-block .cdx-list ul li::before {
  font-size: 1.22em !important;
  font-weight: 700 !important;
}

.ticket-block-inserter.use-editorjs .ce-block__content a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .ce-paragraph a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .cdx-list__item a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .cdx-list__item-content a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .cdx-checklist__item-text a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .ce-header a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .tc-table__cell-content a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs .tc-cell[contenteditable] a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs h1[contenteditable] a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs h2[contenteditable] a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs h3[contenteditable] a:not(.inline-link-chip):not(.notion-auto-link-pill),
.ticket-block-inserter.use-editorjs [contenteditable] a:not(.inline-link-chip):not(.notion-auto-link-pill) {
  color: #2563eb !important;
  text-decoration-color: currentColor;
}
.ticket-block-inserter.use-editorjs .ce-block__content a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .ce-paragraph a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .cdx-list__item a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .cdx-list__item-content a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .cdx-checklist__item-text a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .ce-header a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .tc-table__cell-content a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs .tc-cell[contenteditable] a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs h1[contenteditable] a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs h2[contenteditable] a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs h3[contenteditable] a.notion-auto-link-pill,
.ticket-block-inserter.use-editorjs [contenteditable] a.notion-auto-link-pill {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  max-width: clamp(80px, 9vw, 116px);
  overflow: hidden;
  line-height: 1;
  vertical-align: middle;
}
.ticket-block-inserter.use-editorjs .ce-block__content a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .ce-paragraph a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .cdx-list__item a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .cdx-list__item-content a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .cdx-checklist__item-text a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .ce-header a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .tc-table__cell-content a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs .tc-cell[contenteditable] a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs h1[contenteditable] a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs h2[contenteditable] a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs h3[contenteditable] a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs [contenteditable] a.notion-auto-link-pill .inline-link-chip {
  width: auto;
  max-width: clamp(80px, 10vw, 116px);
  margin: 0;
  min-width: 0;
  line-height: 1;
}
.ticket-block-inserter.use-editorjs .ce-block__content a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .ce-paragraph a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .cdx-list__item a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .cdx-list__item-content a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .cdx-checklist__item-text a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .ce-header a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .tc-table__cell-content a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs .tc-cell[contenteditable] a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs h1[contenteditable] a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs h2[contenteditable] a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs h3[contenteditable] a.notion-auto-link-pill .inline-link-chip-text,
.ticket-block-inserter.use-editorjs [contenteditable] a.notion-auto-link-pill .inline-link-chip-text {
  max-width: clamp(46px, 7vw, 82px);
  min-width: 4.5ch;
  font-weight: 400;
  line-height: 1.05;
}
.ticket-block-inserter.use-editorjs .ce-block__content a.notion-auto-link-pill .inline-link-chip,
.ticket-block-inserter.use-editorjs [contenteditable] a.notion-auto-link-pill .inline-link-chip {
  padding-top: 2px;
  padding-bottom: 2px;
}
.ticket-block-inserter.use-editorjs .ce-block__content a.notion-auto-link-pill .inline-link-chip-icon,
.ticket-block-inserter.use-editorjs [contenteditable] a.notion-auto-link-pill .inline-link-chip-icon {
  width: 15px;
  height: 15px;
}
.ticket-block-inserter.use-editorjs .ce-block__content .inline-mention-pill,
.ticket-block-inserter.use-editorjs [contenteditable] .inline-mention-pill {
  min-height: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1;
  vertical-align: middle;
}
.ticket-block-inserter.use-editorjs .ce-block__content .inline-mention-pill .inline-mention-pill-text,
.ticket-block-inserter.use-editorjs [contenteditable] .inline-mention-pill .inline-mention-pill-text {
  line-height: 1;
}
.ticket-block-inserter.use-editorjs .ce-delimiter {
  line-height: 0 !important;
  text-align: left !important;
  padding: 0 !important;
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
}
.ticket-block-inserter.use-editorjs .ce-delimiter.cdx-block {
  padding: 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-delimiter::before {
  content: '' !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: #e5e7eb !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
}
.ticket-block-inserter.use-editorjs .tc-toolbox__toggler {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #8ea0b8 !important;
  cursor: grab;
  font-weight: 700;
  letter-spacing: -1px;
  user-select: none;
  background: #fff;
  border: 1px solid #d9e2ef;
  border-radius: 6px;
  width: 18px !important;
  height: 18px !important;
}
.ticket-block-inserter.use-editorjs .tc-toolbox__toggler:active {
  cursor: grabbing;
}
.ticket-block-inserter.use-editorjs .tc-toolbox__toggler svg {
  display: none !important;
}
.ticket-block-inserter.use-editorjs .tc-toolbox__toggler::before {
  content: '⋮⋮';
  font-size: 12px;
  line-height: 1;
  -webkit-text-stroke: 0.45px currentColor;
}
.ticket-block-inserter.use-editorjs .tc-popover,
.ticket-block-inserter.use-editorjs .tc-popover__item,
.ticket-block-inserter.use-editorjs .tc-popover__item-label {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}
.ticket-block-inserter.use-editorjs .tc-toolbox {
  z-index: 30 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
.ticket-block-inserter.use-editorjs .tc-toolbox__toggler {
  opacity: 0 !important;
  visibility: hidden !important;
}
.ticket-block-inserter.use-editorjs .tc-popover,
body.notion-runtime-active > .tc-popover {
  box-shadow: var(--shadow-floating) !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  padding: 6px !important;
  min-width: 180px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}
.ticket-block-inserter.use-editorjs .tc-popover--opened,
body.notion-runtime-active > .tc-popover.tc-popover--opened {
  display: block !important;
}

/* Must appear after the open-state rule above: when any modal is open, force-hide body-mounted table popovers. */
body.has-active-modal > .tc-popover.tc-popover--opened,
body.has-active-modal.notion-runtime-active > .tc-popover.tc-popover--opened {
  display: none !important;
  pointer-events: none !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item,
body.notion-runtime-active > .tc-popover .tc-popover__item {
  display: flex !important;
  align-items: center !important;
  padding: 2px 14px 2px 2px !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  background: transparent !important;
  margin-bottom: 2px !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item:hover,
body.notion-runtime-active > .tc-popover .tc-popover__item:hover {
  background: #f3f4f6 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item-icon,
body.notion-runtime-active > .tc-popover .tc-popover__item-icon {
  display: inline-flex !important;
  width: 26px !important;
  height: 26px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8fafc !important;
  border-radius: 5px !important;
  border: 1px solid #e2e8f0 !important;
  margin-right: 8px !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item-icon svg,
body.notion-runtime-active > .tc-popover .tc-popover__item-icon svg {
  width: 16px !important;
  height: 16px !important;
  color: #64748b !important;
}

/* Hide Convert to option from selection menu */
.ticket-block-inserter.use-editorjs .ce-conversion-tool,
.ticket-block-inserter.use-editorjs .ce-popover-item[data-item-name="convertTo"],
.ticket-block-inserter.use-editorjs .ce-popover-item:has(.ce-popover-item__title[data-title="Convertir a"]),
.ticket-block-inserter.use-editorjs .ce-popover-item:has(.ce-popover-item__title[data-title="Convert to"]),
.ticket-block-inserter.use-editorjs .ce-inline-toolbar__dropdown,
body.notion-runtime-active .ce-inline-toolbar__dropdown {
  display: none !important;
}

/* EditorJS 2.31+ inline toolbar uses ce-popover-item[name="convert-to"] */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="convert-to"],
body.notion-runtime-active .ce-popover--inline .ce-popover-item[data-item-name="convert-to"] {
  display: none !important;
}
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="convert-to"] + .ce-popover-item-separator,
body.notion-runtime-active .ce-popover--inline .ce-popover-item[data-item-name="convert-to"] + .ce-popover-item-separator,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html[data-item-name="convert-to"] + .ce-popover-item-separator,
body.notion-runtime-active .ce-popover--inline .ce-popover-item-html[data-item-name="convert-to"] + .ce-popover-item-separator {
  display: none !important;
}

/* Normalize Notion inline text-menu icons */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items {
  display: inline-flex !important;
  gap: 4px !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
  max-height: none !important;
  scrollbar-width: none !important;
}

/* Place Link action at the right side and separate it with a vertical divider. */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="link"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="link"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="link"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="link"],
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool--link,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool--link {
  order: 99 !important;
  margin-left: 8px !important;
  padding-left: 8px !important;
  border-left: 1px solid #e2e8f0 !important;
}

/* Keep formatting controls before Link. */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="bold"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="bold"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="italic"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="italic"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="underline"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item[data-item-name="underline"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="bold"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="bold"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="italic"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="italic"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="underline"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items > .ce-popover-item-html[data-item-name="underline"] {
  order: 1 !important;
}
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover__items::-webkit-scrollbar,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover__items::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* gap handled by JS */
/* Legacy safety net: use container gap (not per-button margin) to avoid doubled Link-B-I spacing. */
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons {
  gap: 4px !important;
}

/* Never add extra static gap before underline in legacy toolbar. */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline {
  margin-left: 0 !important;
}

/* Remove inline separators that can inflate only I–U. */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-separator,
body.notion-runtime-active .ce-inline-toolbar .ce-popover-item-separator {
  display: none !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

/* Critical: remove wrapper padding so Link-B-I doesn't get doubled spacing. */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item {
  padding: 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  margin-right: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
}
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item__icon svg,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item__icon svg,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool svg {
  width: 16px !important;
  height: 16px !important;
  color: inherit !important;
}

/* Bold icon alignment handled by wrapper offset (stable across focus states). */

/* Hard-disable EditorJS click animation only inside inline toolbar (fixes B jump). */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button--focused-animated,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button--focused-animated,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-popover-item--focused,
body.notion-runtime-active .ce-inline-toolbar .ce-popover-item--focused,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-popover-item--focused .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover-item--focused .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-popover-item--focused .ce-popover-item__icon svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover-item--focused .ce-popover-item__icon svg {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

/* Kill EditorJS click/focus animation inside inline toolbar (root cause of B jump). */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button--focused,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button--focused,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button--focused-animated,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button--focused-animated {
  animation: none !important;
  transform: none !important;
  transition: none !important;
  box-shadow: none !important;
}

/* Keep active/focus states from changing geometry (prevents B jump/delay feeling). */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item:hover,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item:hover,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item.ce-popover-item--active,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item.ce-popover-item--active,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item:focus,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item:focus,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item:focus-visible,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item:focus-visible {
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  transition: none !important;
}

.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item.ce-popover-item--active .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item.ce-popover-item--active .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--active,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool:focus,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool:focus,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool:focus-visible,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool:focus-visible {
  border: 1px solid #e2e8f0 !important;
  color: #2563eb !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
}

.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item__icon svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item__icon svg {
  transition: color 140ms ease, stroke 140ms ease, fill 140ms ease, border-color 140ms ease, background-color 140ms ease !important;
}

/* Bold: single source of truth (container shift only, no glyph transforms). */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="bold"] .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="bold"] .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html[data-item-name="bold"] > .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item-html[data-item-name="bold"] > .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item:has(.ce-popover-item__icon svg path[d*="M9 12L9 7.1"]) .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item:has(.ce-popover-item__icon svg path[d*="M9 12L9 7.1"]) .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool:nth-child(2),
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool:nth-child(2),
.ticket-block-inserter.use-editorjs .ce-inline-toolbar > .ce-inline-tool:nth-child(2),
body.notion-runtime-active .ce-inline-toolbar > .ce-inline-tool:nth-child(2) {
  position: relative !important;
  top: -3px !important;
  line-height: 1 !important;
}

.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="bold"].ce-popover-item--active .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="bold"].ce-popover-item--active .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html[data-item-name="bold"].ce-popover-item--active > .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item-html[data-item-name="bold"].ce-popover-item--active > .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool:nth-child(2).ce-inline-tool--active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool:nth-child(2).ce-inline-tool--active,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar > .ce-inline-tool:nth-child(2).ce-inline-tool--active,
body.notion-runtime-active .ce-inline-toolbar > .ce-inline-tool:nth-child(2).ce-inline-tool--active,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool[aria-pressed="true"],
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool[aria-pressed="true"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-inline-tool[aria-pressed="true"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-inline-tool[aria-pressed="true"],
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.is-editorjs-active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.is-editorjs-active,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item__icon.is-editorjs-active,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item__icon.is-editorjs-active {
  color: #2563eb !important;
}

/* Fallback: some EditorJS builds mark active state with cdx-settings-button--active. */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button--active,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button--active,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button--active .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button--active .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .cdx-settings-button--active svg,
body.notion-runtime-active .ce-inline-toolbar .cdx-settings-button--active svg,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > :nth-child(2).is-editorjs-active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > :nth-child(2).is-editorjs-active,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar > :nth-child(2).is-editorjs-active,
body.notion-runtime-active .ce-inline-toolbar > :nth-child(2).is-editorjs-active {
  color: #2563eb !important;
}

.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="bold"] .ce-popover-item__icon svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="bold"] .ce-popover-item__icon svg,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html[data-item-name="bold"] > .ce-inline-tool svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item-html[data-item-name="bold"] > .ce-inline-tool svg,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool:nth-child(2) svg,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > .ce-inline-tool:nth-child(2) svg,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar > .ce-inline-tool:nth-child(2) svg,
body.notion-runtime-active .ce-inline-toolbar > .ce-inline-tool:nth-child(2) svg {
  transform: none !important;
}

/* Normalize base icon/text color across Link/B/I/U (including html-item variants). */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html > .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item-html > .ce-inline-tool {
  color: #64748b !important;
  opacity: 1 !important;
}

/* Underline glyph normalization: same visual weight/color as Link/B/I */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="underline"] .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="underline"] .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html[data-item-name="underline"] > .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item-html[data-item-name="underline"] > .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > :nth-child(4),
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > :nth-child(4) {
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: #64748b !important;
  opacity: 1 !important;
}
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline.ce-inline-tool--active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline.ce-inline-tool--active,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item.ce-popover-item--active[data-item-name="underline"] .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item.ce-popover-item--active[data-item-name="underline"] .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item-html.ce-popover-item--active[data-item-name="underline"] > .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item-html.ce-popover-item--active[data-item-name="underline"] > .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__buttons > :nth-child(4).ce-inline-tool--active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__buttons > :nth-child(4).ce-inline-tool--active {
  color: #2563eb !important;
}

/* Italic + Underline active state in blue (match Bold behavior) */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--italic.ce-inline-tool--active,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--italic.ce-inline-tool--active,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--italic.ce-inline-tool--active i,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--italic.ce-inline-tool--active i,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-popover-item__icon svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-popover-item__icon svg,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-inline-tool,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-inline-tool,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-inline-tool i,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"].ce-popover-item--active .ce-inline-tool i,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="underline"].ce-popover-item--active .ce-popover-item__icon,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="underline"].ce-popover-item--active .ce-popover-item__icon,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="underline"].ce-popover-item--active .ce-popover-item__icon svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="underline"].ce-popover-item--active .ce-popover-item__icon svg {
  color: #2563eb !important;
}

.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline u,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline u,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="underline"] .ce-inline-tool u,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="underline"] .ce-inline-tool u {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-decoration-color: currentColor !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 1px;
}

.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline.ce-inline-tool--active u,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool.ce-inline-tool--underline.ce-inline-tool--active u,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item.ce-popover-item--active[data-item-name="underline"] .ce-inline-tool u,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item.ce-popover-item--active[data-item-name="underline"] .ce-inline-tool u {
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
  color: #2563eb !important;
}
/* Fallback for EditorJS variants: italic can expose active state via aria attributes instead of class names. */
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"],
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"] i,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"] i,
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"] svg,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"] svg {
  color: #2563eb !important;
}
.ticket-block-inserter.use-editorjs .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"] svg *,
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline .ce-popover-item[data-item-name="italic"] .ce-inline-tool[aria-pressed="true"] svg * {
  stroke: #2563eb !important;
  fill: #2563eb !important;
}

/* Inline link input: compact size to match toolbar scale */
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool-input,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool-input,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-toolbar__input,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-toolbar__input,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar input[type="text"],
body.notion-runtime-active .ce-inline-toolbar input[type="text"],
.ticket-block-inserter.use-editorjs .ce-popover--inline input[type="text"],
body.notion-runtime-active .ce-inline-toolbar .ce-popover--inline input[type="text"] {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  max-width: 240px !important;
}

.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool-input::placeholder,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool-input::placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
}

.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool-input:focus,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool-input:focus,
.ticket-block-inserter.use-editorjs .ce-inline-toolbar .ce-inline-tool-input:focus-visible,
body.notion-runtime-active .ce-inline-toolbar .ce-inline-tool-input:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Bold icon uses native EditorJS rendering to avoid click-jitter. */

.ticket-block-inserter.use-editorjs .tc-popover__item-label,
body.notion-runtime-active > .tc-popover .tc-popover__item-label {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
  color: #111827 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm,
body.notion-runtime-active > .tc-popover .tc-popover__item.is-danger-table,
body.notion-runtime-active > .tc-popover .tc-popover__item--confirm {
  background: transparent !important;
  color: #9a3b31 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table .tc-popover__item-label,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm .tc-popover__item-label,
body.notion-runtime-active > .tc-popover .tc-popover__item.is-danger-table .tc-popover__item-label,
body.notion-runtime-active > .tc-popover .tc-popover__item--confirm .tc-popover__item-label {
  color: #9a3b31 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table .tc-popover__item-icon,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm .tc-popover__item-icon,
body.notion-runtime-active > .tc-popover .tc-popover__item.is-danger-table .tc-popover__item-icon,
body.notion-runtime-active > .tc-popover .tc-popover__item--confirm .tc-popover__item-icon {
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table .tc-popover__item-icon svg,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm .tc-popover__item-icon svg,
body.notion-runtime-active > .tc-popover .tc-popover__item.is-danger-table .tc-popover__item-icon svg,
body.notion-runtime-active > .tc-popover .tc-popover__item--confirm .tc-popover__item-icon svg {
  color: #64748b !important;
  fill: #64748b !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table:hover,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm:hover,
body.notion-runtime-active > .tc-popover .tc-popover__item.is-danger-table:hover,
body.notion-runtime-active > .tc-popover .tc-popover__item--confirm:hover {
  background: #fff1f2 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm {
  background: transparent !important;
  color: #9a3b31 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item.is-danger-table:hover,
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm:hover {
  background: #fff1f2 !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm .tc-popover__item-icon {
  background: #fff !important;
  border-color: #e5e7eb !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item--confirm .tc-popover__item-icon svg {
  transform: none !important;
}
.ticket-block-inserter.use-editorjs .tc-popover__item-label {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}
.ticket-block-inserter.use-editorjs .tc-wrap {
  --color-border: var(--line) !important;
  --color-background: #f9fafb !important;
  --color-text-secondary: #6b7280 !important;
}
.ticket-block-inserter.use-editorjs .tc-table {
  border-left: 1px solid var(--line) !important;
  border-radius: 6px 0 0 0 !important;
  overflow: hidden !important;
}
.ticket-block-inserter.use-editorjs .tc-table::after {
  pointer-events: none !important;
}
.ticket-block-inserter.use-editorjs .tc-table--heading .tc-row:first-child {
  border-bottom: 1px solid var(--line) !important;
}
.ticket-block-inserter.use-editorjs .tc-table--heading .tc-row:first-child:after {
  bottom: -1px !important;
  border-bottom: 1px solid var(--line) !important;
}
.ticket-block-inserter.use-editorjs .tc-add-row {
  padding-left: 0 !important;
  height: var(--cell-size) !important;
  width: 100% !important;
  display: grid !important;
  place-items: center start !important;
}
.ticket-block-inserter.use-editorjs .tc-add-column,
.ticket-block-inserter.use-editorjs .tc-add-row {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.ticket-block-inserter.use-editorjs .tc-add-row svg,
.ticket-block-inserter.use-editorjs .tc-add-column svg {
  width: 20px !important;
  height: 20px !important;
  padding: 5px !important;
  color: #6b7280 !important;
  background-color: var(--color-background) !important;
}
.ticket-block-inserter.use-editorjs .tc-add-row svg path,
.ticket-block-inserter.use-editorjs .tc-add-column svg path {
  stroke-width: 1.6 !important;
}
.ticket-block-inserter.use-editorjs .ce-block:has(.tc-wrap) {
  position: relative;
  z-index: 2;
  margin-top: 6px !important;
  margin-bottom: 4px !important;
}
.ticket-block-inserter.use-editorjs .ce-block:first-child:has(.tc-wrap) {
  margin-top: 6px !important;
}
.ticket-block-inserter.use-editorjs .ce-block:has(.tc-wrap):hover,
.ticket-block-inserter.use-editorjs .ce-block:has(.tc-wrap):focus-within {
  z-index: 4;
}
.ticket-block-inserter.use-editorjs .tc-toolbox,
.ticket-block-inserter.use-editorjs .tc-toolbox__toggler {
  pointer-events: none !important;
}
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:hover .tc-add-column,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:hover .tc-add-row,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:focus-within .tc-add-column,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:focus-within .tc-add-row {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:hover .tc-toolbox,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:hover .tc-toolbox__toggler,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:focus-within .tc-toolbox,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap:focus-within .tc-toolbox__toggler,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-toolbox--showed,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-toolbox--showed .tc-toolbox__toggler {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.ticket-block-inserter.use-editorjs .tc-wrap[data-left-gutter-owner="editor-plus"] .tc-toolbox--row,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap[data-left-gutter-owner="editor-plus"]:hover .tc-toolbox--row,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap[data-left-gutter-owner="editor-plus"]:focus-within .tc-toolbox--row,
.ticket-block-inserter.use-editorjs[data-table-ui-armed="1"] .tc-wrap[data-left-gutter-owner="editor-plus"] .tc-toolbox--row.tc-toolbox--showed {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
.ticket-block-inserter.use-editorjs .tc-row:first-child .tc-cell:first-child {
  border-top-left-radius: 6px !important;
}
.ticket-block-inserter.use-editorjs .tc-row:first-child .tc-cell:last-child,
.ticket-block-inserter.use-editorjs .tc-row:last-child .tc-cell:first-child,
.ticket-block-inserter.use-editorjs .tc-row:last-child .tc-cell:last-child {
  border-radius: 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-block__content h1,
.ticket-block-inserter.use-editorjs .ce-block__content h2,
.ticket-block-inserter.use-editorjs .ce-block__content h3 {
  font-family: inherit;
  color: #0f172a;
}
.ticket-block-inserter.use-editorjs .ce-block__content h1,
.ticket-block-inserter.use-editorjs .ce-block__content h2,
.ticket-block-inserter.use-editorjs .ce-block__content h3 {
  margin: 0;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-heading-h1 {
  margin-top: 0.78em;
  margin-bottom: 0.34em;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-heading-h2 {
  margin-top: 0.72em;
  margin-bottom: 0.3em;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-heading-h3 {
  margin-top: 0.64em;
  margin-bottom: 0.26em;
}
.ticket-block-inserter.use-editorjs .ce-block:first-child.is-editorjs-heading-h1,
.ticket-block-inserter.use-editorjs .ce-block:first-child.is-editorjs-heading-h2,
.ticket-block-inserter.use-editorjs .ce-block:first-child.is-editorjs-heading-h3 {
  margin-top: 0.2em;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-delimiter {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ticket-block-inserter.use-editorjs .ce-block:first-child.is-editorjs-delimiter {
  margin-top: 4px;
}
.ticket-block-inserter.use-editorjs .ce-block__content h1[contenteditable],
.ticket-block-inserter.use-editorjs .ce-block__content h1[contenteditable="true"] {
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0;
}
.ticket-block-inserter.use-editorjs .ce-block__content h2[contenteditable],
.ticket-block-inserter.use-editorjs .ce-block__content h2[contenteditable="true"] {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.24 !important;
  letter-spacing: 0;
}
.ticket-block-inserter.use-editorjs .ce-block__content h3[contenteditable],
.ticket-block-inserter.use-editorjs .ce-block__content h3[contenteditable="true"] {
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0;
}
.ticket-block-inserter.use-editorjs .ce-block__content h1[data-placeholder]:empty::before,
.ticket-block-inserter.use-editorjs .ce-block__content h2[data-placeholder]:empty::before,
.ticket-block-inserter.use-editorjs .ce-block__content h3[data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: #94a3b8;
}
.ticket-block-inserter.use-editorjs .ce-block__content h1[contenteditable]:focus,
.ticket-block-inserter.use-editorjs .ce-block__content h2[contenteditable]:focus,
.ticket-block-inserter.use-editorjs .ce-block__content h3[contenteditable]:focus,
.ticket-block-inserter.use-editorjs .ce-block__content h1[contenteditable]:focus-visible,
.ticket-block-inserter.use-editorjs .ce-block__content h2[contenteditable]:focus-visible,
.ticket-block-inserter.use-editorjs .ce-block__content h3[contenteditable]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-drop-target-before .ce-block__content,
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-drop-target-after .ce-block__content {
  position: relative;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-drop-target-before .ce-block__content::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  height: 3px;
  border-radius: 999px;
  background: #2563eb;
  pointer-events: none;
}
.ticket-block-inserter.use-editorjs .ce-block.is-editorjs-drop-target-after .ce-block__content::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 3px;
  border-radius: 999px;
  background: #2563eb;
  pointer-events: none;
}
.ticket-block-rail {
  position: relative;
  display: flex;
  justify-content: center;
  padding-top: 2px;
}
.ticket-block-canvas {
  min-height: 120px;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  display: grid;
  gap: 0;
}
.ticket-block-empty {
  color: #94a3b8;
  font-size: 13px;
  padding: 8px 0 8px 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.ticket-block-card {
  direction: ltr;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  transition: opacity .12s ease;
}
.ticket-block-card.is-dragging {
  opacity: 0.62;
}
.ticket-block-controls {
  direction: ltr;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-self: start;
  gap: 4px;
  min-height: 20px;
  margin-top: -3px;
  opacity: 0;
  transition: opacity .12s ease;
}
.ticket-block-card:hover .ticket-block-controls,
.ticket-block-card:focus-within .ticket-block-controls,
.ticket-block-card.is-dragging .ticket-block-controls,
.ticket-block-card.is-menu-open .ticket-block-controls {
  opacity: 1;
}
.ticket-block-canvas.is-text-editing .ticket-block-card:not(:hover):not(.is-menu-open) .ticket-block-controls {
  opacity: 0;
  pointer-events: none;
}
.ticket-block-inline-add,
.ticket-block-handle {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #7c8ea6;
  font-size: 13px;
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ticket-block-inline-add {
  order: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, background .12s ease, color .12s ease;
}
.ticket-block-handle {
  order: 2;
  cursor: grab;
}
.ticket-block-card:hover .ticket-block-inline-add,
.ticket-block-card:focus-within .ticket-block-inline-add,
.ticket-block-card.is-dragging .ticket-block-inline-add,
.ticket-block-card.is-menu-open .ticket-block-inline-add {
  opacity: 1;
  pointer-events: auto;
}
.ticket-block-card.is-line-selected .ticket-block-body {
  background: #eff5ff;
  border-radius: 6px;
}
.ticket-block-inline-add:hover,
.ticket-block-handle:hover {
  background: #f1f5fb;
  color: #475569;
}
.ticket-block-handle:active {
  cursor: grabbing;
}
/* delete button intentionally removed: notion-like delete via keyboard */
.ticket-block-body {
  min-width: 0;
  padding-top: 0;
}
.ticket-block-editable {
  margin: 0;
  border: 0;
  outline: none;
  min-height: 20px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: #1e293b;
}
.ticket-block-text {
  padding-top: 0;
}
.ticket-block-text:empty::before {
  content: "\200b";
}
.ticket-block-list {
  margin: 0;
  padding-left: 22px;
}
.ticket-block-list li {
  margin: 0;
}
.ticket-block-divider {
  margin: 8px 0;
  border: 0;
  border-top: 1px solid #d9e2ef;
}
.ticket-block-table {
  width: 100%;
  border-collapse: collapse;
}
.ticket-block-table th,
.ticket-block-table td {
  border: 1px solid #dde5f1;
  padding: 6px 8px;
  text-align: left;
  font-size: 13px;
  outline: none;
}
.ticket-block-table th {
  background: #f8fbff;
  font-weight: 600;
}
.ticket-block-embed {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px dashed #cbd7ea;
  border-radius: 8px;
  padding: 8px 10px;
  background: #f8fbff;
}
.ticket-block-embed-thumb {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #e8f0ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ticket-block-embed-main {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.ticket-block-embed-main strong {
  font-size: 12px;
  color: #334155;
}
.ticket-block-embed-main a {
  font-size: 13px;
  color: #1d4ed8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ticket-block-embed-actions {
  display: inline-flex;
  gap: 6px;
}
.ticket-block-embed-btn {
  border: 1px solid #d5deeb;
  border-radius: 6px;
  background: #fff;
  color: #475569;
  font-size: 12px;
  padding: 3px 7px;
  min-height: 24px;
}
.ticket-block-embed-btn:hover {
  border-color: #b4c3da;
  background: #f8fbff;
}
.ticket-block-add-btn {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px dashed var(--line-strong);
  background: #fff;
  color: #4b5563;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.ticket-block-add-btn:hover,
.ticket-block-add-btn[aria-expanded="true"] {
  background: #f3f4f6;
  color: #111827;
  border-color: #94a3b8;
}
.ticket-block-menu {
  position: absolute;
  top: 38px;
  left: 0;
  display: grid;
  gap: 4px;
  min-width: 180px;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
  z-index: 2200;
}
.ticket-block-menu[hidden] {
  display: none !important;
}
.ticket-block-menu button {
  border: 0;
  border-radius: 6px;
  background: transparent;
  text-align: left;
  padding: 6px 8px;
  font-size: 13px;
  color: #1f2937;
  cursor: pointer;
  font-weight: 520;
}
.ticket-block-menu button:hover {
  background: #f3f4f6;
}
.inline-link-chip {
  --chip-color: #1f4f95;
  --chip-bg: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid color-mix(in srgb, var(--chip-color) 24%, #cbd5e1);
  border-radius: 7px;
  background: #ffffff;
  color: var(--chip-color);
  padding: 3px 9px;
  margin: 1px 2px;
  font-size: 12.5px;
  line-height: 1.15;
  vertical-align: middle;
  cursor: pointer;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.inline-link-chip:hover {
  border-color: color-mix(in srgb, var(--chip-color) 34%, #cbd5e1);
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.05);
}
.inline-link-chip-icon {
  position: relative;
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  flex: 0 0 auto;
  overflow: hidden;
}
.inline-link-chip-logo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.inline-link-chip-fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
}
.inline-link-chip-fallback::before {
  content: attr(data-icon);
}
.inline-link-chip-fallback-badge {
  background: var(--chip-icon-bg, #334155);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  border-radius: 4px;
  letter-spacing: .01em;
}
.inline-link-chip-text {
  max-width: 420px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 560;
}
.inline-mention-pill,
.comment-mention-pill {
  --mention-token-color: #18181b;
  --mention-token-color-muted: #71717a;
  --mention-token-bg: #fbfbfa;
  --mention-token-bg-muted: #f8f8f7;
  --mention-token-border: #e7e6e2;
  --mention-token-border-muted: #e8e7e4;
  --mention-token-font-size: 13px;
  --mention-token-font-weight: 400;
  --mention-token-line-height: 1.2;
  --mention-token-radius: 9px;
  --mention-token-padding-y: 1px;
  --mention-token-padding-x: 6px;
  --mention-token-avatar-size: 16px;
  --mention-token-avatar-radius: 7px;
}
.inline-mention-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 2px;
  padding: var(--mention-token-padding-y) var(--mention-token-padding-x) var(--mention-token-padding-y) 3px;
  min-height: 22px;
  box-sizing: border-box;
  border: 1px solid var(--mention-token-border);
  border-radius: var(--mention-token-radius);
  background: var(--mention-token-bg);
  color: var(--mention-token-color);
  font-size: var(--mention-token-font-size);
  line-height: var(--mention-token-line-height);
  vertical-align: middle;
  text-decoration: none;
  box-shadow: none;
  user-select: none;
}
.inline-mention-pill-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--mention-token-avatar-size);
  width: var(--mention-token-avatar-size);
  height: var(--mention-token-avatar-size);
  border-radius: var(--mention-token-avatar-radius);
  overflow: hidden;
  background: #efeeea;
  color: #625f58;
  font-size: 8px;
  font-weight: 650;
}
.inline-mention-pill-avatar-image,
.inline-mention-pill-avatar-fallback {
  display: block;
  width: 100%;
  height: 100%;
}
.inline-mention-pill-avatar-image {
  object-fit: cover;
}
.inline-mention-pill-avatar-fallback::before {
  content: attr(data-initials);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.inline-mention-pill-text {
  font-weight: var(--mention-token-font-weight);
  white-space: nowrap;
  letter-spacing: 0;
}
.inline-mention-pill.inline-mention-pill-display-name .inline-mention-pill-text {
  font-size: 0;
}
.inline-mention-pill.inline-mention-pill-display-name .inline-mention-pill-text::before {
  content: attr(data-display-name);
  font-size: var(--mention-token-font-size);
  font-weight: var(--mention-token-font-weight);
  line-height: var(--mention-token-line-height);
  white-space: nowrap;
  letter-spacing: 0;
}
.inline-mention-pill:hover,
.comment-mention-pill:hover {
  border-color: #dfdedb;
  background: #f6f6f4;
}
.mention-suggest-menu {
  position: fixed;
  z-index: 2600;
  min-width: 220px;
  max-width: min(380px, calc(100vw - 16px));
  max-height: min(280px, calc(100vh - 16px));
  overflow-y: auto;
  border: 1px solid #dbe4f0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.16);
  padding: 6px;
}
.mention-suggest-menu[hidden] {
  display: none !important;
}
.mention-suggest-item {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  text-align: left;
  cursor: pointer;
}
.mention-suggest-item:hover,
.mention-suggest-item.is-active {
  background: #f1f5f9;
}
.mention-suggest-avatar {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  overflow: hidden;
  background: #e2e8f0;
  color: #334155;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.mention-suggest-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.mention-suggest-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.mention-suggest-title {
  color: #0f172a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mention-suggest-subtitle {
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ticket-drawer-textarea {
  display: none;
}
/* Unified shadow source of truth for modal/dropdown shells */
.ui-modal-card,
.panel-menu-box,
.status-picker-menu,
.ticket-status-menu,
.status-color-palette,
.status-notice-card {
  box-shadow: var(--shadow-floating) !important;
}
.ticket-comments-section {
  border: 0;
  border-radius: 0;
  background: transparent;
  margin: 0;
  padding: 14px 0 0;
  box-sizing: border-box;
  width: 520px;
  max-width: 100%;
  position: static;
  clear: both;
  align-self: flex-start;
}
.ticket-comments-title {
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: .03em;
  padding-left: 0;
  width: 100%;
  box-sizing: border-box;
}
.ticket-comments-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: none;
  overflow: visible;
  margin-top: 10px;
  padding-left: 0;
  width: 100%;
  box-sizing: border-box;
  clear: both;
}
.ticket-comment-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 4px 0 2px;
}
.ticket-comment-card + .ticket-comment-card:not(.ticket-comment-reply-card) {
  border-top: 1px solid #e5e7eb;
  padding-top: 12px;
}
.ticket-comment-reply-card {
  border-left: 1px solid #d1d5db;
  background: transparent;
  border-radius: 0;
  padding: 4px 0 4px 10px;
}
.ticket-inline-reply {
  margin-top: 8px;
}
.ticket-inline-reply-input {
  min-height: 68px;
}
.ticket-inline-reply-actions {
  margin-top: 6px;
  gap: 6px;
}
.ticket-comment-meta {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  font-size: 11.5px;
  color: #9ca3af;
  margin-bottom: 5px;
}

.ticket-comment-meta strong {
  color: #6b7280;
  font-weight: 560;
}
.ticket-comment-reply-btn {
  border: 0;
  background: transparent;
  color: #9ca3af;
  font-size: 13px;
  line-height: 1;
  width: 18px;
  height: 18px;
  min-height: 18px;
  padding: 0;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .25;
  transition: opacity .12s ease, color .12s ease, background .12s ease;
}
.ticket-comment-card:hover .ticket-comment-reply-btn,
.ticket-comment-reply-btn:focus-visible {
  opacity: 1;
}
.ticket-comment-reply-btn:hover {
  background: #f8fbff;
  color: #64748b;
}
.ticket-comment-menu {
  position: relative;
}
.ticket-comment-more-btn {
  width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #9ca3af;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .5;
  transition: opacity .12s ease, color .12s ease, background .12s ease;
}
.ticket-comment-card:hover .ticket-comment-more-btn,
.ticket-comment-more-btn:focus-visible {
  opacity: 1;
}
.ticket-comment-more-btn:hover {
  background: #f3f4f6;
  color: #475569;
}
.ticket-comment-menu-box {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 176px;
  z-index: 220;
}
.ticket-comment-menu-box[hidden] {
  display: none !important;
}
.ticket-comment-menu-box .menu-item + .menu-item {
  margin-top: 2px;
}
.ticket-comment-body {
  font-size: 13px;
  color: #0f172a;
  line-height: 1.45;
  white-space: pre-wrap;
  font-weight: 400;
}
.ticket-comment-body.is-deleted {
  color: #94a3b8;
  font-style: italic;
}
.comment-smart-link-chip {
  margin: 0 3px;
}
.comment-mention-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 2px;
  padding: var(--mention-token-padding-y) var(--mention-token-padding-x) var(--mention-token-padding-y) 3px;
  min-height: 22px;
  box-sizing: border-box;
  border: 1px solid var(--mention-token-border);
  border-radius: var(--mention-token-radius);
  background: var(--mention-token-bg);
  color: var(--mention-token-color);
  font-size: var(--mention-token-font-size);
  line-height: var(--mention-token-line-height);
  font-weight: var(--mention-token-font-weight);
  vertical-align: middle;
  text-decoration: none;
  max-width: 100%;
}
.comment-mention-pill-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--mention-token-avatar-size);
  width: var(--mention-token-avatar-size);
  height: var(--mention-token-avatar-size);
  border-radius: var(--mention-token-avatar-radius);
  overflow: hidden;
  background: #efeeea;
  color: #625f58;
  font-size: 8px;
  font-weight: 650;
}
.comment-mention-pill-avatar-image,
.comment-mention-pill-avatar-fallback {
  display: block;
  width: 100%;
  height: 100%;
}
.comment-mention-pill-avatar-image {
  object-fit: cover;
}
.comment-mention-pill-avatar-fallback::before {
  content: attr(data-initials);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.comment-mention-pill-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0;
}
.comment-mention-pill.is-inactive {
  border-color: var(--mention-token-border-muted);
  background: var(--mention-token-bg-muted);
  color: var(--mention-token-color-muted);
  font-weight: 400;
}
.ticket-comment-form {
  display: block;
  margin-top: 10px;
  padding-left: 0;
  width: 100%;
  box-sizing: border-box;
}
.ticket-comment-replying {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  color: #64748b;
  background: #f8fbff;
  border: 1px solid #d6e0ee;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 8px;
}
.ticket-comment-replying button {
  border: 0;
  background: transparent;
  color: #475569;
  font-size: 12px;
}
.ticket-comment-input {
  width: 100%;
  min-height: 84px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 11px;
  font-size: 13px;
  line-height: 1.45;
  background: #fff;
}
.ticket-comment-empty {
  color: #94a3b8;
  font-size: 13px;
}
.ticket-comment-form .ticket-drawer-actions {
  justify-content: flex-end;
  margin-top: 8px;
}
.ticket-comment-form .btn-minimal {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: #475569;
  font-weight: 600;
  min-height: 31px;
  padding: 0 12px;
}
.ticket-comment-form .btn-minimal:hover {
  background: #f8fbff;
  border-color: #9fb3cc;
}
.ticket-drawer-actions {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 900px) {
  :root {
    --ticket-drawer-width: 100vw;
    --ticket-drawer-min-width: 0;
    --ticket-drawer-max-width: 100vw;
    --ticket-drawer-border: 0;
  }
  .app-shell { grid-template-columns: 1fr; }
  .sidebar {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .sidebar-scroll-shell {
    flex: 1 1 auto;
    min-height: auto;
    margin-right: 0;
  }
  .sidebar-scroll-shell::before,
  .sidebar-scroll-shell::after {
    display: none;
  }
  .sidebar-scroll-area {
    min-height: auto;
    height: auto;
    overflow: visible;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  body.sidebar-menu-open .sidebar-scroll-area {
    padding-right: 0;
  }
  .main {
    grid-column: 1;
    padding: var(--mobile-main-inset);
  }
  .login-shell--system {
    padding: 16px;
  }
  .login-shell--public-auth {
    min-height: 100vh;
    padding: 42px 16px 0;
    overflow: hidden;
  }
  .login-public-footer {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    width: 100%;
    margin: 30px 0 0;
    padding: 22px 0 28px;
  }
  .login-public-footer-links {
    gap: 12px 18px;
    margin-bottom: 15px;
  }
  .login-public-footer-link {
    font-size: 12.5px;
  }
  .login-public-footer-copy {
    max-width: 260px;
    margin: 0 auto;
    font-size: 11px;
  }
  .login-wrap--system {
    max-width: 100%;
  }
  .invite-register-stack,
  .invite-register-card {
    width: 100%;
  }
  .invite-register-card {
    padding: 24px 20px 24px;
  }
  .invite-field--short {
    max-width: none;
  }
  .invite-name-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .login-wrap--system .users-profile-phone-control {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  .login-wrap--system .users-profile-phone-country-control[data-users-phone-country-control] {
    width: 72px;
  }

  .ticket-drawer {
    border-radius: 0;
    padding: 12px;
  }

  .ticket-drawer-header,
  .ticket-drawer-form,
  .ticket-comments-section,
  .ticket-meta-unified,
  .ticket-drawer-content {
    max-width: 100%;
  }

  .ticket-comments-section {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    width: 100%;
  }

  .ticket-meta-unified {
    margin: 0;
    width: 100%;
  }

  .ticket-drawer-content {
    margin: 0;
    width: 100%;
  }

  .ticket-block-inserter {
    width: 100%;
    margin-left: 0;
  }
  .ticket-block-builder {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .ticket-block-rail {
    justify-content: flex-start;
    padding-top: 0;
  }
  .ticket-block-card {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 6px;
  }
  /* mobile keeps same hover/focus behavior as desktop */

  .ticket-block-menu {
    left: 0;
    right: auto;
  }

  .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) #ticket-detail-due-date,
  .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-status-picker-inline,
  .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-priority-picker-inline {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }

  .ticket-comments-title,
  .ticket-comments-list,
  .ticket-comment-form {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    max-width: 100%;
  }

  .ticket-comment-input {
    max-width: 100%;
  }
  /* add-column icon removed; using right rail */
}
.inbox-detail {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 36px 52px 48px;
  min-height: 100%;
}

.inbox-detail-meta,
.inbox-detail-summary {
  margin: 0;
  color: var(--muted);
}

.inbox-detail-empty-state:not([hidden]) {
  min-height: calc(100vh - 132px);
  max-width: 360px;
  margin: 0 auto;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  text-align: center;
}

.inbox-detail-empty-state .inbox-detail-empty-icon {
  display: none;
  width: 48px;
  height: 48px;
  color: var(--muted);
}

.inbox-detail-empty-state.is-inbox-detail-placeholder .inbox-detail-empty-icon {
  display: block;
}

.inbox-detail-empty-state.is-inbox-detail-placeholder:not([hidden]) {
  transform: translateY(var(--inbox-empty-pair-alignment-offset));
}

.inbox-detail-empty {
  margin: 0;
  color: var(--muted);
  font-size: var(--inbox-empty-font-size);
  font-weight: var(--inbox-empty-font-weight);
  line-height: 1.45;
}

.inbox-detail-card {
  display: grid;
  gap: 10px;
}

.inbox-detail-title {
  margin: 0;
  color: var(--text);
  font-weight: 600;
}

.inbox-detail-meta {
  margin-top: 3px;
  font-size: 12px;
}

.inbox-detail-kicker {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}

.inbox-detail-summary {
  margin: 0;
  color: var(--text);
  max-width: 720px;
  font-size: 13px;
  line-height: 1.4;
}

.inbox-detail-section-label {
  margin: 2px 0 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text);
}

.inbox-detail-changes {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 5px;
  max-width: 720px;
  font-size: 13px;
  line-height: 1.4;
  color: #4b5563;
  font-weight: 500;
}

.inbox-detail-change-summary {
  display: inline-block;
}

.inbox-detail-change-details {
  margin: 4px 0 0;
  padding-left: 18px;
  display: grid;
  gap: 2px;
  font-weight: 400;
}

.inbox-detail-context-card {
  max-width: 840px;
  gap: 14px;
}

.inbox-detail-member-card {
  max-width: 720px;
  gap: 22px;
}

.inbox-detail-member-header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.inbox-detail-member-avatar {
  width: 56px;
  height: 56px;
  flex: 0 0 56px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #d8e2ef;
  background: #e8eef8;
  color: #1f3b68;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.inbox-detail-member-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inbox-detail-member-copy {
  min-width: 0;
}

.inbox-detail-spotlight {
  position: relative;
  overflow: hidden;
  max-width: 860px;
  margin: 4px 0 8px;
  padding: 2px 0 0;
}

.inbox-detail-spotlight::before,
.inbox-detail-spotlight::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 28px;
  pointer-events: none;
  z-index: 2;
}

.inbox-detail-spotlight::before {
  left: 0;
  background: linear-gradient(90deg, var(--panel) 0%, rgba(255, 255, 255, 0) 100%);
}

.inbox-detail-spotlight::after {
  right: 0;
  background: linear-gradient(270deg, var(--panel) 0%, rgba(255, 255, 255, 0) 100%);
}

.inbox-detail-spotlight-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(128px, 1fr);
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}

.inbox-detail-spotlight-cell {
  display: grid;
  gap: 8px;
  min-height: 60px;
  padding: 10px 12px;
  border-right: 1px solid var(--line);
  align-content: center;
  transition: opacity 120ms ease, filter 120ms ease, background 120ms ease, box-shadow 120ms ease;
}

.inbox-detail-spotlight-cell:last-child {
  border-right: 0;
}

.inbox-detail-spotlight-cell.is-dim {
  opacity: 0.76;
  filter: saturate(0.94);
}

.inbox-detail-spotlight-cell.is-focus {
  background: var(--inbox-card-hover-bg);
  box-shadow: inset 0 0 0 1px var(--inbox-divider-color);
}

.inbox-detail-spotlight-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
}

.inbox-detail-spotlight-value {
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  color: var(--text);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-detail-spotlight-value.is-person {
  min-height: 27px;
  padding: 0;
  max-width: 132px;
}

.inbox-detail-spotlight-value.is-status {
  min-height: 28px;
  width: auto;
  max-width: 156px;
  justify-content: center;
  align-self: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-detail-spotlight-value.is-person .comment-mention-pill {
  max-width: 100%;
}

.inbox-detail-spotlight-value.is-person .comment-mention-pill-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inbox-detail-spotlight-value.is-priority {
  font-weight: 520;
}

.inbox-detail-context-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
  gap: 12px 24px;
  margin: 0;
  padding: 2px 0 0;
  border-top: 0;
}

.inbox-detail-context-row {
  display: grid;
  gap: 3px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.inbox-detail-context-label {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.inbox-detail-context-value {
  margin: 0;
  color: var(--text);
  line-height: 1.35;
  font-size: 13px;
  font-weight: 560;
}

.inbox-detail-embed-shell {
  position: relative;
  min-height: calc(100vh - 96px);
}

.inbox-detail-embed-frame {
  width: 100%;
  min-height: calc(100vh - 96px);
  border: 0;
  background: var(--panel);
  display: block;
}

.inbox-detail-embed-loading {
  position: absolute;
  inset: 20px auto auto 32px;
  color: var(--muted);
  font-size: 13px;
  pointer-events: none;
}

.inbox-detail-embed-loading[hidden] {
  display: none !important;
}

.is-inbox-embedded-surface .sidebar {
  display: none !important;
}

.is-inbox-embedded-surface .app-shell {
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 100vh !important;
}

.is-inbox-embedded-surface .main {
  grid-column: 1 !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.is-inbox-embedded-ticket-surface .main {
  padding: 0 !important;
}

.is-inbox-embedded-ticket-surface.is-inbox-embedded-ticket-drawer-open .main > .plain-title {
  display: none !important;
}

.is-inbox-embedded-ticket-surface.is-inbox-embedded-ticket-drawer-open .main > .board-content {
  display: none !important;
}

.is-inbox-embedded-ticket-surface #ticket-drawer-backdrop,
.is-inbox-embedded-ticket-surface .modal-backdrop,
.is-inbox-embedded-ticket-surface .status-notice-backdrop {
  display: none !important;
}

.is-inbox-embedded-ticket-surface #ticket-details-drawer {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  border-left: 0 !important;
  box-shadow: none !important;
  padding: 12px 12px 14px !important;
}

.is-inbox-embedded-ticket-surface #ticket-details-drawer .ticket-drawer-resizer,
.is-inbox-embedded-ticket-surface #ticket-details-drawer .ticket-drawer-close {
  display: none !important;
}

.is-inbox-embedded-ticket-surface .ticket-drawer-scroll {
  padding-right: 0 !important;
}

.is-inbox-embedded-ticket-surface .ticket-drawer-header,
.is-inbox-embedded-ticket-surface .ticket-drawer-content {
  max-width: none !important;
  margin: 0 !important;
}

.is-inbox-embedded-ticket-surface .ticket-drawer-form {
  max-width: 920px !important;
  margin: 0 !important;
  width: 100% !important;
}

.is-inbox-embedded-ticket-surface .ticket-block-inserter {
  width: 850px !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
}

.is-inbox-embedded-ticket-surface .ticket-meta-unified,
.is-inbox-embedded-ticket-surface .ticket-comments-section {
  width: 520px !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.is-inbox-embedded-ticket-surface .ticket-meta-fields-grid,
.is-inbox-embedded-ticket-surface .ticket-meta-fields-row {
  padding-left: 0 !important;
}

.is-inbox-standalone-drawer-surface .main {
  padding: 0 !important;
}

.is-inbox-standalone-drawer-surface #ticket-drawer-backdrop,
.is-inbox-standalone-drawer-surface .modal-backdrop,
.is-inbox-standalone-drawer-surface .status-notice-backdrop {
  display: none !important;
}

.is-inbox-embedded-ticket-surface #modal-estado.open,
.is-inbox-standalone-drawer-surface #modal-estado.open {
  display: flex !important;
}

.is-inbox-standalone-drawer-surface #ticket-details-drawer {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

.is-inbox-standalone-drawer-surface #ticket-details-drawer .ticket-drawer-resizer,
.is-inbox-standalone-drawer-surface #ticket-details-drawer .ticket-drawer-close {
  display: none !important;
}
.is-archive-preview-ticket-surface #ticket-details-drawer .ticket-drawer-close {
  display: inline-grid !important;
}

.is-inbox-embedded-page-surface .main {
  padding: 0 0 18px !important;
}

.is-inbox-embedded-page-surface .plain-title {
  margin: 0 0 10px !important;
}

@media (max-width: 1100px) {
  .inbox-layout-shell {
    height: auto;
    grid-template-columns: 1fr;
    min-height: 0;
    background: transparent;
  }

  .inbox-stream-column {
    border-top: 1px solid var(--inbox-divider-color);
    border-bottom: 1px solid var(--inbox-divider-color);
  }

  .inbox-detail-column {
    border-left: 0;
    overflow: visible;
  }

  .inbox-work-list {
    overflow: visible;
  }

  .inbox-empty:not([hidden]) {
    min-height: 0;
    display: block;
    margin: 12px var(--inbox-inline-gutter) 14px;
    padding: 0;
    text-align: left;
  }

  .inbox-detail-empty-state.is-inbox-detail-placeholder:not([hidden]) {
    transform: none;
  }
}

/* cache bust 1771531100 */

.template-context-chip {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  border-radius: 999px;
  border: 0;
  background: #f1f5f9;
  color: #64748b;
  padding: 0 7px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .02em;
  text-transform: uppercase;
  cursor: default;
  user-select: none;
}

.templates-index-main {
  padding: 0;
  align-items: flex-start;
  overflow: visible;
}

.templates-index-page {
  --templates-index-title-size: 28px;
  --templates-index-body-size: 14px;
  --templates-index-control-size: 13px;
  --templates-index-meta-size: 12px;
  --templates-index-row-min-height: 54px;
  --templates-index-interactive-bg: var(--ui-index-interactive-bg);
  width: min(100%, 832px);
  padding: 64px 56px 96px;
}

.templates-index-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.templates-index-header h1 {
  margin: 0 0 5px;
  font-size: var(--templates-index-title-size);
  line-height: 1.15;
}

.templates-index-header h1[data-template-index-heading]:focus-visible {
  outline: none;
}

.templates-index-header p {
  margin: 0;
  color: var(--muted);
  font-size: var(--templates-index-body-size);
}

.templates-index-create-menu .panel-menu-box {
  min-width: 210px;
}

.templates-index-create-menu > summary.btn-primary-soft {
  min-height: 32px;
  padding: 5px 10px;
  font-size: var(--templates-index-control-size);
  line-height: 1.15;
  border-radius: 5px;
}

.templates-index-tabs {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid var(--line);
}

.templates-index-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 6px;
  text-decoration: none;
}

.templates-index-tab-count {
  color: var(--muted);
  font-size: var(--templates-index-meta-size);
}

.templates-index-tabs + .templates-index-list > .templates-index-row:first-child {
  margin-top: 6px;
}

.templates-index-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-items: center;
  gap: 18px;
  min-height: var(--templates-index-row-min-height);
  border-radius: 6px;
  padding: 6px 6px 6px 10px;
  transition: background 120ms ease;
}

.templates-index-row:hover,
.templates-index-row:focus-within,
.templates-index-row:active {
  background: var(--templates-index-interactive-bg);
}

.templates-index-row-link {
  display: grid;
  min-width: 0;
  gap: 3px;
  color: var(--text);
  text-decoration: none;
}

.templates-index-row-link strong,
.templates-index-row-link span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.templates-index-row-link strong {
  font-size: var(--templates-index-control-size);
  font-weight: 600;
  line-height: 1.25;
}

.templates-index-row-link span {
  color: var(--muted);
  font-size: var(--ui-index-row-meta-size);
}

.templates-index-row-menu {
  justify-self: end;
}

.templates-index-row-menu > summary {
  opacity: 0;
  pointer-events: none;
  color: var(--muted);
}

.templates-index-row:hover .templates-index-row-menu > summary,
.templates-index-row:focus-within .templates-index-row-menu > summary,
.templates-index-row-menu[open] > summary {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none), (pointer: coarse) {
  .templates-index-row-menu > summary {
    opacity: 1;
    pointer-events: auto;
  }
}

.templates-index-row-link:focus-visible,
.templates-index-row-menu summary:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

@supports selector(.templates-index-row:has(> .templates-index-row-link:focus-visible)) {
  .templates-index-row:has(> .templates-index-row-link:focus-visible) {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
  }

  .templates-index-row-link:focus-visible {
    outline: none;
  }
}

@supports selector(.templates-index-row:has(> [data-ui-modal-focus-return="escape"]:focus-visible)) {
  .templates-index-row:has(> [data-ui-modal-focus-return="escape"]:focus-visible) {
    outline: none;
  }
}
.templates-index-row-menu > summary[data-ui-modal-focus-return="escape"]:focus-visible {
  outline: none;
}

.templates-index-empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-height: 300px;
  align-content: center;
  text-align: center;
}

.templates-index-empty h2 {
  margin: 0;
  font-size: var(--templates-index-body-size);
}

.templates-index-empty p {
  margin: 0;
  color: var(--muted);
  font-size: var(--templates-index-control-size);
  line-height: 1.5;
}

.templates-index-empty-icon {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: var(--muted);
}

.templates-index-empty-icon__glyph {
  width: 100%;
  height: 100%;
}

@media (max-width: 760px) {
  .templates-index-page {
    padding: 36px 28px 72px;
  }

  .templates-index-header {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .templates-index-row {
    grid-template-columns: minmax(0, 1fr) 32px;
    gap: 8px;
  }

}

.template-load-btn {
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  background: #ffffff;
  color: #334155;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}

.template-load-btn:hover {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a;
}

.template-load-btn:disabled {
  opacity: .55;
  cursor: wait;
}

.template-load-btn--inline-action {
  min-height: 24px;
  padding: 0 2px;
  gap: 5px;
  font-size: 12px;
  font-weight: 400;
  border-color: transparent;
  background: transparent;
  color: #64748b;
}

.template-load-btn--inline-action svg {
  color: #94a3b8;
}

.template-load-btn--inline-action:hover {
  border-color: transparent;
  background: #f8fafc;
  color: #334155;
}

.template-load-btn--inline-action:hover svg {
  color: #64748b;
}

.ticket-body-head-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.template-load-modal-card {
  max-width: 460px;
}

.template-load-field {
  display: grid;
  gap: 6px;
  margin: 12px 0 0;
}

.template-load-field-label {
  color: #334155;
  font-size: 12px;
  font-weight: 600;
}

.template-load-select {
  min-height: 42px;
  cursor: pointer;
}

.template-load-empty {
  border-radius: 5px;
  color: #64748b;
  background: #f8fafc;
  min-height: 42px;
  padding: 14px 16px;
  font-size: 13px;
  display: grid;
  gap: 8px;
}

.template-load-empty strong {
  color: #334155;
  font-weight: 600;
}

.template-load-empty span {
  display: block;
}

.template-load-selected {
  color: #334155;
  font-size: 13px;
  margin: 6px 0 10px;
}

.template-load-warning {
  border: 1px solid #fecaca;
  border-radius: 5px;
  background: #fff7ed;
  color: #7f1d1d;
  font-size: 12.5px;
  line-height: 1.35;
  margin: 0;
  padding: 10px;
}

.template-load-warning p {
  margin: 0;
}

.template-load-warning p + p {
  margin-top: 12px;
}

.template-load-warning ul {
  margin: 8px 0;
  padding-left: 18px;
}

.template-load-warning li + li {
  margin-top: 3px;
}

.template-ticket-main {
  max-width: 980px;
  justify-self: start;
  display: grid;
  align-content: start;
  gap: 14px;
}

.template-ticket-header {
  display: grid;
  gap: 8px;
}

.template-ticket-title-form {
  min-width: 0;
}

.ticket-template-title-input {
  margin: 0;
  width: 100%;
  max-width: 760px;
  font-size: 24px;
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: 0;
}

.ticket-template-placeholder-card,
.ticket-template-editor-card {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}

.ticket-template-placeholder-card {
  border: 0;
  background: transparent;
  color: #94a3b8;
  padding: 0;
  pointer-events: none;
}

.ticket-template-representative-ticket-meta .ticket-meta-unified {
  width: 640px;
  max-width: 100%;
}

.ticket-template-representative-ticket-meta .ticket-meta-section + .ticket-meta-section {
  border-top-color: #e5e7eb;
}

.ticket-template-representative-ticket-meta .ticket-meta-section-icon,
.ticket-template-representative-ticket-meta .ticket-meta-section-label,
.ticket-template-representative-ticket-meta .ticket-meta-field-name {
  color: #9ca3af;
}

.ticket-template-representative-ticket-meta .ticket-meta-field-input,
.ticket-template-representative-ticket-meta .ticket-status-current-pill {
  border-color: #e2e8f0;
  background-color: #fbfcfe;
  color: #94a3b8;
  box-shadow: none;
}

.ticket-template-representative-ticket-meta .ticket-template-placeholder-input {
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ticket-template-representative-ticket-meta .ticket-template-placeholder-date {
  justify-content: center;
  padding-right: 30px;
  color: #a8b3c2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 11h16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 16px;
}

.ticket-template-representative-ticket-meta .ticket-meta-status-shell {
  display: inline-flex;
  align-items: center;
  width: 100%;
  max-width: 170px;
  margin-left: 0;
  padding-left: 0;
  background: transparent;
  border: 0;
}

.ticket-template-representative-ticket-meta .ticket-meta-status-shell .ticket-status-current-pill {
  justify-content: center;
  width: 98px;
  max-width: 98px;
  min-height: 24px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.15;
}

.ticket-template-representative-ticket-meta .ticket-meta-fields-row-followup[data-template-placeholder="1"] {
  --drawer-followup-priority-control-width: var(--drawer-followup-date-control-width);
}

.ticket-template-representative-ticket-meta .ticket-meta-fields-row-followup[data-template-placeholder="1"] .ticket-template-placeholder-date,
.ticket-template-representative-ticket-meta .ticket-meta-fields-row-followup[data-template-placeholder="1"] .ticket-template-placeholder-priority {
  width: var(--drawer-followup-date-control-width) !important;
  max-width: var(--drawer-followup-date-control-width) !important;
  min-height: 30px;
  box-sizing: border-box;
}

.ticket-template-editor-card {
  padding: 14px;
}

.ticket-template-editor-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.ticket-template-editor-title {
  color: #374151;
  font-size: 13px;
  font-weight: 600;
}

.ticket-template-editor-host {
  min-height: 240px;
}

@media (max-width: 760px) {
  .ticket-template-representative-ticket-meta .ticket-meta-fields-grid-people {
    grid-template-columns: 1fr;
  }

  .ticket-template-representative-ticket-meta .ticket-meta-fields-grid,
  .ticket-template-representative-ticket-meta .ticket-meta-fields-row {
    padding-left: 0;
  }

  .ticket-template-representative-ticket-meta .ticket-meta-fields-grid-people .ticket-meta-field-inline {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* Priority column surgical integration from f50 approved source */
.drawer-due-date-control {
  position: relative;
  display: block;
  width: 100%;
}
.drawer-due-date-clear-btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  max-width: 34px;
  max-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #718096;
  cursor: pointer;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transform: translateY(-50%);
  transition: background 120ms ease, color 120ms ease;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
}
.drawer-due-date-clear-btn svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"] #ticket-detail-due-date,
#ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"] .flatpickr-alt-input {
  cursor: text;
}
#ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"]:hover .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"]:focus-within .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-editable-control--date[data-clear-active="1"] .flatpickr-alt-input {
  background-image: none !important;
}
#ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"]:hover .ticket-meta-clear-btn,
#ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"]:focus-within .ticket-meta-clear-btn,
#ticket-details-drawer .ticket-meta-editable-control--date[data-clear-active="1"] .ticket-meta-clear-btn {
  opacity: 0.86;
  pointer-events: auto;
  transition: opacity 60ms ease, background 120ms ease, color 120ms ease;
}
@media (hover: none), (pointer: coarse) {
  #ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"] .flatpickr-alt-input {
    background-image: none !important;
  }

  #ticket-details-drawer .ticket-meta-editable-control--date[data-has-date="1"] .ticket-meta-clear-btn {
    opacity: 0.86;
    pointer-events: auto;
  }
}
.simple-table tbody td[data-col-token^="custom:"] input[type="number"] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.priority-picker {
  position: relative;
  isolation: isolate;
  display: flex;
  justify-content: center;
}
.priority-picker-with-clear {
  width: 100%;
}
.priority-picker.open {
  z-index: 260;
}
.priority-display {
  --priority-color: #475569;
  display: inline-grid;
  align-items: center;
  grid-template-columns: 18px minmax(0, 62px);
  column-gap: 6px;
  justify-content: center;
  width: auto;
  min-width: 86px;
  max-width: 118px;
  min-height: 24px;
  padding: 2px 4px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--priority-color);
  font-size: 12px;
  font-weight: 560;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
  transition: background .14s ease, color .14s ease, box-shadow .14s ease;
}
.simple-table tbody td[data-col-token="base:prioridad"] .priority-picker {
  width: 100%;
  min-width: 0;
}
.simple-table tbody td[data-col-token="base:prioridad"] .priority-display {
  width: 100%;
  min-width: 0;
}
.priority-display:hover {
  background: transparent;
  box-shadow: none;
}
.priority-display:focus-visible {
  outline: 2px solid rgba(71, 85, 105, 0.28);
  outline-offset: 1px;
  background: transparent;
  box-shadow: none;
}
.priority-clear-btn,
.table-priority-clear-btn,
.drawer-priority-clear-btn {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #718096;
  cursor: pointer;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  z-index: 3;
  transform: translateY(-50%);
  box-shadow: none;
  transition: background 120ms ease, color 120ms ease;
  appearance: none;
  -webkit-appearance: none;
}
.priority-picker-with-clear[data-table-priority-control="1"][data-has-priority="1"]:hover .table-priority-clear-btn,
.priority-picker-with-clear[data-table-priority-control="1"][data-has-priority="1"]:focus-within .table-priority-clear-btn,
.simple-table tbody td[data-col-token="base:prioridad"]:hover .priority-picker-with-clear[data-table-priority-control="1"][data-has-priority="1"] .table-priority-clear-btn,
.priority-picker-with-clear[data-table-priority-control="1"][data-clear-active="1"] .table-priority-clear-btn {
  opacity: 0.82;
  pointer-events: auto;
  transition: opacity 60ms ease, background 120ms ease, color 120ms ease;
}
.priority-clear-btn:not(.ticket-meta-clear-btn):hover,
.priority-clear-btn:not(.ticket-meta-clear-btn):focus-visible {
  background: transparent;
  color: #475569;
  outline: none;
  box-shadow: none;
}
.priority-clear-btn:not(.ticket-meta-clear-btn):active {
  transform: translateY(-50%) !important;
}
.table-priority-clear-btn {
  right: calc(var(--board-column-resize-edge-width) + 2px);
}
.priority-clear-btn svg {
  width: 12px;
  height: 12px;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.priority-display--empty {
  min-width: 48px;
}
.priority-bars {
  display: inline-flex;
  align-items: flex-end;
  gap: 2px;
  height: 14px;
  color: var(--priority-color);
  flex: 0 0 auto;
}
.priority-bar {
  display: block;
  width: 3px;
  border-radius: 2px;
  background: currentColor;
}
.priority-bar--inactive {
  background: #d7dee8;
}
.priority-bar[data-level="1"] { height: 5px; }
.priority-bar[data-level="2"] { height: 8px; }
.priority-bar[data-level="3"] { height: 11px; }
.priority-bar[data-level="4"] { height: 14px; }
.priority-display .priority-bars {
  justify-self: center;
}
.priority-stack-lines {
  display: inline-flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 1.5px;
  width: 18px;
  height: 15px;
  color: var(--priority-color);
  flex: 0 0 auto;
}
.priority-stack-line {
  display: block;
  width: 15px;
  height: 2.5px;
  border-radius: 999px;
  background: currentColor;
}
.priority-stack-line--inactive {
  background: #d7dee8;
}
.priority-display .priority-stack-lines {
  justify-self: center;
}
.priority-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 16px;
  color: var(--priority-color);
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.priority-display .priority-icon {
  justify-self: center;
}
.priority-icon--dot {
  position: relative;
}
.priority-icon--dot::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 14%, transparent);
  transform: translate(-50%, -50%);
}
.priority-icon--side {
  width: 18px;
  height: 18px;
}
.priority-icon--side::before {
  content: '';
  display: block;
  width: 5px;
  height: 18px;
  border-radius: 1.5px;
  background: currentColor;
}
.priority-display-label {
  display: block;
  color: #64748b;
  font-weight: 500;
  line-height: 1.15;
  min-width: 0;
  max-width: 100%;
  justify-self: start;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(1px);
}
.priority-picker-menu {
  position: absolute;
  left: auto;
  right: 0;
  top: calc(100% + 8px);
  min-width: 170px;
  background: #ffffff;
  border: 1px solid #dfe6ef;
  border-radius: var(--ui-menu-shell-radius);
  box-shadow: var(--shadow-floating);
  padding: 10px 8px 6px;
  z-index: 999;
  display: none;
}
.priority-picker.open .priority-picker-menu {
  display: block;
}
.priority-picker-option,
.priority-picker-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  min-width: 146px;
  max-width: 146px;
  min-height: 28px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #0f172a;
  font-size: 11.5px;
  font-weight: 520;
  line-height: 1.1;
  padding: 4px 10px;
  margin: 0 auto 6px;
  text-align: center;
  box-shadow: none;
  transition: background .14s ease, color .14s ease;
}
.priority-picker-option:last-of-type {
  margin-bottom: 0;
}
.priority-picker-option:hover,
.priority-picker-edit:hover {
  background: #f3f6fb;
  color: #0f172a;
}
.priority-picker-option.active {
  background: #f8fafc;
}
.priority-picker-option.priority-display {
  display: grid;
  grid-template-columns: 34px 70px;
  column-gap: 7px;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  min-height: 20px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.priority-picker-option.priority-display .priority-bars {
  justify-self: end;
}
.priority-picker-option.priority-display .priority-icon {
  justify-self: end;
}
.priority-picker-option.priority-display .priority-display-label {
  justify-self: start;
  text-align: left;
}
.priority-picker-edit {
  color: #51657d;
  font-weight: 400;
  justify-content: center;
  margin: 4px auto 0;
  text-align: center;
}
.priority-picker-edit:hover {
  color: #334155;
}
.priority-modal-card {
  max-width: 500px;
  max-height: 84vh;
  overflow: visible;
}
.priority-modal-body {
  --priority-modal-preview-width: 96px;
  --priority-modal-column-gap: 8px;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}
.priority-settings-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 200px);
  margin: 0 auto 0 0;
  gap: 8px;
  padding: 0 0 14px;
}
.priority-setting-control {
  position: relative;
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #e8eef6;
}
.priority-setting-trigger {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #334155;
  padding: 5px 2px;
  text-align: left;
}
.priority-setting-trigger:hover,
.priority-setting-trigger[aria-expanded="true"] {
  background: #f8fafc;
  box-shadow: none;
}
.priority-setting-kicker {
  color: #7b8798;
  font-size: 11px;
  font-weight: 500;
}
.priority-setting-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 340;
  display: grid;
  gap: 5px;
  padding: 6px;
  border: 1px solid #dfe6ef;
  border-radius: var(--ui-menu-shell-radius);
  background: #fff;
  box-shadow: var(--shadow-floating);
}
.priority-setting-menu[hidden] {
  display: none;
}
.priority-setting-option {
  width: 100%;
  min-height: 30px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 7px;
}
.priority-setting-option:hover,
.priority-setting-option.active {
  background: #f3f6fb;
}
.priority-icon-option {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}
.priority-icon-option-preview.priority-display {
  grid-template-columns: 22px;
  min-width: 22px;
  max-width: 22px;
  min-height: 18px;
  padding: 0;
  overflow: visible;
}
.priority-icon-option-preview.priority-display .priority-display-label {
  display: none;
}
.priority-icon-option-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.priority-palette-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.priority-palette-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.priority-palette-swatches {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex: 0 0 auto;
}
.priority-palette-swatch {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: var(--swatch);
}
.priority-editor-list {
  position: relative;
  display: grid;
  gap: 6px;
  margin-bottom: 8px;
  padding: 0;
}
.priority-editor-divider {
  border-top: 1px solid var(--line);
  margin: 0 0 14px;
}
.priority-modal-body .ui-modal-actions {
  padding: 10px 0 0;
  justify-content: flex-end;
}
.priority-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--priority-modal-preview-width);
  gap: var(--priority-modal-column-gap);
  align-items: center;
  padding: 0;
}
.priority-name-input {
  min-height: 34px;
  background: #fff;
  border-color: var(--line);
}
.priority-row-preview.priority-display {
  justify-content: flex-start;
  min-width: 0;
  max-width: none;
  width: 100%;
  min-height: 28px;
  padding: 2px 4px;
}
.priority-delete-icon-btn {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  border: 0;
  background: transparent;
  color: #a3b0c2;
  border-radius: 5px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  padding: 0;
}
.priority-delete-icon-btn:hover {
  background: #f6f8fc;
  color: #8d3328;
}
.priority-add-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 2px 0 6px;
  padding-left: 36px;
}
#add-priority-row-btn {
  min-height: 26px;
  padding: 0 8px;
  font-size: 12px;
}
#add-priority-row-btn:disabled {
  opacity: .48;
  cursor: default;
}

.notes-cell {
  position: relative;
}
.ticket-meta-fields-row-followup {
  --drawer-followup-column-gap: 28px;
  --drawer-followup-label-control-gap: 12px;
  --drawer-followup-status-control-width: 84px;
  --drawer-followup-date-control-width: 136px;
  --drawer-followup-priority-control-width: 120px;
  --drawer-followup-clear-zone: 24px;
  --drawer-followup-clear-offset: 4px;
  display: grid;
  gap: 8px;
  align-items: start;
}
.ticket-meta-followup-primary {
  display: grid;
  grid-template-columns: max-content max-content max-content;
  column-gap: var(--drawer-followup-column-gap);
  row-gap: 0;
  align-items: center;
}
.ticket-meta-followup-primary > .ticket-meta-field-compact {
  display: grid;
  grid-template-columns: max-content max-content;
  column-gap: var(--drawer-followup-label-control-gap);
  align-items: center;
}
.ticket-meta-followup-primary > .ticket-status-field {
  grid-template-columns: max-content var(--drawer-followup-status-control-width);
}
.ticket-meta-followup-primary > .ticket-date-field {
  grid-template-columns: max-content var(--drawer-followup-date-control-width);
}
.ticket-meta-followup-primary > .ticket-priority-field {
  grid-template-columns: max-content var(--drawer-followup-priority-control-width);
}
.ticket-meta-followup-primary > .ticket-status-field .ticket-meta-field-name {
  grid-column: 1;
}
.ticket-meta-followup-primary > .ticket-status-field .ticket-meta-status-shell {
  grid-column: 2;
  width: var(--drawer-followup-status-control-width) !important;
  max-width: var(--drawer-followup-status-control-width) !important;
}
.ticket-meta-followup-primary > .ticket-date-field .ticket-meta-field-name {
  grid-column: 1;
}
.ticket-meta-followup-primary > .ticket-date-field .drawer-due-date-control,
.ticket-meta-followup-primary > .ticket-date-field .ticket-template-placeholder-date {
  grid-column: 2;
  width: var(--drawer-followup-date-control-width) !important;
  max-width: var(--drawer-followup-date-control-width) !important;
}
.ticket-meta-followup-primary > .ticket-priority-field .ticket-meta-field-name {
  grid-column: 1;
}
.ticket-meta-followup-primary > .ticket-priority-field .ticket-priority-picker-inline {
  grid-column: 2;
}
@media (max-width: 760px) {
  .ticket-meta-followup-primary {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    width: 100%;
  }
  .ticket-meta-followup-primary > .ticket-meta-field-compact,
  .ticket-meta-followup-primary > .ticket-status-field,
  .ticket-meta-followup-primary > .ticket-date-field,
  .ticket-meta-followup-primary > .ticket-priority-field {
    grid-template-columns: 108px minmax(0, 1fr);
    width: 100%;
  }
}
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-name {
  margin: 0;
}
.ticket-meta-field.short .ticket-meta-field-input {
  width: 170px;
  max-width: 170px;
}
#ticket-detail-responsible-editable {
  width: 170px;
  max-width: 170px;
}
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-input,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-status-picker-inline,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-priority-picker-inline {
  margin: 0;
  width: 100%;
  max-width: 170px;
  justify-self: start;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) #ticket-detail-due-date,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .flatpickr-input,
.ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact:first-child .ticket-meta-field-input {
  text-align: center !important;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact {
  flex: 0 0 auto;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-status-picker-inline,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-priority-picker-inline,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-alt-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) #ticket-detail-due-date {
  width: 155px !important;
  max-width: 155px !important;
  justify-self: start;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-inline-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .ticket-meta-field-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-input,
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-field-compact .flatpickr-alt-input {
  min-height: 30px !important;
  height: 30px !important;
  box-sizing: border-box !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
}
#ticket-details-drawer .ticket-meta-fields-row:not(.ticket-meta-fields-row-followup) .ticket-meta-status-shell {
  width: 155px !important;
  max-width: 155px !important;
}
#ticket-details-drawer .ticket-priority-picker-inline {
  min-height: 28px;
}
#ticket-details-drawer .ticket-priority-picker {
  justify-content: flex-start;
  width: 100%;
}
#ticket-details-drawer .ticket-priority-current {
  justify-content: flex-start;
  min-width: 100%;
  max-width: 155px;
  min-height: 28px;
  height: 28px;
  padding: 2px 6px;
}
#ticket-details-drawer .ticket-priority-current.priority-display--empty {
  min-width: 100%;
}
#ticket-details-drawer .ticket-priority-menu {
  left: 0;
  right: auto;
}
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-editable-control {
  display: inline-flex;
  align-items: center;
  height: 30px;
  min-height: 30px;
  box-sizing: border-box;
  justify-self: start;
}
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-editable-control--priority {
  width: var(--drawer-followup-priority-control-width) !important;
  max-width: var(--drawer-followup-priority-control-width) !important;
}
#ticket-details-drawer .ticket-meta-editable-control {
  width: 100% !important;
  border: 0 !important;
  border-bottom: 1px solid #dbe3ee !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .12s ease, border-bottom-color .12s ease;
}
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-editable-control:hover,
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-editable-control:focus-within {
  background: var(--drawer-metadata-hover-bg) !important;
  background-image: none !important;
  border-bottom-color: #a8b4c3 !important;
  box-shadow: none !important;
  outline: none !important;
}
#ticket-details-drawer .ticket-meta-editable-control .ticket-meta-clear-btn {
  right: var(--drawer-followup-clear-offset);
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  background: transparent !important;
  color: #718096;
  box-shadow: none !important;
}
#ticket-details-drawer .ticket-meta-editable-control .ticket-meta-clear-btn:hover,
#ticket-details-drawer .ticket-meta-editable-control .ticket-meta-clear-btn:focus-visible {
  background: transparent !important;
  color: #475569;
  outline: none;
  box-shadow: none !important;
}
#ticket-details-drawer .ticket-meta-editable-control .ticket-meta-clear-btn:active {
  transform: translateY(-50%) !important;
  box-shadow: none !important;
}
#ticket-details-drawer .ticket-meta-editable-control--priority[data-has-priority="1"]:hover .ticket-meta-clear-btn,
#ticket-details-drawer .ticket-meta-editable-control--priority[data-has-priority="1"]:focus-within .ticket-meta-clear-btn,
#ticket-details-drawer .ticket-meta-editable-control--priority[data-clear-active="1"] .ticket-meta-clear-btn {
  opacity: 0.82;
  pointer-events: auto;
  transition: opacity 60ms ease, background 120ms ease, color 120ms ease;
}
#ticket-details-drawer .ticket-meta-editable-control--date #ticket-detail-due-date,
#ticket-details-drawer .ticket-meta-editable-control--date .flatpickr-alt-input {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 28px !important;
  height: 28px !important;
  line-height: 22px !important;
  text-align: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 8px !important;
  padding-right: var(--drawer-followup-clear-zone) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-followup-primary .ticket-priority-field .ticket-priority-current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 100%;
  max-width: none;
  min-height: 28px;
  height: 28px;
  padding: 2px var(--drawer-followup-clear-zone) 2px 8px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateY(2px);
}
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-followup-primary .ticket-priority-field .priority-display-label {
  font-weight: 480 !important;
}
#ticket-details-drawer .ticket-meta-fields-row-followup .ticket-meta-followup-primary .ticket-status-field .ticket-status-current-pill {
  width: var(--drawer-followup-status-control-width) !important;
  min-width: var(--drawer-followup-status-control-width) !important;
  max-width: var(--drawer-followup-status-control-width) !important;
  min-height: 20px !important;
  height: 20px !important;
  padding: 1px 7px !important;
  font-size: 11px !important;
  font-weight: 560 !important;
}
#ticket-details-drawer .ticket-status-menu {
  left: 0;
  right: auto;
  min-width: 154px;
  padding: 6px 6px 6px;
  box-shadow: 0 12px 22px rgba(15, 23, 42, 0.12), 0 4px 10px rgba(15, 23, 42, 0.08) !important;
}
#ticket-details-drawer .ticket-status-menu .ticket-status-pill {
  width: 118px !important;
  min-width: 118px !important;
}
/* OPS RUNTIME STYLES: START */
.ops-shell { min-height: 100vh; background: var(--sidebar-surface); color: var(--text); }
.ops-topbar { min-height: 64px; border-bottom: 1px solid var(--line); background: var(--panel); }
.ops-topbar-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  width: calc(100% - 48px);
  max-width: 1180px;
  min-height: 64px;
  margin: 0 auto;
}
.ops-brand { display: inline-flex; align-items: center; }
.ops-brand-logo { display: block; width: 112px; height: auto; aspect-ratio: 500 / 157; object-fit: contain; }
.ops-nav { display: flex; align-items: center; gap: 4px; min-width: 0; }
.ops-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  color: var(--muted);
  font-size: 13px;
  font-weight: 550;
  white-space: nowrap;
}
.ops-nav-link:hover { background: var(--sidebar-surface); color: var(--text); }
.ops-nav-link[aria-current="page"] { background: var(--accent-soft); color: var(--accent); font-weight: 650; }
.ops-user { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; }
.ops-user form { margin: 0; }
.ops-main {
  width: calc(100% - 48px);
  max-width: 1180px;
  min-width: 0;
  margin: 0 auto;
  padding: 28px 0 48px;
}
.ops-main > h1 { margin: 0 0 16px; color: var(--text); font-size: 22px; font-weight: 680; line-height: 1.2; }
.ops-panel {
  min-width: 0;
  margin-top: 16px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--panel);
}
.ops-panel h2 { margin: 0 0 12px; font-size: 14px; }
.ops-metrics-grid { display: grid; grid-template-columns: repeat(2, minmax(168px, 1fr)); gap: 8px; margin: 0; }
.ops-metrics-grid--activity { grid-template-columns: repeat(5, minmax(140px, 1fr)); }
.ops-metric { min-height: 86px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); }
.ops-metric dt { color: var(--muted); font-size: 12px; font-weight: 550; }
.ops-metric dd { margin: 8px 0 0; color: var(--text); font-size: 28px; font-weight: 680; font-variant-numeric: tabular-nums; }
.ops-muted { margin: 0; color: var(--muted); font-size: 13px; }
.ops-form-panel form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.ops-form-panel label { min-width: 0; }
.ops-created-link { margin-top: 16px; padding: 12px; border: 1px solid var(--success); border-radius: var(--radius-sm); background: var(--panel); }
.ops-created-link label { display: grid; gap: 6px; }
.ops-copy-feedback { min-height: 18px; margin: 10px 0 0; color: var(--muted); font-size: 12px; }
.ops-table-wrap { width: 100%; overflow-x: auto; padding: 0; }
.ops-table { width: 100%; min-width: 940px; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.ops-table caption { padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 14px; font-weight: 650; text-align: left; }
.ops-table th, .ops-table td { padding: 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.ops-table th { background: var(--sidebar-surface); color: var(--muted); font-size: 11px; font-weight: 650; }
.ops-table tbody tr:last-child td { border-bottom: 0; }
.ops-table td:nth-child(5), .ops-table td:nth-child(6), .ops-table td:nth-child(7) { overflow-wrap: anywhere; }
.ops-link-actions { display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; }
.ops-link-actions form { margin: 0; }
.ops-link-actions .ui-btn { min-height: 32px; white-space: nowrap; }
.ops-link-actions .ui-btn--quiet-danger { padding: 0 4px; border: 0; background: transparent; }
.ops-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 7px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-size: 11px;
  font-weight: 650;
}
.ops-status[data-state="pending"] { color: var(--warn); }
.ops-status[data-state="used"] { color: var(--success); }
.ops-status[data-state="expired"] { color: var(--muted); }
.ops-status[data-state="revoked"] { color: var(--danger); }
@media (max-width: 720px) {
  .ops-topbar-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; width: calc(100% - 32px); padding: 10px 0; }
  .ops-nav { grid-column: 1 / -1; }
  .ops-nav-link { flex: 1; }
  .ops-main { width: calc(100% - 32px); padding-top: 22px; }
  .ops-metrics-grid, .ops-metrics-grid--activity { grid-template-columns: minmax(0, 1fr); }
  .ops-form-panel form { grid-template-columns: minmax(0, 1fr); }
}
/* OPS RUNTIME STYLES: END */

/* Archive index shell */
.archive-main {
  background: var(--panel);
  min-width: 0;
}
.archive-page-shell {
  width: min(100%, 840px);
  margin: 0;
  padding: 46px 32px 72px;
}
.archive-page-header h1 {
  margin: 0;
  font-size: 28px;
  line-height: 1.15;
}
.archive-page-header p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 14px;
}
.archive-primary-tabs {
  align-items: center;
  margin-top: 26px;
}
.archive-primary-tab {
  text-decoration: none;
}
.archive-index {
  margin-top: 0;
}
.archive-index__rows {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding-top: 8px;
}
.archive-index-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: center;
  min-height: 54px;
  border-radius: 8px;
  background-color: transparent;
  transition: background-color .12s ease;
}
.archive-index-row:hover,
.archive-index-row:focus-within {
  background-color: var(--ui-index-interactive-bg);
}
.archive-index-row__copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  align-items: center;
  column-gap: 14px;
  min-width: 0;
  padding: 8px 8px;
}
button.archive-index-row__copy {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
button.archive-index-row__copy:focus-visible {
  outline: 2px solid var(--focus-ring, #2563eb);
  outline-offset: -2px;
}
button.archive-index-row__copy[data-ui-modal-focus-return="escape"]:focus-visible {
  outline: none;
}
.archive-index-row__identity,
.archive-index-row__context {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.archive-index-row__context {
  justify-self: end;
  width: 132px;
  max-width: 100%;
}
.archive-index-row__copy strong,
.archive-index-row__copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-index-row__copy strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
}
.archive-index-row__identity > span,
.archive-index-row__context > span {
  color: var(--ui-section-meta);
  font-size: var(--ui-index-row-meta-size);
}
.archive-index-row__menu {
  border: 0;
  background: transparent;
  color: var(--ui-section-meta);
  cursor: pointer;
}
.archive-index-row__menu > summary {
  color: var(--muted);
}
.templates-index-row-menu > summary,
.archive-index-row__menu > summary {
  transition: opacity .14s ease, color .14s ease;
}
.templates-index-row-menu > summary:hover,
.archive-index-row__menu > summary:hover {
  color: var(--ui-menu-action-hover-color);
}
.archive-index__failure {
  padding: 28px 12px;
  color: var(--muted);
  text-align: center;
}
.archive-index__empty {
  display: grid;
  min-block-size: min(360px, 48vh);
  align-content: center;
  justify-items: center;
  gap: 8px;
  padding: 28px 24px;
  color: var(--muted);
  text-align: center;
}
.archive-index__empty[hidden] {
  display: none;
}
.archive-index__empty-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 4px;
  color: var(--muted);
}
.archive-index__empty-title {
  margin: 0;
  color: var(--text);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.archive-index__empty-description {
  max-width: 320px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.archive-preview-skeleton {
  display: grid;
  gap: 10px;
}
.archive-preview-skeleton span {
  display: block;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel);
}
.archive-preview-skeleton span:nth-child(2) {
  width: 92%;
}
.archive-preview-skeleton span:nth-child(3) {
  width: 84%;
}
.archive-index__load-more {
  display: block;
  margin: 18px auto 0;
}
.archive-index__load-more[hidden] {
  display: none;
}
.archive-preview-backdrop {
  --archive-preview-max-width: min(1340px, calc(100vw - 64px));
  --archive-board-preview-min-width: min(900px, calc(100vw - 64px));
  --archive-document-preview-width: min(960px, calc(100vw - 64px));
  position: fixed;
  inset: 0;
  z-index: var(--ui-modal-z);
  display: grid;
  place-items: center;
  padding: 28px;
  background: var(--ui-modal-backdrop-bg);
  isolation: isolate;
}
.archive-preview-backdrop[hidden] {
  display: none;
}
.archive-preview-modal {
  display: flex;
  flex-direction: column;
  width: var(--archive-document-preview-width);
  max-width: var(--archive-preview-max-width);
  height: auto;
  max-height: calc(100vh - 64px);
  overflow: hidden;
  padding: 0;
  animation: archive-preview-modal-enter 140ms ease-out;
  position: relative;
  z-index: 1;
}
.archive-preview-modal[data-archive-preview-kind="board"] {
  width: fit-content;
  min-width: var(--archive-board-preview-min-width);
}
.archive-preview-modal[hidden] {
  display: none;
}
.archive-preview-modal__header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--ui-modal-card-bg);
}
.archive-preview-modal__heading {
  min-width: 0;
}
.archive-preview-modal__context,
.archive-preview-modal__meta {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}
.archive-preview-modal__header h2 {
  margin: 0 0 var(--ui-modal-title-margin-bottom);
  overflow: hidden;
  font-size: var(--ui-modal-title-size);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.archive-preview-modal__host,
.archive-preview-modal__status {
  padding: 24px;
}
.archive-preview-modal__status:empty {
  display: none;
}
.archive-preview-modal__retry {
  margin: 18px;
}
.archive-preview-skeleton {
  min-height: 320px;
  padding: 24px;
}
.archive-preview-skeleton[hidden] {
  display: none;
}
.archive-preview-modal__host {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow: auto;
  overscroll-behavior: contain;
}
.archive-preview-modal__footer {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ui-modal-action-row-gap);
  padding: 12px 24px;
  border-top: 1px solid var(--line);
  background: var(--ui-modal-card-bg);
}
.archive-preview-modal__footer[hidden] {
  display: none;
}
.archive-task-preview-frame {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
  background: #fff;
}
.archive-preview-task-dimmer {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: var(--ui-modal-backdrop-bg);
}
.archive-preview-task-dimmer[hidden] {
  display: none;
}
.archive-preview-task-shell {
  position: absolute;
  inset: 0 0 0 auto;
  width: var(--ticket-drawer-width);
  min-width: var(--ticket-drawer-min-width);
  max-width: var(--ticket-drawer-max-width);
  height: 100vh;
  overflow: hidden;
  border-left: var(--ticket-drawer-border);
  border-radius: 0;
  background: var(--ticket-drawer-bg);
  box-shadow: var(--ticket-drawer-shadow);
  z-index: 3;
}
.ticket-drawer,
.archive-preview-task-shell {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  transition: transform .14s ease-out, opacity .12s ease-out;
  will-change: transform, opacity;
}
.ticket-drawer.open,
.archive-preview-task-shell.open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}
.archive-preview-task-shell[hidden] {
  display: none;
}
.archive-preview-task-shell__host {
  width: 100%;
  height: 100%;
}
.archive-preview-task-shell__feedback {
  position: absolute;
  top: 14px;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  transform: translateX(-50%);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--panel);
  box-shadow: var(--ui-control-hover-shadow);
}
.archive-preview-task-shell__feedback[hidden],
.archive-preview-task-shell__status:empty,
.archive-preview-task-shell__retry[hidden] {
  display: none;
}
.archive-preview-task-shell__status:not(:empty),
.archive-preview-task-shell__retry {
  padding: 8px 10px;
}
.archive-board-preview-empty,
.archive-document-preview-empty {
  margin: 0;
  padding: 48px 24px;
  color: var(--muted);
  text-align: center;
}
.archive-preview-modal__retry:focus-visible,
.archive-preview-task-shell__retry:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent) 75%, transparent);
  outline-offset: 2px;
}
@keyframes archive-preview-modal-enter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .archive-preview-modal {
    animation: none !important;
  }
  .ticket-drawer,
  .archive-preview-task-shell {
    transition: none !important;
  }
  .archive-index-row {
    transition: none;
  }
}
@media (max-width: 900px) {
  .archive-preview-modal[data-archive-preview-kind="document"] {
    position: fixed;
    inset: 0;
    width: 100vw;
    min-width: 0;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border: 0;
    border-radius: 0;
  }
  .archive-preview-modal[data-archive-preview-kind="document"] .archive-preview-modal__host {
    padding: var(--mobile-main-inset);
  }
}
@media (max-width: 760px) {
  .archive-page-shell {
    padding: 28px 18px 56px;
  }
  .archive-primary-tabs {
    margin-top: 24px;
  }
  .archive-preview-backdrop {
    padding: 0;
  }
  .archive-preview-modal {
    width: 100vw;
    min-width: 0;
    max-width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
  .archive-preview-modal[data-archive-preview-kind="board"] {
    width: 100vw;
    min-width: 0;
    max-width: 100vw;
  }
}

.archive-transition-dialog {
  z-index: var(--ui-modal-secondary-z);
}

.archive-transition-dialog[hidden] {
  display: none;
}

/* TEAM HEALTH V3: START */
/* C5 provenance composition: 2ae85d1bb4e78177e4e7590429582174d11193f2 */
/* C5 provenance shell/responsive: 10eff898f8bb67b9488a959c4f6272596352434b */
.team-health-document {
  background: var(--bg);
  color: var(--text);
}
.team-health-main {
  min-width: 0;
  max-width: none;
  padding: 40px 0 64px;
  overflow-x: clip;
  background: var(--panel);
}
.team-health-fragment {
  width: min(840px, calc(100% - 48px));
  min-width: 0;
  margin: 0 auto;
  --team-health-element-font-size: 13px;
  --team-health-explanatory-font-size: 10px;
  --team-health-danger-weight: 550;
  --team-health-compact-control-font-family: inherit;
  --team-health-compact-control-font-size: var(--team-health-element-font-size);
  --team-health-compact-control-font-weight: 550;
  --team-health-compact-control-line-height: 1.25;
}
.team-health-header {
  display: block;
  margin: 0;
}
.team-health-eyebrow {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.team-health-header h1 {
  margin: 0;
  font-size: 32px;
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.02em;
}
.team-health-subtitle { margin: 2px 0 0; color: var(--muted); font-size: 14px; }
.team-health-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 27px;
  padding-bottom: 10px;
  background: transparent;
}
.team-health-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}
.team-health-tab:hover { background: var(--sidebar-surface); color: var(--text); }
.team-health-tab.is-active { border-color: var(--line); background: color-mix(in srgb, var(--line) 25%, var(--panel)); color: var(--text); font-weight: 500; }

.team-health-summary { margin: 0; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.team-health-summary h2,
.team-health-team h2,
.team-health-team h3 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 680;
  line-height: 1.25;
}
.team-health-personal h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
.team-health-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
}
.team-health-metrics--personal { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.team-health-personal .team-health-summary-title { margin-bottom: 4px; font-weight: 600; }
.team-health-metrics > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 70px;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: center;
  transform: none;
}
.team-health-metrics dt {
  margin-top: 4px;
  color: var(--muted);
  font-size: var(--team-health-explanatory-font-size);
  font-weight: 450;
}
.team-health-metrics dd {
  margin: 0;
  font-size: 25px;
  font-weight: 720;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  order: -1;
}
.team-health-personal .team-health-metrics dt {
  margin: 4px 0 0;
  font-size: var(--team-health-explanatory-font-size);
  line-height: 1.25;
}
.team-health-personal .team-health-metrics dd { font-size: 24px; font-weight: 650; }
.team-health-team > section {
  min-width: 0;
  padding: 24px 8px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.team-health-personal { min-width: 0; }
.team-health-overview {
  display: grid;
  grid-template-columns: minmax(0, 540px) minmax(250px, 260px);
  align-items: start;
  gap: 40px;
  padding-top: 27px;
}
.team-health-personal .team-health-overview { grid-template-columns: minmax(0, 540px) minmax(250px, 260px); gap: 40px; padding-top: 26px; }
.team-health-personal .team-health-overview--compliance-only { grid-template-columns: minmax(250px, 260px); }
.team-health-focus { min-width: 0; }
.team-health-focus,
.team-health-due-group,
[data-team-health-context][data-context-kind="personal-pending"],
[data-team-health-context][data-context-kind="personal-due"] {
  --team-health-task-copy-gap: 4px;
  --team-health-task-trigger-min-height: 0px;
}
.team-health-personal .team-health-focus h2 { font-weight: 650; }
.team-health-module-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.team-health-module-head > span:not(.team-health-count-badge) {
  color: var(--muted);
  font-size: var(--team-health-explanatory-font-size);
  font-variant-numeric: tabular-nums;
}
.team-health-task-list {
  display: grid;
  gap: var(--team-health-task-list-gap, 0);
  border: 0;
}
.team-health-task-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
  min-height: 50px;
  padding: 7px 6px;
  border: 0;
  border-radius: 6px;
  background: var(--team-health-task-bg, transparent);
  cursor: pointer;
}
.team-health-personal .team-health-task-list { --team-health-task-list-gap: 1px; margin-top: 13px; border: 0; }
.team-health-personal .team-health-due-group .team-health-task-list { margin-top: 0; }
.team-health-personal .team-health-focus > .team-health-task-list,
.team-health-personal .team-health-due-group > .team-health-task-list {
  padding-bottom: 4px;
  border-bottom: 1px solid var(--line);
}
.team-health-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: var(--muted);
}
.team-health-empty-state--full { min-height: 112px; }
.team-health-empty-state--compact {
  min-height: 96px;
  padding: 14px 18px;
}
.team-health-empty-state-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  color: var(--muted);
}
.team-health-empty-state-icon svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.team-health-empty-state-copy { min-width: 0; }
.team-health-empty-state-copy strong,
.team-health-empty-state-copy span { display: block; }
.team-health-empty-state-copy strong { color: var(--text); font-size: 13px; font-weight: 650; line-height: 1.35; }
.team-health-empty-state-copy span { margin-top: 3px; font-size: var(--team-health-explanatory-font-size); font-weight: 450; line-height: 1.4; }
.team-health-personal .team-health-focus > .team-health-empty-state {
  margin-top: 13px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--line);
}
.team-health-personal .team-health-upcoming > .team-health-empty-state {
  margin-top: 14px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--line);
}
.team-health-personal .team-health-task-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 12px;
  width: 100%;
  min-height: 54px;
  padding: 7px 8px;
  border: 0;
  border-radius: 6px;
  background: var(--team-health-personal-task-bg, transparent);
}
.team-health-context-card .team-health-task-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  min-height: 44px;
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
}
.team-health-context-card .team-health-task-item:hover { background: var(--sidebar-surface); }
.team-health-task-copy { display: grid; gap: var(--team-health-task-copy-gap, 0px); min-width: 0; }
.team-health-task-copy > small,
.team-health-task-trigger > small,
.team-health-personal .team-health-task-trigger > small {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 0;
  color: var(--muted);
  font-size: var(--team-health-explanatory-font-size);
  font-weight: 450;
  line-height: 1.4;
}
.team-health-context-card .team-health-task-copy { padding-left: 12px; }
.team-health-context-card .team-health-task-copy > small,
.team-health-context-card .team-health-task-trigger > small {
  font-size: var(--team-health-explanatory-font-size);
  line-height: 1.3;
}
.team-health-context-card .team-health-task-list { --team-health-task-list-gap: 1px; margin-top: 0; }
.team-health-task-tag { color: var(--muted); }
.team-health-task-tag[data-team-health-task-tag-tone="danger"] {
  color: var(--danger);
  font-weight: var(--team-health-danger-weight, 550);
}
.team-health-task-item > time {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: var(--team-health-explanatory-font-size);
  font-variant-numeric: tabular-nums;
}
.team-health-personal .team-health-task-item > time { text-align: right; white-space: nowrap; }
.team-health-context-action { color: var(--text); }
.team-health-personal .team-health-context-action {
  min-height: 32px;
  margin-top: 4px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  font-size: 11px;
  font-weight: 550;
  text-align: left;
  cursor: pointer;
}
.team-health-personal .team-health-context-action:hover,
.team-health-personal .team-health-context-action:focus-visible { text-decoration: underline; }
.team-health-context-card .team-health-task-item > time { font-size: var(--team-health-explanatory-font-size); white-space: nowrap; }
.team-health-upcoming { margin-top: 32px; padding: 0; border: 0; }
.team-health-personal > .team-health-upcoming > h2 { font-weight: 600; }
.team-health-personal .team-health-collaborating h2 { font-weight: 600; }
.team-health-due-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 24px;
  width: 100%;
  max-width: 100%;
  margin-top: 14px;
}
.team-health-due-group { min-width: 0; }
.team-health-due-group:only-child { grid-column: 1 / -1; }
.team-health-due-group h3 {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.team-health-team {
  display: block;
}
.team-health-team > h2 { grid-column: 1 / -1; margin-bottom: -6px; }
.team-health-team > section { grid-column: 1 / -1; }
.team-health-task-trigger {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: var(--team-health-task-trigger-min-height, 34px);
  overflow: visible;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font-family: var(--team-health-compact-control-font-family);
  font-size: var(--team-health-compact-control-font-size);
  font-weight: var(--team-health-compact-control-font-weight);
  line-height: var(--team-health-compact-control-line-height);
  text-align: left;
  cursor: pointer;
}
.team-health-task-title {
  display: block;
  min-width: 0;
  max-width: min(calc(100% - 32px), 42ch);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-health-context-card .team-health-task-trigger { overflow-wrap: anywhere; }
.team-health-team .team-health-task-trigger:hover,
.team-health-team .team-health-context-action:hover { background: transparent; color: var(--text); text-decoration: none; }
.team-health-personal .team-health-task-item:hover { --team-health-personal-task-bg: var(--sidebar-surface); }
.team-health-personal .team-health-task-trigger:hover { background: transparent; color: var(--text); text-decoration: none; }
.team-health-context-card .team-health-task-trigger:hover {
  background: transparent;
  color: var(--text);
  text-decoration: none;
}
.team-health-tab:focus-visible,
.team-health-task-trigger:focus-visible,
.team-health-personal .team-health-context-action:focus-visible,
.team-health-team .team-health-intervention-selector button:focus-visible,
.team-health-context-people-filters button:focus-visible,
.team-health-team .team-health-intervention-row:focus-visible,
.team-health-team .team-health-context-action:focus-visible,
.team-health-context-card > header button:focus-visible,
.team-health-context-card [data-team-health-context-more]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}
.team-health-team .team-health-intervention-row[data-ui-modal-focus-return="escape"]:focus-visible {
  outline: none;
  box-shadow: none;
}
.team-health-task-trigger[data-ui-modal-focus-return="escape"]:focus-visible {
  outline: none;
  box-shadow: none;
}
.team-health-context-action[data-ui-modal-focus-return="escape"]:focus-visible {
  outline: none;
  box-shadow: none;
}
.team-health-empty { color: var(--muted); font-weight: 450; text-align: center; }
.team-health-overview--team {
  grid-template-columns: minmax(0, 540px) minmax(250px, 260px);
  gap: 40px;
  margin: 0;
  padding: 27px 0 24px;
}
.team-health-intervention {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.team-health-intervention > header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 13px;
}
.team-health-upcoming-group > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.team-health-context-section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}
.team-health-intervention > header h2 { margin: 0; font-size: 19px; letter-spacing: -.01em; }
.team-health-intervention-selector { display: inline-flex; gap: 3px; padding: 0; border-radius: 0; background: transparent; }
.team-health-team .team-health-intervention-selector button {
  max-width: 100%;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
  font-family: var(--team-health-compact-control-font-family);
  font-size: var(--team-health-compact-control-font-size);
  font-weight: var(--team-health-compact-control-font-weight);
  line-height: var(--team-health-compact-control-line-height);
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}
.team-health-team .team-health-intervention-selector button[aria-pressed="true"] { border-color: var(--line); background: var(--panel); color: var(--text); }
.team-health-context-people-filters {
  flex: 0 0 auto;
  align-self: flex-start;
  width: 100%;
  margin-top: calc(var(--team-health-context-content-top-space) - var(--team-health-context-task-title-leading));
}
.team-health-intervention-group { display: grid; gap: 1px; }
.team-health-intervention-group[hidden] { display: none; }
.team-health-intervention-count-row { display: flex; justify-content: flex-end; margin-bottom: 4px; padding: 0 8px; }
.team-health-intervention-empty-row { display: flex; align-items: center; justify-content: space-between; min-height: 51px; padding: 7px 8px; color: var(--muted); font-size: var(--team-health-element-font-size); font-weight: 450; line-height: 1.4; }
.team-health-intervention-group[data-team-health-intervention-group="boards"] { padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.team-health-team .team-health-intervention-row {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  width: 100%;
  min-height: 51px;
  padding: 7px 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--text);
  font-size: var(--team-health-compact-control-font-size);
  font-weight: 650;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  text-decoration: none;
}
.team-health-team .team-health-intervention-row:hover { background: var(--sidebar-surface); color: var(--text); text-decoration: none; }
.team-health-intervention-board { min-width: 0; border: 0; }
.team-health-intervention-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--accent-soft); color: var(--accent); font-size: 11px; }
.team-health-intervention-row > span:nth-child(2) { display: grid; gap: 0; min-width: 0; }
.team-health-intervention-row > span:nth-child(2) strong { font-size: var(--team-health-compact-control-font-size); }
.team-health-intervention-row[data-context-kind="member"] > span:nth-child(2) strong { font-weight: 550; }
.team-health-intervention-row[data-context-kind="board"] > span:nth-child(2) strong { font-weight: 450; }
.team-health-intervention-row small { margin-top: 3px; }
.team-health-intervention-row small,
.team-health-intervention-ending:not(.team-health-count-badge) { color: var(--muted); font-size: var(--team-health-explanatory-font-size); font-weight: 450; white-space: nowrap; }
.team-health-intervention-group footer { margin: 8px 8px 0; padding: 0; border: 0; color: var(--muted); font-size: 9px; font-weight: 500; }
.team-health-context-people-list { display: grid; gap: 1px; padding-top: 20px; }
.team-health-context-people-list .team-health-intervention-row {
  width: 100%; border: 0; border-radius: 0; background: transparent; text-align: left; cursor: pointer;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 51px;
  padding: 7px 8px;
  color: var(--text);
  font-size: var(--team-health-element-font-size);
  font-weight: 650;
  line-height: 1.35;
}
.team-health-context-people-list .team-health-intervention-row[hidden] { display: none; }
.team-health-context-people-list .team-health-intervention-row > span:nth-child(2) { display: grid; gap: 0; min-width: 0; }
.team-health-context-people-list .team-health-intervention-row strong { font-size: var(--team-health-element-font-size); font-weight: 550; }
.team-health-context-people-list .team-health-intervention-row small { color: var(--muted); font-size: var(--team-health-explanatory-font-size); font-weight: 450; }
.team-health-context-people-group-heading,
.team-health-context-section > header h3 {
  color: var(--muted);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.team-health-context-people-group-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 10px 8px 0;
  padding: 13px 0 4px;
  border-top: 1px solid var(--line);
  line-height: 1.35;
}
.team-health-context-people-group-heading[data-member-group-first="true"] {
  margin-top: 2px;
  padding-top: 4px;
  border-top: 0;
}
.team-health-context-people-group-heading[hidden] { display: none; }
.team-health-team-upcoming > h2 { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -.01em; }
.team-health-team-upcoming-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px; margin-top: 17px; }
.team-health-upcoming-group { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.team-health-upcoming-group > header { margin-bottom: 5px; }
.team-health-upcoming-group > header h3 { margin: 0; color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.team-health-due-group h3,
.team-health-upcoming-group > header h3 { font-weight: 500; }
.team-health-upcoming-group > .team-health-task-list { padding-bottom: 4px; border-bottom: 1px solid var(--line); }
.team-health-upcoming-group .team-health-task-item:hover { --team-health-task-bg: var(--sidebar-surface); }
.team-health-upcoming-group .team-health-task-item > time { font-size: var(--team-health-explanatory-font-size); white-space: nowrap; }
.team-health-team .team-health-context-action { max-width: 100%; width: 100%; min-height: 32px; margin-top: 4px; padding: 4px 8px; border: 0; background: transparent; font-size: 11px; font-weight: 550; line-height: 1.35; text-align: left; cursor: pointer; }
.team-health-intervention-group > .team-health-context-action-divider { margin-top: 12px; border-top: 1px solid var(--line); }
.team-health-compliance-meta { margin: 8px 0 0; color: var(--muted); font-size: 11px; }
.team-health-context-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--team-health-context-summary-gap); margin: 0; padding: var(--team-health-context-summary-padding); padding-top: calc(var(--team-health-context-content-top-space) - var(--team-health-context-task-title-leading)); border-bottom: 1px solid var(--line); }
.team-health-context-summary > div { display: flex; flex-direction: column; align-items: var(--team-health-context-summary-align); padding: 0; border: 0; border-radius: 0; text-align: var(--team-health-context-summary-text-align); }
.team-health-context-summary dt { color: var(--muted); font-size: var(--team-health-context-summary-label-size); }
.team-health-context-summary dd { order: -1; margin: 0 0 3px; font-size: var(--team-health-context-summary-value-size); font-weight: 650; }
.team-health-context-summary + .team-health-context-section { padding-top: var(--team-health-context-content-top-space); }
.team-health-context-section + .team-health-context-section { margin-top: var(--team-health-context-section-gap); padding-top: var(--team-health-context-section-gap); border-top: 1px solid var(--line); }
.team-health-context-section > header h3 { margin: 0; }
.team-health-context-section > header span:not(.team-health-count-badge) { color: var(--muted); font-size: var(--team-health-explanatory-font-size); font-weight: 450; }
.team-health-count-badge {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin-left: 8px;
  padding: 2px 8px;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--line) 32%, transparent);
  color: var(--muted);
  font-size: var(--team-health-explanatory-font-size);
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.team-health-context-section .team-health-empty { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: 4px 20px; color: var(--muted); font-size: var(--team-health-element-font-size); font-weight: 450; line-height: 1.4; text-align: center; }
.team-health-context-card [data-team-health-context-more] { width: 100%; min-height: 35px; margin-top: 4px; padding: 5px 6px; border-top: 1px solid var(--line); border-radius: 0; background: transparent; font-size: 11px; font-weight: 550; text-align: left; }

/* C5 provenance compliance: 3a32d30a4c055fded63c9fc762410b29a30f9c9a */
.team-health-compliance {
  min-width: 0;
  margin: 0;
  padding: var(--team-health-compliance-padding, 16px);
  border: var(--team-health-compliance-border, 1px solid var(--line));
  border-radius: var(--team-health-compliance-radius, 8px);
  background: var(--panel);
}
.team-health-personal .team-health-compliance {
  --team-health-compliance-result-margin: 15px;
  --team-health-compliance-detail-size: 11px;
  --team-health-compliance-legend-size: 10px;
  padding: 18px;
}
.team-health-compliance-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
.team-health-compliance-header h2 { margin: 0; font-size: 18px; font-weight: 600; }
.team-health-compliance-result {
  min-width: 0;
  margin-top: var(--team-health-compliance-result-margin, 11px);
}
.team-health-compliance-result > p {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 600;
}
.team-health-compliance-result > strong:not(.team-health-compliance-forming) {
  font-size: 26px;
  line-height: 1;
  letter-spacing: -.025em;
}
.team-health-compliance-result > strong + span {
  margin-left: 4px;
  color: var(--muted);
  font-size: var(--team-health-compliance-detail-size, 10px);
}
.team-health-compliance-result > small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: var(--team-health-compliance-detail-size, 10px);
}
.team-health-compliance-forming {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.35;
}
.team-health-compliance figure { min-width: 0; margin: 14px 0 0; }
.team-health-period-legend {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
  max-width: 100%;
  box-sizing: border-box;
  color: var(--muted);
  font-size: var(--team-health-compliance-legend-size, 9px);
}
.team-health-period-legend > span { display: inline-flex; align-items: center; gap: 5px; }
.team-health-period-legend-mark {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--line);
}
.team-health-period-legend-mark--on-time { background: var(--team-health-compliance-on-time); }
.team-health-period-legend-mark--late { background: var(--team-health-compliance-late); }
.team-health-period-legend-mark--missing { border: 1px dashed var(--muted); background: transparent; }
.team-health-compliance-chart { min-width: 0; }
.team-health-periods {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
  height: 68px;
  margin-top: 8px;
}
.team-health-period {
  display: grid;
  grid-template-rows: 40px 10px 8px;
  align-content: end;
  align-items: end;
  gap: 5px;
  min-width: 0;
  text-align: center;
}
.team-health-period-bar {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 40px;
}
.team-health-period-bar svg { width: min(28px, 72%); height: 40px; overflow: visible; }
.team-health-period-segment { vector-effect: non-scaling-stroke; }
.team-health-period-segment--on-time { fill: var(--team-health-compliance-on-time); }
.team-health-period-segment--late { fill: var(--team-health-compliance-late); }
.team-health-period[data-state="no_data_prior"] {
  grid-template-rows: 22px minmax(20px, auto) 8px;
  gap: 3px;
}
.team-health-period[data-state="no_data_prior"] .team-health-period-bar {
  width: min(28px, 72%);
  height: 22px;
  margin: 0 auto;
  border: 0;
  border-radius: 4px 4px 0 0;
  background: transparent;
}
.team-health-period[data-state="no_data_prior"][data-team-health-compliance-placeholder="true"] .team-health-period-bar {
  border: 1px dashed var(--muted);
  background: transparent;
}
.team-health-period[data-state="no_evaluable"],
.team-health-period[data-state="degraded"] {
  grid-template-rows: 6px minmax(0, 44px) 8px;
  gap: 3px;
}
.team-health-period[data-state="no_evaluable"] .team-health-period-bar,
.team-health-period[data-state="degraded"] .team-health-period-bar {
  width: min(28px, 72%);
  height: 6px;
  margin: 0 auto;
  border-radius: 3px 3px 0 0;
  background: var(--line);
}
.team-health-period[data-state="degraded"] .team-health-period-bar {
  background: color-mix(in srgb, var(--danger) 28%, var(--panel));
}
.team-health-period-value {
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: 9px;
  line-height: 10px;
  font-variant-numeric: tabular-nums;
}
.team-health-period[data-state="no_evaluable"] .team-health-period-value,
.team-health-period[data-state="degraded"] .team-health-period-value {
  min-height: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 8px;
  line-height: 8px;
}
.team-health-period[data-state="degraded_empty"] {
  grid-template-rows: 22px 10px 8px;
  gap: 5px;
}
.team-health-period[data-state="degraded_empty"] .team-health-period-bar {
  width: min(28px, 72%);
  height: 22px;
  margin: 0 auto;
  border: 0;
  border-radius: 4px 4px 0 0;
  background: transparent;
}
.team-health-period[data-state="degraded_empty"][data-team-health-compliance-placeholder="true"] .team-health-period-bar {
  height: 22px;
  border: 1px dashed var(--muted);
  background: transparent;
}
.team-health-period-state { color: var(--muted); font-size: 8px; line-height: 10px; }
.team-health-period small {
  color: var(--muted);
  font-size: 8px;
  line-height: 8px;
  white-space: nowrap;
}
.team-health-state {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--panel);
}
.team-health-state h1,
.team-health-state h2 { margin: 0 0 7px; font-size: 18px; }
.team-health-state p { margin: 0; color: var(--muted); font-size: 13px; }

/* C5 provenance panel: d7ae1ab9673e33261ba1fa22821cae5f58f4b717 */
.team-health-context-overlay {
  --ui-modal-z: 300;
  --ui-modal-backdrop-padding: 24px;
  --ui-modal-backdrop-bg: color-mix(in srgb, var(--text) 24%, transparent);
}
.team-health-context-card {
  --workspace-modal-card-width: min(760px, 100%);
  --workspace-modal-card-max-width: none;
  --ui-modal-card-bg: var(--panel);
  --ui-modal-card-border: var(--line);
  --ui-modal-card-radius: var(--radius-lg);
  --ui-modal-card-shadow: var(--shadow-floating);
  --ui-modal-card-padding: 18px;
  --team-health-context-content-top-space: 24px;
  --team-health-context-task-title-leading: 6px;
  --team-health-context-header-min-height: 67px;
  --team-health-context-header-padding: 14px var(--ui-modal-card-padding);
  --team-health-context-title-size: 17px;
  --team-health-context-title-weight: 550;
  --team-health-context-summary-gap: 0;
  --team-health-context-summary-padding: 16px 0;
  --team-health-context-summary-align: center;
  --team-health-context-summary-text-align: center;
  --team-health-context-summary-label-size: 10px;
  --team-health-context-summary-value-size: 20px;
  --team-health-context-section-gap: 18px;
  max-height: min(760px, calc(100vh - 48px));
  overflow: auto;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-card {
  --workspace-modal-card-width: min(720px, calc(100vw - 48px));
}
[data-team-health-context][data-context-kind="board"] .team-health-context-card {
  --workspace-modal-card-width: min(640px, 100%);
}
[data-team-health-context][data-context-kind="member"] .team-health-context-card,
[data-team-health-context][data-context-kind="board"] .team-health-context-card {
  --ui-modal-card-padding: 20px;
  --team-health-context-header-min-height: 62px;
  --team-health-context-header-padding: 12px var(--ui-modal-card-padding);
  --team-health-context-title-size: 18px;
  --team-health-context-title-weight: 600;
  --team-health-context-summary-gap: 12px;
  --team-health-context-summary-padding: 14px 0;
  --team-health-context-summary-label-size: 11px;
  --team-health-context-summary-value-size: 22px;
  --team-health-context-section-gap: 16px;
}
[data-team-health-context][data-context-kind="members"] .team-health-context-card {
  --team-health-context-title-size: 18px;
  --team-health-context-title-weight: 600;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
[data-team-health-context][data-context-kind="members"] .team-health-context-people-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 8px;
  scrollbar-gutter: stable;
}
[data-team-health-context][data-context-kind="members"] [data-team-health-members-empty] {
  margin: 20px 0;
  text-align: left;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-context-card,
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-card {
  --workspace-modal-card-width: min(640px, 100%);
  --ui-modal-card-padding: 20px;
  --team-health-context-header-min-height: 62px;
  --team-health-context-header-padding: 12px var(--ui-modal-card-padding);
  --team-health-context-title-size: 18px;
  --team-health-context-title-weight: 600;
  display: flex;
  flex-direction: column;
  max-height: min(535px, calc(100vh - 48px));
  overflow: hidden;
}
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-card > header {
  justify-content: flex-start;
  min-height: 0;
  margin: 0;
  padding: 0 0 16px;
}
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-card > header::after { display: block; }
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-card > header button { margin-left: auto; }
[data-team-health-context][data-context-kind="personal-pending"] .team-health-context-body,
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-top: var(--team-health-context-content-top-space);
  padding-right: 12px;
  scrollbar-gutter: stable;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-context-body > .team-health-context-section:first-child {
  padding-top: 0;
}
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-body {
  padding-top: calc(var(--team-health-context-content-top-space) - var(--team-health-context-task-title-leading));
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-context-section,
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-section {
  padding: 14px 0 10px;
}
[data-team-health-context][data-context-kind="personal-due"] .team-health-context-section {
  padding-top: 0;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-context-section + .team-health-context-section {
  margin-top: 0;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-context-section > header {
  margin-bottom: 10px;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-task-item,
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-item {
  min-height: 43px;
  padding: 3px 8px;
}
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-item {
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 12px;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-task-trigger,
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-trigger {
  font-size: var(--team-health-element-font-size);
  font-weight: 600;
  line-height: 1.15;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-task-list,
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-list {
  --team-health-task-list-gap: 8px;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-task-copy,
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-copy {
  padding-left: 0;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-task-copy > small,
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-copy > small {
  font-size: var(--team-health-explanatory-font-size);
  line-height: 1.15;
}
[data-team-health-context][data-context-kind="personal-pending"] .team-health-task-item > time,
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-item > time {
  font-size: var(--team-health-explanatory-font-size);
}
[data-team-health-context][data-context-kind="personal-due"] .team-health-task-item > time {
  text-align: right;
  white-space: nowrap;
}
.team-health-context-card > header + .team-health-context-section {
  margin-top: calc(var(--team-health-context-content-top-space) - var(--team-health-context-task-title-leading));
}
.team-health-context-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  position: relative;
  min-height: var(--team-health-context-header-min-height);
  margin: calc(-1 * var(--ui-modal-card-padding)) calc(-1 * var(--ui-modal-card-padding)) 0;
  padding: var(--team-health-context-header-padding);
  border-bottom: 0;
  background: var(--panel);
}
.team-health-context-card > header::after {
  content: "";
  position: absolute;
  right: var(--ui-modal-card-padding);
  bottom: 0;
  left: var(--ui-modal-card-padding);
  height: 1px;
  background: var(--line);
  pointer-events: none;
}
.team-health-context-card > header h2 { display: flex; align-items: baseline; gap: 8px; min-width: 0; margin: 0; font-size: var(--team-health-context-title-size); font-weight: var(--team-health-context-title-weight); }
.team-health-context-card > header .team-health-context-back {
  display: inline; flex: 0 0 auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent;
  color: var(--muted); font-family: inherit; font-size: 14px; font-weight: 500; cursor: pointer;
}
.team-health-context-card > header .team-health-context-back:hover { color: var(--text); text-decoration: underline; }
.team-health-context-card > header .team-health-context-breadcrumb-separator { color: var(--muted); font-size: 16px; font-weight: 450; }
.team-health-context-card > header .team-health-context-title-current { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 23px; font-weight: 700; letter-spacing: -.025em; }
.team-health-context-card > header button {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--radius-sm);
}
[data-team-health-context][data-context-kind="member"] .team-health-context-card > header .team-health-context-back {
  font-size: 13px;
  font-weight: 450;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-card > header .team-health-context-breadcrumb-separator {
  font-size: 14px;
  font-weight: 400;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-card > header .team-health-context-title-current {
  font-size: 18px;
  font-weight: 650;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-summary dd {
  font-size: 20px;
  font-weight: 600;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-summary dt { font-size: 10px; }
[data-team-health-context][data-context-kind="member"] .team-health-context-card > header::after {
  right: 0;
  left: 0;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-summary {
  margin: 0 calc(-1 * var(--ui-modal-card-padding));
  padding-right: var(--ui-modal-card-padding);
  padding-left: var(--ui-modal-card-padding);
}
[data-team-health-context][data-context-kind="member"] .team-health-context-member-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  min-width: 0;
  margin: 0 calc(-1 * var(--ui-modal-card-padding)) calc(-1 * var(--ui-modal-card-padding));
}
[data-team-health-context][data-context-kind="member"] .team-health-context-member-tasks {
  min-width: 0;
  padding: 24px var(--ui-modal-card-padding) 20px;
}
[data-team-health-context][data-context-kind="member"] .team-health-context-member-performance {
  --team-health-compliance-padding: 0;
  --team-health-compliance-border: 0;
  --team-health-compliance-radius: 0;
  width: 280px;
  min-width: 280px;
  padding: 24px var(--ui-modal-card-padding) 20px;
  border-left: 1px solid var(--line);
}

@media (max-width: 720px) {
  .team-health-main { padding: 22px 0 40px; }
  .team-health-fragment { width: min(100% - 24px, 840px); }
  .team-health-tab { min-height: 44px; }
  .team-health-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
  .team-health-metrics--personal { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .team-health-metrics > div { min-height: 88px; padding: 22px 12px 18px; border: 0; transform: none; }
  .team-health-personal .team-health-metrics--personal > div { padding: 12px 0; border-top: 1px solid var(--line); border-left: 0; }
  .team-health-personal .team-health-metrics--personal > div:first-child { padding-top: 0; border-top: 0; }
  .team-health-overview { grid-template-columns: minmax(0, 1fr); }
  .team-health-overview--team { gap: 24px; padding: 22px 0 24px; }
  .team-health-personal .team-health-overview { grid-template-columns: minmax(0, 1fr); }
  .team-health-personal .team-health-overview--compliance-only { grid-template-columns: minmax(0, 1fr); }
  .team-health-due-groups { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .team-health-team { grid-template-columns: minmax(0, 1fr); }
  .team-health-team > section { grid-column: 1; }
  .team-health-team .team-health-intervention-selector button { min-height: 44px; }
  .team-health-context-people-filters button { min-height: 44px; }
  .team-health-team .team-health-compliance { max-width: 360px; }
  .team-health-compliance { padding: 14px 12px; }
  .team-health-personal .team-health-compliance { padding: 14px 12px; }
  [data-team-health-context][data-context-kind="member"] .team-health-context-member-performance .team-health-compliance { padding: 0; }
  .team-health-compliance-header { align-items: stretch; flex-direction: column; gap: 7px; }
  .team-health-period-legend { flex-wrap: wrap; }
  .team-health-context-overlay { --ui-modal-backdrop-padding: 10px; }
  [data-team-health-context][data-context-kind] .team-health-context-card { max-height: calc(100vh - 20px); --ui-modal-card-padding: 14px; }
  [data-team-health-context][data-context-kind="member"] .team-health-context-member-body { grid-template-columns: minmax(0, 1fr); }
  [data-team-health-context][data-context-kind="member"] .team-health-context-member-performance {
    width: auto;
    min-width: 0;
    border-top: 1px solid var(--line);
    border-left: 0;
  }
  .team-health-team-upcoming-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}
/* TEAM HEALTH V3: END */