/* A shape as well as a color; descriptions are available by hover, focus or tap. */
.office-status-indicator{position:relative;display:inline-flex;vertical-align:middle}
.office-status-trigger{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:8px;border:0;background:transparent;color:inherit;cursor:help;border-radius:8px}
.office-status-trigger:focus-visible{outline:2px solid var(--blue,#2765d0);outline-offset:2px}
.office-status-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;border-radius:50%;border:1px solid currentColor;font:800 12px/1 system-ui;background:radial-gradient(ellipse at 32% 18%,#ffffffbd 0%,#ffffff30 32%,transparent 58%),#19d475;color:#103b23;border-color:#136d3b;box-shadow:0 0 5px #19d47566,inset 0 -1px 2px #0002}
[data-office-status=away] .office-status-dot{background:radial-gradient(ellipse at 32% 18%,#ffffffd9 0%,#ffffff30 32%,transparent 58%),#ffd33d;color:#483700;border-color:#846000;box-shadow:0 0 5px #ffd33d66,inset 0 -1px 2px #0002}
[data-office-status=closed] .office-status-dot{background:radial-gradient(ellipse at 32% 18%,#ffffffbd 0%,#ffffff30 32%,transparent 58%),#ff5263;color:#4a0710;border-color:#8e1930;box-shadow:0 0 5px #ff526366,inset 0 -1px 2px #0002}
.office-status-tooltip{position:absolute;z-index:20;bottom:100%;right:0;width:210px;max-width:70vw;padding:8px 10px;background:#202631;color:#fff;border-radius:6px;font:13px/1.4 system-ui;box-shadow:0 2px 8px #0003;text-align:left;white-space:normal}
.office-status-tooltip[hidden]{display:none}
.directory-compact-card .directory-compact-toggle{margin-right:0;max-width:calc(100% - 136px)}
.directory-compact-card .office-status-indicator{margin-bottom:8px}
:root[data-appearance=dark] .office-status-dot{border-color:#e9f1ff;box-shadow:0 0 6px #19d47555,inset 0 -1px 2px #0003}
:root[data-appearance=dark] [data-office-status=away] .office-status-dot{box-shadow:0 0 6px #ffd33d55,inset 0 -1px 2px #0003}
:root[data-appearance=dark] [data-office-status=closed] .office-status-dot{box-shadow:0 0 6px #ff526355,inset 0 -1px 2px #0003}
.status-pill.away{background:#fff1b8;color:#654f00}
.status-pill.away .live-dot{background:#bd8e00}
:root[data-appearance=dark] .status-pill.away{background:#4b3e13;color:#ffe69a}
@media(forced-colors:active){.office-status-dot{forced-color-adjust:auto;border:2px solid ButtonText;background:ButtonFace!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important}.office-status-trigger:focus-visible{outline-color:Highlight}.office-status-tooltip{border:1px solid CanvasText;background:Canvas;color:CanvasText}}