:root {
  color-scheme: dark;
  --bg: #080d13;
  --panel: #111923;
  --panel-2: #172331;
  --line: #27384a;
  --text: #edf4fa;
  --muted: #98aabd;
  --accent: #5db8ff;
  --good: #65dc97;
  --warn: #ffd166;
  --danger: #ff7584;
  --shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 12% -10%, rgba(40, 119, 177, .22), transparent 35rem),
    radial-gradient(circle at 92% 4%, rgba(38, 158, 100, .14), transparent 30rem),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: inherit; }
button, input, select, textarea { font: inherit; }
button, .button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel-2);
  color: var(--text);
  text-decoration: none;
  font-weight: 760;
  cursor: pointer;
}
button:hover, .button:hover { border-color: var(--accent); }
.button.primary, button.primary { background: #165486; border-color: #2d8ac7; }
.button.good, button.good { background: #16583a; border-color: #2d9c63; }
.button.danger, button.danger { background: #642635; border-color: #a34152; }
.button.ghost, button.ghost { background: transparent; }

.site-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 68px;
  padding: 10px clamp(18px, 4vw, 52px);
  border-bottom: 1px solid rgba(93, 184, 255, .14);
  background: rgba(8, 13, 19, .86);
  backdrop-filter: blur(15px);
}
.brand { display: inline-flex; align-items: center; gap: 10px; margin-right: auto; text-decoration: none; font-weight: 900; letter-spacing: .02em; }
.brand img { width: 31px; height: 31px; }
.nav-links { display: flex; align-items: center; gap: 8px; }
.nav-links form { margin: 0; }
.user-chip { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 13px; }

.page {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 46px 0 70px;
}
.page.narrow { width: min(520px, calc(100% - 32px)); }
.page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-bottom: 24px; }
h1, h2, h3 { margin-top: 0; }
h1 { margin-bottom: 8px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.035em; }
h2 { font-size: 20px; }
p { line-height: 1.6; }
.muted { color: var(--muted); }
.eyebrow { color: var(--accent); font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }

.panel, .card {
  border: 1px solid var(--line);
  border-radius: 17px;
  background: linear-gradient(145deg, rgba(23, 35, 49, .95), rgba(14, 23, 33, .95));
  box-shadow: var(--shadow);
}
.panel { padding: clamp(20px, 4vw, 34px); }
.card { padding: 20px; }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.metric { font-size: 34px; font-weight: 950; }

label { display: block; margin: 15px 0 6px; color: #bfd0df; font-size: 13px; font-weight: 700; }
input, select, textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  outline: 0;
  background: #0a121b;
  color: var(--text);
}
textarea { min-height: 150px; resize: vertical; line-height: 1.55; }
input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(93, 184, 255, .13); }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 20px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.notice {
  margin: 0 0 18px;
  padding: 12px 14px;
  border: 1px solid #385b76;
  border-radius: 11px;
  background: rgba(37, 99, 141, .14);
  color: #d9edfc;
}
.notice.error { border-color: #874151; background: rgba(130, 44, 60, .18); color: #ffd9df; }
.notice.success { border-color: #327755; background: rgba(40, 125, 82, .15); color: #dcfbe8; }

.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; }
table { width: 100%; border-collapse: collapse; background: rgba(13, 21, 30, .82); }
th, td { padding: 12px 13px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; font-size: 13px; }
th { color: #8da4b7; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
tbody tr:last-child td { border-bottom: 0; }
.pill { display: inline-flex; padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; color: #c2d2df; font-size: 11px; white-space: nowrap; }
.pill.approved, .pill.open { border-color: #2f8a59; color: #82e7a8; }
.pill.pending, .pill.high { border-color: #947021; color: #ffdc86; }
.pill.rejected, .pill.urgent { border-color: #984657; color: #ff9cab; }

.ticket-message { margin-bottom: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: rgba(8, 15, 23, .72); }
.ticket-reply-locked { margin-top: 16px; line-height: 1.55; }
.ticket-meta { margin-bottom: 8px; color: var(--muted); font-size: 12px; }
.ticket-body { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.58; }
.update-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.update-drop-zone {
  display: grid;
  place-items: center;
  min-height: 190px;
  padding: 28px;
  border: 2px dashed #3a5872;
  border-radius: 16px;
  background: rgba(8, 16, 24, .62);
  text-align: center;
  transition: border-color .16s, background .16s, transform .16s;
}
.update-drop-zone.dragging { border-color: var(--accent); background: rgba(40, 116, 168, .14); transform: translateY(-2px); }
.update-drop-zone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.update-drop-zone strong { font-size: 18px; }
.update-file-name { margin-top: 10px; color: var(--good); font-weight: 800; overflow-wrap: anywhere; }
.update-status { min-height: 24px; margin-top: 12px; color: var(--muted); }
.update-status.error { color: var(--danger); }
.update-status.success { color: var(--good); }
.release-section { margin-top: 28px; }
.key-fingerprint { margin: 18px 0 0; color: var(--muted); font-size: 12px; overflow-wrap: anywhere; }
.key-fingerprint code { color: #c9e8ff; }
.footer { padding: 30px 16px 46px; color: #6f8497; text-align: center; font-size: 12px; }

@media (max-width: 820px) {
  .cards { grid-template-columns: 1fr; }
  .update-grid { grid-template-columns: 1fr; }
  .page-head { flex-direction: column; }
  .grid-2 { grid-template-columns: 1fr; }
  .user-chip { display: none; }
}
@media (max-width: 580px) {
  .site-nav { padding-inline: 14px; }
  .nav-links .optional { display: none; }
  .page { width: min(100% - 22px, 1120px); padding-top: 28px; }
  .panel { padding: 19px; }
}

/* Dashboard and Admin Center redesign — v32.29.33 */
.admin-nav-button {
  min-height: 42px;
  border-color: rgba(159, 119, 255, .58);
  background: linear-gradient(135deg, rgba(106, 65, 181, .95), rgba(69, 43, 124, .95));
  box-shadow: 0 8px 24px rgba(77, 44, 140, .24);
}
.admin-nav-button:hover { border-color: #b89bff; box-shadow: 0 10px 30px rgba(94, 57, 169, .35); }
.button-icon { font-size: 16px; line-height: 1; }
.dashboard-page, .admin-home-page { width: min(1180px, calc(100% - 32px)); padding-top: 34px; }
.dashboard-hero, .admin-hero {
  position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); align-items: center; gap: 42px;
  min-height: 360px; padding: clamp(30px, 5vw, 62px); border: 1px solid rgba(93, 184, 255, .23); border-radius: 28px;
  background: linear-gradient(132deg, rgba(15, 29, 43, .98), rgba(9, 20, 30, .98) 55%, rgba(10, 38, 35, .92)); box-shadow: 0 30px 90px rgba(0,0,0,.38);
}
.dashboard-hero::before, .admin-hero::before { content:""; position:absolute; inset:-45% -10% auto 45%; height:520px; background:radial-gradient(circle,rgba(38,164,122,.18),transparent 66%); pointer-events:none; }
.hero-copy, .hero-visual, .admin-hero > * { position: relative; z-index: 1; }
.hero-kicker { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:#9bc7e8; font-size:12px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.live-dot { width:8px; height:8px; border-radius:50%; background:#65dc97; box-shadow:0 0 0 5px rgba(101,220,151,.11),0 0 18px rgba(101,220,151,.72); }
.dashboard-hero h1 { max-width:760px; margin:0 0 18px; font-size:clamp(42px,6vw,72px); line-height:.98; letter-spacing:-.055em; }
.dashboard-hero h1 span { color:#74c6ff; }
.hero-subtitle { max-width:610px; margin:0; color:#aabccc; font-size:17px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; }
.launch-button { min-height:52px; padding:0 19px; border-color:#35a0e5; background:linear-gradient(135deg,#1471ae,#185989); box-shadow:0 14px 38px rgba(17,103,163,.28); }
.launch-button:hover { box-shadow:0 16px 42px rgba(17,103,163,.4); transform:translateY(-1px); }
.button-arrow { margin-left:8px; font-size:18px; }
.secondary-button { min-height:52px; padding:0 18px; background:rgba(13,24,35,.76); border-color:#35506a; }
.hero-visual { min-height:250px; display:grid; place-items:center; }
.cad-orbit { position:absolute; border:1px solid rgba(109,198,255,.22); border-radius:50%; transform:rotate(-18deg); }
.orbit-one { width:280px; height:170px; }.orbit-two { width:210px; height:280px; transform:rotate(48deg); }
.cad-cube { position:relative; width:132px; height:132px; transform:rotate(30deg) skewY(-8deg); filter:drop-shadow(0 20px 30px rgba(0,0,0,.38)); }
.cad-cube span { position:absolute; inset:0; border:2px solid rgba(118,211,255,.9); border-radius:18px; background:linear-gradient(145deg,rgba(44,148,202,.34),rgba(31,106,119,.12)); box-shadow:inset 0 0 32px rgba(65,191,225,.14); }
.cad-cube span:nth-child(2){transform:translate(25px,-25px);opacity:.48}.cad-cube span:nth-child(3){transform:translate(-25px,25px);opacity:.28}
.hero-status { position:absolute; right:0; bottom:4px; display:flex; align-items:center; gap:11px; min-width:255px; padding:13px 15px; border:1px solid rgba(101,220,151,.28); border-radius:15px; background:rgba(7,17,24,.86); backdrop-filter:blur(12px); box-shadow:0 18px 50px rgba(0,0,0,.3); }
.status-icon { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:rgba(51,165,103,.2); color:#82e7a8; font-weight:900; }
.hero-status strong,.hero-status small { display:block; }.hero-status strong{font-size:13px}.hero-status small{max-width:190px;margin-top:3px;color:#8198ab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.dashboard-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:34px 0 16px; }
.dashboard-section-head h2 { margin:0; font-size:27px; }.dashboard-section-head .eyebrow{margin:0 0 5px}.workspace-role { padding:7px 10px; border:1px solid #2d455a; border-radius:999px; color:#9fb4c5; font-size:12px; }
.service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.service-card { position:relative; min-height:224px; display:flex; flex-direction:column; align-items:flex-start; padding:22px; border:1px solid #263b4d; border-radius:21px; background:linear-gradient(145deg,rgba(20,31,43,.98),rgba(11,20,29,.98)); text-decoration:none; box-shadow:0 18px 48px rgba(0,0,0,.2); transition:transform .18s,border-color .18s,box-shadow .18s; }
.service-card:hover { transform:translateY(-4px); border-color:#4d82a8; box-shadow:0 24px 56px rgba(0,0,0,.3); }
.service-card-primary { background:linear-gradient(145deg,rgba(19,57,82,.98),rgba(11,31,46,.98)); border-color:#2d719c; }
.admin-service-card { background:linear-gradient(145deg,rgba(51,35,82,.98),rgba(22,20,39,.98)); border-color:#654b93; }
.service-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:22px; border:1px solid rgba(93,184,255,.35); border-radius:15px; background:rgba(40,132,193,.14); color:#78caff; font-size:25px; }
.ticket-icon{color:#7ee0bc;border-color:rgba(79,190,147,.35);background:rgba(55,155,112,.13)}.admin-icon{color:#c2aaff;border-color:rgba(160,120,235,.38);background:rgba(114,77,181,.16)}.account-icon{color:#82e7a8;border-color:rgba(70,180,116,.35);background:rgba(55,155,112,.13)}
.service-label { display:block; margin-bottom:6px; color:#7f98ac; font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.service-copy h3 { margin:0 0 9px; font-size:23px; }.service-copy p{margin:0;color:#95a8b9;font-size:14px;line-height:1.55}.service-arrow{position:absolute;right:20px;top:22px;color:#7993a6;font-size:22px}.status-badge{margin-top:auto;padding:6px 9px;border:1px solid #2f8a59;border-radius:999px;color:#82e7a8;font-size:11px}
.admin-hero { min-height:220px; grid-template-columns:1fr auto; padding:38px 42px; background:linear-gradient(132deg,rgba(39,28,65,.98),rgba(14,20,31,.98) 58%,rgba(17,49,52,.94)); border-color:rgba(159,119,255,.32); }
.admin-hero h1{margin:0 0 8px;font-size:clamp(38px,5vw,58px)}.admin-hero p{margin:0;color:#a9b7c5;font-size:16px}
.admin-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:22px; }
.admin-stat-card { position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:15px; align-items:center; min-height:155px; padding:21px; border:1px solid #2b4053; border-radius:20px; background:linear-gradient(145deg,rgba(21,32,44,.98),rgba(11,20,29,.98)); text-decoration:none; box-shadow:0 18px 45px rgba(0,0,0,.2); transition:.18s; }
.admin-stat-card:hover{transform:translateY(-3px);border-color:#527da0}.admin-stat-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(93,184,255,.12);color:#7cc9ff;font-size:23px}.pending-card .admin-stat-icon{color:#ffd980;background:rgba(191,137,42,.14)}.tickets-card .admin-stat-icon{color:#78dfb6;background:rgba(50,155,112,.14)}
.admin-stat-card small,.admin-stat-card strong,.admin-stat-card div span{display:block}.admin-stat-card small{color:#8ca0b2;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.admin-stat-card strong{margin:3px 0;font-size:38px;line-height:1}.admin-stat-card div span{color:#8196a8;font-size:12px}.admin-stat-card b{color:#728da2;font-size:20px}
.admin-tools-section{margin-top:6px}.admin-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.admin-tool-card{position:relative;display:flex;align-items:flex-start;gap:15px;min-height:170px;padding:22px;border:1px solid #283d50;border-radius:20px;background:rgba(13,23,33,.84);text-decoration:none;transition:.18s}.admin-tool-card:hover{transform:translateY(-3px);border-color:#5485a8;background:rgba(18,31,43,.96)}.admin-tool-card h3{margin:2px 0 8px;font-size:19px}.admin-tool-card p{margin:0;color:#8ea2b4;font-size:13px;line-height:1.5}.release-tool{border-color:#5d4b88;background:linear-gradient(145deg,rgba(42,31,65,.9),rgba(16,22,32,.94))}.tool-mark{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:1px solid #3b5870;border-radius:14px;color:#87ceff;background:rgba(53,129,178,.12);font-size:22px}.release-tool .tool-mark{border-color:#6c55a1;color:#c7b0ff;background:rgba(110,74,173,.16)}
.admin-queue-notice{display:flex;align-items:center;gap:10px;margin-top:18px;padding:13px 15px;border:1px solid #755d2b;border-radius:13px;background:rgba(125,88,24,.13);color:#f6d88d;font-size:13px}.admin-queue-notice span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,209,102,.13);font-weight:900}
@media(max-width:920px){.dashboard-hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:220px}.service-grid,.admin-stat-grid,.admin-tool-grid{grid-template-columns:1fr}.admin-hero{grid-template-columns:1fr}.admin-hero .secondary-button{justify-self:start}}
@media(max-width:580px){.dashboard-page,.admin-home-page{width:min(100% - 22px,1180px)}.dashboard-hero,.admin-hero{padding:25px 21px;border-radius:21px}.dashboard-hero h1{font-size:42px}.hero-status{position:relative;right:auto;bottom:auto;margin-top:180px;width:100%}.service-card{min-height:190px}.admin-nav-button span:not(.button-icon){display:none}.admin-nav-button{padding:0 12px}}

/* User control, confirmation and live-version status — v32.29.34 */
.version-section { margin-bottom: 24px; }
.version-section .dashboard-section-head { margin-top: 0; }
.live-version-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 12px;
  border: 1px solid rgba(101, 220, 151, .28);
  border-radius: 999px;
  background: rgba(42, 132, 83, .12);
  color: #a8efc3;
  font-size: 12px;
  font-weight: 850;
}
.live-version-badge .live-dot { width: 7px; height: 7px; box-shadow: 0 0 0 4px rgba(101,220,151,.1), 0 0 13px rgba(101,220,151,.58); }
.version-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.version-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 135px;
  padding: 21px;
  border: 1px solid #2d4356;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(20, 32, 45, .98), rgba(10, 19, 28, .98));
  box-shadow: 0 18px 48px rgba(0,0,0,.2);
}
.website-version-card { border-color: rgba(93,184,255,.38); }
.app-version-card { border-color: rgba(101,220,151,.32); }
.version-card-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(93,184,255,.34);
  border-radius: 15px;
  background: rgba(37, 126, 184, .14);
  color: #8fd3ff;
  font-weight: 950;
  letter-spacing: -.04em;
}
.app-version-card .version-card-icon { border-color: rgba(101,220,151,.32); background: rgba(47,145,91,.14); color: #91ecb4; }
.version-card h3 { margin: 2px 0 7px; font-size: clamp(20px, 2.5vw, 28px); overflow-wrap: anywhere; }
.version-card p { margin: 0; color: #8499aa; font-size: 12px; }
.version-card code { color: #b9d9ef; overflow-wrap: anywhere; }

.user-control-page { width: min(1280px, calc(100% - 32px)); }
.user-table-wrap table { min-width: 1480px; }
.user-table-wrap td:last-child { min-width: 300px; }
.presence-pill { align-items:center; gap:6px; }
.presence-pill.offline { border-color:#445464; color:#9babb7; }
.presence-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:currentColor; box-shadow:0 0 0 3px rgba(130,231,168,.08); }
.presence-pill.offline .presence-dot { box-shadow:0 0 0 3px rgba(155,171,183,.08); }
.presence-last-seen { display:inline-block; max-width:160px; margin-top:5px; line-height:1.35; }
.user-action-group { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.user-action-group form { margin: 0; }
.compact-action { min-height: 34px; padding: 0 10px; border-radius: 9px; font-size: 12px; white-space: nowrap; }
.action-note { font-size: 12px; }
body.modal-open { overflow: hidden; }
.confirm-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; }
.confirm-modal[hidden] { display: none; }
.confirm-modal-backdrop { position: absolute; inset: 0; background: rgba(2, 6, 10, .78); backdrop-filter: blur(8px); }
.confirm-modal-card {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  padding: 28px;
  border: 1px solid #3a5268;
  border-radius: 22px;
  background: linear-gradient(150deg, #172331, #0d161f 68%);
  box-shadow: 0 34px 110px rgba(0,0,0,.58);
}
.confirm-modal-card h2 { margin: 5px 0 10px; font-size: 28px; }
.confirm-modal-card > .muted { margin: 0; }
.confirm-modal-icon { display: grid; place-items: center; width: 50px; height: 50px; margin-bottom: 18px; border: 1px solid #4b7391; border-radius: 15px; background: rgba(61,137,188,.14); color: #8fd3ff; font-size: 23px; font-weight: 950; }
.confirm-modal-icon.delete-icon { border-color: #944454; background: rgba(143,51,68,.17); color: #ff9ead; }
.confirm-modal-icon.reset-icon { border-color: #3a8060; background: rgba(47,139,89,.15); color: #90e9b1; }
.confirm-user-summary { display: grid; gap: 3px; margin-top: 18px; padding: 13px 14px; border: 1px solid #2b4052; border-radius: 12px; background: rgba(6,13,20,.55); }
.confirm-user-summary span { color: #8fa4b5; font-size: 12px; overflow-wrap: anywhere; }
.confirm-modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 24px; }
.confirm-modal-actions form { margin: 0; }

@media (max-width: 820px) {
  .version-grid { grid-template-columns: 1fr; }
  .version-card { grid-template-columns: auto minmax(0,1fr); }
  .version-card > .pill { grid-column: 2; justify-self: start; }
}
@media (max-width: 580px) {
  .version-card { padding: 18px; }
  .confirm-modal-card { padding: 22px; border-radius: 18px; }
  .confirm-modal-actions { flex-direction: column-reverse; }
  .confirm-modal-actions button, .confirm-modal-actions form, .confirm-modal-actions form button { width: 100%; }
}

/* Account cloud Autosave library — v32.29.35 */
.dashboard-workspace-grid { grid-template-columns: minmax(260px,.78fr) minmax(0,2.22fr); }
.autosave-library { min-height:224px; padding:22px; border:1px solid rgba(93,184,255,.32); border-radius:21px; background:linear-gradient(145deg,rgba(16,31,44,.98),rgba(9,20,29,.98)); box-shadow:0 18px 48px rgba(0,0,0,.2); }
.autosave-library-head { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.autosave-library-head h3 { margin:0; font-size:23px; }
.autosave-explainer { margin:10px 0 15px; color:#8fa5b7; font-size:13px; }
.autosave-switch { min-height:36px; display:inline-flex; align-items:center; gap:9px; padding:4px 10px 4px 5px; border:1px solid #355169; border-radius:999px; background:#101d29; color:#adc0cf; font-size:12px; font-weight:850; cursor:pointer; }
.autosave-switch-track { position:relative; width:40px; height:24px; border-radius:999px; background:#3a4956; transition:.18s; }
.autosave-switch-thumb { position:absolute; left:3px; top:3px; width:18px; height:18px; border-radius:50%; background:#d8e3eb; box-shadow:0 2px 7px rgba(0,0,0,.35); transition:.18s; }
.autosave-switch[aria-checked="true"] { border-color:#367f59; color:#a8efc3; background:rgba(39,115,72,.14); }
.autosave-switch[aria-checked="true"] .autosave-switch-track { background:#2b9a60; }
.autosave-switch[aria-checked="true"] .autosave-switch-thumb { transform:translateX(16px); background:#effff5; }
.autosave-switch:disabled { opacity:.55; cursor:wait; }
.autosave-model-list { display:grid; gap:8px; max-height:288px; overflow:auto; padding-right:3px; }
.autosave-model-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid #283e50; border-radius:13px; background:rgba(7,15,23,.52); }
.autosave-model-icon { display:grid; place-items:center; width:36px; height:36px; border:1px solid rgba(93,184,255,.31); border-radius:11px; background:rgba(49,132,184,.12); color:#80ccff; font-size:21px; }
.autosave-model-copy { min-width:0; }
.autosave-model-copy strong,.autosave-model-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.autosave-model-copy strong { font-size:14px; }
.autosave-model-copy span { margin-top:4px; color:#7f96a8; font-size:11px; }
.autosave-model-actions { display:flex; align-items:center; gap:7px; }
.autosave-model-actions form { margin:0; }
.autosave-model-actions .compact-action { min-height:32px; padding:0 10px; font-size:11px; }
.autosave-rename-editor { display:grid; grid-template-columns:minmax(150px,1fr) auto auto; gap:6px; align-items:center; margin-top:9px; }
.autosave-rename-editor[hidden] { display:none; }
.autosave-rename-editor input { min-width:0; height:32px; padding:0 9px; }
.autosave-rename-editor .compact-action { min-height:32px; padding:0 9px; font-size:11px; }
.autosave-empty { display:grid; gap:5px; padding:20px; border:1px dashed #30495e; border-radius:13px; color:#9bb0c0; text-align:center; }
.autosave-empty strong { color:#dbe8f1; }.autosave-empty span { font-size:12px; }
.support-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.support-service-grid .service-card { min-height:205px; }
.autosave-warning-modal .warning-icon { border-color:#8a6a2f; background:rgba(174,119,30,.17); color:#ffd475; }
@media(max-width:920px){.dashboard-workspace-grid,.support-service-grid{grid-template-columns:1fr}.autosave-library-head{align-items:flex-start;flex-direction:column}.autosave-model-row{grid-template-columns:auto minmax(0,1fr)}.autosave-model-actions{grid-column:2;justify-content:flex-start}}
@media(max-width:580px){.autosave-library{padding:18px}.autosave-rename-editor{grid-template-columns:1fr auto auto}.autosave-model-row{grid-template-columns:1fr}.autosave-model-icon{display:none}.autosave-model-actions{grid-column:1}.autosave-model-actions .button,.autosave-model-actions button{flex:1}.autosave-model-actions form{display:flex;flex:1}}


/* v32.29.36 · encrypted Autosave, closed-beta diagnostics and feedback center */
.autosave-privacy-note{display:flex;gap:12px;align-items:flex-start;margin:14px 0 8px;padding:13px 14px;border:1px solid rgba(78,199,166,.26);border-radius:12px;background:rgba(24,118,94,.09)}
.autosave-privacy-note p{margin:0;color:#b8cad7;line-height:1.55;font-size:.9rem}.autosave-privacy-note strong{color:#eaf9f4}.privacy-lock{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:rgba(54,213,165,.13);color:#5ee4b6;font-size:.85rem}
.autosave-key-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 4px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018)}
.autosave-key-state{display:flex;align-items:center;gap:8px;min-width:0;color:#aebfce;font-size:.82rem}.autosave-key-state span:last-child{overflow:hidden;text-overflow:ellipsis}.autosave-key-state #autosaveKeyDot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#758797;box-shadow:0 0 0 3px rgba(117,135,151,.12)}
#autosaveKeyDot[data-state="ready"]{background:#55dfaa;box-shadow:0 0 0 3px rgba(85,223,170,.13)}#autosaveKeyDot[data-state="missing"]{background:#ff7383;box-shadow:0 0 0 3px rgba(255,115,131,.13)}#autosaveKeyDot[data-state="idle"]{background:#ffd166;box-shadow:0 0 0 3px rgba(255,209,102,.13)}
.autosave-key-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.autosave-key-caveat{margin:6px 2px 14px;color:#8195a6;font-size:.77rem;line-height:1.5}
.beta-consent-card{max-width:600px}.beta-consent-card .beta-icon{background:rgba(133,92,255,.14);color:#c2a8ff}.beta-consent-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0 2px;padding:13px;border:1px solid rgba(133,92,255,.25);border-radius:11px;background:rgba(133,92,255,.07);color:#d8e2eb;line-height:1.5}.beta-consent-check input{margin-top:3px;flex:0 0 auto}.beta-consent-check strong{color:#cdbbff}
.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feedback-card{border-color:rgba(255,174,82,.24)!important;background:linear-gradient(145deg,rgba(88,51,19,.38),rgba(20,28,37,.9))!important}.feedback-tool .tool-mark{color:#ffbd70}.feedback-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.feedback-stat-grid article{padding:17px 18px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.feedback-stat-grid small{display:block;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.08em}.feedback-stat-grid strong{display:block;margin-top:5px;font-size:1.8rem;color:var(--text)}
.feedback-table-wrap td{vertical-align:top}.pill.automatic{background:rgba(255,105,120,.12);border-color:rgba(255,105,120,.3);color:#ff9aa6}.pill.manual{background:rgba(93,184,255,.12);border-color:rgba(93,184,255,.3);color:#8dccff}.pill.feedback-status-new{background:rgba(255,209,102,.13);border-color:rgba(255,209,102,.28);color:#ffe08a}.pill.feedback-status-reviewing{background:rgba(93,184,255,.12);border-color:rgba(93,184,255,.28);color:#91d0ff}.pill.feedback-status-resolved{background:rgba(85,223,170,.12);border-color:rgba(85,223,170,.28);color:#85edc4}.pill.feedback-status-ignored{background:rgba(132,147,160,.12);border-color:rgba(132,147,160,.25);color:#aebcc8}
.feedback-report-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.feedback-report-main{min-width:0}.feedback-screenshot-link{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#05090d}.feedback-screenshot{display:block;width:100%;max-height:620px;object-fit:contain}.feedback-no-screenshot{display:grid;place-items:center;min-height:220px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.015)}.feedback-copy-block{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.feedback-copy-block:first-of-type{border-top:0}.feedback-message{color:#d8e3eb;line-height:1.65;word-break:break-word}.error-block h3{margin:3px 0 8px;color:#ff9ba6}.diagnostic-pre{max-height:430px;overflow:auto;margin:12px 0 0;padding:13px;border:1px solid #26394a;border-radius:10px;background:#071019;color:#b8d2e4;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.feedback-meta-list{display:grid;gap:0;margin:10px 0 18px}.feedback-meta-list div{padding:10px 0;border-bottom:1px solid var(--line)}.feedback-meta-list dt{color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.feedback-meta-list dd{margin:4px 0 0;color:var(--text);word-break:break-word}
@media(max-width:1100px){.admin-stat-grid,.feedback-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-report-grid{grid-template-columns:1fr}.feedback-report-side{order:-1}}
@media(max-width:760px){.autosave-key-tools{align-items:flex-start;flex-direction:column}.autosave-key-actions{justify-content:flex-start}.feedback-stat-grid,.admin-stat-grid{grid-template-columns:1fr}.autosave-privacy-note{padding:12px}.beta-consent-check{font-size:.88rem}}

/* v32.29.37 · closed-beta consent layout and launch responsiveness */
.beta-consent-modal .beta-consent-card{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:calc(100vh - 36px);overflow:auto}
.beta-consent-modal .beta-consent-check{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:start!important;gap:11px!important;width:100%;box-sizing:border-box}
.beta-consent-modal .beta-consent-check input[type="checkbox"]{display:block!important;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;margin:2px 0 0!important;padding:0!important;justify-self:start;accent-color:#5db8ff}
.beta-consent-modal .beta-consent-check span{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal;white-space:normal;color:#d8e2eb}
.beta-consent-modal .confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media(max-width:560px){.beta-consent-modal .beta-consent-card{padding:22px 18px}.beta-consent-modal .confirm-modal-actions>*{flex:1;min-width:150px}}

.feedback-filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.feedback-filter-bar label{display:grid;gap:6px;min-width:150px}.feedback-filter-bar label span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.feedback-filter-bar select,.feedback-filter-bar input{height:40px}.feedback-filter-bar .feedback-search{flex:1 1 280px}.feedback-result-summary{margin:0 0 10px;color:var(--muted);font-size:.84rem}.feedback-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:16px 0}.feedback-pagination>a:last-child{justify-self:end}.feedback-pagination strong{color:var(--muted);font-size:.84rem}@media(max-width:720px){.feedback-filter-bar>*{width:100%}.feedback-pagination{grid-template-columns:1fr}.feedback-pagination>*{justify-self:stretch!important;text-align:center}}


/* Closed beta invitation system — v32.29.46 */
.invitation-register-panel { border-color: rgba(101,220,151,.32); }
.invitation-access-note { display:flex; align-items:center; gap:12px; margin:18px 0 4px; padding:13px 14px; border:1px solid rgba(101,220,151,.32); border-radius:12px; background:rgba(43,135,86,.13); }
.invitation-access-note > span { display:grid; place-items:center; flex:0 0 auto; width:34px; height:34px; border-radius:10px; background:rgba(72,187,118,.18); color:#8becb3; font-weight:950; }
.invitation-access-note strong, .invitation-access-note small { display:block; }
.invitation-access-note small { margin-top:2px; color:#8fae9d; line-height:1.45; }
.invitation-email-lock { border-color:rgba(101,220,151,.34); background:rgba(14,37,28,.72); color:#bff4d2; cursor:not-allowed; }
.beta-invite-panel { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:28px; margin-bottom:30px; border-color:rgba(101,220,151,.28); background:linear-gradient(145deg,rgba(15,42,33,.92),rgba(13,24,34,.96)); }
.beta-invite-copy h2 { margin-bottom:10px; font-size:25px; }
.beta-invite-copy p:last-child { margin-bottom:0; }
.beta-invite-form { align-self:center; }
.beta-invite-fields { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.18fr) minmax(125px,.48fr) minmax(145px,.52fr); gap:12px; align-items:end; }
.beta-invite-fields label { margin-top:0; }
.beta-invite-form .actions { justify-content:space-between; }
.invite-security-note { color:#789184; font-size:11px; }
.invite-delivery-note { display:flex; align-items:flex-start; gap:9px; margin-top:13px; padding:10px 12px; border:1px solid rgba(93,184,255,.22); border-radius:10px; background:rgba(17,42,61,.46); color:#91a9ba; font-size:11px; line-height:1.45; }
.invite-delivery-note > span:first-child { color:#72c9ff; font-size:14px; }
.invite-delivery-note strong { color:#d7e7f2; }
.invite-message-editor { margin-top:15px; padding:14px; border:1px solid rgba(93,184,255,.18); border-radius:12px; background:rgba(7,20,31,.56); }
.invite-message-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:9px; }
.invite-message-head label { margin:0 0 5px; color:#e4eef5; font-weight:800; }
.invite-message-head p { max-width:760px; margin:0; color:#8199aa; font-size:11px; line-height:1.5; }
.invite-message-editor textarea { min-height:300px; resize:vertical; line-height:1.62; font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif; }
.invite-message-meta { display:flex; justify-content:space-between; gap:14px; margin-top:7px; color:#789184; font-size:11px; }
.invite-message-meta span:last-child { white-space:nowrap; font-variant-numeric:tabular-nums; }
.invite-signature-preview { display:flex; align-items:center; gap:13px; margin-top:12px; padding:13px 15px; border:1px solid rgba(101,220,151,.22); border-radius:12px; background:linear-gradient(135deg,rgba(11,35,29,.82),rgba(9,25,37,.82)); }
.invite-signature-preview img { width:52px; height:52px; flex:0 0 auto; object-fit:contain; }
.invite-signature-preview div { min-width:0; display:grid; gap:2px; }
.invite-signature-preview strong { color:#eef8f3; font-size:14px; }
.invite-signature-preview span { color:#70dca5; font-size:11px; font-weight:750; }
.invite-signature-preview small { color:#7790a1; font-size:10px; }
.invite-signature-preview em { margin-left:auto; color:#698273; font-size:10px; font-style:normal; text-transform:uppercase; letter-spacing:.07em; white-space:nowrap; }
.invitation-history-section, .registered-users-section { margin-top:28px; }
.section-row { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:13px; }
.section-row h2 { margin-bottom:0; }
.section-row .eyebrow { margin-bottom:5px; }
.invitation-table-wrap table { min-width:980px; }
.invitation-table-wrap form { margin:0; }
.invitation-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.delivery-error{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ff9ca6}
.registered-users-section { padding-top:4px; }
@media(max-width:980px){.beta-invite-panel{grid-template-columns:1fr}.beta-invite-fields{grid-template-columns:1fr 1fr}.beta-invite-fields>div:last-child{grid-column:1/-1}}
@media(max-width:620px){.beta-invite-fields{grid-template-columns:1fr}.beta-invite-fields>div:last-child{grid-column:auto}.beta-invite-form .actions,.section-row{align-items:stretch;flex-direction:column}.invite-security-note{display:block}}


/* Admin SMTP settings — v32.29.49 */
.smtp-settings-page { width: min(980px, calc(100% - 32px)); }
.smtp-status-card {
  display: flex; align-items: center; gap: 15px; margin-bottom: 18px; padding: 17px 19px;
  border: 1px solid var(--line); border-radius: 15px; background: rgba(15, 27, 39, .92);
}
.smtp-status-card.configured { border-color: rgba(77, 211, 146, .42); background: rgba(31, 111, 76, .13); }
.smtp-status-card.incomplete { border-color: rgba(255, 190, 85, .42); background: rgba(121, 83, 26, .14); }
.smtp-status-icon { width: 36px; height: 36px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(93,184,255,.13); color: var(--accent); font-size: 19px; font-weight: 950; }
.smtp-status-card.configured .smtp-status-icon { background: rgba(78, 219, 150, .16); color: #77eaae; }
.smtp-status-card.incomplete .smtp-status-icon { background: rgba(255, 193, 88, .15); color: #ffd277; }
.smtp-status-card strong { display: block; color: #eff7fc; font-size: 15px; }
.smtp-status-card p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
.smtp-settings-panel { margin-bottom: 18px; }
.smtp-field-note { margin: 6px 0 0; color: #778ea1; font-size: 11px; line-height: 1.45; }
.smtp-test-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .48fr); gap: 16px; align-items: end; margin-top: 12px; padding: 16px; border: 1px solid rgba(93,184,255,.18); border-radius: 13px; background: rgba(7, 17, 26, .62); }
.smtp-test-box label { margin-top: 0; }
.smtp-sender-preview { min-height: 82px; display: grid; align-content: center; padding: 13px 15px; border: 1px solid rgba(107, 170, 213, .17); border-radius: 10px; background: #08121b; }
.smtp-sender-preview span, .smtp-diagnostic-grid span { color: #71899b; font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.smtp-sender-preview strong { margin-top: 5px; color: #e7f3fa; font-size: 13px; overflow-wrap: anywhere; }
.smtp-sender-preview small { margin-top: 3px; color: #84a0b4; overflow-wrap: anywhere; }
.smtp-diagnostics-panel { margin-top: 18px; }
.smtp-diagnostic-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.smtp-diagnostic-grid > div { padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: rgba(7,15,23,.62); }
.smtp-diagnostic-grid strong { display: block; margin-top: 5px; color: #dcebf4; font-size: 12px; overflow-wrap: anywhere; }
.smtp-last-error { margin: 14px 0 0; overflow-wrap: anywhere; }
.smtp-queue-head { margin: 18px 0 10px; justify-content: flex-end; }
.smtp-queue-table-wrap table { min-width: 880px; }
.smtp-queue-error { display: inline-block; margin-top: 6px; color: #ffb1bc; line-height: 1.45; overflow-wrap: anywhere; }
.email-tool .tool-mark { color: #72d5ff; }
@media (max-width: 720px) {
  .smtp-test-box, .smtp-diagnostic-grid { grid-template-columns: 1fr; }
}

@media(max-width:620px){.invite-message-head,.invite-message-meta{align-items:stretch;flex-direction:column}.invite-message-head .compact-action{width:100%;justify-content:center}.invite-message-editor textarea{min-height:360px}.invite-signature-preview{align-items:flex-start;flex-wrap:wrap}.invite-signature-preview em{width:100%;margin-left:65px;white-space:normal}}


.program-note {
  margin: 16px 0 0;
  padding: 12px 13px;
  border-left: 3px solid rgba(92,184,255,.55);
  background: rgba(40,104,151,.09);
  color: #93aabd;
  font-size: 12px;
  line-height: 1.55;
}

/* Next Version Test — isolated staging and exact artifact promotion */
.next-version-tool .tool-mark { color:#ffbc66; border-color:rgba(255,188,102,.34); background:rgba(125,74,19,.18); }
.next-version-page { width:min(1180px,calc(100% - 32px)); }
.next-version-head { align-items:center; }
.next-version-status {
  display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:28px; padding:17px 19px;
  border:1px solid rgba(93,184,255,.28); border-radius:15px;
  background:linear-gradient(135deg,rgba(15,36,52,.94),rgba(11,23,34,.94));
}
.next-version-status > div { position:relative; padding-left:23px; }
.next-version-status-dot { position:absolute; left:0; top:4px; width:11px; height:11px; border-radius:50%; background:#6dbfff; box-shadow:0 0 0 5px rgba(93,184,255,.11); }
.next-version-status strong { display:block; color:#edf8ff; font-size:15px; }
.next-version-status p { margin:4px 0 0; color:#8ea5b7; font-size:12px; line-height:1.5; }
.next-version-status code { max-width:100%; padding:7px 10px; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:rgba(4,11,17,.48); overflow-wrap:anywhere; }
.next-version-status.ready { border-color:rgba(101,220,151,.38); background:linear-gradient(135deg,rgba(14,52,38,.8),rgba(10,27,34,.95)); }
.next-version-status.ready .next-version-status-dot { background:#65dc97; box-shadow:0 0 0 5px rgba(101,220,151,.12); }
.next-version-status.blocked { border-color:rgba(255,117,132,.42); background:linear-gradient(135deg,rgba(76,27,36,.72),rgba(25,20,29,.95)); }
.next-version-status.blocked .next-version-status-dot { background:#ff7584; box-shadow:0 0 0 5px rgba(255,117,132,.12); }
.next-version-status.published { border-color:rgba(101,220,151,.38); }
.next-version-drift { margin:0 0 22px; }
.next-version-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0 18px; }
.next-version-step { position:relative; min-width:0; padding-top:26px; }
.next-version-step.active { border-color:rgba(93,184,255,.38); box-shadow:0 18px 52px rgba(0,0,0,.17); }
.next-version-step.complete { border-color:rgba(101,220,151,.28); }
.next-version-step.locked { opacity:.72; }
.next-step-number { position:absolute; right:18px; top:17px; width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(93,184,255,.24); border-radius:50%; background:rgba(25,60,84,.36); color:#90d1ff; font-weight:900; }
.next-version-step.complete .next-step-number { border-color:rgba(101,220,151,.34); background:rgba(27,93,62,.28); color:#7ce3aa; }
.next-version-artifact { display:grid; gap:0; margin:15px 0 0; border:1px solid rgba(100,146,179,.18); border-radius:12px; overflow:hidden; }
.next-version-artifact > div { display:grid; grid-template-columns:minmax(120px,.36fr) minmax(0,1fr); gap:12px; padding:11px 13px; background:rgba(7,16,24,.5); border-bottom:1px solid rgba(100,146,179,.13); }
.next-version-artifact > div:last-child { border-bottom:0; }
.next-version-artifact dt { color:#7891a4; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.next-version-artifact dd { min-width:0; margin:0; color:#dce9f1; font-size:12px; overflow-wrap:anywhere; }
.next-version-artifact code { white-space:normal; overflow-wrap:anywhere; }
.next-version-artifact.compact { margin-top:18px; }
.next-version-preview-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px 26px; align-items:center; margin-top:18px; border-color:rgba(255,188,102,.28); background:linear-gradient(145deg,rgba(54,36,16,.42),rgba(12,23,33,.96)); }
.next-version-preview-panel h2 { margin-bottom:7px; }
.next-version-preview-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; }
.next-version-checklist { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 22px; margin:0; padding:15px 18px 15px 36px; border:1px solid rgba(255,188,102,.14); border-radius:11px; background:rgba(8,16,23,.48); color:#9eb1bf; font-size:12px; }
.next-version-publish-panel { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:18px; border-color:rgba(101,220,151,.38); background:linear-gradient(135deg,rgba(14,55,38,.62),rgba(10,26,34,.96)); }
.next-version-publish-panel h2 { margin-bottom:7px; }
.next-version-publish-panel p:last-child { margin-bottom:0; color:#9eb5a9; }
.next-version-publish-panel.disabled { border-color:rgba(255,117,132,.32); opacity:.74; }
.next-version-publish-button { min-width:250px; min-height:48px; }
.next-version-discard { display:flex; justify-content:flex-end; margin-top:18px; }
.next-version-page .update-drop-zone { min-height:165px; }
@media(max-width:860px){
  .next-version-steps,.next-version-preview-panel{grid-template-columns:1fr}
  .next-version-preview-links{justify-content:flex-start}
  .next-version-checklist{grid-template-columns:1fr}
  .next-version-publish-panel{align-items:stretch;flex-direction:column}
  .next-version-publish-button{width:100%}
}
@media(max-width:620px){
  .next-version-head,.next-version-status{align-items:stretch;flex-direction:column}
  .next-version-status code{width:100%}
  .next-version-artifact>div{grid-template-columns:1fr;gap:4px}
}