/* Protected configuration workspace; all assets and typography remain local. */
.admin-shell { --configuration-muted:#65738a; --configuration-border:#e1e7f1; }
.admin-sidebar nav a, .admin-sidebar-bottom, .admin-sidebar-bottom button { color:#5e6d85; }
.admin-shell .admin-page-heading p { color:var(--configuration-muted); }
.admin-shell a.admin-primary, .admin-shell a.admin-secondary { text-decoration:none; white-space:normal; }
.admin-shell a.admin-primary { color:white; }
.admin-shell .admin-private-badge { text-decoration:none; color:#346756; }
.configuration-skip { position:fixed; left:16px; top:-80px; z-index:100; background:white; color:#3146b3; padding:12px; border:2px solid #5264de; border-radius:8px; }
.configuration-skip:focus { top:12px; }
.admin-shell :is(a,button,input,textarea,summary,pre):focus-visible { outline:3px solid #6478e2; outline-offset:3px; }
.configuration-back { display:inline-block; color:#5264bc; font-size:12px; margin-bottom:20px; text-decoration:none; }
.configuration-overview { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:30px; border:1px solid #dce3f9; background:linear-gradient(110deg,#eef1ff,#fafcff); border-radius:16px; margin-bottom:24px; }
.configuration-overview>div { display:flex; align-items:center; gap:22px; min-width:0; }
.configuration-overview-mark { width:62px; height:62px; flex-shrink:0; padding:10px; background:white; border-radius:18px; box-sizing:border-box; box-shadow:0 6px 20px #354aaf0a; }
.configuration-overview-mark svg { width:100%; height:100%; }
.configuration-overview h2 { margin:0 0 8px; font-size:20px; line-height:1.4; letter-spacing:-.4px; }
.configuration-overview p { max-width:510px; font-size:13px; line-height:1.7; color:#596883; margin:0; }
.configuration-overview .admin-eyebrow { margin-bottom:6px; }
.configuration-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.configuration-card,.configuration-panel { padding:26px; border:1px solid var(--configuration-border); background:white; border-radius:14px; min-width:0; }
.configuration-card { display:flex; flex-direction:column; text-decoration:none; color:inherit; transition:border-color .15s,box-shadow .15s; }
.configuration-card:hover { border-color:#afbce9; box-shadow:0 7px 22px #354aaf08; color:inherit; }
.configuration-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; flex-wrap:wrap; }
.configuration-icon { display:inline-flex; justify-content:center; align-items:center; width:38px; height:38px; border-radius:11px; background:#eff2ff; color:#5367cd; flex-shrink:0; }
.configuration-badge { display:inline-flex; align-items:center; font-size:11px; font-weight:600; line-height:1.5; color:#68758a; background:#f0f3f8; padding:5px 9px; border-radius:6px; }
.configuration-badge.is-ready { background:#edf7f2; color:#346e57; }
.configuration-card h2,.configuration-panel h2 { font-size:17px; margin:0 0 9px; line-height:1.5; font-weight:650; letter-spacing:-.3px; }
.configuration-card p,.configuration-panel p { font-size:13px; color:var(--configuration-muted); line-height:1.8; margin:0 0 18px; }
.configuration-card dl { margin:5px 0 22px; padding:16px 0 0; border-top:1px solid #eef1f7; font-size:12px; }
.configuration-card dl>div { display:flex; justify-content:space-between; gap:14px; margin-bottom:10px; }
.configuration-card dt { color:var(--configuration-muted); }
.configuration-card dd { margin:0; text-align:right; max-width:65%; overflow-wrap:anywhere; }
.configuration-card-link,.configuration-text-link { display:inline-flex; align-items:center; gap:8px; color:#4f61be; font-size:12px; font-weight:650; text-decoration:none; }
.configuration-card-link { margin-top:auto; }
.configuration-card-link svg,.configuration-text-link svg { width:16px; height:16px; }
.configuration-footnote { display:flex; gap:10px; color:var(--configuration-muted); font-size:12px; line-height:1.8; margin-top:24px; }
.configuration-footnote svg { flex-shrink:0; margin-top:3px; }
.configuration-notice { display:flex; align-items:flex-start; gap:15px; padding:20px 22px; background:#f0f3fc; border:1px solid #dfe5f6; border-radius:12px; margin-bottom:24px; }
.configuration-notice strong { display:block; font-size:13px; color:#405477; margin-bottom:5px; }
.configuration-notice p { font-size:12px; color:#5e6d85; line-height:1.8; margin:0; max-width:740px; }
.configuration-notice>.configuration-badge { flex-shrink:0; margin-left:auto; background:white; }
.configuration-editor-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,300px); gap:24px; align-items:start; }
.configuration-form,.configuration-aside,.configuration-stack { display:flex; flex-direction:column; gap:20px; min-width:0; }
.configuration-section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:22px; }
.configuration-section-heading>svg { color:#8997b6; flex-shrink:0; }
.configuration-section-heading h2 { margin-top:5px; }
.configuration-section-heading p { margin:0; }
.configuration-step { display:inline-block; color:#6779bf; font-size:10px; font-weight:750; letter-spacing:1.4px; }
.configuration-field { margin:0 0 20px; min-width:0; }
.configuration-field:last-child { margin-bottom:0; }
.configuration-field label { display:flex; justify-content:space-between; gap:10px; font-size:12px; font-weight:650; line-height:1.7; color:#3b4a65; margin-bottom:8px; }
.configuration-field label>span { color:#7b879c; font-size:10px; font-weight:400; }
.configuration-field input,.configuration-field textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid #d5deed; border-radius:8px; background:#fcfdff; color:#293952; font:inherit; font-size:13px; line-height:1.6; padding:11px 12px; }
.configuration-field textarea { resize:vertical; }
.configuration-field input::placeholder,.configuration-field textarea::placeholder { color:#8290a9; }
.configuration-field input[readonly] { background:#f5f7fb; }
.configuration-field [aria-invalid=true] { border-color:#b85656; background:#fffafa; }
.configuration-field small,.configuration-panel>small { display:block; font-size:11px; line-height:1.8; color:#69778f; margin-top:7px; }
.configuration-field-error { color:#a83f45!important; }
.configuration-field-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.configuration-field-row .configuration-field { margin-bottom:0; }
.configuration-definition { font-size:12px; margin:20px 0; }
.configuration-definition>div { padding:12px 0; border-bottom:1px solid #edf0f6; }
.configuration-definition dt { color:var(--configuration-muted); margin-bottom:6px; }
.configuration-definition dd { margin:0; line-height:1.7; overflow-wrap:anywhere; color:#3c4c68; }
.configuration-aside ol,.configuration-next-steps { margin:14px 0; padding-left:20px; font-size:12px; line-height:1.85; color:#63718a; }
.configuration-aside li,.configuration-next-steps li { padding-left:3px; margin:0 0 11px; }
.configuration-help { background:#f3f5fc; border-style:dashed; }
.configuration-help p:last-child { margin-bottom:0; }
.configuration-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; padding:4px 0; }
.configuration-actions .admin-primary { padding:12px 18px; }
.configuration-form-feedback { font-size:12px; line-height:1.8; color:#425a83; scroll-margin-top:20px; }
.configuration-form-feedback:empty { display:none; }
.configuration-form-feedback a { color:#9b3b44; }
.configuration-review { background:#f4f6fd; border:1px solid #cfd9f3; border-radius:14px; padding:24px; min-width:0; }
.configuration-review[hidden] { display:none; }
.configuration-review h2 { font-size:18px; margin:0; }
.configuration-review p { font-size:12px; color:#596b89; line-height:1.8; }
.configuration-review pre { background:white; border:1px solid #dce3f2; padding:18px; border-radius:9px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.8; color:#374c76; }
.configuration-inline-actions { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0 22px; }
.configuration-channel-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-bottom:20px; }
.configuration-channel-letter { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:11px; font-size:25px; font-weight:700; color:#35815f; background:#eaf6ef; }
.configuration-roadmap { padding:18px 24px; }
.configuration-roadmap summary { cursor:pointer; color:#485b79; font-size:13px; font-weight:650; }
.configuration-roadmap summary span { color:#78869b; font-size:11px; font-weight:400; margin-left:12px; }
.configuration-roadmap p { margin:16px 0 0; }
.configuration-section-title { margin:35px 0 22px; scroll-margin-top:20px; }
.configuration-section-title h2 { font-size:22px; letter-spacing:-.4px; margin:0 0 8px; }
.configuration-section-title p { font-size:12px; color:var(--configuration-muted); line-height:1.8; max-width:780px; }
.configuration-copy-row { display:flex; gap:8px; align-items:stretch; min-width:0; }
.configuration-copy-row code { display:block; padding:12px 8px; background:#f2f4fa; border-radius:7px; font-size:11px; overflow-wrap:anywhere; min-width:0; flex:1; }
.configuration-copy-row input { flex:1; }
.configuration-copy-row button { flex-shrink:0; font-size:11px; padding:8px 10px; }
.configuration-copy-feedback { font-size:12px; color:#4c6285; line-height:1.7; }
.configuration-panel code { white-space:normal; overflow-wrap:anywhere; font-size:11px; }
.configuration-permission { display:flex; gap:16px; margin:24px 0; }
.configuration-permission h3 { font-size:13px; margin:0 0 7px; }
.configuration-permission p { margin:0; }
.configuration-table-wrap { overflow-x:auto; }
.configuration-table { width:100%; text-align:left; font-size:12px; border-collapse:collapse; }
.configuration-table caption { text-align:left; font-size:12px; font-weight:650; color:#4b5e7b; padding-bottom:12px; }
.configuration-table :is(th,td) { border-bottom:1px solid #e9edf5; padding:12px 8px; }
.configuration-table th { background:#f7f9fc; color:#62718b; }
.configuration-dialog { width:min(440px,calc(100% - 40px)); box-sizing:border-box; border:1px solid #dce3f2; border-radius:16px; padding:28px; box-shadow:0 20px 100px #20305030; color:#293952; }
.configuration-dialog::backdrop { background:#1c294d55; }
.configuration-dialog h2 { font-size:21px; margin:0 0 14px; }
.configuration-dialog p { font-size:13px; color:#61718b; line-height:1.8; }
.configuration-account-grid { display:grid; grid-template-columns:minmax(0,600px) minmax(230px,300px); gap:24px; align-items:start; }
.configuration-account-grid .admin-account-card { width:100%; max-width:none; box-sizing:border-box; }
@media (min-width:901px) { .admin-sidebar { position:sticky; top:0; height:100vh; overflow-y:auto; } }
@media (max-width:1100px) { .configuration-editor-grid { grid-template-columns:minmax(0,1fr); } .configuration-aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .configuration-notice>.configuration-badge { display:none; } .configuration-account-grid { grid-template-columns:minmax(0,1fr); } }
@media (max-width:700px) { .configuration-card-grid,.configuration-channel-summary,.configuration-aside { grid-template-columns:minmax(0,1fr); } .configuration-overview { flex-direction:column; align-items:stretch; padding:24px; } .configuration-overview>div { align-items:flex-start; gap:14px; } .configuration-overview-mark { width:46px; height:46px; padding:7px; border-radius:13px; } .configuration-overview h2 { font-size:18px; } .configuration-notice { padding:18px; } .configuration-notice>.configuration-icon { display:none; } .configuration-panel,.configuration-card { padding:22px; } .configuration-field-row { grid-template-columns:minmax(0,1fr); gap:20px; } .configuration-actions { justify-content:space-between; flex-wrap:wrap; } .configuration-actions button { flex:1; } .configuration-review { padding:20px; } .configuration-copy-row { flex-wrap:wrap; } .configuration-copy-row input { flex-basis:100%; } }
@media (prefers-reduced-motion:reduce) { .configuration-card { transition:none; } }

.configuration-field :is(input,textarea), .configuration-actions button,
.configuration-inline-actions button, .configuration-copy-row button { min-height:44px; }
.admin-sidebar nav a { min-height:42px; box-sizing:border-box; }
@media (max-width:700px) {
  .configuration-page-heading { flex-direction:column; align-items:flex-start; }
  .configuration-page-heading p { font-size:12px; max-width:none; }
  .configuration-page-heading .admin-secondary { margin-top:0; font-size:12px; }
}
@media (max-width:420px) {
  .configuration-actions { flex-direction:column-reverse; align-items:stretch; }
  .configuration-actions button { width:100%; flex:auto; }
}