/* Shared Ciantic website palette, adapted to the department workspace. */
:root {--bg:#161616;--surface:#1e1e1e;--surface2:#242424;--border:#ffffff12;--line:#ffffff1f;--text:#fff;--muted:#a3a3a3;--accent:#7826f9;--blue:#7826f9;--blue-light:#b88aff;--accent-soft:#7826f91a;}
body {background:#161616;}
body::before {background:radial-gradient(ellipse at 85% 0,#7826f910,transparent 55%),#161616;}
.sidebar {background:linear-gradient(155deg,#242424,#1a1a1a);border-color:#ffffff12;border-radius:14px;}
.nav-button.active {background:#7826f91c;border-color:#7826f945;color:#e0c8ff;}
.nav-button.active::before {background:#9241ea;}
.topbar {background:#161616db;border-color:#ffffff12;}
.topbar-home,.account img {background:#242424;border-color:#ffffff1f;}
.page-heading h1 {background:none;color:#fff;-webkit-text-fill-color:currentColor;letter-spacing:-.02em;}
.page-heading .eyebrow,.eyebrow {color:#b88aff;}
.card,.stat,.workflow-stats .card {background:linear-gradient(145deg,#242424,#1e1e1e);border-color:#ffffff12;border-radius:14px;}
.button {border-radius:8px;background:#2c2c2c;border-color:#ffffff1f;color:#fff;}
.button.primary {background:#7826f9;border-color:#9241ea;color:#fff;box-shadow:0 4px 20px #7826f91c;}
.button.primary:hover {background:#9241ea;border-color:#a45bf3;}
.button.danger {background:#e55c7012;border-color:#e55c7040;color:#ffb6c0;}
.button:hover {border-color:#ffffff40;}
.text-button {color:#b88aff;}
.tabs {background:#1a1a1a;border-color:#ffffff12;}
.tabs button.active {background:#7826f92c;color:#e7d5ff;}
.data-table th {background:#242424;color:#a3a3a3;border-color:#ffffff12;}
.data-table td {border-color:#ffffff12;color:#d4d4d4;}
input,select,textarea {background:#1a1a1a!important;border-color:#ffffff1f!important;border-radius:8px!important;}
input:focus,select:focus,textarea:focus {border-color:#9241ea!important;box-shadow:0 0 0 3px #7826f918;}
input[type="checkbox"],progress {accent-color:#7826f9;}
#page-profile>.member-profile-card {border-color:#ffffff1f;}
#page-profile .profile-summary {background:#1a1a1ae8;border-color:#ffffff1f;}
#page-profile .profile-cover {background-image:linear-gradient(90deg,#161616ee,#161616b8 50%,#16161644),linear-gradient(0deg,#1e1e1efc,#1e1e1e11 85%),url('/static/media/department.jpg');}
.profile-pulse article {background:linear-gradient(135deg,#242424,#1e1e1e);border-color:#ffffff12;border-radius:14px;}
.profile-pulse strong,.stat strong {color:#fff;}
#profile-manual-link,#page-profile>.profile-rank-card {background:linear-gradient(115deg,#7826f913,#1e1e1e);border-color:#7826f930;}
.promotion-metric,#member-task-panel .promotion-metric,#member-task-fields>label {background:#1a1a1a;border-color:#ffffff1f;}
.member-note,.answer,.embed-editor {background:#1a1a1a;border-color:#ffffff1f;}
#member-dialog,dialog {background:linear-gradient(145deg,#242424,#1a1a1a);border-color:#ffffff1f;border-radius:14px;}
#member-dialog>.member-section,#member-dialog>#member-details {background:#1e1e1e;border-color:#ffffff1f;}
#member-task-toggle {background:#7826f915;border-color:#7826f940;}
.login-screen .login-card {background:linear-gradient(145deg,#242424ee,#1a1a1af5);border-color:#ffffff1f;border-radius:14px;}
.manual-chapter {background:#1e1e1e;border-color:#ffffff12;}
.manual-chapter[open] {background:#242424;border-color:#7826f940;}
#report-detail p {white-space:pre-wrap;overflow-wrap:anywhere;}
#report-form-dialog,#report-detail-dialog {width:min(720px,calc(100vw - 28px));}
#report-review-form {border-top:1px solid #ffffff1f;margin-top:24px;padding-top:22px;}
#profile-report {border-color:#9241ea66;color:#dac1fb;}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;}}

/* Owner database maintenance uses existing panel controls. */
.database-scroll { overflow: auto; max-height: 65vh; }
#database-values { width: 100%; }
#page-database td { max-width: 300px; overflow-wrap: anywhere; }

/* Live counts share the department's purple accent and line icon navigation. */
.nav-count { margin-left:auto; display:inline-flex; align-items:center; justify-content:center;
  min-width:23px; height:23px; padding:0 7px; flex-shrink:0; border-radius:999px;
  background:#7826f9; color:#fff; font-size:11px; font-weight:700;
  font-variant-numeric:tabular-nums; line-height:1; }
.nav-count[hidden] { display:none; }

/* Keep dialog close icons centred despite general button padding. */
.dialog-heading .icon-button[data-close] {
  display:inline-flex; align-items:center; justify-content:center;
  padding:0; line-height:1; flex-shrink:0;
}
.dialog-heading .icon-button[data-close] > .icon {
  display:block; width:17px; height:17px; margin:0; flex-shrink:0;
}