/* Shared skins for the R-2528 boards. Layout stays inline in each board. */
.x-root{font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px}
.x-root *{box-sizing:border-box}
.x-root h1,.x-root h2,.x-root h3,.x-root p{margin:0}
.x-root a{color:var(--primary-700)}
[data-theme="dark"] .x-root a,[data-theme="dark"].x-root a{color:var(--primary-300)}
.x-pc{background:var(--content1);border:1px solid var(--default-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-small)}
.x-over{font:600 12px/16px var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--default-500)}
.x-muted{color:var(--default-500)}
.x-soft{color:var(--default-600)}
.x-bar{height:10px;border-radius:5px;background:var(--default-200)}
.x-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--default-200);background:var(--content2);color:var(--default-700);font:600 12px/16px var(--font-sans);white-space:nowrap}
.x-chip--btn{min-height:44px;padding:0 16px;font-size:13.5px;background:var(--content1);cursor:pointer}
.x-chip--on{border-color:var(--primary);color:var(--primary-700);background:color-mix(in srgb,var(--primary) 10%,var(--content1))}
[data-theme="dark"] .x-chip--on{color:var(--primary-300)}
.x-proto{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--status-in-progress) 55%,transparent);background:color-mix(in srgb,var(--status-in-progress) 16%,var(--content1));color:var(--warn-text);font:700 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.x-root .nx-btn--primary{color:var(--brand-navy)}
.x-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-medium);border:2px solid var(--default-200);background:var(--content1);color:var(--foreground);font:600 13.5px/20px var(--font-sans);text-decoration:none;cursor:pointer}
.x-root a.x-btn{color:var(--foreground)}
.x-btn--sm{min-height:36px;padding:0 12px;font-size:13px}
.x-btn--danger{border-color:var(--danger);color:var(--bad-text)}
.x-kbd{font:600 12px/16px ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 6px;border-radius:6px;background:var(--default-100);color:var(--default-700)}
.x-code{font:500 12.5px/18px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--default-100);color:var(--default-800);border-radius:var(--radius-medium);padding:14px 16px;white-space:pre;overflow-x:auto}
.x-field{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:var(--radius-medium);border:2px solid var(--default-200);background:var(--content1);color:var(--default-600)}
.x-st{display:inline-flex;align-items:center;gap:8px;font:600 13px/18px var(--font-sans)}
.x-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-sm);font:600 12px/18px var(--font-sans);white-space:nowrap}
.x-badge--good{background:color-mix(in srgb,var(--success-500) 16%,var(--content1));color:var(--good-text)}
.x-badge--bad{background:color-mix(in srgb,var(--danger) 16%,var(--content1));color:var(--bad-text)}
.x-badge--warn{background:color-mix(in srgb,var(--status-in-progress) 16%,var(--content1));color:var(--warn-text)}
.x-badge--info{background:color-mix(in srgb,var(--secondary-500) 14%,var(--content1));color:var(--info-text)}
.x-badge--mute{background:var(--default-100);color:var(--default-700)}
.x-tbl{width:100%;border-collapse:collapse;font-size:13.5px;line-height:20px}
.x-tbl th{text-align:left;font:600 12px/16px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--default-600);background:var(--default-100);padding:10px 14px;white-space:nowrap}
.x-tbl th:first-child{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}
.x-tbl th:last-child{border-radius:0 var(--radius-medium) var(--radius-medium) 0}
.x-tbl td{padding:12px 14px;border-bottom:1px solid var(--default-200);vertical-align:top}
.x-tbl tr:last-child td{border-bottom:0}
.x-tbl td:first-child{font-weight:600}
.x-tbl tr.is-sel td{background:color-mix(in srgb,var(--primary) 8%,transparent)}
.x-scroll{overflow-x:auto}
.x-logo-d{display:none}
[data-theme="dark"] .x-logo-l{display:none}
[data-theme="dark"] .x-logo-d{display:inline}
.x-sw{width:40px;height:24px;border-radius:9999px;background:var(--default-500);border:0;padding:2px;display:inline-flex;align-items:center;cursor:pointer;flex:none}
.x-sw[aria-checked="true"]{background:var(--primary-700);justify-content:flex-end}
.x-sw span{width:20px;height:20px;border-radius:9999px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);display:block}
.x-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;line-height:20px;color:var(--default-500)}
.x-crumbs b{font-weight:500;color:var(--foreground)}
.x-item{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--default-200);border-radius:var(--radius-large);background:var(--content1)}
.x-item.is-sel{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.x-prog{height:8px;border-radius:9999px;background:var(--default-200);overflow:hidden}
.x-prog i{display:block;height:100%;background:var(--primary-700);border-radius:9999px}