/* Keep the knowledge library frame stable while its tabs change content. */
.cs-knowledge-settings-panel.cs-knowledge-library-panel {
  height: min(800px, calc(100dvh - 36px));
  min-height: 0;
}

.cs-knowledge-library-panel > .cs-knowledge-layout {
  grid-template-rows: minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.cs-knowledge-library-panel .cs-knowledge-content {
  min-height: 0;
  scrollbar-gutter: stable;
}

/* Publishing status is a full-width row, not a third library column. */
.cs-knowledge-library-panel .cs-issue-library-board > .cs-knowledge-publishing,
.cs-knowledge-library-panel .cs-issue-library-board > .cs-knowledge-empty {
  grid-column: 1 / -1;
}

.cs-knowledge-library-panel .cs-issue-library-card {
  min-width: 0;
}

.cs-knowledge-library-panel .cs-issue-standard-list {
  max-height: min(420px, 45dvh);
  overflow: auto;
  scrollbar-gutter: stable;
}

/* Use the dashboard palette and separate sections without nested cards. */
.cs-knowledge-library-panel .cs-knowledge-content {
  border: 0;
  border-radius: 0;
  padding: 4px 8px 12px;
}

.cs-knowledge-library-panel .cs-knowledge-subtabs {
  gap: 16px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--color-border, #e2e8f0);
  border-radius: 0;
  background: transparent;
}

.cs-knowledge-library-panel .cs-knowledge-subtabs button {
  min-height: 40px;
  padding: 0 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: var(--color-text-muted, #64748b);
  background: transparent;
  box-shadow: none;
}

.cs-knowledge-library-panel .cs-knowledge-subtabs button[aria-selected="true"] {
  border-bottom-color: var(--horizon-primary, #7551ff);
  color: var(--horizon-primary, #7551ff);
}

.cs-knowledge-library-panel .cs-issue-library-board {
  column-gap: 28px;
  row-gap: 20px;
}

.cs-knowledge-library-panel :is(.cs-issue-library-card, .cs-issue-standard-editor, .cs-issue-md-paste, .cs-knowledge-manual-entry-link) {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.cs-knowledge-library-panel .cs-knowledge-publishing {
  padding: 0;
  border: 0;
  color: var(--color-text-muted, #64748b);
}

.cs-knowledge-library-panel .cs-issue-library-card {
  gap: 18px;
}

.cs-knowledge-library-panel :is(.cs-issue-library-card > header strong, .cs-issue-standard-row > button:first-child) {
  color: var(--color-text, #1e293b);
}

.cs-knowledge-library-panel .cs-issue-library-card > header small {
  padding: 3px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-text-muted, #64748b);
}

.cs-knowledge-library-panel :is(.cs-issue-md-paste textarea, .cs-issue-markdown-editor textarea) {
  background: var(--color-surface, #ffffff);
  color: var(--color-text, #1e293b);
  border-color: var(--color-border, #e2e8f0);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.cs-knowledge-library-panel :is(.cs-issue-md-paste div span, .cs-knowledge-manual-entry-link span) {
  color: var(--color-text-muted, #64748b);
}

.cs-knowledge-library-panel .cs-knowledge-manual-entry-link {
  align-items: flex-start;
  flex-direction: column;
}

.cs-knowledge-library-panel .cs-knowledge-manual-entry-link .button-secondary {
  color: var(--horizon-primary, #7551ff);
  border: 0;
  background: var(--color-surface-muted, #f8fafc);
}

.cs-knowledge-library-panel .cs-issue-md-paste .button-primary span {
  color: inherit;
}

.cs-knowledge-library-panel .cs-knowledge-empty,
.cs-knowledge-library-panel .cs-knowledge-empty.compact {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 12px 0;
  color: var(--color-text-muted, #64748b);
  text-align: left;
}

/* Each column already explains its empty state. */
.cs-knowledge-library-panel .cs-issue-library-board > .cs-knowledge-empty {
  display: none;
}

.cs-knowledge-library-panel :is(.cs-issue-standard-row, .cs-issue-sediment-preview span) {
  border: 0;
  border-bottom: 1px solid var(--color-border, #e2e8f0);
  border-radius: 0;
  background: transparent;
  color: var(--color-text, #1e293b);
  padding: 10px 0;
}

@media (min-width: 921px) {
  .cs-knowledge-library-panel .cs-issue-library-card + .cs-issue-library-card {
    border-left: 1px solid var(--color-border, #e2e8f0);
    padding-left: 24px;
  }
}

@media (max-width: 720px) {
  .cs-knowledge-settings-panel.cs-knowledge-library-panel {
    height: calc(100dvh - 16px);
    max-width: calc(100vw - 16px);
  }

  .cs-knowledge-library-panel > .cs-knowledge-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    gap: 8px;
  }

  .cs-knowledge-library-panel .cs-knowledge-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cs-knowledge-library-panel .cs-knowledge-tabs button {
    gap: 6px;
    justify-content: center;
    padding: 0 4px;
  }
}

/* Keep the issue workspace focused on content and actions. */
.cs-knowledge-library-panel .cs-issue-library-board {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  column-gap: 36px;
  padding-top: 20px;
}

.cs-knowledge-library-panel .cs-issue-library-board > .cs-knowledge-publishing:empty {
  display: none;
}

.cs-knowledge-library-panel .cs-issue-library-card > header {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 24px;
}

.cs-knowledge-library-panel .cs-issue-library-card > header small {
  font-size: 12px;
  font-weight: 500;
}

.cs-knowledge-library-panel .cs-issue-md-paste textarea {
  min-height: 200px;
  font-weight: 400;
  padding: 14px;
}

.cs-knowledge-library-panel .cs-knowledge-manual-entry-link .button-secondary {
  background: transparent;
  padding: 0;
  min-height: 32px;
}

@media (max-width: 920px) {
  .cs-knowledge-library-panel .cs-issue-library-board {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
  }
}

.cs-learning { --learning-accent:var(--horizon-primary,#7551ff); --learning-muted:var(--color-text-muted,#64748b); --learning-line:var(--color-border,#e2e8f0); color:var(--color-text,#1e293b); min-width:0; padding:10px 18px 28px; }
.cs-learning :is(h3,h4,h5,h6,p) { margin:0; }
.cs-learning h3 { font-size:19px; letter-spacing:-.3px; }
.cs-learning h4 { font-size:23px; line-height:1.4; letter-spacing:-.5px; overflow-wrap:anywhere; }
.cs-learning h5 { font-size:13px; display:flex; align-items:center; gap:7px; font-weight:600; line-height:1.5; }
.cs-learning h6 { font-size:12px; line-height:1.6; font-weight:500; color:var(--learning-muted); }
.cs-learning button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; border:1px solid var(--learning-line); background:var(--color-surface,#fff); color:inherit; border-radius:8px; padding:6px 11px; cursor:pointer; font:inherit; font-size:13px; transition:background .15s,color .15s,border-color .15s; }
.cs-learning button:hover { background:#f3f0ff; border-color:#d5cafa; color:#6040ce; }
.cs-learning button:disabled { opacity:.5; cursor:default; }
.cs-learning :is(button,input,select,textarea,summary,[role="tabpanel"]):focus-visible { outline:2px solid var(--learning-accent); outline-offset:3px; }
.cs-learning button.primary { background:var(--learning-accent); border-color:var(--learning-accent); color:#fff; }
.cs-learning button.primary:hover { background:#6544e5; border-color:#6544e5; color:#fff; }
.cs-learning .cs-learning-icon { width:34px; padding:6px; flex-shrink:0; }
.cs-learning-heading,.cs-learning-title,.cs-learning-actions,.cs-learning-filters,.cs-learning-job,.cs-learning-section-heading { display:flex; gap:10px; align-items:center; }
.cs-learning-heading { justify-content:space-between; margin-bottom:20px; }
.cs-learning small { color:var(--learning-muted); font-size:12px; line-height:1.6; }
.cs-learning .cs-learning-back { border:0; padding:6px; background:transparent; color:var(--learning-muted); margin-left:-6px; }
.cs-learning .cs-learning-back:hover { color:var(--learning-accent); }
.cs-learning-title { align-items:flex-start; justify-content:space-between; margin-bottom:22px; gap:16px; }
.cs-learning-title-line { display:flex; align-items:center; gap:9px; min-width:0; flex-wrap:wrap; }
.cs-learning-title-line h4 { min-width:0; flex:0 1 auto; }
.cs-learning-title-main { min-width:0; flex:1; }
.cs-learning-meta { display:flex; gap:7px 16px; align-items:center; flex-wrap:wrap; color:var(--learning-muted); font-size:12px; margin-top:10px; }
.cs-learning-detail-actions { display:flex; gap:7px; flex-shrink:0; flex-wrap:wrap; padding-top:0; }
.cs-learning-evidence-context { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:12px; color:var(--learning-muted); margin-bottom:18px; overflow-wrap:anywhere; }
.cs-learning-status { display:inline-flex; gap:5px; align-items:center; font-size:11px; font-weight:500; color:#677185; white-space:nowrap; background:#f1f3f7; border-radius:5px; padding:2px 7px; line-height:1.6; }
.cs-learning-status::before { content:''; width:4px; height:4px; background:currentColor; border-radius:50%; }
.cs-learning-status.active { color:#7250d8; background:#f2edff; }
.cs-learning-status.pending { color:#936c2e; background:#fbf5e8; }
.cs-learning-status.conflict { color:#b65b24; background:#fff1e9; }
.cs-learning input,.cs-learning textarea,.cs-learning select { box-sizing:border-box; min-width:0; font:inherit; font-size:13px; color:inherit; background:var(--color-surface,#fff); border:1px solid var(--learning-line); border-radius:8px; padding:8px 10px; outline-offset:2px; }
.cs-learning textarea { width:100%; min-height:170px; max-height:350px; resize:vertical; line-height:1.8; margin:12px 0; }
.cs-learning label { font-size:12px; color:var(--learning-muted); }
.cs-learning-content { padding:0 0 24px; }
.cs-learning .cs-learning-copy { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.9; margin:10px 0 0; }
.cs-learning .cs-learning-main-copy { font-size:14px; line-height:1.95; margin-top:0; max-height:300px; overflow-y:auto; scrollbar-gutter:stable; }
.cs-learning .cs-learning-text-action { padding:0; min-height:28px; border:0; background:transparent; font-size:12px; color:var(--learning-accent); margin-top:14px; }
.cs-learning .cs-learning-text-action:hover { color:#6040ce; text-decoration:underline; }
.cs-learning-section { display:block; padding:18px 0; }
.cs-learning-review { padding:16px 18px 18px; margin:0 0 24px; border-radius:10px; background:#f7f6fb; }
.cs-learning-section-heading { justify-content:space-between; }
.cs-learning-section-heading .cs-learning-icon { min-height:26px; height:26px; width:26px; border:0; background:transparent; }
.cs-learning-review > input { margin:10px 0 4px; width:100%; }
.cs-learning-actions { flex-wrap:wrap; margin-top:12px; }
.cs-learning-actions label { display:flex; gap:8px; align-items:center; margin-right:auto; }
.cs-learning-edit-actions select { margin-right:auto; max-width:100%; }
.cs-learning-support { border-top:1px solid var(--learning-line); }
.cs-learning-tabs { display:flex; gap:24px; max-width:100%; overflow-x:auto; }
.cs-learning .cs-learning-tabs > button { position:relative; min-height:48px; padding:10px 0; border:0; border-radius:0; background:transparent; color:var(--learning-muted); white-space:nowrap; font-size:12px; }
.cs-learning .cs-learning-tabs > button[aria-selected="true"] { color:var(--learning-accent); font-weight:600; }
.cs-learning-tabs > button[aria-selected="true"]::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; border-radius:2px; background:var(--learning-accent); }
.cs-learning-tabs > button > span { font-size:10px; background:#f2f0f8; padding:0 5px; border-radius:4px; font-weight:400; }
.cs-learning-info-pane { padding:20px 0 4px; max-height:320px; overflow-y:auto; scrollbar-gutter:stable; }
.cs-learning-question { padding-bottom:20px; }
.cs-learning-comparison { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; padding-top:10px; }
.cs-learning-comparison > div { min-width:0; }
.cs-learning-comparison > div + div { border-left:1px solid var(--learning-line); padding-left:28px; }
.cs-learning .cs-learning-comparison .cs-learning-copy { color:var(--learning-muted); margin-top:6px; }
.cs-learning-evidence { padding:0 0 18px; }
.cs-learning-evidence h5 small { font-weight:400; }
.cs-learning-validity,.cs-learning-muted { font-size:12px; line-height:1.8; color:var(--learning-muted); }
.cs-learning-validity { margin-top:12px!important; }
.cs-learning-record-row { display:flex; gap:14px; align-items:baseline; padding:9px 0; font-size:12px; }
.cs-learning-record-row > span { flex:1; min-width:0; overflow-wrap:anywhere; }
.cs-learning :is(time,.cs-learning-revision-body small) { color:var(--learning-muted); font-size:11px; overflow-wrap:anywhere; }
.cs-learning-record-row time { flex-shrink:0; }
.cs-learning-sources { margin-bottom:18px; }
.cs-learning-timeline { padding-left:13px; border-left:1px solid var(--learning-line); margin-left:4px; }
.cs-learning-timeline > details { padding:0 0 16px 4px; }
.cs-learning-timeline summary { cursor:pointer; display:flex; gap:10px; align-items:center; list-style:none; min-height:30px; }
.cs-learning-timeline summary::-webkit-details-marker { display:none; }
.cs-learning-timeline summary::before { content:'›'; color:var(--learning-muted); font-size:18px; transition:transform .15s; }
.cs-learning-timeline details[open] > summary::before { transform:rotate(90deg); }
.cs-learning-revision-version { font-size:12px; font-weight:600; }
.cs-learning-timeline time { margin-left:auto; padding-right:6px; }
.cs-learning-revision-body { padding:10px 0 0 19px; }
.cs-learning-notice { font-size:12px; line-height:1.8; color:#756244; background:#faf8f4; padding:10px 12px; border-radius:8px; margin:12px 0 22px!important; }
.cs-learning-error { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; color:#a83244; font-size:13px; background:#fff3f5; border-radius:8px; margin:12px 0!important; }
.cs-learning-error button { border:0; background:transparent; }
.cs-learning-search { display:flex; align-items:center; gap:8px; flex:1; border:1px solid var(--learning-line); border-radius:8px; padding-left:10px; }
.cs-learning-search input { border:0; flex:1; width:100%; background:transparent; }
.cs-learning-filters { margin-bottom:14px; flex-wrap:wrap; }
.cs-learning-list { max-height:470px; overflow-y:auto; scrollbar-gutter:stable; }
.cs-learning-list > button { display:block; width:100%; text-align:left; border:0; border-bottom:1px solid var(--learning-line); border-radius:0; padding:18px 10px; background:transparent; }
.cs-learning-list > button > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cs-learning-list strong { overflow-wrap:anywhere; font-size:14px; font-weight:600; }
.cs-learning-list p { margin:8px 0 6px; color:var(--learning-muted); font-size:13px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cs-learning-list small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.cs-learning-loading { padding:30px 0; color:var(--learning-muted); font-size:13px; }
.cs-learning-empty { min-height:270px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:14px; color:#8a80ab; text-align:center; }
.cs-learning-empty p { color:var(--learning-muted); font-size:12px; max-width:360px; line-height:1.8; }
.cs-learning-pagination { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding-top:14px; }
.cs-learning-jobs { margin-top:20px; font-size:12px; }
.cs-learning-jobs summary { cursor:pointer; color:var(--learning-muted); }
.cs-learning-job-list { max-height:240px; overflow-y:auto; }
.cs-learning-job { justify-content:space-between; padding:12px 0; }
.cs-learning-job p { color:var(--learning-muted); margin-top:6px; font-size:12px; }
.cs-learning-spin { animation:cs-learning-spin 1s linear infinite; vertical-align:middle; }
@keyframes cs-learning-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .cs-learning-spin { animation:none; } .cs-learning button,.cs-learning-timeline summary::before { transition:none; } }
@media(max-width:720px) { .cs-learning { padding:6px 8px 20px; } .cs-learning-title { flex-wrap:wrap; gap:12px; } .cs-learning-detail-actions { padding-top:0; } .cs-learning h4 { font-size:20px; } .cs-learning-comparison { grid-template-columns:1fr; gap:18px; } .cs-learning-comparison > div + div { border-left:0; padding-left:0; } .cs-learning-tabs { gap:18px; } .cs-learning-review { padding:14px; } }

.cs-reply-learning-sources { padding:6px 14px; color:var(--color-text-muted,#64748b); font-size:11px; }
.cs-reply-learning-sources summary { cursor:pointer; }
.cs-reply-learning-sources p { margin:6px 0; }

.cs-learning-review-content { margin:12px 0!important; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.8; max-height:150px; overflow-y:auto; }
.cs-learning-review-basis { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; color:var(--learning-muted); overflow-wrap:anywhere; }
.cs-learning-review-options { padding:14px 0 0; font-size:12px; color:var(--learning-muted); }
.cs-learning-review-options summary { cursor:pointer; width:fit-content; }
.cs-learning-review-options label { display:flex; gap:10px; align-items:center; margin-top:12px; }
.cs-learning-review-options input:not([type="date"]) { flex:1; }
.cs-learning-review > .cs-learning-actions { justify-content:flex-end; }
.cs-learning-loading { display:flex; align-items:center; gap:10px; }

.cs-learning-scenario { margin:0; display:grid; gap:18px; max-height:360px; overflow-y:auto; scrollbar-gutter:stable; }
.cs-learning-scenario > div { display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:baseline; }
.cs-learning-scenario dt { font-size:12px; line-height:1.9; color:var(--learning-muted); }
.cs-learning-scenario dd { margin:0; font-size:13px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; }
.cs-learning-scenario-outcome dd > span { color:var(--learning-muted); font-size:12px; }
.cs-learning-scenario blockquote { font-size:12px; margin:7px 0 0; padding:0 0 0 12px; border-left:2px solid var(--learning-line); color:var(--learning-muted); }
.cs-learning-review .cs-learning-scenario { margin:14px 0; max-height:240px; }
@media(max-width:600px) { .cs-learning-scenario > div { grid-template-columns:1fr; gap:3px; } }

.cs-shared-templates{--template-accent:#7040da;--template-border:#e5e2ed;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;color:#302c40;background:#fff;padding:20px;border-radius:16px;font-size:13px}.cs-shared-templates *{box-sizing:border-box}.cs-shared-templates button,.cs-shared-templates input,.cs-shared-templates select,.cs-shared-templates textarea{font:inherit}.cs-shared-templates button{border:1px solid var(--template-border);background:#fff;border-radius:8px;padding:8px 12px;color:#49385e;cursor:pointer;line-height:1.4}.cs-shared-templates button:hover:not(:disabled){border-color:var(--template-accent);background:#f8f5ff}.cs-shared-templates button:disabled{opacity:.5;cursor:default}.cs-shared-templates :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.cs-shared-templates input,.cs-shared-templates select,.cs-shared-templates textarea{border:1px solid var(--template-border);border-radius:8px;background:#fff;color:#302c40;padding:9px 11px;min-width:0;width:100%;line-height:1.4}.cs-shared-templates label{font-size:12px;color:#736b80}.cs-shared-template-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-shrink:0}.cs-shared-template-toolbar strong{font-size:16px;color:#332d42}.cs-shared-template-toolbar small{display:block;color:#89818f;margin-top:5px;font-size:12px}.cs-shared-template-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cs-shared-template-toolbar-actions>span{font-size:12px;color:#89818f;margin-right:4px}.cs-template-more{position:relative}.cs-template-more>summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--template-border);border-radius:8px;white-space:nowrap}.cs-template-more>summary::-webkit-details-marker{display:none}.cs-template-more>summary:after{content:'⌄';margin-left:8px}.cs-template-more>div{position:absolute;right:0;top:calc(100% + 6px);display:grid;gap:4px;padding:6px;min-width:190px;border:1px solid var(--template-border);border-radius:10px;background:white;box-shadow:0 8px 24px #302c401a;z-index:10}.cs-template-more>div>button{border:0;text-align:left;white-space:nowrap}.cs-shared-template-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0;min-height:0;flex:1;border-top:1px solid #eeeaf2;padding-top:18px}.cs-shared-template-sidebar{min-height:0;display:flex;flex-direction:column;gap:12px;padding-right:18px;border-right:1px solid #eeeaf2;min-width:0}.cs-shared-template-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cs-shared-template-filters>input{grid-column:1/-1}.cs-shared-template-filters input,.cs-shared-template-filters select{background:#faf9fc;font-size:12px}.cs-shared-template-sidebar>nav{display:flex;flex-direction:column;gap:5px;overflow:auto;flex:1;min-height:100px;padding:2px 3px 4px 0}.cs-shared-template-sidebar>nav button{text-align:left;padding:12px 10px;border-color:transparent;flex-shrink:0;background:transparent;border-radius:8px}.cs-shared-template-sidebar>nav button.active{border-color:#d8c7fa;background:#f5f0ff;box-shadow:inset 3px 0 var(--template-accent)}.cs-shared-template-sidebar>nav strong,.cs-shared-template-sidebar>nav span,.cs-shared-template-sidebar>nav small{display:block;overflow-wrap:anywhere}.cs-shared-template-sidebar>nav strong{font-size:13px;line-height:1.5;color:#44364f}.cs-shared-template-sidebar>nav span{font-size:12px;color:#827889;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-shared-template-sidebar>nav small{font-size:11px;line-height:1.6;color:#968b9e;margin-top:7px}.cs-template-publishers{border-top:1px solid #eeeaf2;padding-top:12px;flex-shrink:0;font-size:12px}.cs-template-publishers summary{cursor:pointer;color:#82758c}.cs-template-publishers label{display:grid;gap:6px;margin:12px 0 8px}.cs-shared-template-editor{display:flex;flex-direction:column;min-width:0;min-height:0;padding-left:22px}.cs-shared-template-form{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:auto;padding:2px 8px 16px 2px;flex:1}.cs-shared-template-editor label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#736b80}.cs-shared-template-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-shared-template-form>p[role=status]{margin:0;border-left:2px solid #ccb8f1;padding:8px 10px;background:#faf8fe;color:#887a96;font-size:12px;line-height:1.6}.cs-shared-template-body textarea{width:100%;min-height:240px;resize:vertical;line-height:1.8}.cs-shared-template-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex-shrink:0;padding-top:14px;border-top:1px solid #eeeaf2;background:white}.cs-shared-template-actions>span{flex:1;font-size:12px;color:#8b7b99;min-width:80px}.cs-shared-template-actions:not(:has(.cs-primary-button))>button:first-of-type,.cs-shared-templates button.cs-primary-button{background:var(--template-accent);border-color:var(--template-accent);color:#fff}.cs-shared-template-error{background:#fff3f5;border-radius:8px;padding:10px;color:#b52543;display:flex;justify-content:space-between;align-items:center;gap:10px}.cs-compose-template-modal,.cs-reply-template-modal{width:min(1120px,calc(100vw - 48px))!important;height:min(86vh,850px);max-height:calc(100vh - 40px)!important;border-radius:18px!important;overflow:hidden}.cs-compose-template-modal .cs-focus-modal-content,.cs-reply-template-modal .cs-focus-modal-content{display:flex;flex-direction:column;overflow:hidden!important;min-height:0;padding:18px!important}.cs-compose-template-modal .cs-shared-templates,.cs-reply-template-modal .cs-shared-templates{height:100%;padding:4px;overflow:hidden}.cs-compose-template-modal>header,.cs-reply-template-modal>header{background:#faf8ff;border-color:#ece6f6}.cs-shared-templates .cs-shared-template-toolbar{background:transparent;border:0;padding:0}.cs-email-template-library .cs-shared-templates{padding:0;min-height:640px}.cs-email-template-library .cs-shared-template-sidebar>nav{max-height:650px}.cs-email-template-library .cs-shared-template-form{max-height:700px}.cs-mail-read-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 10px;font-size:12px}.cs-mail-read-controls>select,.cs-mail-read-controls>button{min-height:32px;border:1px solid #e2d8f2;border-radius:7px;padding:5px 10px;background:#fff;color:#574569}.cs-mail-read-controls label{display:flex;gap:5px;align-items:center;white-space:nowrap}.cs-mail-read-controls [role=status],.cs-mail-read-controls [role=alert]{font-size:12px;flex-basis:100%}.cs-mail-read-controls [role=alert]{color:#b52543}@media(max-width:900px){.cs-shared-template-layout{grid-template-columns:210px minmax(0,1fr)}.cs-shared-template-sidebar{padding-right:14px}.cs-shared-template-editor{padding-left:16px}.cs-shared-template-fields{gap:10px}.cs-shared-template-toolbar small{max-width:250px}.cs-shared-template-toolbar-actions>span{display:none}}@media(max-width:640px){.cs-compose-template-modal,.cs-reply-template-modal{width:calc(100vw - 20px)!important;height:calc(100dvh - 24px);max-height:none!important}.cs-compose-template-modal .cs-focus-modal-content,.cs-reply-template-modal .cs-focus-modal-content{padding:12px!important}.cs-shared-template-toolbar small{display:none}.cs-shared-template-toolbar-actions{gap:5px}.cs-shared-template-layout{grid-template-columns:1fr;grid-template-rows:180px minmax(0,1fr);gap:14px;padding-top:12px}.cs-shared-template-sidebar{border-right:0;border-bottom:1px solid #eeeaf2;padding-right:0;padding-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.cs-shared-template-filters{align-content:start}.cs-shared-template-sidebar>nav{min-height:0}.cs-template-publishers{grid-column:1/-1}.cs-shared-template-editor{padding-left:0}.cs-shared-template-fields{grid-template-columns:1fr}.cs-shared-template-body textarea{min-height:200px}.cs-shared-template-actions>span{flex-basis:100%}.cs-shared-template-actions{padding-top:10px}.cs-email-template-library .cs-shared-templates{min-height:900px}}

.cs-template-options{border-top:1px solid #eeeaf2;padding-top:12px}.cs-template-options>summary{color:#756581;cursor:pointer;font-size:12px}.cs-template-options-content{display:flex;flex-direction:column;gap:16px;padding-top:16px}.cs-shared-template-body textarea{min-height:260px}

/* Primary buttons must retain contrast over the generic hover background. */
.cs-shared-templates button.cs-primary-button:hover:not(:disabled),
.cs-shared-template-actions:not(:has(.cs-primary-button)) > button:first-of-type:hover:not(:disabled) {
  background: #5e32bc;
  border-color: #5e32bc;
  color: #fff;
}

.cs-shared-templates .cs-shared-template-toolbar-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 8px;
}

.cs-shared-template-toolbar-actions > button {
  min-height: 36px;
  white-space: nowrap;
}

.cs-shared-templates button.cs-template-import-local {
  flex-shrink: 0;
  text-align: left;
}

@media (max-width: 640px) {
  .cs-shared-templates .cs-shared-template-toolbar {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .cs-shared-templates .cs-shared-template-toolbar-actions {
    justify-content: flex-start;
  }
}