@import url('./ticket-settings.css');
@import url('./item-list.css');
@import url('./repeated-items.css');
@import url('./setting-layouts.css');
@import url('./image-filter.css');

.ticket-transcript-page{display:flex;flex-direction:column;gap:28px;width:100%}.ticket-transcript-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.ticket-transcript-page-head h1{margin:0 0 10px;font-size:32px}.ticket-transcript-page-head p{margin:0;color:var(--muted);line-height:1.5}.ticket-transcript-page-head>.button{min-height:44px;padding-inline:18px}
.ticket-transcript-panel{display:flex;flex-direction:column;gap:20px;min-height:620px;padding:24px;border:1px solid var(--edge);border-radius:12px;background:var(--paper)}.ticket-transcript-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.ticket-transcript-panel-head h2{display:flex;align-items:center;gap:10px;margin:0 0 5px;font-size:17px}.ticket-transcript-panel-head h2>.icon{width:19px;height:19px;color:var(--accent-ink)}.ticket-transcript-panel-head p{margin:0;color:var(--muted);font-size:13px}.ticket-transcript-total{align-self:flex-start;padding:7px 11px;border:1px solid var(--accent-line);border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-ink);font-size:12px;white-space:nowrap}.ticket-transcript-tabs{display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}.ticket-transcript-tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-weight:650;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.ticket-transcript-tab>span{display:grid;place-items:center;min-width:23px;height:21px;padding:0 6px;border-radius:999px;background:var(--wash);font-size:11px}.ticket-transcript-tab:hover{background:var(--wash);color:var(--ink)}.ticket-transcript-tab.active{border-color:var(--accent-line);background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent-ink)}.ticket-transcript-tab.active>span{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-ink)}.ticket-transcript-filters{display:grid;grid-template-columns:minmax(320px,1fr) minmax(200px,260px);align-items:end;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
.ticket-transcript-search{position:relative;display:block}.ticket-transcript-search>.icon{position:absolute;z-index:1;top:50%;left:14px;width:17px;height:17px;color:var(--muted);transform:translateY(-50%);pointer-events:none}.ticket-transcript-search>input{padding-left:42px!important}.ticket-transcript-filter{display:grid;gap:7px}.ticket-transcript-filter>span{padding-left:2px;color:var(--muted);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.ticket-transcript-filters :is(input,select){width:100%;min-width:0;min-height:46px;padding-inline:14px}.ticket-transcript-results{display:flex;flex-direction:column;gap:14px;overflow:auto;min-height:220px}
.ticket-transcript-loading{display:grid;place-items:center;min-height:220px;color:var(--muted)}.ticket-transcript-card{position:relative;overflow:hidden;padding:22px 22px 20px;border:1px solid var(--edge);border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,var(--canvas)),var(--canvas) 42%);transition:background .16s ease,box-shadow .16s ease}.ticket-transcript-card:before{position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);content:""}.ticket-transcript-card.status-open:before{background:#3b82f6}.ticket-transcript-card.status-closed:before{background:#22c55e}.ticket-transcript-card.status-deleted:before,.ticket-transcript-card.status-deleting:before{background:#94a3b8}.ticket-transcript-card:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,var(--canvas)),color-mix(in srgb,var(--accent) 2%,var(--canvas)) 48%,var(--canvas));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 4px 14px #00000012}.ticket-transcript-card .ticket-transcript-number{transition:background .16s ease,color .16s ease}.ticket-transcript-card:hover .ticket-transcript-number{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-ink)}
.ticket-transcript-head{display:flex;align-items:center;gap:14px}.ticket-transcript-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}.ticket-transcript-avatar.fallback{display:grid;place-items:center;background:var(--wash);font-weight:700}
.ticket-transcript-title{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.ticket-transcript-title>div{display:flex;align-items:center;gap:9px;min-width:0}.ticket-transcript-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}.ticket-transcript-title>span{color:var(--muted);font-size:13px}.ticket-transcript-type{padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--muted);font-size:11px}.ticket-transcript-state{padding:6px 10px;border:1px solid transparent;border-radius:999px;background:var(--wash);color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.ticket-transcript-state.open{border-color:#1769ff35;background:#1769ff1f;color:#70a0ff}.ticket-transcript-state.closed{border-color:#22c55e35;background:#22c55e1f;color:#4ade80}.ticket-transcript-state.failed{border-color:#ef444435;background:#ef44441f;color:#fb7185}
.ticket-transcript-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:18px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--paper) 72%,transparent)}.ticket-transcript-facts>div{display:flex;align-items:flex-start;gap:10px;min-width:0}.ticket-transcript-facts>div>.icon{flex:none;width:17px;height:17px;margin-top:2px;color:var(--accent-ink);opacity:.8}.ticket-transcript-facts>div>span{min-width:0}.ticket-transcript-facts dt{color:var(--muted);font-size:11px}.ticket-transcript-facts dd{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.ticket-transcript-facts div:last-child{grid-column:span 2}
.ticket-transcript-actions{display:flex;justify-content:flex-end;margin-top:16px}.ticket-transcript-actions .button{display:inline-flex;min-height:42px}.ticket-transcript-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:2px}.ticket-transcript-pagination .button{min-height:42px}.ticket-transcript-count{margin-right:auto;color:var(--muted);font-size:13px}
.ticket-transcript-card.compact{display:grid;grid-template-columns:72px minmax(180px,1.15fr) minmax(130px,.75fr) minmax(150px,.9fr) minmax(150px,.9fr) minmax(105px,.58fr) auto;align-items:center;gap:16px;min-height:78px;padding:14px 16px 14px 20px;background:var(--canvas)}.ticket-transcript-card.compact:before{width:3px}.ticket-transcript-number{display:grid;place-items:center;min-height:38px;padding:7px 10px;border:1px solid var(--accent-line);border-radius:7px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent-ink);font-weight:750}.ticket-transcript-member{display:flex;align-items:center;gap:10px;min-width:0}.ticket-transcript-member .ticket-transcript-avatar{width:38px;height:38px;border:1px solid var(--line);border-radius:8px}.ticket-transcript-member>span{display:flex;min-width:0;flex-direction:column;gap:3px}.ticket-transcript-member strong,.ticket-transcript-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-transcript-member strong{font-size:14px}.ticket-transcript-member small{color:var(--muted);font-size:10px}.ticket-transcript-card.compact .ticket-transcript-type{display:inline-flex;align-items:center;justify-self:start;gap:7px;max-width:100%;padding:7px 9px}.ticket-transcript-card.compact .ticket-transcript-type>.icon{width:15px;height:15px;flex:none}.ticket-transcript-date{display:flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper)}.ticket-transcript-date>.icon{width:16px;height:16px;flex:none}.ticket-transcript-date>span{display:flex;min-width:0;flex-direction:column;gap:2px;color:var(--muted);font-size:10px}.ticket-transcript-date strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12px;font-weight:650}.ticket-transcript-date.created{border-color:#22c55e38;background:#22c55e0d}.ticket-transcript-date.created>.icon{color:#4ade80}.ticket-transcript-date.closed{border-color:#ef444438;background:#ef44440d}.ticket-transcript-date.closed>.icon{color:#fb7185}.ticket-transcript-date.ongoing{border-color:#3b82f638;background:#3b82f60d}.ticket-transcript-date.ongoing>.icon{color:#60a5fa}.ticket-transcript-messages{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 10px;border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-ink);font-size:12px;font-weight:700;white-space:nowrap}.ticket-transcript-messages>.icon{width:16px;height:16px}.ticket-transcript-card.compact .ticket-transcript-actions{margin:0}.ticket-transcript-card.compact .ticket-transcript-actions .button{min-height:40px;white-space:nowrap}
@media(max-width:1250px){.ticket-transcript-card.compact{grid-template-columns:64px minmax(170px,1fr) minmax(120px,.7fr) minmax(140px,.8fr) minmax(140px,.8fr) auto}.ticket-transcript-messages{grid-column:2}.ticket-transcript-card.compact .ticket-transcript-actions{grid-column:6;grid-row:1 / span 2}}
@media(max-width:760px){.ticket-transcript-page-head{align-items:flex-start;flex-direction:column}.ticket-transcript-page-head>.button{width:100%}.ticket-transcript-panel{padding:14px}.ticket-transcript-panel-head{align-items:flex-start}.ticket-transcript-tabs{overflow-x:auto}.ticket-transcript-tab{flex:none}.ticket-transcript-filters{grid-template-columns:1fr;padding:12px}.ticket-transcript-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.ticket-transcript-head{align-items:flex-start}.ticket-transcript-state{margin-left:auto}.ticket-transcript-pagination{flex-wrap:wrap}.ticket-transcript-count{flex-basis:100%;margin:0}}
@media(max-width:760px){.ticket-transcript-card.compact{grid-template-columns:58px minmax(0,1fr);gap:10px 12px;padding:14px 12px 14px 16px}.ticket-transcript-member{grid-column:2}.ticket-transcript-card.compact .ticket-transcript-type{grid-column:1 / -1}.ticket-transcript-date{grid-column:1 / -1}.ticket-transcript-messages{grid-column:1 / -1;justify-self:stretch}.ticket-transcript-card.compact .ticket-transcript-actions{grid-column:1 / -1;grid-row:auto}.ticket-transcript-card.compact .ticket-transcript-actions .button{width:100%;justify-content:center}}
.module-design-tools { display:flex; justify-content:flex-end; margin-bottom:16px; }
.design-import-file { display:grid; gap:10px; margin-block:24px 12px; }
.design-import-file input { max-width:100%; }
.design-transfer-feedback { overflow-wrap:anywhere; }
.stream-platform-actions { display:flex; flex-wrap:wrap; gap:12px; padding:0 24px 24px; }
.stream-platforms .settings-section>.notice { margin:0 24px 24px; }
.module-settings {
  width:100%;
  max-width:1360px;
  margin-inline:auto;
  container:module-settings / inline-size;
}
.module-settings .settings-layout { max-width:none; }
.boolean-setting { width:300px; min-width:min-content; max-width:100%; min-height:44px; padding:0; gap:10px; flex-wrap:wrap; border:0; border-radius:0; background:transparent; }
.boolean-setting .boolean-option { flex:1 1 110px; }
.boolean-setting .boolean-option>span { min-height:44px; gap:8px; padding:10px 8px; border:1px solid var(--edge); border-radius:7px; background:var(--paper); font-size:13px; font-weight:500; color:var(--muted); transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease; }
.boolean-setting .boolean-option>span::before { content:none; }
.boolean-setting .boolean-state-icon { width:17px; height:17px; flex-shrink:0; stroke-width:2; opacity:.45; }
.boolean-setting .boolean-option>input:checked+span>.boolean-state-icon { opacity:1; }
.boolean-setting .boolean-option>input:checked+span { background:var(--accent); border-color:var(--accent-line); color:var(--accent-on); font-weight:650; }
.boolean-setting .boolean-option>input[value=false]:checked+span { background:var(--ink); border-color:var(--ink); color:var(--paper); }
.boolean-setting .boolean-option:hover>input:not(:disabled):not(:checked)+span { border-color:var(--outline); }
.boolean-setting .boolean-option:active>input:not(:disabled)+span { transform:none; }
.boolean-setting .boolean-option>input:focus-visible+span { outline:2px solid var(--accent-ink); outline-offset:3px; }
.activation-control { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:12px; min-width:0; }
.activation-control { --activation-colour:#f6c85b; --activation-hover:#f7ce6b; --activation-ink:#000; --activation-border:#b99644; }
.activation-control[data-enabled=true] { --activation-colour:transparent; --activation-hover:var(--wash); --activation-ink:var(--ink); --activation-border:var(--edge); }
:root .activation-control[data-enabled]>.module-activation-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; min-width:112px; padding:10px 14px; border:1px solid var(--activation-border); border-radius:7px; background:var(--activation-colour); color:var(--activation-ink); box-shadow:none; font-size:13px; font-weight:600; }
.module-activation-button>.icon { width:18px; height:18px; flex-shrink:0; }
:root .activation-control[data-enabled]>.module-activation-button:hover:not(:disabled) { background:var(--activation-hover); }
.module-activation-button:focus-visible { outline:2px solid var(--accent-ink); outline-offset:3px; }
.module-activation-button:disabled { opacity:.55; cursor:not-allowed; }
.command-list .record-copy { flex:1; min-width:0; }
.command-list-title { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.command-list-title code,.command-trigger code { color:var(--ink); font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.command-list-summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.5; }
.command-list .command-list-meta { margin-top:6px; font-size:11px; }
.command-status { padding:2px 7px; border-radius:6px; background:var(--wash); }
.command-list .actions-inline { flex-shrink:0; }
.command-dialog { width:min(860px,calc(100vw - 32px)); }
.command-trigger { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:20px 0; }
.command-trigger-hint { display:block; margin-top:10px; line-height:1.5; }
.command-tabs { margin:0; }
.command-panel { padding-top:22px; min-height:270px; }
.command-panel-heading h3 { font-size:16px; margin:0 0 6px; }
.command-panel-heading p { color:var(--muted); line-height:1.5; max-width:70ch; margin:0 0 18px; }
.command-panel .field-row { padding:14px 0; }
.command-response>.field-row { grid-template-columns:minmax(0,1fr); gap:10px; }
.command-response textarea { min-height:180px; }
.command-response-tools { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:14px 0; }
.command-preview-disclosure { margin-top:20px; }
.command-preview-disclosure>summary { padding:12px 0; cursor:pointer; color:var(--muted); }
.command-panel .disclosure-summary { display:flex; align-items:center; gap:10px; list-style:none; cursor:pointer; }
.command-response-preview { margin-top:10px; }
.command-response-buttons { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.command-buttons>.actions-inline { margin-top:18px; }
.command-button>summary { display:flex; justify-content:space-between; gap:12px; }
.command-button-fields { padding:0 16px 16px; }
.command-button-fields>.command-response { border-top:1px solid var(--line); padding-top:20px; }
.command-field-note { color:var(--muted); line-height:1.5; margin:12px 0 20px; }
@media(max-width:720px) {
  .command-dialog .record-body { padding:0 18px 20px; }
  .command-panel .field-row { grid-template-columns:minmax(0,1fr); gap:10px; }
  .command-panel .field-row:has(.toggle) { grid-template-columns:minmax(0,1fr) auto; }
  .command-list .record-row { align-items:flex-start; flex-wrap:wrap; gap:12px; }
  .command-list .record-copy { flex-basis:100%; }
}
.module-settings-body { min-width:0; }
.module-page-header { margin-bottom:20px; }
.module-page-header h1 { font-size:32px; line-height:1.2; margin:0 0 18px; letter-spacing:-.9px; }
.module-page-header:has(.module-section-nav[hidden]) h1 { margin-bottom:0; }
.module-settings .module-section-nav { margin:0; }
.module-section-picker { display:none; }
.module-section-picker select { min-width:0; flex:1; min-height:44px; font-size:14px; }
.module-state-note { margin:0 0 20px; color:var(--muted); font-size:13px; line-height:1.6; }
:root[data-site-theme] .module-settings .settings-section {
  margin-bottom:24px;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:none;
}
:root[data-site-theme] .module-settings .settings-section>header {
  padding:18px 20px 14px;
  border-radius:12px 12px 0 0;
  background:transparent;
}
:root[data-site-theme] .module-settings .settings-section>header h2 { font-family:inherit; font-size:16px; font-weight:650; letter-spacing:0; }
.module-settings .settings-section>header p { max-width:75ch; line-height:1.5; }
.module-settings .settings-section>.settings-fields:empty { display:none; }
.module-settings .settings-section:has(>.settings-fields:empty)>header { border-bottom:0; padding-block:12px; }
.module-settings .settings-section-header { display:flex; align-items:center; flex-wrap:wrap; gap:16px 24px; }
.module-settings .settings-section-copy { min-width:0; flex:1 1 280px; }
.module-settings .settings-section-header>.section-enable {
  display:flex;
  flex:0 0 auto;
  width:auto;
  padding:0;
  border:0;
  margin-left:auto;
  max-width:100%;
  min-width:0;
}
.module-settings .section-enable>.field-copy { display:none; }
.module-settings .section-enable>.field-control { width:100%; }
@container module-settings (max-width:560px) {
  .module-settings .settings-section-header>.section-enable { flex-basis:100%; width:100%; margin-left:0; }
  .module-settings .section-enable .activation-control { justify-content:flex-end; }
}
.module-settings .field-row { padding:14px 18px; gap:16px; align-items:center; }
.module-settings .field-row.wide { grid-template-columns:minmax(0,1fr); align-items:start; gap:8px; }
.module-settings .field-copy { min-width:0; overflow-wrap:anywhere; }
.module-settings .field-label { min-height:26px; }
.module-settings .field-control { overflow-wrap:anywhere; }
.module-settings .settings-subsection { min-width:0; border-top:1px solid var(--line); padding-block:16px 4px; }
.module-settings .settings-subsection>h3 { margin:0; padding:0 18px 6px; font-size:14px; font-weight:650; line-height:1.5; }
.module-settings .settings-subsection .settings-subsection { margin:8px 18px 0; }
.opening-message-help { margin:8px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }
.opening-message-actions { padding:14px 18px; border-top:1px solid var(--line); }
.suggestion-channel-hint { margin:8px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }
.module-settings .ticket-close-reasons { grid-template-columns:minmax(0,1fr); }
.ticket-workflow-group { min-width:0; border-top:1px solid var(--line); padding:14px 18px; }
.ticket-workflow-group>h3 { margin:0 0 8px; font-size:14px; font-weight:650; }
.ticket-workflow-group>.settings-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:0 24px; }
.module-settings .ticket-workflow-group>.settings-fields>.field-row { grid-template-columns:minmax(0,1fr); padding:12px 0; gap:8px; border-bottom:0; }
.ticket-workflow-group>.settings-fields>.ticket-workflow-group { padding-inline:0; }
.module-settings .ticket-review-questions>.settings-fields>.field-row { grid-template-columns:minmax(0,1fr); grid-column:1 / -1; }
@container module-settings (min-width:880px) {
  .ticket-workflow-group { padding-inline:0; }
  .ticket-workflow-group>.settings-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ticket-workflow-group>.settings-fields>.wide { grid-column:1 / -1; }
}
:is(.module-settings,.record-dialog) :is(.field-group,.record-advanced)>.disclosure-summary { margin:8px 0; padding:14px 16px; border:1px solid var(--edge); border-radius:8px; background:var(--wash); color:var(--ink); font-weight:650; }
:is(.module-settings,.record-dialog) :is(.field-group,.record-advanced)>.disclosure-summary>.icon { flex-shrink:0; padding:2px; border:0; border-radius:0; background:transparent; color:var(--ink); width:22px; height:22px; stroke-width:2; }
:is(.module-settings,.record-dialog) :is(.field-group,.record-advanced)>.disclosure-summary:hover { border-color:var(--outline); background:var(--canvas); }
:is(.module-settings,.record-dialog) :is(.field-group,.record-advanced)>.disclosure-summary:focus-visible { outline:2px solid var(--accent-ink); outline-offset:2px; }
:is(.module-settings,.record-dialog) :is(.field-group,.record-advanced)>.disclosure-summary .disclosure-state { display:inline; flex-shrink:0; color:var(--ink); }
:is(.module-settings,.record-dialog) :is(.field-group,.record-advanced)[open]>.disclosure-summary { margin-bottom:0; }
.module-setup-notice { margin:0 0 24px; }
.setup-review-note { margin:14px 18px 0; color:var(--muted); font-size:13px; line-height:1.6; }
.issue-field-hint.is-review { color:var(--warning-ink)!important; }
.music-canvas-preview { margin:0; padding:18px; border-bottom:1px solid var(--line); }
.music-canvas-preview figcaption { display:flex; flex-direction:column; gap:4px; }
.music-canvas-preview figcaption strong { font-size:14px; }
.music-canvas-preview figcaption span { color:var(--muted); font-size:12px; line-height:1.5; }
.music-canvas-preview .actions-inline { margin:12px 0; }
.music-canvas-preview [aria-pressed=true] { border-color:var(--accent-ink); color:var(--accent-ink); }
.music-canvas-image { display:block; width:100%; height:auto; border-radius:8px; }
.music-canvas-image[hidden] { display:none; }
.music-preview-status { color:var(--muted); font-size:12px; line-height:1.5; margin:10px 0 0; }
.music-preview-status:empty { display:none; }
@container module-settings (min-width:700px) {
  .music-theme-body>.settings-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .module-settings .music-theme-body>.settings-fields>.field-row { grid-template-columns:minmax(0,1fr); align-content:start; gap:8px; }
}
.music-playback>.settings-fields .field-label { min-height:24px; }
.deezer-token-field .field-copy>.quiet-link { margin-top:8px; font-size:12px; }
.deezer-token-field .field-control>small { display:block; margin-top:8px; color:var(--muted); line-height:1.5; }
.module-settings .deezer-token-field { border-top:1px solid var(--line); align-items:start; }
.deezer-token-controls { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.deezer-token-controls>input,.deezer-token-saved { flex:1 1 240px; min-width:0; }
.deezer-token-controls>.button { flex-shrink:0; }
.deezer-token-saved { display:flex; align-items:flex-start; gap:10px; padding-block:4px; }
.deezer-token-saved>.icon { flex-shrink:0; color:var(--muted); margin-top:2px; }
.deezer-token-saved strong { display:block; font-size:13px; font-weight:650; }
.deezer-token-saved small { display:block; margin-top:4px; color:var(--muted); line-height:1.5; }
.module-settings .role-table td { padding:12px 18px; }
.module-settings .role-table td:first-child { width:32%; }
.server-stats .section-heading { flex-wrap:wrap; }
.server-stats .section-heading>.button { flex-shrink:0; }
.server-stats .section-heading .boolean-control { width:190px; max-width:100%; }
.server-stats .activity-access { margin:4px 18px 18px; }
.server-stats .activity-source { margin:0; padding:0 18px 16px; color:var(--muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
@media(max-width:720px) {
  .server-stats .activity-access { margin:4px 16px 16px; }
  .server-stats .activity-source { padding-inline:16px; }
}
.server-stats .record-row { padding:14px 18px; }
.server-stats header+.record-row { border-top:0; }
.server-stats .record-copy { flex:1; overflow-wrap:anywhere; }
.server-stats .record-row>.actions-inline { flex-shrink:0; flex-wrap:nowrap; }
.module-settings .record-row {
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
.module-settings .record-copy { overflow-wrap:anywhere; }
.module-settings .record-row { padding:16px 20px; }
.module-settings .record-copy strong { font-size:14px; font-weight:600; }
.module-settings .record-copy small { font-size:12px; line-height:1.6; color:var(--muted); }
.module-settings .collection-toolbar { padding:14px 20px; gap:12px; }
.module-settings .record-row>.actions-inline {
  align-self:flex-start;
  flex-wrap:wrap;
  gap:8px;
}
@container module-settings (min-width:880px) {
  .module-settings .settings-subsection>.group-body>.settings-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; padding-inline:18px; }
  .module-settings .settings-subsection>.group-body>.settings-fields>.field-row { grid-template-columns:minmax(0,1fr); align-content:start; gap:8px; padding:12px 0; border-bottom:0; }
  .module-settings .settings-subsection>.group-body>.settings-fields>:not(.field-row),
  .module-settings .settings-subsection>.group-body>.settings-fields>.wide { grid-column:1 / -1; }
  .module-settings .settings-section>.settings-fields>.settings-subsection>h3 { padding-inline:0; }
  .module-settings .settings-section>.settings-fields>.settings-subsection>.group-body>.settings-fields { padding-inline:0; }
  .module-settings .music-playback>.deezer-token-field { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .settings-section>.settings-fields {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:4px 18px 16px;
    column-gap:24px;
  }
  .module-settings .settings-section>.settings-fields>.field-row {
    grid-template-columns:minmax(0,1fr);
    align-content:start;
    gap:8px;
    padding:12px 0;
    border-bottom:0;
  }
  .settings-section>.settings-fields>:not(.field-row),
  .settings-section>.settings-fields>.field-row.wide { grid-column:1 / -1; }
  .settings-section>.settings-fields>.field-row[data-setting-path='["Invites","Enabled"]'],
  .settings-section>.settings-fields>.field-row[data-setting-path='["Invites","TrackLeaves"]'] { grid-column:1 / -1; }
}
@container module-settings (min-width:640px) {
  .module-settings .record-row { flex-direction:row; align-items:center; gap:24px; }
  .module-settings .record-copy { flex:1; }
  .module-settings .record-row>.actions-inline { align-self:center; flex-shrink:0; }
}
@container module-settings (max-width:720px) {
  .module-settings .module-section-nav { display:none; }
  .module-section-picker:not([hidden]) { display:flex; align-items:center; gap:14px; font-size:13px; color:var(--muted); }
  .module-settings .field-row { grid-template-columns:minmax(0,1fr); padding:14px 16px; gap:8px; }
}
@media(max-width:720px) {
  .module-page-header { margin-bottom:16px; }
  .module-page-header h1 { font-size:26px; margin-bottom:10px; }
  .module-settings .module-section-nav { gap:16px; }
  :root[data-site-theme] .module-settings .settings-section>header { padding:13px 16px; }
  .module-settings .field-row { grid-template-columns:minmax(0,1fr); padding:14px 16px; gap:8px; }
  .module-settings .role-table td { padding:12px 10px; }
  .server-stats .record-row { padding:14px 16px; }
}
.anti-hoist-actions { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.anti-hoist-actions > .btn { flex-shrink: 0; }
.anti-hoist-actions > div { flex: 1; min-width: min(280px, 100%); }
.anti-hoist-actions p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.anti-hoist-actions .anti-hoist-status { margin-top: 6px; color: var(--ink); }
.page:has(> .appeals-page),:root[data-site-theme] .page:has(> .appeals-page) { max-width:1680px; width:100%; }
.appeals-page { --appeal-padding:20px; container:appeals-page / inline-size; }
.appeal-page-heading { flex-wrap:wrap; gap:20px; }
:root[data-site-theme] .appeal-page-heading h1 { font-family:inherit; font-size:28px; font-weight:650; letter-spacing:-.7px; }
.appeal-page-heading .actions-inline { flex-wrap:wrap; gap:4px; }
.appeals-page .appeal-page-heading .actions-inline .appeal-page-link { border:0; background:transparent; box-shadow:none; color:var(--muted); padding:8px 10px; font-size:12px; }
.appeals-page .appeal-page-heading .actions-inline .appeal-page-link:hover { color:var(--ink); background:var(--wash); }
.appeal-inbox { min-width:0; border:1px solid var(--line); border-radius:10px; background:var(--paper); overflow:hidden; }
.appeal-workspace { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:620px; }
.appeal-queue { min-width:0; border-inline-end:1px solid var(--line); background:var(--canvas); }
.appeal-inbox-header { padding:22px var(--appeal-padding) 20px; border-bottom:1px solid var(--line); }
.appeal-inbox-header h2 { font-family:inherit; font-size:14px; font-weight:600; margin:0 0 14px; letter-spacing:0; }
.appeal-queue-filters { display:flex; align-items:center; gap:8px; min-width:0; }
.appeal-queue-filters select { min-width:0; flex:1; width:100%; background:var(--paper); font-size:12px; height:36px; padding:6px 10px; }
.appeal-queue-filters .button { flex:none; width:36px; min-height:36px; padding:8px; }
.appeal-queue-filters .icon { width:16px; height:16px; }
.appeal-queue-list { max-height:max(420px,calc(100dvh - 330px)); overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--edge) transparent; }
.appeal-queue-item { display:block; width:100%; border:0; border-bottom:1px solid var(--line); border-inline-start:3px solid transparent; border-radius:0; padding:20px var(--appeal-padding) 20px calc(var(--appeal-padding) - 3px); background:transparent; color:var(--ink); font:inherit; text-align:start; cursor:pointer; }
.appeal-queue-item:hover { background:var(--wash); }
.appeal-queue-item[aria-pressed="true"] { background:var(--paper); border-inline-start-color:var(--accent-line); }
.appeal-queue-item:focus-visible { outline:2px solid var(--accent-ink); outline-offset:-3px; }
.appeal-queue-case,.appeal-queue-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.appeal-queue-case strong { font-size:14px; font-weight:650; }
.appeal-queue-case>span,.appeal-queue-user,.appeal-queue-meta time { color:var(--muted); font-size:11px; }
.appeal-queue-user { display:block; margin-top:6px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.appeal-person-id { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:400; overflow-wrap:anywhere; }
.appeal-queue-excerpt { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:13px; line-height:1.7; margin:13px 0; }
.appeal-queue-meta { flex-wrap:wrap; }
.appeal-queue .item-list-empty { padding:26px var(--appeal-padding); font-size:13px; line-height:1.7; color:var(--muted); }
.appeal-pagination { padding:16px var(--appeal-padding); }
.appeal-pagination:empty { display:none; }
.appeal-status { font-size:12px; font-weight:600; color:var(--muted); }
.appeal-status.approved { color:var(--violet); }
.appeal-status.rejected { color:var(--red); }
.appeal-status.needs_info { color:var(--warning-ink); }
.appeal-status.approving { color:var(--accent-ink); }
.appeal-detail { display:flex; flex-direction:column; min-width:0; min-height:0; scroll-margin-top:24px; }
.appeal-review-body { width:100%; flex:1; display:flex; flex-direction:column; min-height:0; }
.appeal-review-body p { white-space:pre-wrap; overflow-wrap:anywhere; }
.appeal-review-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:20px 28px; border-bottom:1px solid var(--line); }
.appeal-review-heading h2 { margin:0; font-family:inherit; font-size:18px; font-weight:650; letter-spacing:-.3px; }
.appeal-review-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; flex:1; min-height:0; }
.appeal-main { padding:24px 28px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--edge) transparent; }
.appeal-sidebar { padding:20px 24px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--edge) transparent; border-left:1px solid var(--line); background:var(--canvas); }
.appeal-overview { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.appeal-info-card { display:flex; flex-direction:column; gap:3px; }
.appeal-info-label { font-size:12px; color:var(--muted); }
.appeal-info-value { font-size:13px; font-weight:600; color:var(--ink); line-height:1.5; overflow-wrap:anywhere; }
.appeal-info-value .appeal-duration { display:block; margin-top:2px; font-size:11px; font-weight:400; color:var(--muted); }
.appeal-state-notice { margin:16px 0 0; color:var(--warning-ink); font-size:12px; }
.appeal-reason-block { margin-top:20px; padding-top:20px; border-top:1px solid var(--line); }
.appeal-reason-block h4 { margin:0 0 6px; font-size:12px; color:var(--muted); font-weight:600; }
.appeal-reason-block p { margin:0; font-size:13px; line-height:1.7; }
.appeal-conversation { padding:0; list-style:none; margin:0; }
.appeal-conversation>li { padding:20px 0; }
.appeal-conversation>li:first-child { padding-top:0; }
.appeal-conversation>li+li { border-top:1px solid var(--line); }
.appeal-conversation>.staff-reply { padding-left:14px; border-left:2px solid var(--accent-line); }
.appeal-conversation header { display:flex; align-items:center; flex-wrap:wrap; gap:4px 10px; font-size:13px; }
.appeal-conversation header strong { font-weight:600; overflow-wrap:anywhere; }
.appeal-conversation time { color:var(--muted); font-size:11px; }
.appeal-conversation p { margin:8px 0 0; max-width:72ch; font-size:14px; line-height:1.85; }
.appeal-staff-label { color:var(--accent-ink); font-size:11px; font-weight:500; }
.appeal-response { border-top:1px solid var(--line); margin-top:20px; padding-top:20px; }
.appeal-response:not(:has(button,textarea,.notice,>.muted)),.appeal-response .field-error:empty { display:none; }
.appeal-composer-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.appeal-composer-heading label { font-size:13px; font-weight:600; }
.appeal-answer textarea { display:block; width:100%; min-height:110px; background:var(--paper); font-size:14px; font-weight:400; line-height:1.8; padding:12px; border-radius:6px; }
.appeal-answer textarea::placeholder { color:var(--muted); font-size:13px; }
.appeal-template-picker { width:auto; max-width:100%; font-size:12px; background:var(--paper); min-height:34px; padding:6px 10px; }
.appeal-template-tools { min-width:0; }
.appeal-template-editor>p { margin:0 0 22px; line-height:1.7; }
.appeal-template-toolbar { display:flex; gap:10px; align-items:center; margin-bottom:22px; }
.appeal-template-toolbar select { flex:1; min-width:0; }.appeal-template-toolbar .button { flex-shrink:0; }
.appeal-template-fields label { display:block; font-size:13px; font-weight:600; margin-bottom:20px; }
.appeal-template-fields input,.appeal-template-fields textarea { display:block; width:100%; margin-top:8px; font:inherit; font-weight:400; line-height:1.7; }
.appeal-template-fields>.button { color:var(--red); }
.appeal-history { margin-top:20px; padding-top:20px; border-top:1px solid var(--line); font-size:12px; }
.appeal-history summary { width:fit-content; cursor:pointer; color:var(--muted); font-weight:600; }
.appeal-history summary:hover { color:var(--ink); }
.appeal-history ol { padding:16px 0 0; list-style:none; }
.appeal-history li+li { margin-top:14px; padding-top:14px; border-top:1px solid var(--line); }
.appeal-history-item { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.appeal-history p { margin-top:8px; color:var(--muted); line-height:1.8; max-width:74ch; }
.appeal-history .appeal-person-id { display:inline; margin:0 0 0 6px; }
.appeal-response [hidden] { display:none!important; }
.appeal-response .muted { font-size:13px; line-height:1.7; max-width:74ch; }
.appeal-response>.muted { margin-top:10px; font-size:13px; }
.appeal-decision-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; margin-top:16px; }
.appeals-page .appeal-decision-actions .appeal-request-info { margin-inline-end:auto; }
.appeal-decision-actions .button { font-size:12px; padding-inline:12px; }
.appeal-review-empty { align-self:center; margin:auto; width:min(100%,400px); padding:48px 28px; text-align:center; }
.appeal-review-empty h2 { font-family:inherit; font-size:18px; font-weight:600; margin:0 0 12px; }
.appeal-review-empty p { color:var(--muted); font-size:14px; line-height:1.7; }
@container appeals-page (max-width:1100px) {
  .appeal-workspace { grid-template-columns:240px minmax(0,1fr); }
  .appeal-review-layout { grid-template-columns:minmax(0,1fr); }
  .appeal-main,.appeal-sidebar { overflow-y:visible; }
  .appeal-sidebar { border-left:0; border-top:1px solid var(--line); background:transparent; padding:20px 28px; }
  .appeal-overview { grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:14px 24px; }
}
@container appeals-page (max-width:680px) {
  .appeal-workspace { grid-template-columns:minmax(0,1fr); min-height:400px; }
  .appeal-queue { border-inline-end:0; border-bottom:1px solid var(--line); }
  .appeal-queue-list { max-height:220px; }
  .appeal-queue-item { padding-block:16px; }
  .appeal-queue-excerpt { -webkit-line-clamp:1; margin-block:8px; }
  .appeal-inbox-header { padding:18px 20px; display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
  .appeal-inbox-header h2 { margin:0; }.appeal-queue-filters { flex:1; min-width:190px; }
  .appeal-review-heading,.appeal-main { padding:20px; }
  .appeal-sidebar { padding:20px; }
  .appeal-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; }
  .appeal-conversation time { flex-basis:100%; }
  .appeal-decision-actions { justify-content:flex-start; }
  .appeal-decision-actions .button { white-space:normal; flex:1; }
  .appeals-page .appeal-decision-actions .appeal-request-info { flex-basis:100%; }
}
.honeypot-warning-actions { align-items:center; gap:16px; flex-wrap:wrap; }
.honeypot-warning-actions>p { flex:1 1 320px; min-width:0; margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.honeypot-warning-actions>.button { flex:0 0 auto; max-width:100%; min-height:44px; font-size:13px; white-space:normal; }
.module-settings .settings-subsection-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:0 18px 6px; }
.module-settings .settings-subsection-heading h3 { margin:0; font-size:14px; font-weight:650; line-height:1.5; }
.module-settings .settings-subsection-heading .subsection-enable { display:block; padding:0; border:0; margin:0; width:min(100%,300px); }
.settings-subsection-heading .subsection-enable .field-control { width:100%; }
@media(min-width:1000px) {
  .module-settings .settings-section>.settings-fields>.settings-subsection>.settings-subsection-heading { padding-inline:0; }
}
.module-command-link { display:inline-flex; align-items:center; gap:8px; font-size:13px; margin-bottom:18px; color:var(--accent-ink); }
.inline-array-items { display:grid; gap:8px; min-width:0; }
.inline-array-actions, .inline-array-paging { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.inline-array-actions { justify-content:space-between; }
.ticket-order-note { margin:0; padding:0 24px 16px; color:var(--muted); font-size:12px; line-height:1.6; }
@media(max-width:720px) { .ticket-order-note { padding-inline:16px; } }
.inline-array-count { color:var(--muted); font-size:12px; white-space:nowrap; }

.ticket-record-dialog { width:min(1080px,calc(100vw - 40px)); height:min(820px,calc(100dvh - 40px)); }
.ticket-record-dialog>.dialog-content { overflow:hidden; }
.ticket-record-content { display:flex; flex-direction:column; height:100%; min-height:0; }
.ticket-record-content>.validation-errors { flex-shrink:0; max-height:32%; overflow:auto; }
.ticket-record-dialog .record-body { display:flex; flex:1; min-height:0; padding:0; }
.ticket-record-layout { display:grid; grid-template-columns:190px minmax(0,1fr); width:100%; min-height:0; }
.ticket-record-navigation { padding:18px 12px; border-right:1px solid var(--line); background:var(--wash); overflow:auto; }
.ticket-record-tabs { display:flex; flex-direction:column; gap:5px; }
.ticket-record-tabs>[role=tab] { min-height:44px; padding:12px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--muted); text-align:left; font-size:13px; font-weight:600; }
.ticket-record-tabs>[role=tab]:hover { color:var(--ink); background:var(--paper); }
.ticket-record-tabs>[aria-selected=true] { background:var(--paper); border-color:var(--edge); color:var(--ink); box-shadow:inset 3px 0 var(--accent); }
.ticket-record-tabs>[role=tab]:focus-visible,.ticket-record-picker select:focus-visible { outline:2px solid var(--accent-ink); outline-offset:2px; }
.ticket-record-picker { display:none; }
.ticket-record-panels { min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; padding:24px 28px; }
.ticket-record-dialog .ticket-record-section { padding:0; border:0; min-width:0; }
.ticket-record-section[hidden] { display:none; }
.ticket-record-section-heading { margin-bottom:20px; }
.ticket-record-section-heading h3 { margin:0 0 8px; font-size:19px; }
.ticket-record-section-heading p { margin:0; font-size:13px; line-height:1.6; max-width:70ch; }
.ticket-record-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; }
.ticket-record-field-grid>.field-row { grid-template-columns:minmax(0,1fr); align-content:start; gap:8px; padding:4px 0; border:0; }
.ticket-record-field-grid>.field-row[data-setting="entry.Enabled"] { grid-column:1 / -1; grid-template-columns:minmax(0,1fr) minmax(220px,300px); align-items:center; }
.ticket-record-field-grid>.ticket-record-field-group { grid-column:1 / -1; }
.ticket-record-field-group { min-width:0; padding-top:14px; border-top:1px solid var(--line); }
.ticket-record-field-group h4 { margin:0 0 10px; font-size:14px; font-weight:650; }
.ticket-panel-option-help { margin:0 0 16px; color:var(--muted); font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.ticket-panel-option-fields>.field-row:is([data-setting$='.Style'],[data-setting$='.Description']) { grid-column:1 / -1; }
.ticket-record-dialog .record-name { padding:0 0 20px; }
.ticket-record-dialog .record-name>small { display:block; margin-top:8px; color:var(--muted); line-height:1.5; }
.ticket-record-dialog .ticket-record-section>.field-group>.disclosure-summary { margin-inline:0; padding:14px; }
.ticket-record-dialog .ticket-record-section>.field-group>.group-body { padding-inline:4px; }
.ticket-panel-types { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); font-size:13px; }
.ticket-panel-types h4 { margin:0 0 10px; font-size:14px; }
.ticket-panel-types p,.ticket-panel-types li { line-height:1.6; overflow-wrap:anywhere; }
.ticket-panel-types ul { margin:0; padding-left:20px; }
@media(max-width:720px) {
  .ticket-record-dialog { width:calc(100vw - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); }
  .ticket-record-dialog>.dialog-head,.ticket-record-dialog>.dialog-actions { padding:14px 16px; }
  .ticket-record-dialog>.dialog-head h2 { font-size:17px; margin:0; }
  .ticket-record-dialog>.dialog-actions { flex-wrap:wrap; gap:10px; }
  .ticket-record-dialog .record-save-note { max-width:none; flex-basis:100%; }
  .ticket-record-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); }
  .ticket-record-navigation { padding:10px 16px; border-right:0; border-bottom:1px solid var(--line); overflow:visible; }
  .ticket-record-tabs { display:none; }
  .ticket-record-picker { display:flex; align-items:center; gap:12px; font-size:13px; color:var(--muted); }
  .ticket-record-picker select { flex:1; min-width:0; min-height:44px; font-size:16px; }
  .ticket-record-panels { padding:20px 16px; }
  .ticket-record-section>.field-row { grid-template-columns:minmax(0,1fr); gap:8px; }
  .ticket-record-field-grid { grid-template-columns:minmax(0,1fr); gap:8px; }
  .ticket-record-field-grid>.field-row[data-setting="entry.Enabled"] { grid-template-columns:minmax(0,1fr); }
}