.live{padding:7px 11px;border-radius:20px;background:#e8f5f2;color:#17675f;font-size:12px}.chat-layout{display:grid;min-height:620px}.chat-layout.admin-chat{grid-template-columns:310px 1fr}.threads{border-right:1px solid var(--line)}.threads h3,.table-card>h3{margin:0;padding:18px;border-bottom:1px solid var(--line)}.thread{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:12px;border:0;border-bottom:1px solid #e8edef;background:#fff;text-align:left}.thread.active{background:#eef5f7}.thread>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#dce9ee;font-weight:800}.thread i{min-width:0;display:grid;font-style:normal}.thread i small{overflow:hidden;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}.thread em{display:grid;min-width:20px;height:20px;place-items:center;border-radius:20px;background:var(--orange);color:#fff;font-size:10px;font-style:normal}.chat{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.chat>header{padding:16px 19px;border-bottom:1px solid var(--line)}.chat h2{font-size:18px;margin:0}.chat header small{color:var(--muted)}.messages{max-height:500px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:9px;background:#f7fafb}.message{max-width:72%;padding:10px 12px;border-radius:13px;background:#fff;border:1px solid var(--line);font-size:14px;line-height:1.45}.message.own{align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy)}.message small{display:block;margin-top:5px;opacity:.67;font-size:10px}.chat form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px;border-top:1px solid var(--line)}.chat form textarea{min-height:48px;max-height:130px}.chat form button{align-self:end}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{padding:14px 16px;border-bottom:1px solid #e6ecee;text-align:left;font-size:13px;white-space:nowrap}.table-card th{background:#f7f9fa;color:var(--muted);font-size:11px;text-transform:uppercase}.role,.status{display:inline-block;padding:5px 8px;border-radius:20px;font-size:11px;font-weight:700}.role.admin{background:#e5edf1;color:var(--navy)}.role.user,.status.on{background:#e8f5f2;color:#17675f}.status.off{background:#f4e9e8;color:#963d38}.row-actions{display:flex;gap:5px}.backup-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:18px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;border-bottom:1px solid #e6ecee}.backup-row span{display:grid}.backup-row small{color:var(--muted)}.restore-card{padding:22px;display:grid;align-content:start;gap:14px}.restore-card h2{margin:0}.restore-card small{color:var(--red)}.modal{width:min(680px,calc(100% - 24px));padding:0;border:0;border-radius:18px;background:transparent}.modal::backdrop{background:#102c3a99;backdrop-filter:blur(2px)}.modal-card{display:grid;gap:17px;background:#fff;border-radius:18px;padding:22px;box-shadow:0 25px 70px #0e2733aa}.modal-card.small{max-width:430px;margin:auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:0}.modal-head>button{border:0;background:transparent;font-size:28px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.auto-note{padding:10px 12px;border-radius:10px;background:#f1f6f7;color:#48616d;font-size:12px}.toast{position:fixed;right:22px;top:92px;z-index:100;padding:12px 16px;border-radius:11px;background:#1e6f67;color:#fff;box-shadow:0 12px 30px #0002}.toast.error{background:var(--red)}
@media(max-width:1100px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding-block:10px}.topbar nav{order:3;width:100%;height:44px;overflow:auto}.nav{flex:1}.calendar-layout{grid-template-columns:1fr}.day-panel{position:static}.toolbar{align-items:flex-start;flex-direction:column}.toolbar-right{width:100%;justify-content:space-between}.login-layout{grid-template-columns:1fr}.login-hero{display:none}.login-side{min-height:100vh}.chat-layout.admin-chat{grid-template-columns:260px 1fr}}
@media(max-width:720px){.topbar .brand small,.account span:nth-child(2){display:none}.account a{margin:0}.workspace{padding-inline:10px}.toolbar-right,.stats{align-items:stretch;flex-direction:column}.toolbar-right .primary-button{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats span+span{border-left:0;padding-left:0}.month-nav{display:grid;grid-template-columns:auto 1fr auto}.month-nav .link-button{grid-column:1/-1}.month-nav h1{min-width:0;font-size:24px}.calendar-day{min-height:82px;padding:5px}.day-items i{font-size:0;height:7px;padding:0}.day-items small{display:none}.calendar-day .day-number span{width:24px;height:24px;font-size:12px}.day-items{display:flex}.task-card footer{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.chat-layout.admin-chat{grid-template-columns:1fr}.threads{max-height:210px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.chat-layout{min-height:540px}.message{max-width:88%}.chat form{grid-template-columns:1fr}.backup-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.setup-card{padding:22px}.account .avatar{display:none}.login-card{padding:24px}.table-card th,.table-card td{padding:11px}}