.workspace.is-admin .view-switcher,
.workspace.is-admin .control-bar,
.workspace.is-admin .status-jump,
.workspace.is-admin .applied-filters,
.workspace.is-admin #create-task { display: none; }

.admin-view { min-height: 0; padding: 0 28px 28px; overflow-y: auto; }
.admin-view.is-active { display: block; }
.admin-view > #admin-root { width: 100%; }
.admin-shell { display: grid; gap: 14px; padding-bottom: 18px; }
.admin-toolbar { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--line); border-radius: 16px; padding: 15px 17px; background: linear-gradient(135deg,#fff 0%,#f3f8f8 100%); box-shadow: 0 9px 28px rgba(31,49,62,.05); }
.admin-toolbar h2 { margin: 2px 0 3px; color: var(--ink); font-size: 19px; letter-spacing: -.02em; }
.admin-toolbar > div > small { color: var(--muted); font-size: 10px; }
.admin-toolbar button { height: 40px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid #d4e0e3; border-radius: 10px; padding: 0 13px; background: #fff; color: #61727e; cursor: pointer; font: inherit; font-size: 10.5px; font-weight: 760; }
.admin-toolbar button:hover { border-color: #87b5b7; color: var(--accent-dark); }
.admin-toolbar button:disabled { cursor: wait; opacity: .6; }
.admin-toolbar button svg { width: 15px; height: 15px; }
.admin-inline-error { display: flex; align-items: center; gap: 8px; border: 1px solid #ebcfca; border-radius: 11px; padding: 10px 12px; background: #fff5f3; color: #9b554f; font-size: 10.5px; }
.admin-inline-error svg { width: 15px; height: 15px; }
.admin-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.admin-metric { min-width: 0; min-height: 96px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--line); border-radius: 15px; padding: 13px 14px; background: #fff; box-shadow: 0 6px 20px rgba(31,49,62,.04); }
.admin-metric > span { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; background: #e9f3f2; color: var(--accent); }
.admin-metric > span svg { width: 18px; height: 18px; }
.admin-metric > div { min-width: 0; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2px 8px; }
.admin-metric small { color: #84919b; font-size: 9.5px; font-weight: 700; }
.admin-metric strong { grid-row: span 2; color: var(--ink); font-size: 26px; line-height: 1; }
.admin-metric p { margin: 0; overflow: hidden; color: #98a3ab; font-size: 8.5px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.admin-metric.is-danger > span { background: #fff0ee; color: #b85c54; }
.admin-metric.is-warning > span { background: #fff5e7; color: #b17839; }
.admin-metric.is-success > span { background: #edf7f1; color: #4e8a69; }
.admin-metric.is-neutral > span { background: #eef2f5; color: #647987; }
.admin-layout { min-height: 0; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(310px,.85fr); gap: 14px; align-items: start; }
.admin-main-column, .admin-side-column { min-width: 0; display: grid; gap: 14px; }
.admin-panel { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 8px 25px rgba(31,49,62,.045); }
.admin-panel > header { min-height: 61px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); padding: 11px 14px; background: #fbfcfd; }
.admin-panel > header h3 { margin: 2px 0 0; color: var(--ink); font-size: 14px; }
.admin-panel > header > span { min-width: 26px; height: 26px; display: grid; place-items: center; border-radius: 999px; background: #e7f2f1; color: var(--accent-dark); font-size: 10px; font-weight: 800; }
.admin-attention > div, .admin-recent > div, .admin-integrations > div, .admin-actions > div { display: grid; }
.admin-attention-row, .admin-recent-row { min-width: 0; min-height: 58px; display: grid; grid-template-columns: 35px minmax(0,1fr) 15px; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid #edf1f3; padding: 9px 13px; background: #fff; color: inherit; cursor: pointer; text-align: left; font: inherit; }
.admin-attention-row:last-child, .admin-recent-row:last-child { border-bottom: 0; }
.admin-attention-row:hover, .admin-recent-row:hover { background: #f7fafb; }
.admin-attention-row > span, .admin-recent-row > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: #eef3f5; color: #6b7e89; }
.admin-attention-row > span svg, .admin-recent-row > span svg { width: 15px; height: 15px; }
.admin-attention-row > div, .admin-recent-row > div { min-width: 0; display: grid; gap: 3px; }
.admin-attention-row strong, .admin-recent-row strong { overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-attention-row small, .admin-recent-row small { overflow: hidden; color: #88959e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.admin-attention-row > svg { width: 14px; height: 14px; color: #a4afb5; }
.admin-attention-row.is-danger > span { background: #fff0ee; color: #b65a52; }
.admin-attention-row.is-warning > span { background: #fff5e7; color: #b17839; }
.admin-employees-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 11px; background: #f7f9fa; }
.admin-employee-card { min-width: 0; overflow: hidden; border: 1px solid #dfe7ea; border-radius: 13px; background: #fff; }
.admin-employee-card > header { display: grid; grid-template-columns: 38px minmax(0,1fr) 9px; align-items: center; gap: 9px; padding: 11px; }
.admin-employee-avatar { width: 38px; height: 38px; }
.admin-employee-card > header > div { min-width: 0; display: grid; gap: 3px; }
.admin-employee-card > header strong { overflow: hidden; color: var(--ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-employee-card > header small { overflow: hidden; color: #8a97a0; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.admin-employee-card > header > i { width: 8px; height: 8px; border-radius: 50%; background: #c7d0d5; box-shadow: 0 0 0 3px #f0f3f5; }
.admin-employee-card > header > i.is-online { background: #45a979; box-shadow: 0 0 0 3px #e4f4eb; }
.admin-employee-numbers { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #edf1f3; border-bottom: 1px solid #edf1f3; }
.admin-employee-numbers span { min-width: 0; display: grid; gap: 1px; padding: 8px 6px; text-align: center; }
.admin-employee-numbers span + span { border-left: 1px solid #edf1f3; }
.admin-employee-numbers strong { color: #50616d; font-size: 13px; }
.admin-employee-numbers small { color: #99a4ab; font-size: 7.5px; }
.admin-employee-numbers .has-alert strong { color: #b55751; }
.admin-employee-numbers .has-warning strong { color: #a96f32; }
.admin-employee-card footer { display: flex; align-items: center; gap: 6px; min-height: 33px; padding: 7px 10px; color: #85939c; font-size: 8.5px; }
.admin-employee-card footer svg { width: 13px; height: 13px; }
.admin-employee-card footer.is-available, .admin-employee-card footer.is-inCall { color: #4f8769; }
.admin-employee-card footer.is-away { color: #a67941; }
.admin-integration { min-height: 54px; display: grid; grid-template-columns: 9px minmax(0,1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid #edf1f3; padding: 9px 12px; }
.admin-integration:last-child { border-bottom: 0; }
.admin-integration > i { width: 8px; height: 8px; border-radius: 50%; background: #d0645c; box-shadow: 0 0 0 3px #f9e9e7; }
.admin-integration.is-ok > i { background: #4da678; box-shadow: 0 0 0 3px #e5f4eb; }
.admin-integration.is-warning > i { background: #d49a4d; box-shadow: 0 0 0 3px #fbf0df; }
.admin-integration > div { min-width: 0; display: grid; gap: 2px; }
.admin-integration strong { color: var(--ink); font-size: 10px; }
.admin-integration small { overflow: hidden; color: #89969f; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.admin-integration em { border-radius: 999px; padding: 4px 7px; background: #f9e9e7; color: #a95650; font-size: 7.5px; font-style: normal; font-weight: 750; }
.admin-integration.is-ok em { background: #e9f5ee; color: #4c7e61; }
.admin-integration.is-warning em { background: #fff2df; color: #986c36; }
.admin-actions button, .admin-actions a { min-height: 55px; display: grid; grid-template-columns: 34px minmax(0,1fr) 15px; align-items: center; gap: 9px; border: 0; border-bottom: 1px solid #edf1f3; padding: 8px 12px; background: #fff; color: inherit; cursor: pointer; text-align: left; text-decoration: none; font: inherit; }
.admin-actions button:last-child, .admin-actions a:last-child { border-bottom: 0; }
.admin-actions button:hover, .admin-actions a:hover { background: #f7fafb; }
.admin-actions button > svg:first-child, .admin-actions a > svg:first-child { width: 34px; height: 34px; border-radius: 10px; padding: 9px; background: #eaf3f2; color: var(--accent); }
.admin-actions button > svg:last-child, .admin-actions a > svg:last-child { width: 14px; height: 14px; color: #a0abb2; }
.admin-actions span { min-width: 0; display: grid; gap: 2px; }
.admin-actions strong { color: var(--ink); font-size: 10px; }
.admin-actions small { color: #8a97a0; font-size: 8.5px; }
.admin-recent-row { grid-template-columns: 31px minmax(0,1fr) auto; min-height: 51px; padding: 8px 11px; }
.admin-recent-row > span { width: 30px; height: 30px; }
.admin-recent-row time { color: #98a3aa; font-size: 8px; white-space: nowrap; }
.admin-empty { margin: 0; padding: 25px 15px; color: #95a1a9; font-size: 10px; text-align: center; }
.admin-runtime { color: #9aa5ac; font-size: 8.5px; text-align: center; }
.admin-loading, .admin-access-denied { min-height: 420px; display: grid; place-items: center; align-content: center; gap: 9px; border: 1px solid var(--line); border-radius: 16px; padding: 30px; background: #fff; color: #84919c; text-align: center; }
.admin-loading { grid-template-columns: 22px auto; min-height: 220px; }
.admin-loading i { width: 19px; height: 19px; border: 2px solid #d3dfe2; border-top-color: var(--accent); border-radius: 50%; animation: admin-spin .8s linear infinite; }
.admin-access-denied > span { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: #e8f3f1; color: var(--accent); }
.admin-access-denied > span svg { width: 23px; height: 23px; }
.admin-access-denied h2 { margin: 3px 0 0; color: var(--ink); font-size: 17px; }
.admin-access-denied p { max-width: 430px; margin: 0; font-size: 11px; line-height: 1.5; }
.admin-access-denied button { margin-top: 5px; border: 0; border-radius: 9px; padding: 10px 14px; background: var(--accent); color: #fff; cursor: pointer; font: inherit; font-size: 10px; font-weight: 750; }
.admin-confirm-backdrop { position: fixed; z-index: 1400; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(18,34,43,.48); backdrop-filter: blur(4px); }
.admin-confirm-dialog { width: min(440px,100%); border: 1px solid var(--line); border-radius: 18px; padding: 22px; background: #fff; box-shadow: 0 24px 70px rgba(20,37,47,.26); }
.admin-confirm-dialog > span { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 13px; background: #fff1e5; color: #b06d2d; }
.admin-confirm-dialog > span svg { width: 20px; height: 20px; }
.admin-confirm-dialog h3 { margin: 4px 0 9px; color: var(--ink); font-size: 18px; }
.admin-confirm-dialog > p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.admin-confirm-dialog > div { display: grid; grid-template-columns: 1fr 1.45fr; gap: 9px; margin-top: 20px; }
.admin-confirm-dialog button { min-height: 42px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: #63737e; cursor: pointer; font: inherit; font-size: 10px; font-weight: 760; }
.admin-confirm-dialog button:last-child { border-color: #c4803d; background: #b97837; color: #fff; }
.admin-confirm-dialog button:disabled { cursor: wait; opacity: .6; }
@keyframes admin-spin { to { transform: rotate(360deg); } }

.dark-theme .admin-toolbar, .dark-theme .admin-metric, .dark-theme .admin-panel, .dark-theme .admin-access-denied { background: var(--surface); }
.dark-theme .admin-toolbar { background: linear-gradient(135deg,var(--surface) 0%,var(--surface-soft) 100%); }
.dark-theme .admin-panel > header, .dark-theme .admin-employees-grid { background: var(--surface-soft); }
.dark-theme .admin-attention-row, .dark-theme .admin-recent-row, .dark-theme .admin-employee-card, .dark-theme .admin-actions button, .dark-theme .admin-actions a { background: var(--surface); }
.dark-theme .admin-confirm-dialog, .dark-theme .admin-confirm-dialog button { background: var(--surface); }
.dark-theme .admin-confirm-dialog button:last-child { background: #b97837; }
.dark-theme .admin-attention-row:hover, .dark-theme .admin-recent-row:hover, .dark-theme .admin-actions button:hover, .dark-theme .admin-actions a:hover { background: var(--surface-soft); }

@media (max-width: 1080px) {
  .admin-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .admin-layout { grid-template-columns: 1fr; }
  .admin-side-column { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
  .admin-recent, .admin-runtime { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .admin-view { padding: 0 10px 82px; }
  .admin-toolbar { align-items: stretch; flex-direction: column; }
  .admin-toolbar button { justify-content: center; }
  .admin-metrics { grid-template-columns: 1fr; }
  .admin-metric { min-height: 82px; }
  .admin-employees-grid, .admin-side-column { grid-template-columns: 1fr; }
  .admin-recent, .admin-runtime { grid-column: auto; }
  .admin-attention-row, .admin-recent-row { min-height: 62px; }
  .admin-recent-row time { display: none; }
}