.ui-button,.ui-input,.ui-select{font:inherit;font-size:14px;border:1px solid var(--mds-border-default);border-radius:4px;min-height:36px;max-width:100%}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#fff;color:var(--mds-text-strong);font-weight:700;cursor:pointer;line-height:1.25}.ui-button[data-variant=primary]{background:var(--tenant-primary, var(--mds-brand-blue));border-color:transparent}.ui-button:hover:not(:disabled){filter:brightness(.95)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button[data-size=small]{min-height:28px;padding:5px 8px;font-size:12px}.ui-button svg{flex:none}.ui-icon-button{width:36px;padding:7px;flex:none}.ui-icon-button[data-size=small]{width:28px;padding:4px}.ui-input,.ui-select{padding:8px 10px;background:#fff;color:var(--mds-text-strong);width:100%;min-width:0}.ui-select{cursor:pointer}.ui-input:disabled,.ui-select:disabled{opacity:.6;cursor:not-allowed}.ui-button:focus-visible,.ui-input:focus-visible,.ui-select:focus-visible,.ui-choice input:focus-visible{outline:2px solid #0065b3;outline-offset:2px}.field>.ui-input,.field>.ui-select,.card-fields label>.ui-select{display:block;margin-top:6px}.ui-typography{font-family:inherit;font-size:14px;line-height:1.5;margin:0;font-weight:400}.ui-typography[data-size=x-small]{font-size:12px}.ui-typography[data-size=small]{font-size:13px}.ui-typography[data-size=large]{font-size:18px}.ui-typography[data-size=x-large]{font-size:24px;line-height:1.3}.ui-typography[data-size=xx-large]{font-size:32px;line-height:1.2}.ui-typography[data-weight=bold]{font-weight:700}.ui-typography[data-typeface=number]{font-variant-numeric:tabular-nums}.ui-spinner{display:inline-block;flex:none;width:24px;height:24px;border:3px solid var(--mds-border);border-top-color:currentColor;border-radius:50%;animation:ui-spin .8s linear infinite}.ui-button .ui-spinner{width:16px;height:16px;border-width:2px}.ui-message{padding:12px;border:1px solid var(--mds-red);border-radius:4px;background:#fff5f4;color:#a52818;font-size:14px}.ui-message[data-variant=info]{border-color:var(--mds-blue-border);background:var(--mds-blue-subtle);color:var(--mds-text-strong)}.ui-choice{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:400;line-height:1.5}.field .ui-choice input,.ui-choice input{width:16px;height:16px;min-height:0;margin:0;flex:none;accent-color:#0065b3}.ui-radio-group{display:flex;gap:8px}.ui-radio-group[data-orientation=vertical]{flex-direction:column}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-spinner{animation:none}}:root{--mds-brand-blue: #209cff;--mds-brand-green: #3be0cc;--mds-text-strong: #11181c;--mds-text-default: #4e5960;--mds-text-subtle: #6f787e;--mds-bg-canvas: #f0f3f5;--mds-bg-subtle: #fafafa;--mds-bg-hover: #e9eff2;--mds-border: #d2d9de;--mds-border-default: #b5c0c8;--mds-blue-subtle: #f9fcff;--mds-blue-default: #f4fcff;--mds-blue-border: #b7dafd;--mds-green: #42af61;--mds-red: #d4412d;--mds-orange: #e19609;--mds-magenta: #ab4aba;--mds-teal: #06a8b2;color:var(--mds-text-default);background:var(--mds-bg-canvas);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}.app-shell{--tenant-primary: var(--mds-brand-blue);--tenant-accent: var(--mds-brand-green);--tenant-background: var(--mds-bg-canvas);--tenant-foreground: var(--mds-text-default);min-height:100vh;background:var(--tenant-background);color:var(--tenant-foreground);font-family:var(--tenant-font-family, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif)}.board{min-height:100vh;padding:clamp(16px,2vw,32px);display:flex;flex-direction:column;transition:margin .16s ease}.app-shell.is-editing .board{margin-right:var(--customizer-width, 400px)}.board-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-lockup,.header-actions,.profile{display:flex;align-items:center}.brand-lockup{gap:16px}.brand-lockup h1{margin:2px 0 0;color:var(--mds-text-strong)}.miitel-logo{display:inline-flex;align-items:center;height:44px;color:var(--tenant-primary);font-size:28px;font-weight:800;letter-spacing:-1px}.tenant-logo{width:auto;height:44px;max-width:220px;object-fit:contain}.overline{color:var(--mds-text-subtle);letter-spacing:.08em;text-transform:uppercase}.header-actions{gap:16px;flex-wrap:wrap;justify-content:flex-end}.header-switcher{display:block;width:160px;flex:none}.header-switcher>*{width:100%;min-width:0}.header-switcher span:has(>input){min-width:0;flex:1 1 0}.header-switcher input{width:100%;min-width:0}.profile{flex-direction:column;align-items:flex-end;line-height:1.2}.profile span{color:var(--tenant-foreground);font-size:14px;font-weight:700}.profile small{color:var(--tenant-foreground);opacity:.75;text-transform:capitalize}.live-status{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--mds-border);border-radius:4px;background:#fff;color:var(--mds-text-subtle);font-size:12px;font-weight:700;text-transform:capitalize}.live-status i{width:8px;height:8px;border-radius:50%;background:var(--mds-orange)}.live-status[data-status=live] i{background:var(--mds-green)}.live-status[data-status=offline] i{background:var(--mds-red)}.board-meta{display:flex;align-items:center;gap:16px;margin:32px 0 16px;color:var(--mds-text-subtle);font-size:12px}.board-meta span+span:before,.board-meta time:before{content:"•";margin-right:16px;color:var(--mds-border-default)}.board-meta time{margin-left:auto}.metric-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:16px;align-content:start}.card-resize{position:absolute;top:12px;right:-9px;bottom:12px;width:18px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;z-index:3}.card-resize:after{content:"";width:4px;height:40px;max-height:100%;border-radius:2px;background:var(--mds-border);transition:background .12s ease,height .12s ease}.card-resize:hover:after,.card-resize:active:after{height:64px;background:var(--tenant-accent, var(--mds-brand-blue))}.metric-card{min-height:clamp(160px,16vw,224px);position:relative;display:flex;flex-direction:column;padding:clamp(16px,1.7vw,24px);overflow:visible;border:1px solid var(--mds-border);border-top:4px solid var(--card-tone, var(--mds-brand-blue));border-radius:8px;background:#fff;box-shadow:0 1px 4px #0003}.tone-live-team{--card-tone: var(--mds-teal)}.tone-call-volume{--card-tone: var(--mds-brand-blue)}.tone-performance{--card-tone: var(--mds-magenta)}.tone-mayapada-extended{--card-tone: var(--mds-orange)}.metric-card__topline,.metric-card__footer{display:flex;justify-content:space-between;align-items:center}.metric-eyebrow{color:var(--mds-text-default);text-transform:uppercase}.metric-source-dot{width:8px;height:8px;border-radius:50%;background:var(--mds-border-default)}.metric-source-dot[data-active=true]{background:var(--card-tone)}.metric-value{display:block;margin:auto 0!important;color:var(--mds-text-strong);font-size:clamp(40px,5vw,80px)!important;line-height:1!important;letter-spacing:-.03em!important;font-variant-numeric:tabular-nums}.metric-value--duration{font-size:clamp(30px,3.5vw,56px)!important}.metric-card__footer{gap:12px;color:var(--mds-text-subtle);font-size:12px}.metric-card__footer span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-card__footer span:last-child{flex:none;text-align:right}.card-toolbar{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.is-editing .metric-card__topline{padding-right:72px}.card-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px}.card-fields label,.card-fields .card-field{min-width:0}.card-fields label,.card-fields .card-field,.field{color:var(--mds-text-subtle);font-size:12px;font-weight:700}.card-fields label>div,.field>div{width:100%;margin-top:4px}.card-fields label span:has(>input),.field span:has(>input){min-width:0;flex:1 1 0}.card-fields label input,.field input{width:100%;min-width:0}.card-field .queue-filter{margin-top:4px}.queue-filter{position:relative}.queue-filter__button{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border:1px solid var(--mds-border);border-radius:4px;background:#fff;color:var(--mds-text-default);font-size:14px;font-weight:700;text-align:left;cursor:pointer}.queue-filter__button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-filter__button svg{flex:none;width:14px;height:14px}.queue-filter__button:focus-visible,.queue-filter__button[aria-expanded=true]{outline:2px solid var(--tenant-primary, var(--mds-brand-blue));outline-offset:-1px}.queue-filter__panel{position:absolute;z-index:30;top:calc(100% + 4px);left:0;min-width:100%;max-height:240px;overflow-y:auto;display:grid;gap:10px;padding:12px;border:1px solid var(--mds-border);border-radius:4px;background:#fff;box-shadow:0 4px 12px #00000040;font-weight:400}.queue-filter__panel label{justify-content:flex-start;gap:8px;color:var(--mds-text-default);font-size:13px;font-weight:400;text-align:left}.empty-board{flex:1;min-height:384px;display:grid;place-content:center;text-align:center;border:1px dashed var(--mds-border-default);border-radius:8px;background:var(--mds-bg-subtle);color:var(--mds-text-subtle)}.empty-board h2{margin:0 0 8px;color:var(--mds-text-strong)}.empty-board p{margin:0}.board-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:32px;color:var(--mds-text-subtle);font-size:12px}.board-footer b{color:var(--tenant-accent)}.customizer{position:fixed;z-index:50;inset:0 0 0 auto;width:min(var(--customizer-width, 400px),100vw);display:flex;flex-direction:column;padding:24px;border-left:1px solid var(--mds-border);background:#fff;box-shadow:0 4px 12px #00000040;overflow:hidden}.customizer__resize{position:absolute;inset:0 auto 0 -5px;width:10px;cursor:col-resize;touch-action:none;z-index:2}.customizer__resize:after{content:"";position:absolute;inset:0 4px;background:transparent;transition:background .12s ease}.customizer__resize:hover:after,.customizer__resize:focus-visible:after,.customizer__resize:active:after{background:var(--tenant-accent, var(--mds-brand-blue))}.customizer__header{display:flex;align-items:flex-start;justify-content:space-between}.customizer__header h2{margin:2px 0 0;color:var(--mds-text-strong)}.customizer__tabs{display:flex;gap:4px;margin-top:20px;padding-bottom:4px;border-bottom:1px solid var(--mds-border)}.customizer__tab{flex:1;padding:8px 4px;border:none;border-bottom:2px solid transparent;background:none;color:var(--mds-text-subtle);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.customizer__tab[data-active=true]{border-bottom-color:var(--tenant-primary);color:var(--mds-text-strong)}.customizer__tab:focus-visible{outline:2px solid var(--tenant-primary);outline-offset:-2px}.dashboard-manager{margin-top:24px;padding-bottom:20px;border-bottom:1px solid var(--mds-border)}.dashboard-manager h3{margin:0 0 8px;color:var(--mds-text-subtle);text-transform:uppercase}.dashboard-list{display:grid;gap:6px;margin:0 0 12px;padding:0;list-style:none}.dashboard-list__item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--mds-border);border-radius:4px;background:#fff}.dashboard-list__item[data-active=true]{border-color:var(--tenant-primary);background:var(--mds-blue-subtle)}.dashboard-list__title{min-width:0;overflow:hidden;color:var(--mds-text-strong);font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dashboard-list__badge{flex:none;padding:3px 8px;border-radius:4px;background:var(--mds-bg-hover);color:var(--mds-text-subtle);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dashboard-list__actions{flex:none;display:flex;align-items:center;gap:6px}.dashboard-create{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}.dashboard-create>div:first-child{width:100%}.field{display:block;margin-top:24px}.field>div{width:100%;margin-top:6px}.customizer__hint{margin:16px 0;color:var(--mds-text-subtle);font-size:14px;line-height:1.5}.customizer__scroll{flex:1;overflow-y:auto}.metric-library{padding-right:4px}.metric-library section+section{margin-top:20px}.metric-library h3{margin:0 0 6px;color:var(--mds-text-subtle);text-transform:uppercase}.library-list{display:grid;gap:6px}.library-item{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--mds-border);border-radius:4px;background:#fff;color:var(--mds-text-default);text-align:left;cursor:pointer}.library-item:hover{border-color:var(--tenant-primary);background:var(--mds-blue-subtle)}.library-item:focus-visible{outline:2px solid var(--tenant-primary);outline-offset:2px}.library-item:disabled{opacity:.5;cursor:not-allowed}.library-item>span{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:2px}.library-item>svg{width:16px;height:16px;flex:none;fill:var(--tenant-primary)}.library-list strong{color:var(--mds-text-strong);font-size:14px}.library-list small{color:var(--mds-text-subtle);font-size:12px}.customizer__actions{display:grid;grid-template-columns:auto 1fr;gap:8px;padding-top:16px;border-top:1px solid var(--mds-border)}.customizer__actions>[role=alert],.customizer__actions>span:first-child{grid-column:1 / -1}.branding-settings{flex:1;overflow:auto;padding-right:4px}.branding-color-row{display:flex;align-items:center;gap:8px}.branding-color-row>div{flex:1}.branding-color-swatch{flex:none;width:36px;height:36px;padding:2px;border:1px solid var(--mds-border);border-radius:4px;background:#fff;cursor:pointer}.branding-revisions{margin-top:24px;padding-top:20px;border-top:1px solid var(--mds-border)}.branding-revisions__list{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.branding-revisions__item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:6px 12px;border:1px solid var(--mds-border);border-radius:4px;background:#fff;color:var(--mds-text-default);font-size:13px}.center-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:var(--mds-bg-subtle);color:var(--mds-text-default)}.center-state h1,.center-state p{margin:0}.center-state p{max-width:512px;color:var(--mds-text-subtle)}.error-mark{width:40px;height:40px;fill:var(--mds-red)}@media(max-width:1100px){.metric-grid .metric-card{grid-column:span 6!important}.header-actions .profile{display:none}}@media(max-width:760px){.app-shell.is-editing .board{margin-right:0;visibility:hidden}.board-header{flex-direction:column;align-items:stretch}.header-actions{width:100%}.header-actions>button{width:100%}.header-switcher{width:100%;max-width:none}.live-status{display:none}.metric-grid .metric-card{grid-column:span 12!important}.board-meta span:nth-child(2){display:none}.board-meta time:before{content:none}.customizer{width:100vw}.customizer__resize{display:none}}.widget-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}.widget-number{font-size:clamp(28px,4vw,60px);font-variant-numeric:tabular-nums;line-height:1.2;display:block;overflow-wrap:anywhere}.widget-notice{color:var(--tenant-foreground, #555);opacity:.75;font-size:14px}.widget-scroll{overflow:auto;max-height:500px}.widget-body table{border-collapse:collapse;width:100%;font-size:13px}.widget-body td,.widget-body th{text-align:start;padding:8px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.widget-body th{font-weight:600}.widget-mini-grid,.widget-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:0}.widget-mini-grid>div,.widget-stats>div{display:flex;flex-direction:column;padding:12px;border-radius:6px;background:color-mix(in srgb,var(--tenant-primary) 5%,transparent)}.widget-mini-grid b{font-size:28px;font-variant-numeric:tabular-nums}.widget-stats dd{margin:4px 0 0;overflow-wrap:anywhere}.widget-stats dt,.widget-coverage{font-size:12px;opacity:.8}.widget-body progress{width:100%;height:24px;accent-color:var(--tenant-primary)}.widget-bar{display:grid;grid-template-columns:minmax(70px,1fr) 2fr auto;align-items:center;gap:8px;margin:8px 0;font-size:13px}.widget-bar__track{background:color-mix(in srgb,var(--tenant-primary) 8%,transparent);height:16px;border-radius:3px}.widget-bar__track i{display:block;background:var(--tenant-primary);height:100%;border-radius:inherit}.widget-gauge{width:100%;max-height:210px}.widget-gauge text{fill:currentColor;font-size:32px}.widget-bullet{position:relative;background:#e4e8eb;height:32px;margin:12px 0}.widget-bullet i{position:absolute;height:12px;top:10px;background:var(--tenant-primary)}.widget-bullet b{position:absolute;height:40px;width:3px;top:-4px;background:currentColor}.widget-chart{margin:0}.widget-chart>svg{width:100%;min-height:120px}.widget-chart text{fill:currentColor;font-size:12px}.widget-chart figcaption{font-size:12px}.widget-chart details{font-size:12px;max-height:180px;overflow:auto}.widget-heatmap{display:grid;grid-template-columns:repeat(auto-fill,minmax(14px,1fr));gap:3px}.widget-heatmap>div{min-height:14px;border:1px solid #ddd}.widget-timeline-row{display:grid;grid-template-columns:minmax(60px,1fr) 3fr;gap:12px;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.widget-timeline{height:25px;position:relative;border:1px solid #ddd}.widget-timeline>span{position:absolute;height:100%;background:#778da9}.widget-timeline>span[data-state=AVAILABLE]{background:#31936c}.widget-timeline>span[data-state=POSTCALL]{background:#dba236}.widget-timeline>span[data-state=ONCALL]{background:#286ecc}.widget-clock{font-size:clamp(22px,3vw,44px);font-variant-numeric:tabular-nums}.widget-announcement{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(20px,2vw,32px);padding:12px 0}.widget-announcement small{display:block;font-size:12px;margin-top:12px}.widget-recognition{border-inline-start:4px solid var(--tenant-accent);padding-inline-start:16px}.widget-poster{width:100%;max-height:450px;object-fit:contain}.widget-qr{display:block;max-width:100%;width:240px;margin:auto}.widget-markdown{overflow-wrap:anywhere}.widget-markdown pre{overflow:auto}.widget-fields{display:grid;gap:10px;grid-column:1 / -1;min-width:0}.widget-fields input,.widget-fields select,.widget-fields textarea{display:block;width:100%;min-width:0;padding:7px;border:1px solid var(--mds-border-default);border-radius:4px;background:#fff;color:var(--mds-text-default);font:inherit}.widget-fields textarea{min-height:90px;resize:vertical}.widget-fields label{display:block;font-size:12px}[data-tone=warning]{background:#fff3cd!important;color:#664d03}[data-tone=critical]{background:#f8d7da!important;color:#842029}@media(prefers-reduced-motion:reduce){.widget-body *,.widget-body *:before,.widget-body *:after{animation:none!important;transition:none!important}}.widget-heatmap--week{display:block;overflow:auto}.widget-heatmap-row{display:grid;grid-template-columns:38px repeat(24,minmax(8px,1fr));gap:2px;margin:3px 0;min-width:300px;border:0!important}.widget-heatmap-row>span{font-size:10px}.widget-heatmap-row>div{border:1px solid #ddd;min-height:15px}.widget-fields input:focus-visible,.widget-fields select:focus-visible,.widget-fields textarea:focus-visible{outline:2px solid var(--tenant-primary);outline-offset:2px}