/**
 * Curator workspace.
 *
 * Restrained inside wp-admin: one accent, no gradients, no charts. Status is
 * never carried by colour alone, every interactive target is at least 36px
 * (44px for primary actions), and motion is dropped when the viewer asks.
 */

.llmscu {
	--ink: #1d2327;
	--ink-2: #50575e;
	--ink-3: #787c82;
	--line: #dcdcde;
	--line-soft: #f0f0f1;
	--surface: #fff;
	--canvas: #f6f7f7;
	--accent: #2d4bd8;
	--accent-soft: #eef1fd;
	--ok: #0a6b33;
	--ok-soft: #e8f5ec;
	--warn: #8a5a00;
	--warn-soft: #fdf3e3;
	--stop: #a4262c;
	--stop-soft: #fdeceb;
	--r: 10px;
	--r-sm: 6px;
	--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .04);
	--shadow-lift: 0 8px 24px rgba(0, 0, 0, .1);

	color: var(--ink);
	margin-right: 20px;
	max-width: 1180px;
}

.llmscu h1, .llmscu h2, .llmscu h3 { line-height: 1.25; margin: 0; }
.llmscu p { margin: 0; }
.llmscu .description { color: var(--ink-2); font-size: 13px; }
.llmscu code { font-size: 12px; }
.llmscu .llmscu-inline { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }

/* Shell */
.llmscu-shell { border-bottom: 1px solid var(--line); margin-bottom: 20px; padding-bottom: 16px; }
.llmscu-shell__top { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; }
.llmscu-shell__eyebrow { color: var(--ink-3); font-size: 12px; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }
.llmscu-shell__claim { font-size: 25px; font-weight: 650; letter-spacing: -.01em; margin: 3px 0 6px; }
.llmscu-shell__meta { color: var(--ink-2); font-size: 13px; }
.llmscu-shell__meta span + span::before { color: var(--ink-3); content: "\00b7"; margin: 0 8px; }
.llmscu-shell__actions { align-items: center; display: flex; gap: 8px; }

.llmscu-changes-pill {
	align-items: center; background: var(--warn-soft); border: 1px solid transparent; border-radius: 999px;
	color: var(--warn); cursor: pointer; display: inline-flex; font-size: 13px; font-weight: 650; gap: 8px;
	min-height: 36px; padding: 0 14px;
}
.llmscu-changes-pill::before { background: currentColor; border-radius: 50%; content: ""; height: 7px; width: 7px; }

/* Navigation */
.llmscu-nav { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; position: relative; }
.llmscu-nav__core { background: var(--line-soft); border-radius: var(--r-sm); display: flex; flex-wrap: wrap; gap: 2px; padding: 3px; }
.llmscu-nav__core button {
	background: none; border: 0; border-radius: var(--r-sm); color: var(--ink-2); cursor: pointer;
	font-weight: 600; min-height: 40px; padding: 0 18px;
}
.llmscu-nav__core button[aria-current="page"] { background: var(--surface); box-shadow: var(--shadow); color: var(--ink); }
.llmscu-nav__more { background: none; border: 1px solid transparent; border-radius: var(--r-sm); color: var(--ink-2); cursor: pointer; min-height: 40px; padding: 0 14px; }
.llmscu-nav__more:hover { border-color: var(--line); color: var(--ink); }

.llmscu-menu {
	background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-lift);
	left: 0; margin-top: 4px; min-width: 260px; padding: 6px; position: absolute; top: 100%; z-index: 20;
}
.llmscu-menu button, .llmscu-menu a {
	background: none; border: 0; border-radius: var(--r-sm); color: var(--ink); cursor: pointer; display: block;
	font-weight: 600; padding: 8px 12px; text-align: left; text-decoration: none; width: 100%;
}
.llmscu-menu button:hover, .llmscu-menu a:hover { background: var(--canvas); }
.llmscu-menu span { color: var(--ink-3); display: block; font-size: 12px; font-weight: 400; }

.llmscu button:focus-visible, .llmscu a:focus-visible, .llmscu input:focus-visible, .llmscu select:focus-visible {
	outline: 2px solid var(--accent); outline-offset: 2px;
}

/* Cards and buttons */
.llmscu-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); margin-bottom: 16px; padding: 22px 24px; }
.llmscu-card__head { align-items: baseline; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 12px; }
.llmscu-card h2 { font-size: 18px; }
.llmscu-card h3 { font-size: 16px; }

.llmscu-btn {
	align-items: center; background: var(--accent); border: 1px solid var(--accent); border-radius: var(--r-sm);
	color: #fff; cursor: pointer; display: inline-flex; font-weight: 600; gap: 8px; min-height: 44px;
	padding: 0 18px; text-decoration: none;
}
.llmscu-btn:hover { filter: brightness(1.05); color: #fff; }
.llmscu-btn--quiet { background: none; border-color: var(--line); color: var(--ink); }
.llmscu-btn--quiet:hover { background: var(--canvas); color: var(--ink); }
.llmscu-btn--small { font-weight: 500; min-height: 36px; padding: 0 12px; }
.llmscu-btn[disabled] { cursor: default; opacity: .5; }
.llmscu-link { background: none; border: 0; color: var(--accent); cursor: pointer; font-weight: 600; padding: 0; }

.llmscu-notice { border-radius: var(--r-sm); margin-bottom: 16px; padding: 10px 14px; }
.llmscu-notice--success { background: var(--ok-soft); color: var(--ok); }
.llmscu-notice--warning { background: var(--warn-soft); color: var(--warn); }
.llmscu-notice--error { background: var(--stop-soft); color: var(--stop); }

/* Next step */
.llmscu-next { border-left: 4px solid var(--accent); }
.llmscu-next__eyebrow { color: var(--ink-3); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.llmscu-next__h { font-size: 21px; font-weight: 650; margin: 6px 0; }
.llmscu-next__body { color: var(--ink-2); max-width: 64ch; }
.llmscu-next__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }

.llmscu-progress { background: var(--line-soft); border-radius: 999px; height: 6px; margin: 14px 0 0; overflow: hidden; }
.llmscu-progress__bar { animation: llmscu-slide 1.4s linear infinite; background: var(--accent); height: 100%; width: 35%; }
@keyframes llmscu-slide { from { transform: translateX(-100%); } to { transform: translateX(300%); } }

/* Summary */
.llmscu-summary__lead { font-size: 19px; font-weight: 600; }
.llmscu-summary__story { color: var(--ink-2); margin: 8px 0 16px; max-width: 70ch; }
.llmscu-facts { display: flex; flex-wrap: wrap; gap: 8px; }
.llmscu-fact { background: var(--canvas); border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); font-size: 13px; padding: 4px 12px; }
.llmscu-fact--ok { background: var(--ok-soft); border-color: transparent; color: var(--ok); }
.llmscu-fact--warn { background: var(--warn-soft); border-color: transparent; color: var(--warn); }

/* Coverage */
.llmscu-cov__state { font-weight: 600; }
.llmscu-cov__bar { background: var(--line-soft); border-radius: 999px; display: flex; height: 10px; margin: 16px 0 12px; overflow: hidden; }
.llmscu-cov__seg { height: 100%; }
.llmscu-cov__key { display: flex; flex-wrap: wrap; gap: 16px; }
.llmscu-cov__key span { align-items: center; color: var(--ink-2); display: flex; font-size: 13px; gap: 6px; }
.llmscu-swatch { border-radius: 3px; display: inline-block; height: 10px; width: 10px; }
.llmscu-pill { border-radius: 999px; font-size: 12px; font-weight: 650; padding: 3px 10px; }
.llmscu-pill--ok { background: var(--ok-soft); color: var(--ok); }
.llmscu-pill--warn { background: var(--warn-soft); color: var(--warn); }
.llmscu-pill--info { background: var(--accent-soft); color: var(--accent); }

/* Completion */
/* Accounted for is a fact about completeness, not a verdict on quality: neutral, never celebratory. */
.llmscu-done { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 16px; padding: 22px 24px; }
.llmscu-eyebrow { color: var(--ink-2); font-size: 12px; font-weight: 600; letter-spacing: .06em; margin: 0; text-transform: uppercase; }
.llmscu-done__h { font-size: 22px; font-weight: 650; margin: 4px 0 6px; }
.llmscu-done__grid { display: grid; gap: 0 32px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); margin: 16px 0 0; max-width: 680px; }
.llmscu-done__row { border-top: 1px solid var(--line-soft); display: flex; justify-content: space-between; padding: 7px 0; }
.llmscu-done__row b { font-variant-numeric: tabular-nums; }

/* Attention */
.llmscu-issue { border-top: 1px solid var(--line-soft); display: flex; gap: 16px; padding: 14px 0; }
.llmscu-issue:first-child { border-top: 0; padding-top: 2px; }
.llmscu-issue__n { font-size: 22px; font-weight: 680; min-width: 44px; }
.llmscu-issue__t { font-weight: 650; }
.llmscu-issue__d { color: var(--ink-2); font-size: 13px; margin: 2px 0 8px; }
.llmscu-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.llmscu-chip { background: var(--canvas); border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); font-size: 12px; padding: 3px 10px; }

/* Resources */
.llmscu-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.llmscu-filter { background: none; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); cursor: pointer; min-height: 36px; padding: 0 14px; }
.llmscu-filter[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.llmscu-toolbar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.llmscu-toolbar input[type="search"] { min-width: 220px; }

.llmscu-bulk { align-items: center; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--r-sm); display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; padding: 8px 10px; }
.llmscu-bulk__all { font-weight: 600; margin-right: 6px; }
.llmscu-bulk__matching { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.llmscu-undo { background: var(--warn-soft); border-radius: var(--r-sm); color: var(--warn); margin-bottom: 12px; padding: 10px 12px; }

.llmscu-res { align-items: flex-start; border-top: 1px solid var(--line-soft); display: flex; gap: 12px; padding: 14px 0; }
.llmscu-res:first-child { border-top: 0; }
.llmscu-res__main { flex: 1; min-width: 0; }
.llmscu-res__title { font-weight: 650; }
.llmscu-res__meta { color: var(--ink-2); font-size: 13px; margin-top: 3px; }
.llmscu-res__tools { display: flex; flex-wrap: wrap; gap: 6px; }
.llmscu-badge { border: 1px solid var(--line); border-radius: 999px; font-size: 12px; margin-right: 6px; padding: 2px 9px; white-space: nowrap; }
.llmscu-badge--curated { background: var(--ok-soft); border-color: transparent; color: var(--ok); }
.llmscu-badge--discovered { background: var(--accent-soft); border-color: transparent; color: var(--accent); }
.llmscu-badge--excluded { background: var(--canvas); color: var(--ink-2); }
.llmscu-badge--attn { background: var(--warn-soft); border-color: transparent; color: var(--warn); }
.llmscu-badge--suggested { background: var(--canvas); border-style: dashed; color: var(--ink-2); }
.llmscu-badge--primary { background: var(--warn-soft); border-color: transparent; color: var(--warn); }

/* Primary: a star, but never an unexplained one on first encounter */
.llmscu-star { align-items: center; background: none; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); cursor: pointer; display: inline-flex; font-size: 13px; gap: 6px; min-height: 36px; padding: 0 12px; }
.llmscu-star[aria-pressed="true"] { background: var(--warn-soft); border-color: transparent; color: var(--warn); font-weight: 600; }
.llmscu-star--compact { justify-content: center; min-width: 36px; padding: 0 8px; }

/* Composer */
.llmscu-composer { display: grid; gap: 16px; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.llmscu-composer--solo { grid-template-columns: 1fr; }
.llmscu-composer__head { margin-bottom: 14px; }
.llmscu-composer__note { margin-top: 6px; }
.llmscu-primary-card { padding: 16px 18px; }

.llmscu-split { align-items: center; background: var(--line-soft); border-radius: var(--r-sm); display: flex; gap: 2px; padding: 3px; }
.llmscu-split button { background: none; border: 0; border-radius: var(--r-sm); color: var(--ink-2); cursor: pointer; min-height: 36px; padding: 0 12px; }
.llmscu-split button[aria-pressed="true"] { background: var(--surface); box-shadow: var(--shadow); color: var(--ink); }

.llmscu-section { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 12px; }
.llmscu-section__head { align-items: center; display: flex; gap: 10px; padding: 10px 14px; }
.llmscu-section__head:hover { background: var(--canvas); }
.llmscu-grip { color: var(--ink-3); cursor: grab; letter-spacing: -2px; user-select: none; }
/* Centred, not baseline: the button is 40px tall for the touch target, and
   baseline alignment parks its text near the top of that box while the grip
   beside it is centred by the heading row. The two then visibly disagree. */
.llmscu-section__toggle { align-items: center; background: none; border: 0; color: inherit; cursor: pointer; display: flex; flex: 1; gap: 10px; min-height: 40px; text-align: left; }
.llmscu-section__name { font-size: 16px; font-weight: 650; }
.llmscu-section__count { color: var(--ink-2); font-size: 13px; }
.llmscu-section--optional .llmscu-section__head { flex-wrap: wrap; }
.llmscu-checks { margin-bottom: 16px; padding: 12px 16px; }
.llmscu-detail-group { border: 1px solid var(--line-soft); border-radius: 6px; margin: 10px 0; padding: 10px 14px; }
.llmscu-detail-group > summary { cursor: pointer; }
.llmscu-checks > summary { cursor: pointer; }
.llmscu-check { border-top: 1px solid var(--line-soft); padding: 10px 0; }
.llmscu-check__head { margin: 0 0 4px; }
.llmscu-check__item { border-left: 3px solid var(--line-soft); margin: 8px 0 0; padding: 2px 0 2px 12px; }
.llmscu-check__item--warning { border-left-color: #b32d2e; }
.llmscu-section__note { color: var(--ink-2); flex-basis: 100%; font-size: 13px; font-weight: 400; order: 3; }
.llmscu-section__tools { display: flex; gap: 4px; }
.llmscu-section__body { border-top: 1px solid var(--line-soft); padding: 8px 14px 14px; }

.llmscu-row { align-items: center; border-radius: var(--r-sm); display: flex; gap: 10px; padding: 9px 6px; }
.llmscu-row + .llmscu-row { border-top: 1px solid var(--line-soft); }
.llmscu-row:hover { background: var(--canvas); }
.llmscu-row__pos { color: var(--ink-3); font-size: 12px; font-variant-numeric: tabular-nums; min-width: 20px; text-align: right; }
.llmscu-row__title { flex: 1; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Controls are always shown at full strength: faded controls read as disabled. */
.llmscu-row__tools { display: flex; gap: 3px; opacity: 1; }
.llmscu-row:hover .llmscu-row__tools, .llmscu-row:focus-within .llmscu-row__tools { opacity: 1; }
.llmscu-row.is-dragging { opacity: .6; outline: 2px dashed var(--accent); }
.llmscu-iconbtn { background: none; border: 1px solid transparent; border-radius: var(--r-sm); color: var(--ink-2); cursor: pointer; min-height: 36px; min-width: 36px; }
.llmscu-iconbtn:hover { background: var(--surface); border-color: var(--line); color: var(--ink); }
.llmscu-more { color: var(--ink-2); display: flex; font-size: 13px; gap: 10px; justify-content: space-between; padding-top: 10px; }

/* Result pane */
.llmscu-pane { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); display: flex; flex-direction: column; max-height: 640px; overflow: hidden; position: sticky; top: 46px; }
.llmscu-pane__head { align-items: center; border-bottom: 1px solid var(--line-soft); display: flex; gap: 8px; justify-content: space-between; padding: 10px 14px; }
.llmscu-pane__body { overflow: auto; padding: 14px; }
.llmscu-md { font: 13px/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; word-break: break-word; }
.llmscu-readable h4 { margin: 14px 0 6px; }
.llmscu-readable ol { margin: 0; padding-left: 20px; }
.llmscu-readable li { margin-bottom: 8px; }

/* The moved line, briefly marked in the result so cause and effect are obvious */
.llmscu-echo { animation: llmscu-fade 1.6s ease-out forwards; background: var(--accent-soft); border-radius: 3px; padding: 1px 3px; }
@keyframes llmscu-fade { 0%, 40% { background: var(--accent-soft); } 100% { background: transparent; } }

/* Preview */
.llmscu-preview { background: var(--canvas); border: 1px solid var(--line); border-radius: var(--r-sm); max-height: 60vh; overflow: auto; padding: 16px; }

/* Drawers */
.llmscu-scrim { background: rgba(0, 0, 0, .35); inset: 0; position: fixed; z-index: 100000; }
.llmscu-drawer {
	background: var(--surface); border-left: 1px solid var(--line); bottom: 0; box-shadow: var(--shadow-lift);
	max-width: 460px; overflow-y: auto; padding: 24px; position: fixed; right: 0; top: 32px; width: 100%; z-index: 100001;
}
.llmscu-drawer__head { align-items: flex-start; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 4px; }
.llmscu-drawer h2 { font-size: 18px; }
.llmscu-trace-group { margin-top: 18px; }
.llmscu-trace-group h3 { color: var(--ink-3); font-size: 12px; letter-spacing: .06em; margin-bottom: 6px; text-transform: uppercase; }
.llmscu-trace { list-style: none; margin: 0; padding: 0; }
.llmscu-trace li { display: flex; gap: 10px; padding: 4px 0; }
.llmscu-mark--yes { color: var(--ok); font-weight: 700; }
.llmscu-mark--no { color: var(--stop); font-weight: 700; }
.llmscu-mark--note { color: var(--ink-3); font-weight: 700; }
.llmscu-result { background: var(--ok-soft); border-radius: var(--r-sm); color: var(--ok); font-weight: 650; margin-top: 16px; padding: 12px 14px; }
.llmscu-result--no { background: var(--stop-soft); color: var(--stop); }
.llmscu-out { background: var(--canvas); border: 1px solid var(--line); border-radius: var(--r-sm); margin-top: 12px; padding: 10px 12px; }

/* 2.2: Representation Inspector */
.llmscu-drawer--wide { max-width: 720px; }
.llmscu-tabs { border-bottom: 1px solid var(--line); display: flex; gap: 4px; margin: 14px 0 12px; }
.llmscu-tab { background: none; border: 0; border-bottom: 2px solid transparent; color: var(--ink-3); cursor: pointer; font: inherit; font-weight: 600; margin-bottom: -1px; padding: 8px 12px; }
.llmscu-tab[aria-selected="true"] { border-bottom-color: currentColor; color: var(--ink); }
.llmscu-tab:disabled { cursor: default; opacity: .5; }
.llmscu-tab:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.llmscu-md-source { background: var(--canvas); border: 1px solid var(--line); border-radius: var(--r-sm); font-family: Menlo, Consolas, monospace; font-size: 12.5px; line-height: 1.55; max-height: 62vh; overflow: auto; padding: 12px 14px; white-space: pre-wrap; word-break: break-word; }
.llmscu-md-readable { line-height: 1.6; }
.llmscu-md-readable h1 { font-size: 20px; } .llmscu-md-readable h2 { font-size: 17px; } .llmscu-md-readable h3, .llmscu-md-readable h4, .llmscu-md-readable h5, .llmscu-md-readable h6 { font-size: 15px; }
.llmscu-md-readable table { border-collapse: collapse; margin: 10px 0; width: 100%; }
.llmscu-md-readable th, .llmscu-md-readable td { border: 1px solid var(--line); padding: 5px 8px; text-align: left; vertical-align: top; }
.llmscu-md-readable pre { background: var(--canvas); border: 1px solid var(--line); border-radius: var(--r-sm); overflow: auto; padding: 10px 12px; }
.llmscu-md-readable pre code { background: none; font-size: 12.5px; padding: 0; }
.llmscu-md-readable blockquote { border-left: 3px solid var(--line); color: var(--ink-3); margin: 10px 0; padding-left: 12px; }
.llmscu-md-list { list-style: none; margin: 8px 0; padding: 0; }
.llmscu-md-list li { padding: 2px 0; }
.llmscu-md-bullet::before { content: "\2022"; display: inline-block; width: 1em; }
.llmscu-md-cont { padding-left: 1.6em; }
.llmscu-md-img { color: var(--ink-3); font-style: italic; }
.llmscu-facts { border-collapse: collapse; width: 100%; }
.llmscu-facts th, .llmscu-facts td { border-top: 1px solid var(--line-soft); padding: 7px 8px 7px 0; text-align: left; vertical-align: top; }
.llmscu-facts th { color: var(--ink-3); font-weight: 600; width: 38%; }
.llmscu-facts td { word-break: break-word; }

.llmscu-change { border-top: 1px solid var(--line-soft); display: flex; gap: 10px; padding: 9px 0; }
.llmscu-change__mark { font-weight: 700; min-width: 16px; }
.llmscu-change__mark--add { color: var(--ok); }
.llmscu-change__mark--rem { color: var(--stop); }
.llmscu-change__mark--edit { color: var(--accent); }
.llmscu-diff { background: var(--canvas); border-radius: var(--r-sm); font-size: 13px; margin-top: 6px; padding: 8px 10px; }
.llmscu-diff s { color: var(--ink-3); }

/* Dialog */
.llmscu-dialog { border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow-lift); max-width: 540px; padding: 22px; width: 92%; }
.llmscu-dialog::backdrop { background: rgba(0, 0, 0, .4); }
.llmscu-field { display: flex; flex-direction: column; gap: 4px; margin: 0 0 12px; }
.llmscu-field label { font-weight: 600; }
.llmscu-field input, .llmscu-field textarea, .llmscu-field select { max-width: 100%; }

.llmscu-pagination { align-items: center; display: flex; gap: 10px; margin-top: 14px; }
.llmscu-empty { color: var(--ink-2); padding: 18px 0; }

@media (max-width: 960px) {
	.llmscu-composer { grid-template-columns: 1fr; }
	.llmscu-pane { max-height: none; position: static; }
}
@media (max-width: 782px) {
	.llmscu { margin-right: 12px; }
	.llmscu-row__tools { opacity: 1; }
	.llmscu-res { flex-direction: column; }
	.llmscu-bulk__matching { margin-left: 0; width: 100%; }
	.llmscu-drawer { max-width: none; top: 46px; }
	.llmscu-card { padding: 18px 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.llmscu-progress__bar { animation: none; opacity: .6; width: 100%; }
	.llmscu-echo { animation: none; background: var(--accent-soft); }
	.llmscu * { transition: none !important; }
}

/* ---- 2.0 real-site pass: truthful rows, decision queue, nav captions ---- */
.llmscu-nav__caption { color: var(--ink-2); display: block; font-size: 11.5px; font-weight: 400; margin-top: 2px; }
.llmscu-tag { background: var(--line-soft); border-radius: 4px; color: var(--ink-2); display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: .04em; margin-right: 4px; padding: 1px 6px; text-transform: uppercase; }
.llmscu-res__title { font-size: 15px; font-weight: 600; margin: 0; }
.llmscu-res__path { color: var(--ink-2); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12.5px; font-weight: 400; margin-left: 8px; overflow-wrap: anywhere; }
.llmscu-res__desc { color: var(--ink-2); font-size: 13.5px; line-height: 1.45; margin: 4px 0 0; max-width: 78ch; }
.llmscu-res__tools { align-items: center; display: flex; flex-shrink: 0; gap: 6px; margin-left: auto; }
.llmscu-res__more { display: flex; flex-basis: 100%; flex-wrap: wrap; gap: 6px; padding: 8px 0 0 30px; }
.llmscu-res { flex-wrap: wrap; }
.llmscu-group { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); margin-bottom: 16px; padding: 18px 22px 8px; }
.llmscu-group__head { align-items: flex-start; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 6px; }
.llmscu-group__head h3 { font-size: 17px; margin: 0 0 4px; }
@media (max-width: 782px) {
  .llmscu-res__tools { margin-left: 30px; }
  .llmscu-group__head { flex-direction: column; }
}

/* Composer rows: words behind Options, not symbols. */
.llmscu-row { flex-wrap: wrap; }
.llmscu-row__more { display: flex; flex-basis: 100%; flex-wrap: wrap; gap: 6px; padding: 8px 0 2px 48px; }

/* ---- Hidden means hidden. Several components set their own display, which
   overrode the hidden attribute: an empty "changes" pill showed as a stray
   dot, and every Options drawer stood open. This restores the attribute. ---- */
.llmscu [hidden] { display: none !important; }

/* ---- Shell: three destinations, status in words ---- */
.llmscu-shell__site { color: var(--ink-2); font-weight: 400; }
.llmscu-nav__core button { align-items: center; display: inline-flex; gap: 8px; }
.llmscu-nav__core svg { flex-shrink: 0; height: 18px; width: 18px; }
.llmscu-pubstatus { align-items: center; display: flex; flex-wrap: wrap; font-size: 14px; gap: 8px 12px; margin-top: 4px; }
.llmscu-pubstatus--quiet { color: var(--ink-2); }
.llmscu-pubstatus--warn { background: var(--warn-soft); border-radius: 8px; color: var(--warn); font-weight: 600; padding: 10px 14px; }
.llmscu-pubstatus__details { color: var(--ink); flex-basis: 100%; font-weight: 400; }
.llmscu-pubstatus__details summary { cursor: pointer; }
.llmscu-strip { align-items: center; background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--accent, #3858e9); border-radius: 8px; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 16px; padding: 10px 16px; }
.llmscu-strip p { margin: 0; }
.llmscu-settings-list { list-style: none; margin: 12px 0 0; padding: 0; }
.llmscu-settings-list li { border-top: 1px solid var(--line-soft); }
.llmscu-settings-item { background: none; border: 0; color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; font: inherit; padding: 14px 0; text-align: left; text-decoration: none; width: 100%; }
.llmscu-settings-item span { color: var(--ink-2); font-size: 13px; }
.llmscu-settings-item:hover strong, .llmscu-settings-item:focus strong { text-decoration: underline; }

/* ---- Settings: one side list, the forms beside it ---- */
.llmscu-settings { align-items: flex-start; display: grid; gap: 20px; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); }
.llmscu-settings__nav h2 { font-size: 17px; margin: 0; }
.llmscu-settings__body .llms-txt-embedded { margin: 0; }
/* The side list is the navigation; the embedded tab bar would repeat it. */
.llmscu-settings__body .llms-txt-embedded .llms-txt-tabs { display: none; }
.llmscu-accounted { color: var(--ink-2); font-size: 13px; margin-top: 6px; }
.llmscu-accounted summary { cursor: pointer; }
@media (max-width: 960px) { .llmscu-settings { grid-template-columns: 1fr; } }

/* ---- Final polish: spacing, affordance, consistent sizes ---- */
/* Buttons never sit directly on the text above them. */
.llmscu-card .description + .llmscu-inline,
.llmscu-card p + .llmscu-inline,
.llmscu-card p + form,
#llmscu-dev-panel .llmscu-inline + p { margin-top: 14px; }
.llmscu-composer__head p { margin: 6px 0 0; }
.llmscu-shell__actions { gap: 10px; }

/* Settings entries look and behave like navigation. */
.llmscu-settings-item { border-radius: 8px; margin: 2px -10px; padding: 12px 28px 12px 10px; position: relative; width: calc(100% + 20px); }
.llmscu-settings-item::after { color: var(--ink-2); content: "\203A"; font-size: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.llmscu-settings-item:hover, .llmscu-settings-item:focus-visible { background: var(--accent-soft); }
.llmscu-settings-item[aria-current="true"] { background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); }
.llmscu-settings-item[aria-current="true"] strong { color: var(--accent); }

/* Options is a working button, not a disabled one. */
.llmscu-row__tools [data-act="row-more"], .llmscu-res__tools [data-act="row-more"] { color: var(--ink); }

/* Section controls match the row controls; the heading was enlarging them. */
.llmscu-section__head .llmscu-btn { font-size: 13px; min-height: 34px; padding: 4px 12px; }
.llmscu-section__head .llmscu-iconbtn { font-size: 15px; }

/* Nothing to publish reads as a state, not a broken button. */
#llmscu-publish:disabled { background: transparent; border-color: transparent; color: var(--ok, #00703c); cursor: default; opacity: 1; }

.llmscu-primary-empty { color: var(--ink-2); margin: 0; }

/* Review: the bulk bar appears when there is something to act on. */
.llmscu-bulk { display: none; }
.llmscu-bulk.is-active { display: flex; }

/* The settings forms, in Curator's visual language. */
.llms-txt-embedded .llms-txt-card, .llms-txt-embedded .llms-txt-status-box { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); box-shadow: none; padding: 22px 24px; }
.llms-txt-embedded h2 { font-size: 17px; }
.llms-txt-embedded .form-table th { color: var(--ink); font-weight: 600; width: 220px; }
.llms-txt-embedded .description { color: var(--ink-2); }
.llms-txt-embedded .button { border-radius: 6px; }
/* The header already offers View live file. */
.llms-txt-embedded #llms-txt-status-box a[href$="llms.txt"] { display: none; }

/* ---- Navigation that looks like what it is: buttons ---- */
.llmscu .llmscu-nav__core { display: flex; flex-wrap: wrap; gap: 8px; }
.llmscu .llmscu-nav__core button {
	background: var(--surface); border: 1px solid var(--line); border-radius: 8px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); color: var(--ink); cursor: pointer;
	font-weight: 600; min-height: 42px; padding: 8px 16px;
}
.llmscu .llmscu-nav__core button:hover { border-color: var(--accent); color: var(--accent); }
.llmscu .llmscu-nav__core button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.llmscu .llmscu-nav__core button[aria-current="page"] { background: var(--accent); border-color: var(--accent); box-shadow: none; color: #fff; }

/* Up to date is a state, shown as a chip rather than a link-like label. */
.llmscu #llmscu-publish:disabled {
	background: #e7f5ec; border: 1px solid #b8e0c6; border-radius: 999px; color: #00703c;
	font-weight: 600; min-height: 36px; padding: 6px 14px;
}

/* Settings: the status panel's actions are buttons, and headings breathe consistently. */
.llms-txt-embedded .button, .llms-txt-embedded .button-small {
	align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: 8px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); color: var(--ink); display: inline-flex; font-weight: 600;
	gap: 6px; line-height: 1.2; min-height: 36px; padding: 6px 14px;
}
.llms-txt-embedded .button:hover { border-color: var(--accent); color: var(--accent); }
.llms-txt-embedded h2 { margin: 0 0 14px; }