/* CODEundKRAM OS 5.0 / SYSTEM-UI v17
 * One shared set of visual primitives for existing components. The Studio uses
 * the light, violet/lime workstation skin; the blog keeps its dark visitor skin.
 * This stylesheet loads last, so previously introduced HOTFIX skins cannot
 * silently replace the core controls in one individual EXE.
 */
:root {
  --ck-ui-size:40px;
  --ck-ui-pad-x:14px;
  --ck-ui-gap:10px;
  --ck-ui-radius:3px;
  --ck-ui-border-width:2px;
  --ck-ui-focus:#7457bb;
  --ck-ui-motion:.14s;
}
.admin-body {
  --ck-ui-canvas:#f4f1e9;
  --ck-ui-bg:#fffefa;
  --ck-ui-bg-hover:#f0eafa;
  --ck-ui-fg:#29233c;
  --ck-ui-border:#53436d;
  --ck-ui-primary-bg:var(--ck-lime,#d5ff57);
  --ck-ui-primary-fg:#171925;
  --ck-ui-danger-bg:#ffe6e8;
  --ck-ui-danger-fg:#8c263f;
  --ck-ui-danger-border:#b34e65;
  --ck-ui-muted:#747380;
  --ck-ui-focus:#7457bb;
}
/* Explicitly restore the Studio's actual OS aesthetic: square chrome and
   tactile 2px outlines. No competing, rounded HOTFIX-exclusive buttons. */
.admin-body :is(.admin-content,.ck-retro-dialog) :is(
  .admin-panel,.settings-panel,.editor-side-panel,.stat-card,.ck45-panel,
  .ck13-season-panel,.ck15-agenda,.ck15-calendar,.ck16-patch-card,
  .os-row,.media-item,.ck-comment-admin-item,.ck-ui-panel
) {
  border-radius:var(--ck-ui-radius)!important;
}
.admin-body .admin-content :is(
  .os-actions,.os-toolbar,.ck-comment-actions,.ck48-social-actions,
  .ck45-cat-actions,.ck-ui-actions,.ck15-tools,.ck15-event-actions,
  .ck-polish-social-card-actions
) {
  display:flex;align-items:center;gap:var(--ck-ui-gap);flex-wrap:wrap;
}
.admin-body .admin-content :is(.os-actions,.os-toolbar,.ck-comment-actions,.ck48-social-actions,.ck-ui-actions) form {margin:0}
/* Button baseline. Existing buttons are included, not only newly created
   .ck-ui-btn elements. Application-specific controls with distinct semantics
   (editor choices, calendar cells, command-menu entries) remain specialized. */
.admin-body .admin-content :is(button,.button,a.button,.ck-ui-btn) {
  font-family:inherit;
  touch-action:manipulation;
}
.admin-body .admin-content :is(
  .os-toolbar a,.os-toolbar button,.os-actions a,.os-actions button,
  .ck-comment-actions button,.ck48-social-actions button,
  .ck45-cat-actions button,.ck-ui-btn,.button,
  .ck16-confirm button,.ck14-preview-trigger,.ck14-dialog-footer button,
  .ck-polish-social-card-actions a,.ck-comment-admin-reply button,
  .ck-media-selectbar button,.ck5-bulk-form button,
  .ck-media-bulk-delete button,.ck15-today,
  button:not([class]):not(.ck5-command-head button):not(.ck14-dialog-bar button):not(.ck46-save-header button):not(.ck45-cat-hints button)
) {
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  box-sizing:border-box;min-height:var(--ck-ui-size);
  padding:9px var(--ck-ui-pad-x);border:var(--ck-ui-border-width) solid var(--ck-ui-border);
  border-radius:var(--ck-ui-radius)!important;
  background:var(--ck-ui-bg);color:var(--ck-ui-fg);
  font-size:12px;font-weight:850;line-height:1.35;font-family:inherit;text-decoration:none;
  cursor:pointer;box-shadow:none;transform:none;
  transition:background-color var(--ck-ui-motion),color var(--ck-ui-motion),border-color var(--ck-ui-motion);
}
.admin-body .admin-content :is(
  .os-toolbar a,.os-toolbar button,.os-actions a,.os-actions button,
  .ck-comment-actions button,.ck48-social-actions button,.ck45-cat-actions button,
  .ck-ui-btn,.button,.ck16-confirm button,.ck14-preview-trigger,
  .ck14-dialog-footer button,.ck-polish-social-card-actions a,
  .ck-comment-admin-reply button,.ck-media-selectbar button,
  .ck5-bulk-form button,.ck-media-bulk-delete button,.ck15-today,
  button:not([class]):not(.ck5-command-head button):not(.ck14-dialog-bar button):not(.ck46-save-header button):not(.ck45-cat-hints button)
):not(:disabled):hover {
  background:var(--ck-ui-bg-hover);color:var(--ck-ui-fg);border-color:var(--ck-ui-border);
  box-shadow:none;transform:none;
}
/* Explicit action semantics have priority over legacy container rules. */
.admin-body .admin-content :is(
  .button-primary,.ck-ui-btn--primary,.button-schedule,
  .ck14-dialog-footer .button-primary,.ck15-action-main,
  .ck15-datejump button
) {
  background:var(--ck-ui-primary-bg)!important;
  color:var(--ck-ui-primary-fg)!important;
  border:2px solid #6b8731!important;
  border-radius:var(--ck-ui-radius)!important;
}
.admin-body .admin-content :is(
  .button-primary,.ck-ui-btn--primary,.button-schedule,
  .ck14-dialog-footer .button-primary,.ck15-action-main,.ck15-datejump button
):not(:disabled):hover{background:#e6ffa4!important;color:#171925!important}
.admin-body .admin-content :is(
  .button-danger,.ck-ui-btn--danger,.ck14-action-cancel,
  .ck-media-bulk-delete button
) {
  background:var(--ck-ui-danger-bg)!important;
  color:var(--ck-ui-danger-fg)!important;
  border:2px solid var(--ck-ui-danger-border)!important;
}
.admin-body .admin-content :is(.button-danger,.ck-ui-btn--danger,.ck14-action-cancel,.ck-media-bulk-delete button):hover{
  background:#ffd4da!important;color:var(--ck-ui-danger-fg)!important;
}
.admin-body .admin-content :is(button,.button,a.button,.ck-ui-btn):disabled,
.admin-body .admin-content :is(button,.button,a.button,.ck-ui-btn)[aria-disabled="true"]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}
/* One control height, label weight, help-text rhythm and keyboard outline. */
.admin-body .admin-content :is(
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]):not([type=file]),
  textarea,select,.ck-ui-field
) {
  border:2px solid #8d859c;border-radius:var(--ck-ui-radius)!important;
  min-height:var(--ck-ui-size);padding:9px 12px;
  background:#fffefa;color:var(--ck-ui-fg);font-family:inherit;
  max-width:100%;box-sizing:border-box;
}
.admin-body .admin-content :is(input,textarea,select):disabled {background:#edebef;color:#676371;opacity:.75}
.admin-body .admin-content :is(input[type=checkbox],input[type=radio]){accent-color:#7457bb}
.admin-body .admin-content :is(.ck-ui-label,.ck14-dialog-content label,.ck-comment-admin-reply label,.ck-comment-admin-search label){color:var(--ck-ui-fg);font-weight:850}
.admin-body .admin-content :is(small,.ck-ui-muted):not(.status-badge):not(.ck15-status){line-height:1.5}
.admin-body :is(button,a,input,select,textarea,summary):focus-visible {
  outline:3px solid var(--ck-ui-focus)!important;outline-offset:3px!important;
}
/* One family of pills and notices, preserving status colors. */
.admin-body .admin-content :is(.ck-ui-badge,.status-badge,.ck-comment-status,.ck15-channel,.ck15-status){
  border-radius:var(--ck-ui-radius)!important;
  padding:7px 10px;font:850 10px/1.2 var(--mono,monospace);
  display:inline-flex;align-items:center;gap:7px;
}
.admin-body .admin-content :is(.admin-alert,.os-note,.ck15-notice,.ck-polish-message,.ck16-security-note,.ck-comment-flash){
  border-radius:var(--ck-ui-radius)!important;
  line-height:1.55;overflow-wrap:anywhere;
}
/* The same retro chrome on the general dialog, publication dialog, planner,
   and command palette. Keep native dialog behavior / focus trapping intact. */
.admin-body :is(.ck-retro-dialog,.ck14-planner-dialog,.ck46-save-dialog,.ck5-command-dialog){
  border:2px solid #302442!important;
  border-radius:var(--ck-ui-radius)!important;
  color:var(--ck-ui-fg);background:var(--ck-ui-bg);
  box-shadow:9px 10px 0 rgba(23,18,40,.38);
}
.admin-body :is(.ck-retro-dialog,.ck14-planner-dialog,.ck46-save-dialog,.ck5-command-dialog)::backdrop{
  background:rgba(14,10,27,.75);
}
.admin-body :is(.ck-dialog-chrome,.ck14-dialog-bar,.ck46-save-header,.ck5-command-head){
  background:#352950;color:#fff;
  border-bottom:2px solid #1c162d;
  font:900 11px/1.4 var(--mono,monospace);
  letter-spacing:.06em;
}
.admin-body :is(.ck-dialog-actions,.ck14-dialog-footer,.ck46-save-footer){
  border-top:1px solid #d5cadf;background:#faf9f7;
  display:flex;justify-content:flex-end;gap:var(--ck-ui-gap);flex-wrap:wrap;
}
/* Legacy planner and detail pages must not form private color/shape islands. */
#ck15-planner :is(.ck15-toolbar,.ck15-agenda,.ck15-calendar,.ck15-event,.ck15-service,.ck15-menu-pop){
  border-radius:var(--ck-ui-radius)!important;
}
#ck15-planner :is(.ck15-datebar a,.ck15-today,.ck15-menu>summary,.ck15-datejump input){
  border-radius:var(--ck-ui-radius)!important;
}
#ck15-planner .ck15-primary-link{
  background:var(--ck-ui-primary-bg);color:var(--ck-ui-primary-fg);
  border:2px solid #6b8731;border-radius:var(--ck-ui-radius)!important;
  min-height:var(--ck-ui-size);font-size:12px;font-weight:900;line-height:1.3;font-family:inherit;
}
#ck15-planner .ck15-primary-link:hover{background:#e6ffa4;color:#171925}
#ck15-planner .ck15-tabs a:hover,
#ck15-planner .ck15-datebar a:hover,
#ck15-planner .ck15-menu>summary:hover,
#ck15-planner .ck15-event-links a:hover{background:var(--ck-ui-bg-hover);color:var(--ck-ui-fg)}
#ck15-planner .ck15-action:not(.ck15-action-main):hover,
#ck15-planner .ck15-menu-pop>a:hover{background:var(--ck-ui-bg-hover);color:var(--ck-ui-fg)}
#ck15-planner .ck15-empty strong{color:var(--ck-ui-fg)}
/* Remaining dark-vs-light remnants in older list components. */
.admin-body .admin-content :is(.os-row,.media-item,.ck-comment-admin-item){background:var(--ck-ui-bg);color:var(--ck-ui-fg)}
.admin-body .admin-content .os-row{border-color:var(--ck-ui-border);box-shadow:3px 3px 0 #d9d2e1}
.admin-body .admin-content .ck-comment-admin-item{border-color:var(--ck-ui-border)}
.admin-body .admin-content .ck48-social-actions form{margin:0}
.admin-body .admin-content :is(.filter-chips a,.ck-comment-filters a){border-radius:var(--ck-ui-radius)!important;min-height:36px;display:inline-flex;align-items:center}
.admin-body .admin-content :is(.filter-chips a.active,.ck-comment-filters a.current){background:#352950;color:#fff;border-color:#352950}
/* Public SITE: same sizing, status and interaction patterns without imposing
   the light Studio palette or replacing article cards / DOS console artwork. */
body:not(.admin-body):not(.login-body){--ck-ui-focus:var(--ck-lime,#d5ff57)}
body:not(.admin-body):not(.login-body) :is(
  .ck-comment-reply-link,.ck-comments-pager a,.ck-comment-filters a,
  .ck-comment-form .button,.archive-mode-switch button
){
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:var(--ck-ui-size);padding:9px var(--ck-ui-pad-x);
  border:2px solid #8d85aa;border-radius:var(--ck-ui-radius)!important;
  font:850 12px/1.3 var(--mono,monospace);text-decoration:none;
  cursor:pointer;transition:background-color var(--ck-ui-motion),color var(--ck-ui-motion);
}
body:not(.admin-body):not(.login-body) :is(
  .ck-comment-reply-link,.ck-comments-pager a,.ck-comment-filters a
){background:#211a34;color:#dfff93}
body:not(.admin-body):not(.login-body) :is(
  .ck-comment-reply-link,.ck-comments-pager a,.ck-comment-filters a
):hover{background:#d5ff57;color:#171521}
body:not(.admin-body):not(.login-body) :is(.ck-comment-form input:not([type=checkbox]),.ck-comment-form textarea,.ck-comment-search input){
  border:2px solid #8983a7;border-radius:var(--ck-ui-radius)!important;
  min-height:var(--ck-ui-size);padding:11px 13px;
}
body:not(.admin-body):not(.login-body) :is(.ck-comment-flash,.ck-comment-empty,.ck-comment-search){border-radius:var(--ck-ui-radius)!important}
body:not(.admin-body):not(.login-body) :is(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--ck-ui-focus)!important;outline-offset:3px!important;
}
@media(max-width:600px){
  .admin-body .admin-content :is(.os-toolbar,.os-actions,.ck-comment-actions,.ck48-social-actions,.ck-ui-actions){align-items:stretch}
  .admin-body .admin-content :is(.os-toolbar,.os-actions,.ck-comment-actions,.ck48-social-actions,.ck-ui-actions)>*{max-width:100%}
  .admin-body :is(.ck-dialog-actions,.ck14-dialog-footer,.ck46-save-footer)>button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){
  .admin-body .admin-content :is(button,.button,.ck-ui-btn,.os-toolbar a,.os-actions a),
  body:not(.admin-body):not(.login-body) :is(.ck-comment-reply-link,.ck-comments-pager a,.ck-comment-filters a){transition:none!important;transform:none!important}
}

/* PLANER.EXE / Social: uses the exact same navigation, panels, buttons and
   confirmation baseline as every other Studio programme. */
#ck15-planner .ck17-planner-nav{margin-bottom:22px;padding:12px 14px 14px;background:var(--ck-ui-bg);border:2px solid var(--ck-ui-border);border-radius:var(--ck-ui-radius)}
#ck15-planner .ck17-planner-nav a[aria-current="page"]{background:var(--ck-ui-fg);color:var(--ck-ui-bg);border-color:var(--ck-ui-fg)}
#ck15-planner .ck48-social-job,#ck15-planner .ck48-social-section{background:var(--ck-ui-bg);border:2px solid var(--ck-ui-border);border-radius:var(--ck-ui-radius)}
#ck15-planner .ck48-social-job{gap:var(--ck-ui-gap)}
#ck15-planner .ck48-social-actions{align-items:center;gap:var(--ck-ui-gap)}
#ck15-planner .ck48-social-manage{min-width:min(300px,100%)}
#ck15-planner .ck48-social-manage form{margin:8px 0 0}
#ck15-planner .ck17-social-consent{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;line-height:1.4;margin:9px 0}
#ck15-planner .ck17-social-consent input{width:18px;height:18px;flex:none}
@media(max-width:600px){#ck15-planner .ck17-planner-nav{padding:9px;gap:2px;overflow-x:auto}#ck15-planner .ck17-planner-nav a{padding:10px 12px}#ck15-planner .ck48-social-actions>form{width:100%}}