body.admin-app,body.app-shell-page{
  --font-display:'PT Serif',Georgia,serif;
  --font-ui:'Nunito',ui-sans-serif,system-ui,sans-serif;
}
:root,.unika-shell,.app-shell-page{
  --font-display:'PT Serif',Georgia,serif;
  --font-ui:'Nunito',ui-sans-serif,system-ui,sans-serif;
  --font-heading:var(--font-display);
  --font-body:var(--font-ui);
  --radius-input:999px;
}
body.unika-shell{font-variant-numeric:lining-nums tabular-nums}

/* One rounded boundary for each field; native controls retain their affordance. */
body.unika-shell input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([type='color']):not([type='button']):not([type='submit']):not([type='reset']),
body.unika-shell select{
  border-radius:999px!important;
}
/* Keep the dropdown indicator inset consistently, including fields with inline padding. */
body.unika-shell select:not([multiple]):not([size]):not(#admin-learning-sort){
  appearance:none;
  padding-right:40px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23372842' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-position:right 17px center!important;
  background-size:12px 12px!important;
  background-repeat:no-repeat!important;
}
body.unika-shell .lobby-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23e8eaed' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
body.unika-shell textarea{border-radius:20px!important}
body.unika-shell :is(.admin-search,.work-search){
  border-radius:999px;
}
body.unika-shell :is(.admin-search,.work-search) input{
  min-height:0!important;width:100%;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;
}
body.unika-shell :is(.admin-search,.work-search):focus-within{
  border-color:var(--purple-500);box-shadow:0 0 0 3px rgba(132,89,196,.18);
}
body.unika-shell input[readonly]{background:#f3eef6}

/* Shared action pills: fixed icon geometry, independent of the text font. */
body.unika-shell .action-pill{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:0 14px;border:1px solid var(--cream-300);
  border-radius:999px;background:#fff;color:var(--purple-800);
  font-family:var(--font-ui);font-size:13px;font-weight:700;line-height:1;
  white-space:nowrap;vertical-align:middle;text-decoration:none;cursor:pointer;
}
body.unika-shell .action-pill:hover,
body.unika-shell .action-pill[aria-expanded='true']{
  background:var(--purple-50);border-color:var(--purple-500);
}
body.unika-shell .action-pill:focus-visible{outline:2px solid var(--purple-500);outline-offset:3px}
.action-pill__chevron{display:block;width:16px;height:16px;flex:0 0 16px;transition:transform .15s ease}
.action-pill[aria-expanded='true'] .action-pill__chevron{transform:rotate(180deg)}

.work-rail .work-logout--button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:8px 0}.profile-sections{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}

/* Icon-only controls keep circular geometry in flex rows and dialogs. */
body.unika-shell .ui-action-circle{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px;max-height:36px;flex:0 0 36px;padding:0!important;border:1px solid var(--color-border);border-radius:50%!important;background:var(--color-surface);color:var(--color-muted);cursor:pointer;line-height:1}
body.unika-shell .ui-action-circle.btn-danger{background:#f9e9e5;color:#a54f42;border-color:#eed0c8}
body.unika-shell .ui-action-circle svg{display:block;flex-shrink:0}
body.unika-shell .ui-action-circle:hover{border-color:var(--color-primary);color:var(--color-primary)}
body.unika-shell :is(.le-icon-button,.admin-icon-button,.work-icon-button){padding:0;flex-shrink:0;box-sizing:border-box;aspect-ratio:1}

/* Keep the selected display face consistent across every heading level. */
body.unika-shell :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-display)}