.message-media-link{display:block}.message-video{display:block;width:min(360px,65vw);max-height:280px;border-radius:8px;background:#111}.quick-group-fold{border:1px solid var(--line);border-radius:9px;margin:8px 0;background:#fff;overflow:hidden}.quick-group-fold>summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:12px;background:#f4f8f6;list-style:none}.quick-group-fold>summary span{float:right;color:var(--muted);font-weight:400}.quick-fold-items{padding:5px}.side-quick-card.compact{min-height:42px;padding-top:12px;padding-bottom:12px;margin:4px 0}.side-quick-card.compact b{white-space:pre-wrap;overflow-wrap:anywhere}.followup-controls{display:grid;grid-template-columns:160px 1fr auto;gap:10px;align-items:end}.followup-controls label{font-size:11px;font-weight:700}.followup-controls input,.followup-controls textarea{width:100%;margin-top:6px}.followup-controls textarea{min-height:68px}.followup-controls button{margin-bottom:7px}@media(max-width:760px){.followup-controls{grid-template-columns:1fr}}
.custom-emoji-item{position:relative;min-width:0}.custom-emoji-item>button[data-custom-emoji]{width:100%;height:100%;padding:2px}.custom-emoji-item .remove-custom-emoji{position:absolute;right:-3px;top:-5px;z-index:2;width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;border-radius:50%!important;background:#e95151!important;color:#fff!important;font-size:14px!important;line-height:18px}
.message-media-link{border:0!important;padding:0!important;background:transparent!important;cursor:zoom-in}.message-video-wrap{display:grid;gap:5px}.media-expand{border:0;background:#edf6f2;color:#087d58;border-radius:6px;padding:6px 9px;font-size:11px}.media-viewer{position:fixed;inset:0;z-index:1000;background:#07100de8;display:flex;align-items:center;justify-content:center;padding:48px}.media-viewer>img,.media-viewer>video{display:block;max-width:95vw;max-height:90vh;object-fit:contain;border-radius:8px}.media-viewer>video{width:min(1100px,95vw);background:#000}.media-viewer>#media-viewer-close{position:absolute;right:24px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:30px;line-height:38px}.media-viewer>#media-viewer-close:hover{background:#ffffff35}@media(max-width:760px){.media-viewer{padding:44px 10px 15px}.media-viewer>#media-viewer-close{right:12px;top:8px}}
.composer-image-preview{display:flex;align-items:center;gap:10px;margin:8px 10px 0;padding:8px;border:1px solid #b9decf;border-radius:9px;background:#f0faf6}.composer-image-preview>img,.composer-image-preview>video{width:58px;height:58px;object-fit:cover;border-radius:7px;background:#e8efec}.composer-file-icon{width:58px;height:58px;border-radius:7px;background:#e3f1eb;display:grid;place-items:center;color:#087d58;font-weight:700}.composer-image-preview>div:nth-of-type(2){min-width:0;flex:1}.composer-image-preview b,.composer-image-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-image-preview b{font-size:12px}.composer-image-preview span{font-size:10px;color:var(--muted);margin-top:4px}.composer-image-preview>button{border:0;background:#e85c55;color:#fff;border-radius:50%;width:25px;height:25px;font-size:17px}.retry-message{display:block;margin:6px 0 0 auto;border:1px solid #dd6b65;background:#fff;color:#c4433d;border-radius:6px;padding:4px 9px;font-size:11px}
.inbox-head-actions{display:flex;gap:7px}.inbox-head-actions button{border:1px solid var(--line);border-radius:8px;background:#fff;height:32px;padding:0 10px}.inbox-head-actions #mobile-logout{display:none;color:#b3443e}@media(max-width:760px){.inbox-head-actions #mobile-logout{display:block}.rail nav{grid-template-columns:repeat(4,1fr)!important}}
.side-tools{display:flex;flex-direction:column;overflow:hidden}
.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:10px 10px 0;border-bottom:1px solid var(--line);background:#fff}
.side-tabs button{border:0;background:transparent;color:var(--muted);font-size:13px;padding:13px 2px;position:relative;white-space:nowrap}
.side-tabs button.active{color:var(--ink);font-weight:700}
.side-tabs button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--green);border-radius:2px}
.side-tab-panel{flex:1;min-height:0;overflow:auto}
.side-panel-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 15px 10px}
.side-panel-head h3{font-size:15px;margin:0}.side-panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}
.side-panel-head button{border:0;background:var(--green);color:#fff;border-radius:7px;padding:8px 10px;font-size:11px}
.side-quick-search{display:flex;align-items:center;margin:0 13px 10px;background:#f3f6f4;border-radius:8px;padding:9px;color:#8b9691}
.quick-scope-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 13px 10px;padding:3px;background:#eef3f1;border-radius:9px}.quick-scope-tabs button{border:0;background:transparent;color:#6f7e77;border-radius:7px;padding:8px 4px;font-size:12px}.quick-scope-tabs button.active{background:#fff;color:#087b57;font-weight:700;box-shadow:0 2px 8px #17382d12}
.side-quick-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;margin-left:5px;font-size:12px}
.side-quick-list{padding:0 10px 15px;display:grid;gap:7px}
.side-quick-card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px;text-align:left;position:relative;cursor:pointer}
.side-quick-card{padding-left:27px}.side-quick-card.dragging{opacity:.45;border:1px dashed #16946a}.quick-drag{position:absolute;left:7px;top:50%;transform:translateY(-50%);color:#9aa69f;font-size:17px;cursor:grab;user-select:none}.quick-drag:active{cursor:grabbing}
.conversation-meta{display:flex;align-items:center;gap:5px;min-height:18px}.customer-tag,.blocked-tag{display:inline-block;color:#fff;border-radius:5px;padding:2px 6px;font-size:9px;font-weight:700;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-tag{background:#dc514b}.blocked-customer{background:#fff8f7}.customer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px;border-bottom:1px solid var(--line)}.customer-actions button{border:1px solid var(--line);background:#f7faf8;color:#34725e;border-radius:7px;padding:8px 4px;font-size:10px}.customer-actions .danger{grid-column:1/-1;color:#c54a44;background:#fff3f2;border-color:#f1d2d0}.label-color-field{border:0;padding:0;margin:16px 0}.label-color-field legend{font-size:12px;font-weight:700;margin-bottom:9px}.label-color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.label-color-options label{margin:0!important;cursor:pointer}.label-color-options input{position:absolute;opacity:0;pointer-events:none}.label-color-options span{display:block;background:var(--tag-color);color:#fff;text-align:center;padding:10px 5px;border-radius:8px;border:3px solid transparent;font-size:12px;font-weight:700}.label-color-options input:checked+span{border-color:#192d26;box-shadow:0 0 0 2px #fff inset}
.side-quick-card:hover{border-color:#8dceb5;background:#f4fbf8}.side-quick-card b{display:block;font-size:13px;padding-right:42px}.side-quick-card p{font-size:12px;color:#53635c;line-height:1.65;margin:6px 0 0;white-space:pre-wrap}
.side-quick-card .edit-quick{position:absolute;right:7px;top:7px;border:0;background:#edf6f2;color:#258062;border-radius:5px;padding:4px 7px;font-size:10px}
.side-empty{text-align:center;color:#99a39e;font-size:12px;padding:45px 10px}.session-tip{margin:14px;background:#eef7f3;color:#3f6f5c;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}
#quick-reply-dialog textarea{min-height:110px;resize:vertical}.dialog-actions{display:flex;gap:8px;align-items:center}.dialog-actions .primary{flex:1}.dialog-actions .danger{border:0;background:#fff0ef;color:#d6504a;border-radius:9px;padding:13px;margin-top:10px}
.side-quick-group{display:block;width:calc(100% - 20px);margin:8px 10px 3px;border:1px solid var(--line);border-radius:8px;background:#f7faf8;padding:9px}.side-quick-card>img{display:block;width:100%;max-height:125px;object-fit:contain;background:#f4f7f5;border-radius:7px;margin:8px 0 4px}.side-quick-card small{display:inline-block;background:#edf6f2;border-radius:4px;padding:2px 5px}.quick-image-card p b{font-size:12px}.quick-menu button{display:flex;justify-content:space-between;gap:8px}.quick-menu button small{color:#8a9891;white-space:nowrap}#quick-image-preview img{display:block;max-width:100%;max-height:190px;object-fit:contain;border:1px solid var(--line);border-radius:8px;margin-top:8px}
.tabs{gap:18px}.tabs button{white-space:nowrap}.composer textarea:disabled{background:#f4f6f5;color:#9aa39f}.composer footer button:disabled{background:#aab5b0;cursor:not-allowed}.dialog-close{z-index:3;width:38px;height:38px;border-radius:50%}.dialog-close:hover{background:#eef3f1}
.inbox-status-row{display:flex;align-items:center;gap:10px;margin-top:3px}.inbox-status-row>p{margin:0!important}.inbox-status{display:flex;align-items:center;gap:4px;border-left:1px solid var(--line);padding-left:9px}.inbox-status>i{width:6px;height:6px;border-radius:50%;background:#08a66f}.inbox-status select{border:0;background:transparent;color:#39705e;font-size:11px;font-weight:700;outline:0;padding:0 15px 0 0;cursor:pointer}
.timeout-sound-toggle{border:1px solid #b9dace;background:#edf8f4;color:#137456;border-radius:7px;padding:4px 7px;font-size:10px;white-space:nowrap;cursor:pointer}.timeout-sound-toggle[aria-pressed="false"]{border-color:#d8dedb;background:#f2f4f3;color:#7b8681}@media(max-width:760px){.inbox-status-row{flex-wrap:wrap;gap:6px}.timeout-sound-toggle{order:3}}
.conversation .claim-inline{align-self:center;flex:0 0 auto;border:1px solid #08a66f;background:#08a66f;color:#fff;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:700;white-space:nowrap}.conversation .claim-inline:hover{background:#078a5e}.tabs{gap:16px!important}.tabs button{white-space:nowrap}
.conversation .claim-inline.disabled{background:#c6ceca;border-color:#c6ceca;cursor:not-allowed}.composer.agent-unavailable{opacity:.6}.composer.agent-unavailable textarea,.composer.agent-unavailable button{pointer-events:none;cursor:not-allowed}.composer.agent-unavailable textarea{background:#f4f6f5}
.agent-unavailable-status .conversation .claim-inline{background:#c6ceca;border-color:#c6ceca;cursor:not-allowed;pointer-events:none}
#agent-manage-form>hr,#agent-manage-form>hr~*{display:none!important}
.message .bubble p{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal}
.chat-head>#active-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important}.chat-head>#active-avatar+div{flex:1;min-width:0}
.app,.workspace{height:100vh;height:100dvh;min-height:0;overflow:hidden}.inbox,.chat,.profile{height:100%;min-height:0;overflow:hidden}.chat{position:relative}.chat-active{position:absolute;inset:0;height:auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chat-active.hidden{display:none}.chat-head{flex:0 0 72px}.messages{flex:1 1 0;min-height:0;height:0;overflow-y:scroll!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}.composer{flex:0 0 auto}
.compose-tools button{font-size:14px!important;padding:5px 7px!important}.compose-tools>span{font-size:11px!important}.composer textarea{font-size:15px!important;line-height:1.6}.composer footer span{font-size:11px!important}.composer footer button{font-size:15px!important;padding:8px 17px!important}
.bubble p{font-size:14px!important}.bubble time{font-size:11px!important;margin-top:6px!important;line-height:1.4}
.conversation-avatar{position:relative}.unread-badge,.tab-unread{display:inline-flex!important;align-items:center;justify-content:center;background:#ef4d4d!important;color:#fff!important;border:2px solid #fff;border-radius:12px;min-width:20px;height:20px;padding:0 5px;font-size:10px!important;font-style:normal;font-weight:700}.unread-badge{position:absolute;right:-6px;bottom:-5px}.tab-unread{margin-left:4px;vertical-align:middle;border-width:1px;min-width:18px;height:18px}.tab-unread.hidden{display:none!important}
.reply-timeout-alert{background:#fff0e7;color:#b44c1c;border-bottom:1px solid #f2c6ae;padding:10px 18px;font-size:12px;font-weight:700}.message-tools{display:flex;gap:5px;align-items:center}.emoji-panel{position:absolute;left:8px;bottom:145px;z-index:8;width:330px;max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px;box-shadow:0 12px 35px #17322925}.emoji-list{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.emoji-list button,.custom-emoji-list button{border:0;background:#f7faf8;border-radius:7px;min-height:35px;font-size:20px}.emoji-list button:hover,.custom-emoji-list button:hover{background:#e7f5ef}.custom-emoji-list{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.custom-emoji-list img{width:34px;height:34px;object-fit:cover}.custom-emoji-add{display:block!important;text-align:center;background:#eef8f4;color:#167656;border-radius:7px;padding:9px;margin:9px 0 0!important;cursor:pointer}.custom-emoji-add input{display:none}.message-media{display:block;max-width:240px;max-height:210px;border-radius:7px}.message-file-link{color:#087d58;text-decoration:none;font-weight:700}.uploading-mask{opacity:.55;pointer-events:none}
@media(max-width:1100px){.profile.side-tools{display:none}}
.quick-fields.content-only{grid-template-columns:1fr auto}.quick-fields.content-only textarea{min-height:72px}
.sound-controls{display:grid;grid-template-columns:minmax(150px,240px) auto auto;gap:9px;align-items:center;margin-top:12px}.sound-controls select{margin:0}.sound-controls>button,.sound-upload{border:0;background:#dff3ea;color:#087553;border-radius:8px;padding:11px 13px;font-size:12px;font-weight:700;text-align:center;cursor:pointer;position:relative;z-index:1}.sound-controls>button:hover,.sound-upload:hover{background:#caebde}.sound-upload input{display:none}.sound-file-name{font-size:10px!important;color:#6f7f77!important;margin:9px 0 0!important}

.profile-main h3{font-size:16px}.profile-main p{font-size:11px}.profile-main span{font-size:10px}.profile h4{font-size:14px}.profile dl{font-size:12px;gap:13px}.openid{font-size:11px;line-height:1.55}.service-card>b{font-size:12px}.service-card strong{font-size:18px}.service-card span{font-size:10px}
.hash-hint{padding:7px 9px;color:#12815a;font-size:9px;border-bottom:1px solid var(--line);background:#f2faf6}.quick-menu button.selected{background:#e3f5ed}
@media(max-width:760px){.sound-controls{grid-template-columns:1fr}.quick-fields.content-only{grid-template-columns:1fr}}
.welcome-builder{display:grid;grid-template-columns:140px 140px 1fr auto;gap:9px;align-items:start;margin-top:12px}.welcome-builder textarea{margin:7px 0;min-height:44px}.welcome-list{display:grid;gap:8px;margin-top:14px}.welcome-item{display:grid;grid-template-columns:80px 70px 1fr auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:10px;font-size:12px}.welcome-item button{background:#fff0ef;color:#c84842}.agent-card.manageable{cursor:pointer}.agent-card.manageable:hover{border-color:#65b997;box-shadow:0 5px 18px #173b3012}@media(max-width:760px){.welcome-builder{grid-template-columns:1fr}.welcome-item{grid-template-columns:1fr auto}}
.manage-welcome-builder{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manage-welcome-builder textarea,.manage-welcome-builder button{grid-column:1/-1}.manage-welcome-builder textarea{min-height:65px}
.chat-limit-alert{background:#fff3dc;color:#a7640d;border-bottom:1px solid #f2d59c;padding:10px 18px;font-size:12px;font-weight:700}.routing-controls{display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,1fr) auto;gap:14px;align-items:end}.routing-controls label{font-size:12px;font-weight:700}.routing-controls select{display:block}.check-row{display:flex!important;align-items:center;gap:8px;padding-bottom:13px}.check-row input{width:auto!important;margin:0!important}.sending-pending{opacity:.65}.send-count-warning{color:#b56a0c!important;font-weight:700}@media(max-width:760px){.routing-controls{grid-template-columns:1fr}}
.peer-view-alert{background:#eaf3ff;color:#28639a;border-bottom:1px solid #c9dcf2;padding:10px 18px;font-size:12px}.peer-conversation-view .customer-actions{display:none}.online-limit-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:12px}.online-limit-controls label{font-size:12px;font-weight:700}.online-limit-controls input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px}.online-limit-controls button{margin:0}@media(max-width:760px){.online-limit-controls{grid-template-columns:1fr}.tabs{gap:10px}.tabs button{font-size:11px}}
.sending-pending .bubble time{color:#8a9690}.send-failed{opacity:1}.send-failed .bubble p{background:#fff0ef!important;border-color:#efc6c3!important}.send-failed .bubble time{color:#d14d47!important;font-weight:700}
.program-list{display:grid;gap:9px;margin-top:14px}.program-card{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) minmax(300px,2fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:11px;font-size:11px}.program-card b,.program-card span{display:block}.program-card small{color:var(--muted)}.program-card code{background:#f3f6f4;padding:8px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.program-card button{margin:0}.side-quick-card small{font-size:9px;color:#21805f;font-weight:700}@media(max-width:900px){.program-card{grid-template-columns:1fr}.program-card code{white-space:normal;word-break:break-all}}
.program-actions{display:flex;gap:6px}.program-actions button{white-space:nowrap}
.download-nav{text-decoration:none}.mobile-back{display:none!important}
.form-card select{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:7px;outline:0;background:#fafcfb}.remember-login{display:flex!important;align-items:center;gap:7px;font-weight:400!important;color:#66756e}.remember-login input{width:auto!important;margin:0!important}.saved-login-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.saved-login-row label{margin-bottom:0}.saved-login-row button{border:0;background:#eef5f2;color:#34745f;border-radius:8px;padding:12px 10px;white-space:nowrap}
.period-tabs{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.period-tabs button{border:0;border-right:1px solid var(--line);background:#fff;color:#63716a;padding:8px 15px}.period-tabs button:last-child{border:0}.period-tabs button.active{background:#168b68;color:#fff}.analytics-card{background:#fff;border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:18px}.analytics-card>header{display:flex;justify-content:space-between;align-items:center}.analytics-card h3{margin:0;font-size:15px}.chart-legend{display:flex;gap:16px;font-size:11px}.chart-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.chart-legend .blue:before{background:#4d82f3}.chart-legend .green:before{background:#21b981}.hourly-chart-wrap{position:relative;margin-top:18px}#hourly-chart{display:block;width:100%;height:280px}.chart-tooltip{position:absolute;z-index:4;min-width:150px;padding:11px 13px;border:1px solid #dfe5e2;border-radius:7px;background:#fff;box-shadow:0 5px 18px #17382d25;color:#52635b;font-size:12px;line-height:1.8;pointer-events:none;transform:translate(-50%,-100%)}.chart-tooltip strong{display:block;color:#263a31;font-size:12px;font-weight:600}.chart-tooltip .tip-blue:before,.chart-tooltip .tip-green:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.chart-tooltip .tip-blue:before{background:#4d82f3}.chart-tooltip .tip-green:before{background:#21b981}.data-table-wrap{overflow:auto;margin-top:13px}.data-table-wrap table{width:100%;border-collapse:collapse;min-width:620px;font-size:12px}.data-table-wrap th,.data-table-wrap td{text-align:left;padding:12px;border-bottom:1px solid #edf1ef}.data-table-wrap th{color:#718078;background:#f7f9f8}.data-table-wrap td{color:#263a31}
.stats-date-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.custom-date-query{display:flex;align-items:center;gap:7px}.custom-date-query input{height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#33463d;padding:0 9px;outline:0}.custom-date-query input:focus{border-color:#168b68;box-shadow:0 0 0 3px #168b6815}.panel-heading .custom-date-query button{height:34px;padding:0 13px;background:#168b68;color:#fff}@media(max-width:760px){.panel-heading{align-items:flex-start;gap:12px;flex-direction:column}.stats-date-controls{justify-content:flex-start}.custom-date-query input{max-width:170px}}
@media(max-width:760px){html,body{height:100%;height:100dvh;overflow:hidden}.app{display:block;height:100dvh;padding-bottom:62px}.rail{position:fixed;z-index:40;left:0;right:0;bottom:0;height:62px;width:100%;padding:0;background:#14382d}.rail>.logo,.rail>.logout{display:none}.rail nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;height:100%}.nav{height:62px}.nav b{font-size:18px}.nav span{font-size:10px}.nav.active:before{left:25%;right:25%;top:0;width:auto;height:3px;border-radius:0 0 3px 3px}.workspace{display:block;height:100%;position:relative}.inbox{height:100%;border:0;background:#fff}.inbox>header{height:68px}.conversation-list{padding-bottom:82px}.chat{display:none!important;position:absolute;inset:0;border:0;z-index:5}.mobile-chat-open .chat{display:block!important}.mobile-chat-open .inbox{display:none}.chat-head{height:64px;padding:0 9px;gap:7px}.chat-head .avatar{width:36px;height:36px;border-radius:11px}.chat-head>button{padding:7px;font-size:10px}.mobile-back{display:block!important;border:0!important;background:transparent!important;font-size:32px!important;padding:0 5px!important}.status{margin-left:auto}.messages{padding:12px}.bubble{max-width:84%}.bubble p{font-size:14px}.composer{margin:0 7px 7px}.composer textarea{height:78px;font-size:15px}.quick-menu{bottom:160px;width:calc(100vw - 28px)}.profile.side-tools{display:none}.panel-view{height:100%;padding-bottom:20px}.topbar{height:65px;padding:0 16px}.panel-content{padding:17px 12px 80px}.settings-grid{grid-template-columns:1fr}.setting-card.wide{grid-column:auto}.agent-grid,.stats-grid{grid-template-columns:1fr}.today-mini{margin-bottom:68px}.auth-box{padding:22px}.form-card{width:100%}.side-tabs button{font-size:12px}}
.quick-setting-fold{padding:0!important;overflow:hidden}.quick-setting-fold>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:18px;cursor:pointer;user-select:none}.quick-setting-fold>summary::-webkit-details-marker{display:none}.quick-setting-fold>summary>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.quick-setting-fold>summary b{font-size:14px}.quick-setting-fold>summary small{font-size:10px;color:var(--muted)}.quick-setting-fold>summary i{font-style:normal;color:var(--green);font-weight:700}.quick-setting-fold>summary em{margin-left:auto;width:9px;height:9px;border-right:2px solid #718078;border-bottom:2px solid #718078;transform:rotate(45deg);transition:.18s}.quick-setting-fold[open]>summary{border-bottom:1px solid var(--line)}.quick-setting-fold[open]>summary em{transform:rotate(225deg)}.quick-setting-fold>form{padding:16px 18px 18px}.quick-setting-fold>form>p{margin-top:0;font-size:10px;color:var(--muted)}
.service-qr-box{padding:26px;position:relative;text-align:center}.service-qr-box h2{margin:0}.service-qr-box p{font-size:11px;color:var(--muted)}.service-qr-box #service-qr-image{display:grid;place-items:center;width:296px;max-width:78vw;min-height:296px;margin:16px auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff}.service-qr-box #service-qr-image img,.service-qr-box #service-qr-image canvas{display:block!important;width:280px!important;max-width:100%;height:auto!important;margin:auto}.service-qr-box code{display:block;word-break:break-all;background:#f4f7f5;padding:10px;border-radius:8px;font-size:10px}.service-qr-box .primary{display:block;text-decoration:none;margin-top:14px}
.capacity-list{display:grid;gap:8px;margin-top:12px}.capacity-row{display:grid;grid-template-columns:minmax(120px,1fr) 110px auto;gap:10px;align-items:center;padding:10px 12px;background:#f6f9f7;border:1px solid var(--line);border-radius:9px}.capacity-row b{font-size:12px}.capacity-row small{display:block;color:var(--muted);margin-top:3px}.capacity-row input{margin:0!important}.capacity-row button{white-space:nowrap}@media(max-width:600px){.capacity-row{grid-template-columns:1fr 90px}.capacity-row button{grid-column:1/-1}}
.chart-actions{display:flex;align-items:center;gap:14px}.chart-actions>button{border:1px solid #cfdad5;background:#fff;color:#496159;border-radius:7px;padding:6px 11px;font-size:11px}.chart-actions>button.active{background:#168b68;border-color:#168b68;color:#fff}.chart-legend .previous:before{background:#87938d!important}.chart-legend .previous{color:#69766f}