[hidden]{display:none!important}.sidebar{overflow-y:auto}.nav a{gap:10px}.nav-count,.bell-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;background:var(--orange);color:#211c15;border-radius:20px;font:600 .72rem Dana}.nav-count{margin-inline-start:auto}.notifications{position:relative}.bell-count{position:absolute;top:0;inset-inline-end:-5px;font-size:.65rem;min-width:17px;height:17px}.personal-greeting{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin:0 0 16px}.personal-greeting .icon{color:var(--orange);width:18px}.team-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.team-chip{display:flex;gap:22px;align-items:center;padding:13px 18px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.team-chip strong{font-size:.9rem}.team-chip small{display:block;color:var(--muted);font-size:.75rem}.team-label{color:var(--orange-dark)!important}.permission-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;max-height:390px;overflow:auto}.permission-checks>label{padding:12px 3px;border-bottom:1px solid var(--line);align-items:flex-start}.permission-checks input{margin-top:6px;flex-shrink:0}.permission-summary{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 20px}.permission-summary .badge{font-size:.7rem}.notification-item{width:100%;display:flex;align-items:center;text-align:right;gap:15px;padding:18px;background:var(--surface);border-bottom:1px solid var(--line);color:var(--text)}.notification-item.unread{background:var(--orange-soft)}.notification-item>span{flex:1}.notification-item strong{font-size:.95rem}.notification-item small{display:block;color:var(--muted);margin-top:5px}.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);height:580px;overflow:hidden}.chat-contacts{border-inline-end:1px solid var(--line);overflow:auto}.chat-contact{display:flex;align-items:center;gap:10px;text-align:right;padding:16px;width:100%;background:var(--surface);color:var(--text);border-bottom:1px solid var(--line)}.chat-contact strong{font-size:.83rem}.chat-contact small{display:block;color:var(--muted);font-size:.71rem}.chat-contact.active{background:var(--orange-soft)}.chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-title{padding:18px 22px;border-bottom:1px solid var(--line);font-weight:600}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:20px;background:var(--surface2)}.chat-messages>.empty{align-self:center}.chat-bubble{max-width:82%;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 2px 12px;align-self:flex-start}.chat-bubble.mine{background:var(--orange-soft);border-color:transparent;align-self:flex-end;border-radius:12px 12px 12px 2px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem}.chat-bubble small{display:block;color:var(--muted);font-size:.66rem;margin-top:5px}.chat-compose{display:flex;align-items:end;gap:12px;padding:16px 18px 8px}.chat-compose textarea{flex:1;min-width:0;height:74px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--surface);color:var(--text)}.chat-hint{padding:0 20px 12px;font-size:.72rem}.attendance-row:has([data-select]:disabled){background:var(--surface2)}
@media(max-width:700px){.permission-checks{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr;height:690px}.chat-contacts{max-height:150px;border-inline-end:0;border-bottom:1px solid var(--line)}.chat-contacts .card-head{display:none}#chat-contacts{display:flex;overflow:auto}.chat-contact{min-width:190px}.chat-main{height:530px}.chat-bubble{max-width:94%}.header-actions .notifications{display:inline-flex}.team-chip{flex:1;min-width:170px}}