.desk{flex-direction:column;min-height:100dvh;display:flex}.desk-body{flex:1;min-height:0;display:flex}.desk-main{min-width:0;padding-bottom:calc(64px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}@media (min-width:768px){.desk{height:100dvh}.desk-main{padding-bottom:0;overflow:auto}}.rail{display:none}@media (min-width:768px){.rail{border-right:1px solid var(--line);background:var(--surface);width:76px;padding:var(--s-3) var(--s-2);flex-direction:column;flex:none;gap:2px;display:flex;overflow-y:auto}.rail .brand{width:40px;height:40px;margin:0 auto var(--s-3);background:var(--blue);color:#fff;letter-spacing:-.02em;border-radius:11px;place-items:center;font-size:15px;font-weight:700;display:grid}.rail a{color:var(--ink-2);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.rail a:hover{background:var(--surface-2);color:var(--ink)}.rail a.on{background:var(--bg);color:var(--blue);box-shadow:var(--shadow-card)}.rail .spacer{flex:1}}@media (min-width:1440px){.rail{width:216px;padding:var(--s-4) var(--s-3)}.rail .brand-row{margin-bottom:var(--s-4);align-items:center;gap:10px;padding:0 6px;display:flex}.rail .brand{margin:0}.rail a{font-size:var(--t-15);flex-direction:row;gap:10px;padding:9px 10px}.rail .badge{margin-left:auto;position:static}}.rail .brand-name{display:none}@media (min-width:1440px){.rail .brand-name{font-weight:600;display:block}}.badge{background:var(--red);color:#fff;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;display:grid;position:absolute;top:4px;right:10px}.badge.blue{background:var(--blue)}.tabs{z-index:40;border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabs a{height:60px;color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.tabs a.on{color:var(--blue)}.tabs .badge{top:6px;right:calc(50% - 22px)}@media (min-width:768px){.tabs{display:none}}.page{width:100%;max-width:1080px;padding:var(--s-4);margin:0 auto}@media (min-width:768px){.page{padding:var(--s-5) var(--s-6)}}.page-head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;min-height:40px;display:flex}.page-head h1{flex:220px;min-width:0}.lede{color:var(--ink-2);margin:calc(-1 * var(--s-2)) 0 var(--s-4);max-width:640px}.top-band{z-index:50;position:sticky;top:0}.conn{font-size:var(--t-13);text-align:center;background:var(--amber-soft);color:var(--amber);padding:4px}.presence-switch{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.presence-switch button{height:34px;color:var(--ink-2);font-weight:500;font-size:var(--t-15);background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.presence-switch button[aria-pressed=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #1018281f}.now-grid{gap:var(--s-5);display:grid}@media (min-width:1024px){.now-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.live-list{gap:var(--s-2);flex-direction:column;display:flex}.live-item{align-items:center;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-card);background:var(--bg);color:var(--ink);min-height:64px;display:flex;text-decoration:none!important}.live-item:hover{border-color:var(--line-strong)}.live-item.ringing{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 18%, transparent);animation:1s ease-in-out infinite ringpulse}@keyframes ringpulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--blue) 8%, transparent)}}.live-item .lead{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.numbers{background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (min-width:640px){.numbers{grid-template-columns:repeat(5,minmax(0,1fr))}}.numbers a{background:var(--bg);padding:var(--s-3) var(--s-4);color:var(--ink);flex-direction:column;gap:2px;display:flex;text-decoration:none!important}.numbers a:hover{background:var(--surface)}.numbers .n{font-size:var(--t-24);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600}.numbers .l{font-size:var(--t-13);color:var(--ink-2)}.numbers a:first-child:nth-last-child(5)~a:last-child{grid-column:span 2}@media (min-width:640px){.numbers a:first-child:nth-last-child(5)~a:last-child{grid-column:auto}}.duty-people{flex-direction:column;display:flex}.duty-person{align-items:center;gap:var(--s-3);border-bottom:1px solid var(--line);padding:10px 0;display:flex}.duty-person:last-child{border-bottom:0}.inbox{flex:1;min-width:0;max-width:100%;min-height:0;display:flex}.inbox-list{flex-direction:column;width:100%;min-height:0;display:flex}@media (min-width:1024px){.inbox-list{border-right:1px solid var(--line);flex:none;width:340px}}@media (min-width:1440px){.inbox-list{width:360px}}.inbox-head{padding:var(--s-3) var(--s-4) var(--s-2);gap:var(--s-2);border-bottom:1px solid var(--line);background:var(--bg);z-index:5;flex-direction:column;display:flex;position:sticky;top:0}.search{position:relative}.search svg{color:var(--ink-3);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search input{background:var(--surface);border-color:#0000;height:38px;padding-left:36px}.conv-rows{flex:1;overflow-y:auto}.conv-row{gap:var(--s-3);padding:12px var(--s-4);color:var(--ink);border-bottom:1px solid var(--line);display:flex;position:relative;text-decoration:none!important}.conv-row:hover{background:var(--surface)}.conv-row.on{background:var(--blue-soft)}.conv-row .top{align-items:baseline;gap:var(--s-2);display:flex}.conv-row .name{flex:1;min-width:0;font-weight:600}.conv-row .time{font-size:var(--t-12);color:var(--ink-3);white-space:nowrap}.conv-row .time.amber{color:var(--amber);font-weight:600}.conv-row .time.red{color:var(--red);font-weight:600}.conv-row .sub{font-size:var(--t-13);color:var(--ink-2)}.conv-row .last{font-size:var(--t-13);color:var(--ink-3);align-items:center;gap:6px;display:flex}.conv-row .unread{background:var(--blue);color:#fff;border-radius:10px;flex:none;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:grid}.conv-row .chmark{color:var(--ink-3);display:inline-flex}.thread{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.thread-head{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-2);border-bottom:1px solid var(--line);background:var(--bg);z-index:6;min-height:60px;display:flex;position:sticky;top:0}@media (min-width:768px){.thread-head{padding:var(--s-2) var(--s-4)}}.thread-head .who{align-items:center;gap:var(--s-3);text-align:left;background:0 0;border:0;border-radius:10px;flex:1;min-width:0;padding:4px;display:flex}.thread-head .who:hover{background:var(--surface)}.thread-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.summary-bar{margin:var(--s-3) var(--s-4) 0;background:var(--surface);font-size:var(--t-13);color:var(--ink-2);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.state-bar{gap:var(--s-2);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--line);scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.locked-bar{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);display:flex}.quick{border-top:1px solid var(--line);background:var(--bg);max-height:46vh;overflow-y:auto}.quick-tabs{padding:var(--s-2) var(--s-3);background:var(--bg);border-bottom:1px solid var(--line);gap:4px;display:flex;position:sticky;top:0}.quick-item{gap:var(--s-3);text-align:left;width:100%;padding:10px var(--s-4);border:0;border-bottom:1px solid var(--line);background:0 0;align-items:flex-start;display:flex}.quick-item:hover{background:var(--surface)}.person-panel{display:none}@media (min-width:1440px){.person-panel.docked{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;width:340px;display:flex;overflow-y:auto}}.pp{padding:var(--s-4);gap:var(--s-4);flex-direction:column;display:flex}.pp-facts{font-size:var(--t-13);grid-template-columns:auto 1fr;gap:6px 12px;display:grid}.pp-facts dt{color:var(--ink-3)}.pp-facts dd{color:var(--ink);overflow-wrap:anywhere;min-width:0;margin:0}.list-plain{flex-direction:column;display:flex}.list-plain>*{border-bottom:1px solid var(--line);padding:10px 0}.list-plain>:last-child{border-bottom:0}.ring-wrap{z-index:120;background:var(--bg);-webkit-backdrop-filter:blur(10px);justify-content:center;align-items:stretch;animation:.16s fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:768px){.ring-wrap{-webkit-backdrop-filter:none;background:0 0;top:16px;bottom:auto;left:auto;right:16px}}.ring-card{width:100%;padding:calc(var(--s-6) + env(safe-area-inset-top)) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom));gap:var(--s-4);flex-direction:column;display:flex}@media (min-width:768px){.ring-card{width:380px;padding:var(--s-5);background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow-float), 0 0 0 3px color-mix(in srgb, var(--blue) 25%, transparent);border-radius:18px;animation:1s ease-in-out infinite ringpulse}}.ring-card .kind{color:var(--blue);font-weight:600;font-size:var(--t-13);align-items:center;gap:8px;display:flex}.ring-card .big-name{font-size:var(--t-24);letter-spacing:-.015em;font-weight:600;line-height:1.2}.ring-facts{font-size:var(--t-15);flex-direction:column;gap:8px;display:flex}.ring-facts .f{align-items:flex-start;gap:10px;display:flex}.ring-facts .f svg{color:var(--ink-3);flex:none;margin-top:2px}.ring-actions{gap:var(--s-3);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}@media (min-width:768px){.ring-actions{margin-top:var(--s-2)}}.ring-actions .btn{height:56px;font-size:var(--t-17);border-radius:14px}.call-view{z-index:110;color:#e8ecf3;background:#0b0f17;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-width:1024px){.call-view.mini{width:360px;height:auto;box-shadow:var(--shadow-float);border-radius:16px;top:auto;bottom:16px;left:auto;right:16px;overflow:hidden}}.call-top{align-items:center;gap:var(--s-3);padding:calc(var(--s-3) + env(safe-area-inset-top)) var(--s-4) var(--s-3);display:flex}.call-stage{flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.call-stage video.main{object-fit:contain;background:#000;width:100%;height:100%}.call-stage .pip{aspect-ratio:3/4;object-fit:cover;background:#111;border:2px solid #ffffff26;border-radius:12px;width:120px;position:absolute;top:12px;right:12px}.call-bar{justify-content:center;gap:var(--s-3);padding:var(--s-3) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom));flex-wrap:wrap;display:flex}.tool-row{padding:var(--s-2);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tool-row button{color:#e8ecf3;height:34px;font-size:var(--t-13);background:#ffffff0f;border:1px solid #ffffff24;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.tool-row button[aria-pressed=true]{color:#0b0f17;background:#fff}.screen-wrap{max-width:100%;max-height:100%;position:relative}.screen-wrap video{background:#000;border-radius:6px;max-width:100%;max-height:calc(100dvh - 220px);display:block}.screen-wrap .overlay{cursor:crosshair;position:absolute;top:0;bottom:0;left:0;right:0}.spots{z-index:3;background:#121826f5;border:1px solid #ffffff1f;border-radius:12px;width:280px;max-height:70%;padding:6px;position:absolute;top:12px;right:12px;overflow:auto}.spots button{text-align:left;color:#e8ecf3;width:100%;font-size:var(--t-13);background:0 0;border:0;border-radius:8px;padding:8px 10px;display:block}.spots button:hover{background:#ffffff14}.call-notes{z-index:3;background:#121826f5;border:1px solid #ffffff1f;border-radius:12px;width:min(340px,100% - 24px);padding:8px;position:absolute;bottom:12px;left:12px}.call-notes textarea{color:#e8ecf3;resize:vertical;width:100%;min-height:110px;font-size:var(--t-15);background:0 0;border:0;outline:none}.duty-grid{border:1px solid var(--line);border-radius:var(--r-card);background:var(--line);gap:1px;display:grid;overflow:hidden}.duty-grid .h{background:var(--surface);font-size:var(--t-12);color:var(--ink-2);text-align:center;padding:8px;font-weight:600}.duty-grid .h.today{color:var(--blue)}.duty-grid .p{background:var(--bg);font-size:var(--t-13);align-items:center;gap:8px;min-width:0;padding:8px 10px;font-weight:500;display:flex}.duty-grid .cell{background:var(--bg);border:0;flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-height:48px;padding:4px;display:flex}.duty-grid .cell:hover{background:var(--surface)}.duty-grid .cell.drop{background:var(--blue-soft)}.chip{text-align:center;white-space:nowrap;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600;display:block}.chip.duty{background:var(--blue);color:#fff}.chip.backup{background:var(--blue-soft);color:var(--blue-ink)}.chip.night{color:#c9d8ff;background:#1d2a44}.chip.holiday{background:var(--amber-soft);color:var(--amber)}.chip.swap{outline:1px dashed var(--amber)}.table{border-collapse:collapse;width:100%;font-size:var(--t-15)}.table th{text-align:left;font-size:var(--t-12);color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.table tr.click{cursor:pointer}.table tr.click:hover td{background:var(--surface)}.table-wrap{border:1px solid var(--line);border-radius:var(--r-card);overflow-x:auto}.table-wrap .table tr:last-child td{border-bottom:0}.menu-list{border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;display:flex;overflow:hidden}.menu-list a,.menu-list button{align-items:center;gap:var(--s-3);padding:14px var(--s-4);border:0;border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);text-align:left;width:100%;display:flex;text-decoration:none!important}.menu-list>:last-child{border-bottom:0}.menu-list a:hover,.menu-list button:hover{background:var(--surface)}.menu-list .mi-icon{background:var(--surface);width:36px;height:36px;color:var(--ink-2);border-radius:10px;flex:none;place-items:center;display:grid}.bar-chart{align-items:flex-end;gap:4px;height:120px;padding-top:8px;display:flex}.bar-chart .b{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.bar-chart .b i{background:var(--blue);border-radius:4px 4px 0 0;width:100%;max-width:28px;display:block}.bar-chart .b i.missed{background:var(--red);border-radius:0}.bar-chart .b span{color:var(--ink-3);font-size:10px}.signin{min-height:100dvh;padding:var(--s-5);background:var(--surface);place-items:center;display:grid}.signin .card{width:min(400px,100%);padding:var(--s-6) var(--s-5);gap:var(--s-4);flex-direction:column;display:flex}.pin-dots{margin:var(--s-2) 0;justify-content:center;gap:14px;display:flex}.pin-dots i{border:2px solid var(--line-strong);border-radius:50%;width:14px;height:14px}.pin-dots i.on{background:var(--blue);border-color:var(--blue)}.pin-pad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pin-pad button{border:1px solid var(--line);background:var(--bg);height:56px;font-size:var(--t-24);border-radius:14px;font-weight:500}.pin-pad button:active{background:var(--surface-2)}
