:root{--red: #e2413b;--yellow: #e0a92e;--green: #2fa363;--blue: #2f6fe0;--ok: #3fb27f;--warn: #e6b545;--crit: #e5564f;--active: #4f8cf0;--idle: #5b6b85;--fs: clamp(14px, 1.55vw, 30px)}:root,[data-theme=midnight]{--bg: #0d1117;--panel: #151d2b;--line: #243044;--text: #e8eef7;--muted: #93a3bd;--stripe: rgba(255, 255, 255, .02);--chip: rgba(255, 255, 255, .03);--totalbg: rgba(79, 140, 240, .12)}[data-theme=carbon]{--bg: #0b0b0d;--panel: #161619;--line: #2a2a30;--text: #ececf0;--muted: #9a9aa5;--stripe: rgba(255, 255, 255, .025);--chip: rgba(255, 255, 255, .035);--totalbg: rgba(255, 255, 255, .06)}[data-theme=daylight]{--bg: #eef2f7;--panel: #ffffff;--line: #d3dae4;--text: #1a2432;--muted: #5c6b81;--stripe: rgba(0, 0, 0, .03);--chip: rgba(0, 0, 0, .04);--totalbg: rgba(79, 140, 240, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:var(--fs)}.app{height:100%;display:flex;flex-direction:column;padding:1.2vw 1.6vw;gap:.8vw}.app__header{display:flex;align-items:baseline;justify-content:space-between}.app__title{font-size:1.4em;font-weight:700}.app__cc{color:var(--muted);font-weight:400;margin-left:.5em;font-size:.72em}.app__logo{height:1.2em;vertical-align:-.2em;margin-right:.4em}.clock{font-variant-numeric:tabular-nums;font-size:1.6em;font-weight:700}.statusbar{display:flex;align-items:center;gap:.6em;color:var(--muted);font-size:.78em}.statusbar__ago{margin-left:auto}.dot{width:.75em;height:.75em;border-radius:50%;display:inline-block}.dot--ok{background:var(--green)}.dot--sync{background:var(--yellow)}.dot--bad{background:var(--red);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.queue{width:100%;border-collapse:collapse;flex:1}.queue th,.queue td{padding:.45em .6em;text-align:center;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}.queue thead th{background:var(--panel);color:var(--muted);font-weight:600;position:sticky;top:0}.queue__name{text-align:left!important}.queue tbody tr:nth-child(2n){background:var(--stripe)}.queue__total{font-weight:800;background:var(--totalbg)!important}.num{font-weight:700}.c-red{background:var(--red);color:#fff;font-weight:800}.c-yellow{background:var(--yellow);color:#1a1200;font-weight:800}.c-green{background:var(--green);color:#fff;font-weight:800}.c-blue{background:var(--blue);color:#fff;font-weight:800}.app__loading{flex:1;display:grid;place-items:center;color:var(--muted);font-size:1.2em}.alertbar{display:flex;align-items:center;gap:.6em;padding:.45em .8em;border-radius:.5em;font-weight:800;font-size:1.15em;color:#fff;border-left:.5em solid rgba(0,0,0,.25)}.alertbar--crit{background:var(--crit);animation:alertpulse 1.6s ease-in-out infinite}.alertbar--warn{background:var(--warn);color:#241a00}.alertbar__icon{font-size:1.2em;line-height:1}@keyframes alertpulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@media (prefers-reduced-motion: reduce){.alertbar--crit{animation:none}}.tiles-wrap{position:relative}.tiles__min{position:absolute;top:-.4em;right:-.2em;width:1.6em;height:1.6em;line-height:1;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font-size:.7em}.tiles-restore{align-self:flex-start;background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:.5em;padding:.25em .8em;font:inherit;font-size:.6em;cursor:pointer}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9em,1fr));gap:.6vw}.tile{background:var(--panel);border:1px solid var(--line);border-radius:.5em;padding:.6em .7em;display:flex;flex-direction:column;gap:.15em;border-left:.35em solid var(--idle)}.tile__value{font-size:1.9em;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.tile__label{font-size:.72em;color:var(--muted)}.tile--ok{border-left-color:var(--ok)}.tile--warn{border-left-color:var(--warn)}.tile--crit{border-left-color:var(--crit)}.tile--crit .tile__value{color:var(--crit)}.tile--active{border-left-color:var(--active)}.app__main{flex:1;min-height:0;display:grid;grid-template-columns:3fr 2fr;gap:.8vw}@media (max-width: 1100px){.app__main{grid-template-columns:1fr}}.app__panel{min-height:0;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:.5em;padding:.4em .6em}.app__panel .queue thead th{background:var(--panel)}.combined{display:flex;flex-direction:column;gap:.8em;height:100%;min-height:0}.combined__queue{flex:0 1 auto;max-height:55%;overflow:auto}.combined__agents{flex:1 1 auto;min-height:0;overflow:auto}.agents__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5em;padding:.2em .2em .5em;flex-wrap:wrap}.agents__title{font-weight:700}.agents__legend{display:flex;gap:.7em;color:var(--muted);font-size:.72em}.lg{display:inline-flex;align-items:center;gap:.35em}.lg:before{content:"";width:.7em;height:.7em;border-radius:50%;background:var(--idle)}.lg--oncall:before{background:#00b0f0}.lg--ringing:before{background:#87cefa}.lg--acw:before{background:#ededed}.lg--hold:before{background:#87cefa}.lg--available:before{background:#fff;box-shadow:inset 0 0 0 1px #d7dde6}.lg--voiceoff:before{background:#f8cbad}.lg--unavailable:before{background:#c9c9c9}.lg--unknown:before{background:var(--idle)}.agents__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11em,1fr));gap:.4em}.agent{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot name calls" "dot meta calls";align-items:center;column-gap:.5em;padding:.4em .6em;border-radius:.4em;background:var(--chip);border-left:.3em solid var(--idle)}.agent__dot{grid-area:dot;width:.7em;height:.7em;border-radius:50%;background:var(--idle)}.agent__name{grid-area:name;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent__meta{grid-area:meta;font-size:.72em;color:var(--muted)}.agent__calls{grid-area:calls;font-weight:800;font-variant-numeric:tabular-nums}.agent--talking{border-left-color:var(--active)}.agent--talking .agent__dot{background:var(--active)}.agent--ringing{border-left-color:var(--warn)}.agent--ringing .agent__dot{background:var(--warn);animation:pulse 1s infinite}.agent--hold{border-left-color:var(--warn)}.agent--hold .agent__dot{background:var(--warn)}.agent--idle{border-left-color:var(--ok)}.agent--idle .agent__dot{background:var(--ok)}.agent--offline{opacity:.55}.seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.4em .5em;border:1px solid var(--line);border-radius:.35em;min-height:3.4em;text-align:center;overflow:hidden}.seat__name{font-weight:700;font-size:.82em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.seat__status{font-size:.72em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.seat__time{font-size:.7em;font-variant-numeric:tabular-nums;opacity:.85}.seat--available{background:#fff;color:#111;border-color:#d7dde6}.seat--unavailable{background:#c9c9c9;color:#fff}.seat--voiceoff{background:#f8cbad;color:#3a1c0c}.seat--ringing{background:#87cefa;color:#062033}.seat--oncall{background:#00b0f0;color:#fff}.seat--oncall-warn{background:#ffe100;color:#111}.seat--oncall-crit{background:red;color:#fff}.seat--acw{background:#ededed;color:#111}.seat--acw-warn{background:#ffe100;color:#111}.seat--acw-crit{background:red;color:#fff}.seat--hold{background:#87cefa;color:#062033}.seat--none{background:var(--chip);color:var(--muted)}.seat--empty{background:transparent;border:1px dashed var(--line)}.seat--loggedout{background:var(--chip);color:var(--muted)}.seatgrid{display:flex;flex-direction:column;gap:1em}.seatgrid__title{font-weight:700;margin-bottom:.3em}.seatgrid__grid{display:grid;gap:.35em}.agents__empty{color:var(--muted);padding:1em}.app__header-right{display:flex;align-items:center;gap:1em}.theme-switch{display:inline-flex;border:1px solid var(--line);border-radius:.5em;overflow:hidden}.theme-switch__btn{background:transparent;color:var(--muted);border:0;padding:.3em .7em;font:inherit;font-size:.62em;cursor:pointer}.theme-switch__btn+.theme-switch__btn{border-left:1px solid var(--line)}.theme-switch__btn.is-active{background:var(--active);color:#fff}.tile__top{display:flex;align-items:baseline;justify-content:space-between;gap:.4em}.trend{font-size:.6em;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.trend--good{color:var(--ok)}.trend--bad{color:var(--crit)}.trend--flat{color:var(--muted);opacity:.6}.spark{display:block;width:100%;height:1.4em;margin-top:.25em;color:var(--muted);opacity:.85}.tile--ok .spark{color:var(--ok)}.tile--warn .spark{color:var(--warn)}.tile--crit .spark{color:var(--crit)}.tile--active .spark{color:var(--active)}.rotor{flex:1;min-height:0;display:flex;flex-direction:column;gap:.5vw}.rotor__bar{display:flex;align-items:center;justify-content:space-between;gap:.5em}.tabs{display:inline-flex;gap:.3em}.tab{background:transparent;border:1px solid var(--line);color:var(--muted);padding:.3em .9em;border-radius:.5em;font:inherit;font-size:.8em;cursor:pointer}.tab.is-active{background:var(--active);border-color:var(--active);color:#fff}.rotor__pause{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:.5em;padding:.3em .7em;font:inherit;font-size:.72em;cursor:pointer}.rotor__panel{flex:1}.iconbtn{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:.5em;padding:.35em .7em;font:inherit;font-size:.62em;cursor:pointer;white-space:nowrap}.settings{position:relative}.settings__menu{position:absolute;right:0;top:calc(100% + .4em);z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:.6em;padding:.7em .9em;min-width:12em;display:flex;flex-direction:column;gap:.7em;box-shadow:0 .5em 1.5em #00000059;font-size:.62em}.settings__group{display:flex;flex-direction:column;gap:.4em}.settings__group+.settings__group{border-top:1px solid var(--line);padding-top:.7em}.settings__label{color:var(--muted);font-weight:700}.settings__item{display:flex;align-items:center;gap:.5em;cursor:pointer}.settings__item input[type=checkbox]{width:1em;height:1em}.settings__item--head{font-weight:700}.settings__item--indent{padding-left:1.4em;color:var(--muted)}.settings__who{color:var(--text);padding:.1em 0 .4em}.settings__hint{color:var(--muted);margin-top:.3em}.menu-btn{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:.4em;padding:.5em .7em;font:inherit;cursor:pointer;text-decoration:none;box-sizing:border-box}.menu-btn+.menu-btn{margin-top:.4em}.menu-btn--primary{background:var(--active);color:#fff;border-color:var(--active)}.app__user{color:var(--muted);font-size:.7em;padding:.35em .2em}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:.8em;padding:1.4em 1.6em;width:min(90vw,22em);display:flex;flex-direction:column;gap:.8em;box-shadow:0 1em 3em #00000080}.login-card__title{margin:0 0 .2em;font-size:.9em}.login-card__input{background:var(--bg);border:1px solid var(--line);border-radius:.5em;color:var(--text);padding:.6em .7em;font:inherit;font-size:.72em}.login-card__error{color:var(--crit);font-size:.62em}.login-card__actions{display:flex;justify-content:flex-end;gap:.6em}.login-card__btn{background:var(--active);color:#fff;border:0;border-radius:.5em;padding:.55em 1.2em;font:inherit;font-size:.72em;font-weight:700;cursor:pointer}.login-card__btn:disabled{opacity:.5;cursor:default}.login-card__btn--ghost{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:400}.settings__link{color:var(--active);text-decoration:none}.admin{min-height:100%;padding:1.2vw 1.6vw;display:flex;flex-direction:column;gap:1em;font-size:clamp(13px,1vw,18px)}.admin__header{display:flex;align-items:center;justify-content:space-between}.admin__pw{display:flex;gap:.6em;align-items:center}.admin__groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(20em,1fr));gap:1em;align-items:start}.admin__group{border:1px solid var(--line);border-radius:.6em;padding:.8em 1em 1em;display:flex;flex-direction:column;gap:.7em}.admin__group legend{color:var(--muted);font-weight:700;padding:0 .4em}.admin__field{display:flex;flex-direction:column;gap:.25em}.admin__label{font-size:.85em}.admin__field input[type=text],.admin__field input[type=number],.admin__field input[type=password],.admin__field select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:.4em;padding:.45em .6em;font:inherit}.admin__hint{color:var(--muted);font-size:.72em}.admin__actions{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:1em;padding:.8em 0;background:var(--bg);border-top:1px solid var(--line)}.admin__msg{color:var(--muted);font-size:.85em}.admin__toolbar{display:flex;align-items:center;gap:.8em;flex-wrap:wrap}.admin__toolbar .iconbtn{font-size:.8em}.admin__import{cursor:pointer}.admin__import input{display:none}.admin__import.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.admin__discovery{border:1px solid var(--active);border-radius:.6em;padding:.8em 1em;background:var(--panel);display:flex;flex-direction:column;gap:.7em}.admin__disc-head{display:flex;align-items:center;justify-content:space-between;gap:.6em}.admin__disc-head .login-card__btn{margin-left:.4em}.admin__disc-cols{display:grid;grid-template-columns:1fr 1fr;gap:1em;max-height:40vh;overflow:auto}@media (max-width: 800px){.admin__disc-cols{grid-template-columns:1fr}}.admin__disc-col{display:flex;flex-direction:column;gap:.35em}.admin__seatmap{grid-column:1 / -1}.seated{border:1px solid var(--line);border-radius:.5em;padding:.7em;margin-top:.7em;display:flex;flex-direction:column;gap:.6em}.seated__head{display:flex;align-items:center;gap:.8em;flex-wrap:wrap;font-size:.85em}.seated__head input[type=number]{width:4em}.seated__title{flex:1;min-width:10em;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:.4em;padding:.4em .6em}.seated__grid{display:grid;gap:.3em}.seated__cell{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:.3em;padding:.35em;font-size:.8em;min-width:0;min-height:2.6em;display:flex;align-items:center;justify-content:center;gap:.3em;position:relative}.seated__cell--set{border-color:var(--active);background:#4f8cf01f;cursor:grab}.seated__cell--over{border-color:var(--active);border-style:dashed;background:#4f8cf038}.seated__cell-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seated__cell-empty{color:var(--muted)}.seated__cell-remove{position:absolute;top:.1em;right:.2em;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:.85em;line-height:1;padding:.1em}.seated__cell-remove:hover{color:var(--text)}.agent-pool{border:1px dashed var(--line);border-radius:.5em;padding:.6em .8em;transition:border-color .15s,background .15s}.agent-pool--over{border-color:var(--active);background:#4f8cf014}.agent-pool__label{font-size:.8em;color:var(--muted);margin-bottom:.4em}.agent-pool__chips{display:flex;flex-wrap:wrap;gap:.4em}.agent-chip{border:1px solid var(--line);border-radius:999px;padding:.3em .8em;font-size:.8em;background:var(--bg);color:var(--text);cursor:grab}.agent-chip--live{border-color:var(--active)}.login-page{min-height:100%;display:grid;place-items:center;padding:16px}.login-page .login-card{font-size:clamp(16px,1.4vw,22px);width:min(100%,26em)}.login-card__brand{display:flex;align-items:center;gap:.5em;color:var(--muted);font-size:.8em;font-weight:700}.login-card__check{display:flex;gap:.5em;align-items:flex-start;font-size:.68em;color:var(--muted);cursor:pointer}.login-card__actions{align-items:center;justify-content:space-between}.app__board-select{margin-left:.6em;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:.4em;font:inherit;font-size:.75em;padding:.15em .4em}.queue__subtotal td{font-weight:600}.queue__auto td{color:var(--muted)}.admin__header-right{display:flex;align-items:center;gap:1em}.admin__who{color:var(--muted);font-size:.85em}.admin__tabs{display:flex;gap:.3em;border-bottom:1px solid var(--line);overflow-x:auto}.admin__tab{padding:.6em 1em;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:.4em}.admin__tab:hover{color:var(--text)}.admin__tab.is-active{color:var(--text);border-bottom-color:var(--active);font-weight:700}.badge{font-size:.65em;font-weight:400;border:1px solid var(--line);border-radius:999px;padding:.05em .5em;color:var(--muted)}.admin__body{max-width:72em;width:100%}.admin__stack{display:flex;flex-direction:column;gap:1em;min-width:0}.admin__group-hint{margin:0}.admin__grid2,.admin__grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(16em,1fr));gap:.8em 1.2em}.admin__grid3{grid-template-columns:repeat(auto-fit,minmax(12em,1fr))}.admin__checks{display:flex;flex-wrap:wrap;gap:.3em 1.2em}.admin__toolbar--end{justify-content:flex-end}.admin__msg--err{color:var(--crit)}.admin__msg--ok{color:var(--ok)}.admin__actions-left{margin-right:auto}.admin__table{width:100%;border-collapse:collapse;font-size:.9em}.admin__table th,.admin__table td{text-align:left;padding:.45em .6em;border-bottom:1px solid var(--line);vertical-align:middle}.admin__table th{color:var(--muted);font-weight:600}.admin__table tr.is-disabled td{opacity:.5}.admin__table select,.admin__table input,.admin select,.admin input[type=file],.admin input[type=number],.admin input[type=text],.admin input[type=password]{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:.4em;padding:.3em .5em;font:inherit}.admin__num{width:5.5em}.admin__row-actions{text-align:right}.admin__row-actions .iconbtn+.iconbtn{margin-left:.4em}.admin__logo-preview{height:2.2em;max-width:10em;object-fit:contain;background:var(--panel);border:1px solid var(--line);border-radius:.3em;padding:.2em}.admin__targets td:first-child{width:45%}.swatch{display:inline-block;width:.8em;height:.8em;border-radius:.2em;margin-right:.35em;vertical-align:-.05em}.swatch--amber{background:var(--warn)}.swatch--red{background:var(--crit)}.nowrap{white-space:nowrap}.iconbtn--sm{padding:.1em .4em;font-size:.75em}.boards-tab{display:grid;grid-template-columns:14em 1fr;gap:1.2em;align-items:start}@media (max-width: 760px){.boards-tab{grid-template-columns:1fr}}.boards-tab__list{display:flex;flex-direction:column;gap:.4em}.boards-tab__item{text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:.5em;padding:.6em .8em;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.2em}.boards-tab__item.is-active{border-color:var(--active);box-shadow:inset 3px 0 0 var(--active)}.boards-tab__add{border-style:dashed;color:var(--muted)}.camp{border:1px solid var(--line);border-radius:.5em;padding:.6em .8em}.camp--on{border-color:var(--active)}.camp__head{display:flex;align-items:center;gap:.6em;cursor:pointer}.camp__body{margin-top:.6em;display:flex;flex-direction:column;gap:.5em}.camp__queues td:first-child{width:4.5em}.camp__adv summary{cursor:pointer;color:var(--muted);font-size:.85em}@media (max-width: 600px){.admin{padding:12px 16px}.admin__header{flex-wrap:wrap;gap:.6em}.admin__table{display:block;overflow-x:auto}}.admin .iconbtn{font-size:.85em;text-decoration:none}.admin .iconbtn:hover{color:var(--text);border-color:var(--muted)}.admin .iconbtn--sm{font-size:.7em}.seated__head input[type=number]{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:.3em;padding:.2em .3em;font:inherit}