
.au-root { --au-muted: rgb(var(--c-ink-muted, 105 120 139)); --au-line: rgb(var(--c-line, 205 217 228) / .76); display: grid; gap: 12px; width: min(100%, 1180px); min-width: 0; margin-inline: auto; color: rgb(var(--c-ink, 35 52 73)); font-family: "Manrope", system-ui, sans-serif; }
.au-root :where(button,input,select) { min-width: 0; color: inherit; font: inherit; }
.au-root :where(button,input,select):focus-visible { outline: 3px solid rgb(var(--clinic-cyan, 20 165 225) / .6); outline-offset: 2px; }
.au-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.au-eyebrow,.au-kicker { margin: 0; color: var(--au-muted); font-size: 13px; font-weight: 800; letter-spacing: .14em; }
.au-eyebrow { display: flex; align-items: center; gap: 7px; margin-bottom: 7px; }
.au-eyebrow > span:last-child { opacity: .55; }.au-mark { width: 7px; height: 7px; background: #218fc0; box-shadow: 0 0 9px rgb(33 143 192 / .55); }
.au-heading h1 { margin: 0; font-size: clamp(25px,3.2vw,35px); line-height: 1.1; letter-spacing: -.04em; }.au-heading h1 span { color: #2787b9; }
.au-subtitle { margin: 6px 0 0; color: var(--au-muted); font-size: 13px; }
.au-month { display: grid; gap: 4px; color: var(--au-muted); font-size: 13px; }.au-month input,.au-filters select { min-height: 32px; padding: 4px 8px; border: 1px solid var(--au-line); border-radius: 2px; background: rgb(var(--c-surface, 255 255 255) / .8); }
.au-service-toggle { display: flex; align-items: center; gap: 7px; width: fit-content; color: var(--au-muted); font-size: 13px; cursor: pointer; }.au-service-toggle input { accent-color: #2787b9; }
.au-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }.au-kpi { display: grid; grid-template-columns: 27px minmax(0,1fr); align-items: center; gap: 8px; min-width: 0; padding: 10px; border: 1px solid var(--au-line); background: var(--clinic-panel, rgb(var(--c-surface,255 255 255) / .84)); box-shadow: var(--clinic-shadow,0 7px 18px rgb(0 0 0 / .07)); }
.au-icon { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgb(39 135 185 / .23); color: #2988b5; background: rgb(39 135 185 / .08); }.au-kpi small,.au-kpi strong { display: block; }.au-kpi small { color: var(--au-muted); font-size: 13px; }.au-kpi strong { margin-top: 2px; font-size: 20px; line-height: 1.1; font-variant-numeric: tabular-nums; }.au-note { grid-column: 2; margin-top: -4px; color: var(--au-muted); font-size: 11px; }
.au-method { display: flex; gap: 8px; padding: 9px 11px; border: 1px solid rgb(40 137 185 / .23); color: var(--au-muted); background: linear-gradient(100deg,rgb(39 135 185 / .075),rgb(var(--c-surface,255 255 255) / .52)); }.au-info { display: grid; flex: 0 0 17px; width: 17px; height: 17px; place-items: center; border: 1px solid rgb(39 135 185 / .4); color: #2787b9; font-size: 13px; font-weight: 800; }.au-method p { margin: 0; font-size: 13px; line-height: 1.5; }.au-method strong { color: rgb(var(--c-ink,35 52 73)); }
.au-panel { min-width: 0; overflow: hidden; border: 1px solid var(--au-line); background: var(--clinic-panel, rgb(var(--c-surface,255 255 255) / .84)); box-shadow: var(--clinic-shadow,0 7px 18px rgb(0 0 0 / .07)); }.au-panel-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 12px; border-bottom: 1px solid var(--au-line); }.au-panel-heading h2 { margin: 3px 0 0; font-size: 18px; letter-spacing: -.02em; }.au-panel-heading p { margin: 4px 0 0; color: var(--au-muted); font-size: 13px; }.au-kicker { font-size: 11px; }
.au-search { display: flex; align-items: center; gap: 6px; width: min(230px,45%); min-height: 32px; padding: 0 8px; border: 1px solid var(--au-line); color: var(--au-muted); background: rgb(var(--c-surface,255 255 255) / .7); }.au-search input { width: 100%; border: 0; outline: 0; background: transparent; font-size: 13px; }.au-search:focus-within { border-color: rgb(39 135 185 / .6); }
.au-table-wrap { width: 100%; min-width: 0; }.au-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; }.au-table th,.au-table td { padding: 8px 10px; border-bottom: 1px solid rgb(var(--c-line,205 217 228) / .45); vertical-align: middle; overflow-wrap: anywhere; }.au-table th { color: var(--au-muted); background: rgb(var(--c-surface-high,240 245 250) / .45); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.au-table td { color: var(--au-muted); font-size: 13px; }.au-table td strong { color: rgb(var(--c-ink,35 52 73)); font-weight: 700; }.au-table tbody tr:last-child td { border-bottom: 0; }.au-users-table th:nth-child(1) { width: 29%; }.au-users-table th:nth-child(2),.au-users-table th:nth-child(3),.au-users-table th:nth-child(4) { width: 13%; }.au-users-table th:nth-child(5) { width: 32%; }.au-service-badge,.au-event-title + small,.au-table td small { display: block; margin-top: 3px; color: var(--au-muted); font-size: 11px; }.au-service-badge { width: fit-content; padding: 2px 5px; border: 1px solid var(--au-line); }.au-empty { display: grid; justify-items: center; gap: 4px; padding: 20px 8px; text-align: center; }.au-empty strong { color: rgb(var(--c-ink,35 52 73)); font-size: 13px; }.au-empty span { color: var(--au-muted); font-size: 13px; }
.au-filters { display: flex; flex-wrap: wrap; gap: 7px; }.au-filters label { display: grid; gap: 3px; color: var(--au-muted); font-size: 11px; }.au-filters select { max-width: 180px; font-size: 13px; }.au-events-table th:nth-child(1) { width: 15%; }.au-events-table th:nth-child(2) { width: 14%; }.au-events-table th:nth-child(3) { width: 11%; }.au-events-table th:nth-child(4) { width: 19%; }.au-events-table th:nth-child(5) { width: 19%; }.au-events-table th:nth-child(6) { width: 10%; }.au-events-table th:nth-child(7) { width: 12%; }.au-state { display: inline-block; padding: 3px 5px; border: 1px solid var(--au-line); white-space: nowrap; }.au-state-succeeded { color: #257950; border-color: rgb(37 121 80 / .25); background: rgb(37 121 80 / .06); }.au-state-failed,.au-state-rejected { color: #a14343; border-color: rgb(161 67 67 / .25); background: rgb(161 67 67 / .06); }.au-state-running { color: #287fa9; border-color: rgb(39 135 185 / .25); background: rgb(39 135 185 / .06); }.au-deleted { color: #9a5a2d; }
.au-pagination { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 11px; border-top: 1px solid var(--au-line); color: var(--au-muted); font-size: 11px; }.au-pagination > div { display: flex; align-items: center; gap: 7px; }.au-pagination button,.au-message button,.au-inline-message button { padding: 5px 7px; border: 1px solid var(--au-line); color: #287fa9; background: transparent; font-size: 11px; cursor: pointer; }.au-pagination button:disabled { opacity: .45; cursor: default; }.au-message,.au-inline-message { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 11px; border: 1px solid var(--au-line); color: var(--au-muted); font-size: 13px; }.au-message-error,.au-inline-error { border-color: rgb(161 67 67 / .3); color: #9a3f3f; }.au-inline-message { margin: 8px 10px; }.au-footnote { margin: 0; color: var(--au-muted); font-size: 11px; line-height: 1.4; }

.au-root { font-size:14px; }
.au-table-wrap { overflow-x:auto; overscroll-behavior-inline:contain; }
.au-users-table th:nth-child(1) { width:22%; }
.au-users-table th:nth-child(2),.au-users-table th:nth-child(3),.au-users-table th:nth-child(4),.au-users-table th:nth-child(5),.au-users-table th:nth-child(6) { width:10%; }
.au-users-table th:nth-child(7) { width:28%; }
.au-scroll-hint { display:none; margin:0; padding:6px 10px; color:var(--au-muted); font-size:12px; }
@media(max-width:760px){
 .au-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
 .au-table{min-width:820px;}
 .au-scroll-hint{display:block;}
 .au-heading{align-items:flex-start;}
 .au-panel-heading{align-items:flex-start;flex-direction:column;}
 .au-search{width:100%;}
 .au-filters{width:100%;}
 .au-filters label{flex:1;min-width:0;}
 .au-filters select{width:100%;max-width:none;}
}
@media(max-width:520px){
 .au-root{gap:10px;}
 .au-heading{flex-direction:column;}
 .au-heading h1{font-size:27px;}
 .au-month{display:flex;align-items:center;gap:10px;}
 .au-month input{max-width:180px;min-height:36px;font-size:16px;}
 .au-search input,.au-filters select{font-size:16px;}
 .au-kpi{padding:9px;gap:7px;grid-template-columns:22px minmax(0,1fr);}
 .au-icon{width:22px;height:22px;}
 .au-note{font-size:11px;line-height:1.4;}
 .au-method{padding:9px;}
 .au-method p{font-size:12px;}
 .au-pagination{align-items:flex-start;flex-direction:column;font-size:12px;}
 .au-pagination>div{justify-content:space-between;width:100%;gap:5px;}
 .au-pagination button{font-size:12px;padding:7px;}
 .au-switch button{padding:9px 13px;}
}

.au-statistics-shell{min-width:0}.au-switch{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}.au-switch button{font:inherit;padding:9px 16px;border:1px solid #b0d9ed;background:#eef8fe;color:#1b536f;border-radius:6px;cursor:pointer}.au-switch button.is-active{background:#126c94;color:white}.au-switch button:focus-visible{outline:3px solid #42b5f0;outline-offset:2px}
