#client-announcements {
  --ca-accent: #4bc9ff;
  --ca-gold: #d8bc74;
  --ca-panel: rgba(7, 22, 33, .9);
  --ca-line: rgba(100, 182, 220, .16);
}
.ca-admin { display: grid; gap: 16px; }
.ca-admin-hero {
  min-height: 228px; display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: center;
  padding: 31px 34px; overflow: hidden; position: relative;
  border: 1px solid rgba(79, 172, 216, .25); border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(3,16,26,.08) 1px, transparent 1px) 0 0/42px 42px,
    linear-gradient(rgba(3,16,26,.08) 1px, transparent 1px) 0 0/42px 42px,
    radial-gradient(circle at 86% 40%, rgba(52, 180, 235, .18), transparent 28%),
    linear-gradient(140deg, #0a1f2e, #07131d 60%, #06111a);
  box-shadow: 0 28px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.05);
}
.ca-admin-hero::after {
  content:""; position:absolute; inset:auto 0 0; height:1px;
  background:linear-gradient(90deg,transparent,#4bc9ff 42%,#d8bc74 72%,transparent);
}
.ca-admin-hero.service-off { border-color:rgba(225,75,91,.35); filter:saturate(.72); }
.ca-admin-hero-copy { position:relative; z-index:1; }
.ca-admin-hero-copy > small { color:#58d0ff; font-size:10px; font-weight:900; letter-spacing:3px; }
.ca-admin-hero-copy h1 { margin:10px 0 8px; color:#f3fbff; font-size:31px; letter-spacing:.6px; }
.ca-admin-hero-copy p { max-width:780px; margin:0; color:#8eb3c6; font-size:13px; line-height:1.8; }
.ca-admin-hero-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.ca-button {
  min-height:38px; padding:0 15px; border:1px solid rgba(96,169,203,.24); border-radius:10px;
  color:#9fc3d5; background:rgba(6,24,36,.76); font-weight:800; cursor:pointer;
}
.ca-button:hover { color:white; border-color:rgba(75,201,255,.56); background:rgba(24,87,120,.3); }
.ca-button.primary { color:#06121b; border-color:#84ddff; background:linear-gradient(135deg,#65d3ff,#2a91c3); box-shadow:0 12px 26px rgba(54,168,218,.22); }
.ca-button.danger { color:#ff9fac; border-color:rgba(236,80,99,.32); background:rgba(111,20,35,.23); }
.ca-button.success { color:#72eccb; border-color:rgba(67,216,175,.32); background:rgba(17,91,72,.2); }
.ca-service-core { text-align:center; position:relative; z-index:1; }
.ca-service-orbit {
  width:94px; height:94px; margin:0 auto 14px; display:grid; place-items:center;
  border:1px solid rgba(87,202,250,.4); border-radius:50%; color:#68d7ff; font-size:34px;
  background:radial-gradient(circle,rgba(58,174,224,.2),rgba(4,20,31,.9) 68%);
  box-shadow:0 0 0 10px rgba(75,201,255,.025),0 0 0 22px rgba(75,201,255,.018),0 18px 45px rgba(0,0,0,.4),inset 0 0 26px rgba(75,201,255,.12);
}
.service-off .ca-service-orbit { color:#ef697c; border-color:rgba(239,105,124,.45); box-shadow:0 0 32px rgba(239,105,124,.12); }
.ca-service-core > span { display:block; color:#55cffc; font-size:9px; font-weight:900; letter-spacing:2.3px; }
.ca-service-core > b { display:block; margin-top:6px; color:#f1f9fc; font-size:16px; }
.ca-service-core > small { display:block; margin-top:7px; color:#668da1; font-size:10px; line-height:1.6; }
.ca-admin-metrics { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }
.ca-admin-metrics article {
  min-height:112px; padding:17px; display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto auto;
  border:1px solid var(--ca-line); border-radius:15px; background:linear-gradient(145deg,rgba(11,33,47,.96),rgba(5,17,27,.96));
  box-shadow:0 13px 32px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);
}
.ca-admin-metrics i { grid-row:1/4; width:32px; height:32px; display:grid; place-items:center; color:#58c9f7; border:1px solid rgba(80,192,237,.22); border-radius:10px; background:rgba(58,169,217,.09); }
.ca-admin-metrics span { color:#7ca2b4; font-size:10px; }
.ca-admin-metrics b { color:#f2f9fc; font-size:25px; line-height:1.1; }
.ca-admin-metrics small { color:#527486; font-size:9px; }
.ca-admin-workspace { border:1px solid var(--ca-line); border-radius:18px; overflow:hidden; background:rgba(5,17,26,.76); }
.ca-admin-toolbar { min-height:66px; padding:12px 16px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--ca-line); }
.ca-status-tabs { display:flex; flex-wrap:wrap; gap:5px; }
.ca-status-tabs button { padding:8px 11px; border:1px solid transparent; border-radius:8px; color:#6f94a6; background:transparent; cursor:pointer; }
.ca-status-tabs button em { min-width:18px; height:18px; padding:0 5px; display:inline-grid; place-items:center; border-radius:999px; color:#8bcce8; background:rgba(69,167,210,.12); font-style:normal; font-size:9px; }
.ca-status-tabs button.active { color:#edfaff; border-color:rgba(78,190,236,.3); background:rgba(38,130,171,.16); }
.ca-admin-search { width:min(330px,32vw); height:38px; display:flex; align-items:center; border:1px solid rgba(85,153,185,.2); border-radius:10px; background:rgba(3,14,22,.76); overflow:hidden; }
.ca-admin-search i { margin-left:11px; color:#567e91; }
.ca-admin-search input { flex:1; min-width:0; border:0!important; background:transparent!important; }
.ca-admin-search button { align-self:stretch; padding:0 13px; border:0; border-left:1px solid var(--ca-line); color:#71cef4; background:rgba(42,132,171,.12); cursor:pointer; }
.ca-announcement-list { display:grid; }
.ca-announcement-row {
  min-height:132px; display:grid; grid-template-columns:76px minmax(260px,1.7fr) 210px 178px 135px; gap:15px; align-items:center;
  padding:16px 18px; border-bottom:1px solid rgba(80,151,184,.11); position:relative;
}
.ca-announcement-row:hover { background:linear-gradient(90deg,rgba(39,131,172,.08),transparent); }
.ca-announcement-row::before { content:""; position:absolute; left:0; top:22px; bottom:22px; width:2px; background:var(--row-accent); opacity:.64; }
.ca-announcement-state { text-align:center; }
.ca-announcement-state i { width:8px; height:8px; display:block; margin:0 auto 7px; border-radius:50%; background:#6d8895; box-shadow:0 0 12px rgba(109,136,149,.4); }
.ca-announcement-state.active i { background:#51e4bb; box-shadow:0 0 13px #42bf9f; }
.ca-announcement-state.scheduled i { background:#55cfff; box-shadow:0 0 13px #3e9fcc; }
.ca-announcement-state.paused i { background:#ffc468; box-shadow:0 0 13px #b57e2d; }
.ca-announcement-state.revoked i { background:#f16478; box-shadow:0 0 13px #a43143; }
.ca-announcement-state span { display:block; color:#9bb9c7; font-size:10px; font-weight:850; }
.ca-announcement-state small { color:#4c7082; font-size:9px; }
.ca-announcement-main { min-width:0; }
.ca-announcement-main > small { color:var(--row-accent); font-size:9px; letter-spacing:.6px; }
.ca-announcement-main h3 { margin:6px 0 4px; overflow:hidden; color:#ecf7fb; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
.ca-announcement-main p { margin:0; overflow:hidden; color:#7699aa; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.ca-announcement-tags { margin-top:9px; display:flex; gap:5px; overflow:hidden; }
.ca-announcement-tags span { flex:0 0 auto; padding:3px 6px; border:1px solid rgba(81,154,187,.13); border-radius:5px; color:#648c9e; background:rgba(12,42,57,.4); font-size:8px; }
.ca-announcement-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.ca-announcement-stats div { padding:9px 4px; text-align:center; border:1px solid rgba(75,146,179,.1); border-radius:9px; background:rgba(5,21,31,.64); }
.ca-announcement-stats b { display:block; color:#cbe3ee; font-size:14px; }
.ca-announcement-stats small,.ca-announcement-time span,.ca-announcement-time small { display:block; color:#507185; font-size:8px; }
.ca-announcement-time b { display:block; margin:3px 0; color:#92afbd; font-size:10px; font-weight:650; }
.ca-announcement-actions { display:grid; grid-template-columns:repeat(2,1fr); gap:5px; }
.ca-announcement-actions button { min-height:29px; padding:0 6px; border:1px solid rgba(83,151,183,.18); border-radius:7px; color:#7fa8ba; background:rgba(7,25,36,.68); font-size:9px; cursor:pointer; }
.ca-announcement-actions button:hover,.ca-announcement-actions button.primary { color:#dff6ff; border-color:rgba(67,190,239,.42); background:rgba(37,127,166,.24); }
.ca-announcement-actions button.warn { color:#e9b85e; border-color:rgba(214,157,54,.24); }
.ca-announcement-actions button.danger { color:#ed7c8d; border-color:rgba(220,68,91,.25); }
.ca-announcement-actions button.success { color:#64d8b9; border-color:rgba(52,190,154,.25); }
.ca-admin-pager { min-height:54px; padding:10px 18px; display:flex; justify-content:space-between; align-items:center; color:#58798b; }
.ca-admin-pager div { display:flex; gap:7px; }
.ca-admin-pager button { padding:7px 12px; border:1px solid var(--ca-line); border-radius:8px; color:#83a8b8; background:rgba(7,23,34,.7); cursor:pointer; }
.ca-admin-pager button:disabled { opacity:.34; cursor:not-allowed; }
.ca-admin-guide { padding:18px 22px; display:grid; grid-template-columns:190px repeat(6,1fr); gap:9px; align-items:center; border:1px solid rgba(197,166,99,.15); border-radius:16px; background:linear-gradient(100deg,rgba(38,31,18,.4),rgba(7,20,29,.78) 40%); }
.ca-admin-guide > div small { color:#c7a85e; font-size:8px; letter-spacing:1.8px; }
.ca-admin-guide > div h3 { margin:5px 0 0; color:#eae3d2; font-size:14px; }
.ca-admin-guide article { padding:10px; border-left:1px solid rgba(205,177,111,.15); }
.ca-admin-guide article b { color:#cbb16d; font-size:10px; }
.ca-admin-guide article span,.ca-admin-guide article small { display:block; color:#819aa6; font-size:9px; }
.ca-admin-guide article small { margin-top:3px; color:#526f7d; font-size:8px; }
.ca-admin-empty,.ca-admin-error { min-height:310px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#587b8e; }
.ca-admin-empty i,.ca-admin-error i { font-size:32px; color:#498aa7; }
.ca-admin-empty b,.ca-admin-error b { color:#b8d1dd; }
.ca-admin-error button { margin-top:8px; }

.modal-card.ca-composer-modal { width:min(1380px,94vw); max-width:none; height:min(92vh,930px); }
.modal-card.ca-composer-modal .modal-body { height:calc(100% - 62px); max-height:none; padding:0; overflow:hidden; }
.ca-composer { height:100%; display:grid; grid-template-columns:minmax(580px,1fr) 420px; }
.ca-composer-form { padding:24px 28px 36px; overflow:auto; background:linear-gradient(145deg,rgba(6,21,31,.98),rgba(4,14,22,.98)); }
.ca-preview-panel { padding:24px; border-left:1px solid rgba(75,161,201,.16); background:radial-gradient(circle at 50% 24%,rgba(51,154,202,.14),transparent 34%),#050f18; overflow:auto; }
.ca-composer-step { margin:12px 0 14px; display:flex; align-items:center; gap:10px; }
.ca-composer-step:not(:first-child) { margin-top:28px; padding-top:24px; border-top:1px solid rgba(81,151,184,.11); }
.ca-composer-step > span { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(73,190,237,.3); border-radius:9px; color:#59cffc; background:rgba(42,131,169,.12); font-size:10px; font-weight:900; }
.ca-composer-step b,.ca-composer-step small { display:block; }
.ca-composer-step b { color:#dcecf3; font-size:13px; }
.ca-composer-step small { margin-top:2px; color:#5e8294; font-size:9px; }
.ca-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.ca-form-grid.compact { grid-template-columns:repeat(4,1fr); margin-top:12px; }
.ca-form-grid label,.ca-change-note { display:grid; gap:6px; color:#7899a9; font-size:10px; }
.ca-form-grid .wide { grid-column:1/-1; }
.ca-form-grid input,.ca-form-grid textarea,.ca-form-grid select,.ca-change-note input {
  width:100%; min-height:39px; box-sizing:border-box; border:1px solid rgba(81,151,183,.18)!important; border-radius:9px!important; color:#d5e7ef!important; background:rgba(3,14,22,.76)!important;
}
.ca-form-grid textarea { padding:11px!important; line-height:1.65; resize:vertical; }
.ca-form-grid select[multiple] { min-height:120px; padding:8px; }
.ca-choice-panel { margin-top:10px; padding:13px; border:1px solid rgba(80,151,184,.13); border-radius:12px; background:rgba(5,18,27,.58); }
.ca-choice-head { margin-bottom:10px; display:flex; align-items:center; gap:7px; }
.ca-choice-head b { margin-right:auto; color:#a9c2cf; font-size:11px; }
.ca-choice-head button { padding:3px 7px; border:1px solid rgba(75,155,190,.18); border-radius:5px; color:#6da0b7; background:transparent; cursor:pointer; font-size:8px; }
.ca-choice-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; }
.ca-choice-grid.modes { grid-template-columns:repeat(3,1fr); }
.ca-choice-grid.pages { grid-template-columns:repeat(5,1fr); }
.ca-choice-grid > label { min-height:56px; padding:8px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:1fr auto; align-items:center; gap:3px 7px; border:1px solid rgba(75,151,184,.13); border-radius:9px; cursor:pointer; }
.ca-choice-grid > label:has(input:checked) { border-color:rgba(72,194,241,.42); background:rgba(32,126,166,.14); }
.ca-choice-grid input { grid-row:1/3; accent-color:#3cbff5; }
.ca-choice-grid i { color:#5dbfe7; font-size:15px; }
.ca-choice-grid span { color:#849eab; font-size:9px; }
.ca-choice-grid.modes > label { min-height:82px; align-content:center; }
.ca-choice-grid.modes > label > small {
  grid-column:2; display:-webkit-box; overflow:hidden; color:#4f7384; font-size:7.5px; line-height:1.45;
  -webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.ca-inline-check { color:#7194a4; font-size:9px; }
.ca-inline-check input { accent-color:#3cbff5; }
.ca-theme-row { display:grid; grid-template-columns:repeat(8,1fr); gap:6px; }
.ca-theme-row button { min-height:58px; padding:7px 4px; border:1px solid rgba(80,151,184,.13); border-radius:9px; color:#6f8d9b; background:linear-gradient(145deg,var(--theme-bg),#050c12); cursor:pointer; }
.ca-theme-row button.active { border-color:var(--theme-accent); box-shadow:0 0 18px color-mix(in srgb,var(--theme-accent) 18%,transparent); }
.ca-theme-row i { width:14px; height:14px; display:block; margin:0 auto 5px; border:2px solid rgba(255,255,255,.22); border-radius:50%; background:var(--theme-accent); }
.ca-theme-row span { font-size:8px; }
.ca-color-grid { margin-top:10px; display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.ca-color-grid label { min-width:0; padding:7px; text-align:center; border:1px solid rgba(82,150,182,.12); border-radius:8px; color:#698b9c; font-size:8px; background:rgba(4,17,25,.6); }
.ca-color-grid label span,.ca-color-grid label small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ca-color-grid input[type=color] { width:100%; height:28px; margin:5px 0; padding:2px; border:0; background:transparent; }
.ca-behavior-grid { margin-top:12px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.ca-behavior-grid label { display:grid; gap:5px; color:#7899a9; font-size:9px; }
.ca-behavior-grid input,.ca-behavior-grid select { min-height:36px; border:1px solid rgba(81,151,183,.18); border-radius:8px; color:#c7dce6; background:#061722; }
.ca-behavior-grid label.ca-check { display:flex; align-items:center; gap:7px; padding:9px; border:1px solid rgba(80,151,184,.12); border-radius:8px; }
.ca-behavior-grid label.ca-check input { min-height:auto; accent-color:#45c5f8; }
.ca-change-note { margin-top:12px; }
.ca-composer-submit { position:sticky; bottom:-36px; z-index:2; margin:22px -28px -36px; padding:15px 28px; display:flex; justify-content:flex-end; gap:8px; border-top:1px solid rgba(75,153,188,.18); background:rgba(5,18,27,.96); backdrop-filter:blur(12px); }
.ca-preview-head span,.ca-preview-head b,.ca-preview-head small { display:block; }
.ca-preview-head span { color:#57ccfa; font-size:8px; font-weight:900; letter-spacing:2px; }
.ca-preview-head b { margin-top:5px; color:#dcecf3; font-size:14px; }
.ca-preview-head small { color:#58798a; font-size:9px; }
.ca-impact-panel {
  margin-top:16px; padding:13px; border:1px solid rgba(77,172,212,.2); border-radius:13px;
  background:linear-gradient(145deg,rgba(10,37,52,.8),rgba(4,17,26,.88));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.ca-impact-title { display:flex; gap:9px; align-items:center; padding-bottom:10px; border-bottom:1px solid rgba(78,157,191,.13); }
.ca-impact-title > i { width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(80,194,239,.25); border-radius:9px; color:#58cbf8; background:rgba(38,133,172,.12); }
.ca-impact-title b,.ca-impact-title span { display:block; }
.ca-impact-title b { color:#d8eaf2; font-size:10px; }
.ca-impact-title span { margin-top:2px; color:#6b91a3; font-size:8px; line-height:1.4; }
.ca-impact-rules { display:grid; gap:5px; margin-top:9px; }
.ca-impact-rules article { padding:7px 8px; display:grid; grid-template-columns:22px 1fr; gap:7px; border:1px solid rgba(74,148,180,.09); border-radius:8px; background:rgba(3,15,23,.42); }
.ca-impact-rules article > i { color:#4daed5; font-size:13px; }
.ca-impact-rules b,.ca-impact-rules span { display:block; }
.ca-impact-rules b { color:#9ebac6; font-size:8px; }
.ca-impact-rules span { margin-top:2px; color:#57798a; font-size:7.5px; line-height:1.48; }
.ca-impact-warnings { display:grid; gap:5px; margin-top:9px; }
.ca-impact-warnings > div { padding:7px 8px; display:flex; align-items:flex-start; gap:7px; border:1px solid rgba(76,157,191,.13); border-radius:8px; color:#6f98aa; background:rgba(11,37,49,.46); font-size:7.5px; line-height:1.5; }
.ca-impact-warnings > div i { margin-top:1px; flex:0 0 auto; }
.ca-impact-warnings > div.warn { color:#c7a661; border-color:rgba(215,169,67,.2); background:rgba(76,51,15,.2); }
.ca-impact-warnings > div.danger { color:#dd7d8b; border-color:rgba(229,78,99,.22); background:rgba(84,20,31,.2); }
.ca-impact-warnings > div.success { color:#62caaa; border-color:rgba(61,197,155,.18); background:rgba(14,72,56,.18); }
.ca-preview-stage { min-height:390px; display:grid; place-items:center; perspective:900px; }
#caLivePreview {
  --p-bg:#081d2d; --p-gradient:#123f68; --p-accent:#49c8ff; --p-title:#f2faff; --p-text:#a8c5d6; --p-border:#2a6688; --p-button:#2779f3;
  width:100%; box-sizing:border-box; padding:27px; border:1px solid var(--p-border); border-radius:15px; color:var(--p-text);
  background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--p-accent) 14%,transparent),transparent 27%),linear-gradient(145deg,var(--p-gradient),var(--p-bg) 58%,#040b12);
  box-shadow:0 28px 70px rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--p-accent) 12%,transparent),inset 0 1px rgba(255,255,255,.07);
}
#caLivePreview > span { display:inline-block; padding:4px 8px; border:1px solid color-mix(in srgb,var(--p-accent) 45%,transparent); border-radius:999px; color:var(--p-accent); font-size:8px; }
#caLivePreview h3 { margin:14px 0 5px; color:var(--p-title); font-size:var(--p-title-size); }
#caLivePreview > p { margin:0 0 14px; color:color-mix(in srgb,var(--p-text) 80%,white); font-size:11px; }
#caPreviewContent { white-space:pre-wrap; color:var(--p-text); font-size:var(--p-body-size); line-height:1.7; }
#caPreviewEmphasis:not(:empty) { display:block; margin-top:14px; padding:10px; border-left:2px solid var(--p-accent); color:var(--p-title); background:color-mix(in srgb,var(--p-accent) 8%,transparent); font-size:11px; }
#caLivePreview button { min-width:110px; height:36px; margin-top:18px; float:right; border:1px solid color-mix(in srgb,var(--p-accent) 50%,white); border-radius:9px; color:white; background:linear-gradient(135deg,var(--p-button),color-mix(in srgb,var(--p-button) 55%,#06101a)); }
#caLivePreview > small { display:block; clear:both; padding-top:17px; color:color-mix(in srgb,var(--p-text) 45%,transparent); font-size:8px; }
.ca-preview-security { padding:13px; display:flex; gap:10px; border:1px solid rgba(71,172,213,.15); border-radius:11px; background:rgba(7,27,39,.6); }
.ca-preview-security i { color:#59d7b1; font-size:19px; }
.ca-preview-security b,.ca-preview-security span { display:block; }
.ca-preview-security b { color:#a9c4cf; font-size:10px; }
.ca-preview-security span { margin-top:3px; color:#567888; font-size:8px; line-height:1.6; }
.ca-detail { display:grid; gap:14px; }
.ca-detail-hero { padding:23px; border:1px solid color-mix(in srgb,var(--detail-accent) 38%,transparent); border-radius:15px; background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--detail-accent) 12%,transparent),transparent 30%),linear-gradient(145deg,#0a1f2e,#06131d); }
.ca-detail-hero small { color:var(--detail-accent); font-size:9px; letter-spacing:1px; }
.ca-detail-hero h2 { margin:8px 0; color:#eef9fd; }
.ca-detail-hero p { white-space:pre-wrap; color:#8fb0bf; line-height:1.75; }
.ca-detail-hero strong { display:block; padding:10px; border-left:2px solid var(--detail-accent); color:#d9edf5; background:rgba(54,150,191,.08); }
.ca-detail-stats { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.ca-detail-stats article,.ca-detail-grid article { padding:12px; border:1px solid rgba(80,151,184,.13); border-radius:10px; background:rgba(6,21,31,.66); }
.ca-detail-stats small,.ca-detail-grid span { display:block; color:#587b8d; font-size:9px; }
.ca-detail-stats b { color:#d8eaf1; font-size:20px; }
.ca-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.ca-detail-grid b { display:block; margin-top:5px; color:#9ebbc8; font-size:10px; }
.ca-revision-list h3 { color:#c6dce5; font-size:12px; }
.ca-revision-list article { padding:10px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(80,151,184,.1); }
.ca-revision-list article div { display:grid; grid-template-columns:34px 1fr; gap:2px 8px; }
.ca-revision-list article b { grid-row:1/3; color:#62caf3; }
.ca-revision-list article span { color:#91aebb; font-size:10px; }
.ca-revision-list article small { color:#4e7183; font-size:8px; }
.ca-revision-list article button { border:0; color:#62c6ef; background:transparent; cursor:pointer; font-size:9px; }
.ca-detail-actions { display:flex; justify-content:flex-end; gap:8px; }

@media(max-width:1250px){
  .ca-announcement-row { grid-template-columns:68px minmax(260px,1fr) 180px 125px; }
  .ca-announcement-time { display:none; }
  .ca-admin-guide { grid-template-columns:150px repeat(3,1fr); }
  .ca-composer { grid-template-columns:1fr 360px; }
}
@media(max-width:960px){
  .ca-admin-hero { grid-template-columns:1fr; }
  .ca-service-core { display:none; }
  .ca-admin-metrics { grid-template-columns:repeat(2,1fr); }
  .ca-announcement-row { grid-template-columns:62px 1fr 120px; }
  .ca-announcement-stats { display:none; }
  .ca-composer { grid-template-columns:1fr; }
  .ca-preview-panel { display:none; }
  .ca-choice-grid,.ca-choice-grid.pages { grid-template-columns:repeat(3,1fr); }
}