@charset "UTF-8";
[hidden]{display:none!important}
/* Layout and density follow the original 0.2.8 console, including its full-width
   header, grouped navigation, frosted content panel, and pill controls. */
.console-frame,.console-login-page{--ink:#202635;--muted:#7b8290;--line:#dce2ed;--green:#6b3dfa;--mint:#eee9ff;color:var(--ink);background:radial-gradient(ellipse at 4% 10%,#d9eaff80,transparent 45%),radial-gradient(ellipse at 92% 5%,#daeaffc0,transparent 50%),#f3f7ff;font-size:14px}
.console-frame{height:calc(100vh - 33px);min-height:450px;display:flex;flex-direction:column;overflow:hidden}.console-header{height:60px;min-height:60px;display:flex;align-items:center;gap:18px;padding:0 20px;background:#f8faffb3;border-bottom:1px solid #dce4ef;z-index:35}.console-brand{display:flex;align-items:center;gap:9px;color:#202737;white-space:nowrap}.console-brand strong{font-size:14px;letter-spacing:.1px;font-weight:650}.console-brand-mark{width:28px;height:28px;background:linear-gradient(135deg,#e4eaff,#f3e7ff);border:1px solid #e0dff3;box-shadow:0 0 0 4px #e8edfb70;border-radius:10px;display:grid;place-items:center;font-size:29px;line-height:1;color:#8654d6;font-weight:800}.console-version{font-size:10px;line-height:1;background:#e6f0ff;color:#3774bd;border:1px solid #ccdff7;border-radius:20px;padding:4px 7px;font-family:Consolas,monospace;letter-spacing:.5px}.console-header-actions{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}.console-header-balance{font-size:12px;color:#727987;white-space:nowrap}.console-header-balance strong{font-weight:500;color:#5b6270}.console-icon-button{background:none;color:#303849;display:grid;place-items:center;padding:5px;border-radius:6px}.console-icon-button svg{width:17px;height:17px}.console-page-search{background:#f7faffb3;border:1px solid #dfe6f1;box-shadow:inset 0 1px 2px #fff,0 1px 3px #253b7310;border-radius:22px;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#717b8c;width:180px;font-size:13px}.console-page-search svg{width:16px;height:16px}.console-page-search kbd{margin-left:auto;font-size:10px;padding:1px 5px;border:1px solid #e0e5ee;border-radius:4px;color:#969aa6}.console-header-link{display:flex;align-items:center;gap:5px;font-size:12px;color:#555f72;white-space:nowrap}.console-header-link svg{width:15px;height:15px}.console-header-link:hover{color:#7047d6}.console-admin-entry{padding:6px 10px;border:1px solid #dce3ef;border-radius:20px}.console-profile{position:relative}.console-profile summary{list-style:none;cursor:pointer}.console-profile summary::-webkit-details-marker{display:none}.console-profile .avatar{width:27px;height:27px;border-radius:50%;background:#be49c1;color:#fff;font-size:12px}.console-profile-menu{position:absolute;right:0;top:37px;min-width:180px;display:flex;flex-direction:column;gap:6px;background:#f9fbff;border:1px solid #dce4f1;padding:15px;border-radius:13px;box-shadow:0 12px 35px #20305120}.console-profile-menu strong{font-size:13px}.console-profile-menu small{font-size:11px;color:#9299a8}.console-profile-menu .btn{margin-top:8px;justify-content:flex-start}
.console-frame .app-layout{min-height:0;flex:1;gap:8px;padding:8px;overflow:hidden;background:none}.console-frame .app-layout .sidebar{width:224px;flex-shrink:0;position:relative;height:auto;top:auto;margin:0;padding:11px 8px 0;display:flex;flex-direction:column;border:0;background:#f7f9ffc4;color:#3f485a}.console-nav-group{margin:0 0 26px}.console-nav-group h2{font-size:11px;font-weight:400;color:#9398a2;margin:9px 8px 7px;letter-spacing:.5px}.console-frame .app-layout .nav-item{font-size:13px;gap:11px;color:#353e4d;padding:8px 9px;margin:3px 0;border-radius:22px;min-height:36px}.console-frame .app-layout .nav-item svg{width:16px;height:16px;stroke-width:1.6}.console-frame .app-layout .nav-item.active{background:linear-gradient(110deg,#dce7fc,#e4dcfa);border:1px solid #dbdbf3;padding:7px 8px;color:#30455e;box-shadow:0 2px 4px #30375d08;font-weight:600}.console-frame .app-layout .nav-item:hover{background:#e9eafb;color:#4b3c83}.console-sidebar-bottom{margin-top:auto;padding:0 0 7px}.console-api-state{min-height:49px;border:1px solid #dfe5f0;background:#f7faffb3;box-shadow:0 2px 3px #38496715,inset 0 1px 1px #fff;border-radius:26px;padding:6px;display:flex;align-items:center;gap:8px}.console-status-icon{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e6e8fd,#deeeff);color:#467ce3;flex-shrink:0}.console-status-icon svg{width:20px;height:20px}.console-status-icon i{position:absolute;right:1px;top:0;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#45c7a0}.console-api-state>div{display:flex;flex-direction:column;font-size:11px;line-height:1.4}.console-api-state small{font-size:10px;letter-spacing:1px;color:#65758c}.console-api-version{margin-left:auto;margin-right:2px;font-size:9px;font-family:Consolas,monospace;color:#8a91a0;border:1px solid #e2e6ee;border-radius:12px;padding:2px 5px;background:#f9fcff}
.console-frame .app-layout .main{border:1px solid #dce3ed;border-radius:27px;background:#f8faff9e;box-shadow:0 1px 2px #3442650a;min-width:0;overflow:hidden;display:flex}.console-frame .content{max-width:none;width:100%;height:100%;padding:24px;overflow:auto;margin:0}.console-frame .content:has(.reference-logs){padding:0;overflow:hidden}.console-frame .page-heading{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #e1e6ef;gap:20px}.console-frame .page-heading h1{font-size:24px;font-weight:650;letter-spacing:-.5px;color:#242a37}.console-frame .page-heading p{font-size:13px;color:#737e91;line-height:1.7}.console-frame .eyebrow{display:none}.console-frame .btn,.console-login-page .btn,.console-dialog .btn{border-radius:22px;color:#3c4557;border:1px solid #dfe5ef;background:#f8faffb8;box-shadow:0 1px 2px #1d355813;font-size:13px;padding:7px 13px;min-height:34px}.console-frame .btn.small{font-size:12px;padding:6px 11px;min-height:32px}.console-frame .btn.primary,.console-login-page .btn.primary,.console-dialog .btn.primary{background:linear-gradient(110deg,#4058f5,#822aff);color:white;border-color:transparent;box-shadow:0 5px 10px #6536ed16}.console-frame .btn.primary:hover,.console-login-page .btn.primary:hover,.console-dialog .btn.primary:hover{background:linear-gradient(110deg,#344ce7,#7221ec)}.console-frame .btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:#697185}.console-frame .btn:hover{background:#efedff}.console-frame .btn svg{width:15px;height:15px}.console-frame .input,.console-frame .select,.console-dialog .input,.console-dialog .select{font-size:13px;color:#444d5e;background:#f9fbffb3;border:1px solid #dfe4ef;border-radius:22px;padding:7px 12px;box-shadow:inset 0 1px 2px #fff,0 1px 2px #283d6b15}.console-frame .input:focus,.console-frame .select:focus,.console-dialog .input:focus,.console-dialog .select:focus{border-color:#a9a0f8;box-shadow:0 0 0 3px #8877ee12}.console-frame .input::placeholder,.console-dialog .input::placeholder{color:#868b99}.console-frame .card{border-radius:18px;background:#f9fbffc7;border-color:#dce3ee;box-shadow:none}.console-frame th{font-size:12px;background:#f8faff;border-color:#e1e6ef;color:#596274;letter-spacing:0;font-weight:550}.console-frame td{font-size:13px;padding:13px 16px;color:#3d4657}.console-frame .table-toolbar{padding:14px 16px;background:#f8faff90;border-bottom-color:#e1e6ef}.console-frame .table-toolbar .subtle{font-size:11px;color:#858d9d}.console-frame .avatar{border-radius:50%;width:26px;height:26px;font-size:11px;background:#48be9a;color:#fff}.console-frame .user-cell{gap:8px}.console-frame .user-cell strong{font-size:13px;color:#3f4a5e;font-weight:500}.console-frame .user-cell small{font-size:11px;color:#858d9c}.console-frame .badge{font-size:11px;border-radius:20px;padding:3px 8px}.console-frame .badge.muted{background:#eff1f7;color:#758198}.console-frame .badge.blue{background:#e9e7fc;color:#7263b2}.console-frame .table-footer{font-size:12px;color:#7b8290;padding:15px 17px}.console-frame .page-btn{border-radius:50px;height:30px;min-width:30px;font-size:11px;border-color:#e0e5ef;color:#697589;background:#f7faff}.console-frame .page-btn.current{background:#7142f5;color:#fff;border-color:#7142f5}.console-frame .text-link{color:#3c8ecc;font-size:12px}.console-frame .notice{font-size:12px;border-radius:20px;color:#758199;background:#f4f7fd;border-color:#e0e6f1}.console-frame .state-note{font-size:11px;margin-top:4px;color:#8a93a3}.console-frame .metric.featured{background:#f0edff;color:#4e3b79;border-color:#e2dcfa}.console-frame .metric.featured .metric-label,.console-frame .metric.featured .metric-foot{color:#8a7caa}.console-frame .metric.featured .metric-value{color:#5d438e}
.console-frame.sidebar-collapsed .app-layout .sidebar{width:52px;padding:11px 3px 0}.sidebar-collapsed .console-nav-group h2,.sidebar-collapsed .nav-item span,.sidebar-collapsed .console-api-state>div,.sidebar-collapsed .console-api-version{display:none}.sidebar-collapsed .console-nav-group{margin-bottom:16px}.console-frame.sidebar-collapsed .nav-item{justify-content:center;padding:9px!important}.sidebar-collapsed .console-api-state{border:0;box-shadow:none;background:none;padding:4px}.sidebar-collapsed .console-status-icon{width:30px;height:30px}.console-frame.sidebar-collapsed .console-api-state{justify-content:center}

.console-frame .reference-logs{height:100%;min-height:0;display:flex;flex-direction:column;color:#273140}.console-frame .reference-log-heading{padding:22px 24px 18px;min-height:74px;margin:0;border-bottom:1px solid #dfe5ef;flex-shrink:0;background:linear-gradient(100deg,#f8fbff90,#e7f0ff60)}.console-frame .reference-log-heading h1{font-size:24px;font-weight:650;line-height:1.4;color:#242a35;letter-spacing:-.4px}.console-frame .reference-log-heading>.badge{font-size:10px;background:#eff0fa;color:#837ca0;font-weight:400}
.console-frame .log-filter-card{margin:20px 24px 0;border:1px solid #d9e0ed;border-radius:19px;padding:12px 12px 0;background:#f8faffb0;flex-shrink:0;box-shadow:inset 0 1px 2px #fff7}.console-frame .log-filter-main{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.console-frame .log-filter-field{flex:1 1 140px;min-width:115px;max-width:none;gap:0}.console-frame .log-filter-main .log-filter-field>label,.console-frame .log-filter-advanced .log-filter-field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.console-frame .log-filter-field .input,.console-frame .log-filter-field .select{border-radius:22px;height:34px;font-size:13px;color:#525a6a;padding:6px 12px}.console-frame .log-filter-main>.btn{min-height:32px;height:32px;padding:5px 7px;font-size:12px;border-radius:20px}.console-frame .log-type-select{flex:1 1 130px;max-width:180px;height:34px;padding:5px 12px}.console-frame .log-filter-advanced{margin-top:11px;padding-top:11px;gap:8px;border-top-color:#e5e8f1}.console-frame .log-date-picker{position:relative;flex:2.1 1 325px;min-width:240px;max-width:440px;color:#626b7d;font-size:12px}.log-date-picker summary{list-style:none;border:1px solid #dfe4ee;border-radius:22px;padding:7px 12px;height:34px;display:flex;align-items:center;gap:8px;background:#f9fbffad;box-shadow:inset 0 1px 2px #fff,0 1px 2px #283d6b0a;cursor:pointer}.log-date-picker summary::-webkit-details-marker{display:none}.log-date-picker summary svg{width:15px;height:15px;flex-shrink:0}.log-date-picker summary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-date-popover{position:absolute;top:42px;left:0;z-index:25;width:360px;padding:16px;border:1px solid #dce3f0;box-shadow:0 12px 30px #243b7024;border-radius:16px;background:#fafcff;display:grid;grid-template-columns:1fr 1fr;gap:13px}.console-frame .log-date-popover .log-filter-field{min-width:0;display:flex;gap:5px}.console-frame .log-date-popover .log-filter-field>label{position:static;width:auto;height:auto;clip-path:none;font-size:11px;color:#848ca0}.console-frame .log-date-popover .input{border-radius:8px;font-size:11px;padding:6px 7px}.log-date-popover .log-time-preset{grid-column:1/-1;max-width:none;width:100%;font-size:12px!important;border-radius:20px}
.log-scope-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #e5e9f2;padding:0 1px 10px;margin:0 0 11px;min-height:34px}.log-scope-label{font-size:12px;color:#727b8d;white-space:nowrap}.log-scope-choices{display:flex;gap:3px;padding:2px;border:1px solid #e1e2f2;background:#f2f1fa;border-radius:22px}.log-scope-choices:empty{display:none}.console-frame .scope-choice{font-size:11px;min-height:26px;padding:3px 11px;box-shadow:none;border:0;background:none;color:#7c7b91}.console-frame .scope-choice.active{background:linear-gradient(110deg,#e1e7fe,#e8ddff);color:#6653a0;box-shadow:0 1px 2px #5c4a9017}.log-scope-hint{font-size:11px;color:#9299a7;margin-left:auto}.log-customer-search{position:relative;flex:0 1 300px;min-width:215px;gap:0}.log-customer-search[hidden]{display:none}.log-customer-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.console-frame .log-customer-search .input{height:32px;padding:5px 12px;font-size:12px}.customer-search-panel{position:absolute;left:0;top:38px;z-index:30;min-width:310px;width:100%;border:1px solid #dce2ef;background:#fbfcff;border-radius:14px;box-shadow:0 10px 35px #263a6726;padding:5px}.customer-search-panel[hidden]{display:none}.customer-search-options{max-height:235px;overflow:auto}.customer-search-result{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border-radius:9px;background:none;color:#49566e;text-align:left;font-size:12px}.customer-search-result:hover,.customer-search-result:focus-visible{background:#ede9fc;outline:none}.customer-search-result>.mono{margin-left:auto;color:#8b92a3;font-size:11px}.customer-search-result .avatar{width:23px;height:23px;font-size:10px}.customer-search-message{padding:14px 10px;font-size:12px;color:#8892a5}.customer-search-message.error{color:#bd6a75}.customer-search-pages{padding:8px 5px 4px;border-top:1px solid #e7eaf1;display:flex;align-items:center;gap:5px;font-size:10px;color:#959bac}.customer-search-pages>span{margin-right:auto}.console-frame .customer-search-pages .btn{min-height:24px;padding:2px 6px;font-size:10px}
.console-frame .log-filter-bottom{margin-top:9px;padding:0 0 11px;border:0;gap:8px;flex-wrap:wrap}.console-frame .log-stats{gap:7px;align-items:center;flex-wrap:wrap}.log-stats-scope{color:#8b92a1;font-size:10px}.console-frame .log-stat{display:flex;gap:5px;align-items:center;font-size:11px;color:#7c8494;border:1px solid #e7ebf3;border-radius:20px;padding:4px 8px;background:#f9fbffb0;box-shadow:0 1px 3px #243b6610}.console-frame .log-stat::before{content:"";width:2px;height:12px;background:#81bce3;border-radius:1px;margin-right:2px}.console-frame .log-stat.blue::before{background:#95a3e6}.console-frame .log-stat.green::before{background:#70c8a9}.console-frame .log-stat.red::before{background:#e99cbb}.console-frame .log-stat strong{font-size:11px;color:#465162;font-weight:500}.console-frame .log-toolbar-actions{margin-left:auto;gap:7px;flex-wrap:wrap}.console-frame .log-toolbar-actions .btn{height:34px;min-height:34px;border-radius:22px;font-size:12px;padding:6px 11px}.console-frame .log-toolbar-actions .btn.primary{min-width:55px}.console-frame .log-toolbar-actions .btn.ghost{font-size:11px;color:#9096a4;padding:5px;min-width:0}.console-frame .log-columns-menu{font-size:12px;color:#414b5e}.console-frame .log-columns-menu summary{border-radius:20px;padding:7px 12px;background:#f7faffb0;border-color:#e0e5f0;box-shadow:0 1px 2px #3448750d}.console-frame .log-query-state{min-height:29px;margin:0 24px;padding:4px 1px;font-size:11px;color:#9097a5;flex-shrink:0}.console-frame .log-query-state.error{color:#b5707c}.console-frame .log-state-dot{background:#aba6ce;width:4px;height:4px}
.console-frame .reference-log-table{display:flex;flex-direction:column;flex:1;min-height:0;border:0;border-radius:0;overflow:hidden;background:transparent}.console-frame .reference-log-table>.table-wrap{margin:0 24px 22px;border:1px solid #d9e0ed;border-radius:17px;background:#fbfcff7a;flex:1;min-height:120px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d4ddeb transparent}.console-frame .log-data-table{min-width:1180px;font-size:13px}.console-frame .log-data-table th{position:sticky;top:0;z-index:2;height:43px;background:#f9fbff;font-size:12px;color:#666e7e;font-weight:550;padding:10px 12px;border-bottom:1px solid #dce4ef;letter-spacing:0}.console-frame .log-data-table td{height:72px;padding:12px;font-size:13px;color:#333d4e;border-right:1px solid #e9edf5;border-bottom:1px solid #edf0f6}.console-frame .log-data-table .usage-row td{border-right:0}.console-frame .log-data-table .usage-row{background:#faffff25}.console-frame .log-data-table tbody tr:nth-child(even){background:#f5f8ff66}.console-frame .log-data-table tbody tr:hover{background:#eef1ff96}.console-frame .log-data-table .task-row.error{background:#fff0f138}.console-frame .log-data-table .task-row.success td:first-child{border-left:2px solid #70c5ae}.console-frame .log-data-table .task-row.error td:first-child{border-left:2px solid #df9db4}.console-frame .log-data-table .task-row.running td:first-child{border-left:2px solid #7aabeb}.console-frame .log-data-table .usage-row.error{background:#fff3f570}.console-frame .log-data-table .usage-row.refund{background:#edf4ff70}.console-frame .log-cell-stack{gap:5px}.console-frame .log-cell-sub{color:#8b919e;font-size:11px}.console-frame .log-cell-stack>.badge{font-size:11px;padding:1px 5px;border-radius:4px}.console-frame .log-col-time{min-width:175px}.console-frame .log-col-channel{min-width:120px}.console-frame .log-col-user{min-width:145px}.console-frame .log-col-token{min-width:155px}.console-frame .log-col-model{min-width:165px}.console-frame .log-col-plugin{min-width:175px}.console-frame .log-col-task{min-width:200px}.console-frame .log-col-details{min-width:155px}.console-frame .log-col-time .mono{font-family:inherit;font-size:13px;color:#343b48}.console-frame .log-user-button{gap:7px;color:#626c7c;font-size:12px}.console-frame .log-user-button .avatar{width:25px;height:25px;border-radius:50%;background:#b83767;color:#fff;font-size:11px}.console-frame .log-user-button .log-cell-sub{font-size:10px}.console-frame .log-model{border-radius:20px;padding:3px 8px;border-color:#e4e9f0;background:#f7faff78;color:#344051;font-size:12px;gap:6px}.console-frame .model-mark{background:none;color:#212b38;font-size:13px;width:15px;height:15px;border-radius:50%}.console-frame .log-token{font-size:12px;border:1px solid #e3e8f1;background:#fafcff88;border-radius:20px;padding:1px 6px;color:#2d3849;gap:5px}.console-frame .log-token svg{color:#37465a}.console-frame .log-inline .badge{background:none;padding:0;color:#3fa5ce;font-size:11px;font-weight:600}.console-frame .log-cost{font-size:13px!important;color:#4e586b}.console-frame .log-tokens{font-size:12px}.console-frame .log-copy{color:#3a4655;border:1px solid #e2e7f0;border-radius:20px;background:#f9fbff88;padding:1px 5px}.console-frame .log-copy .mono{font-family:inherit;font-size:12px;max-width:210px}.console-frame .log-task-identity .log-model{padding:0;border:0;background:none;max-width:155px}.console-frame .log-task-identity .model-mark{display:none}.console-frame .log-task-identity .badge{padding:0;background:none;color:#45aa8c;font-size:11px}.console-frame .log-task-identity .badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.console-frame .log-task-identity{gap:5px}.console-frame .log-inline-detail{font-size:11px;color:#3c94d2}.console-frame .log-col-timing>.mono{font-family:inherit;font-size:12px;color:#289d89;border:1px solid #e6f2ee;background:#effbf67a;border-radius:16px;padding:1px 5px}.console-frame .log-col-timing .log-cell-stack>.mono{font-size:12px}.console-frame .log-detail-button{font-size:12px;color:#4c91c1}.console-frame .log-description{font-size:12px}.console-frame .log-col-stream .badge{background:none;padding:0;color:#458e9f;font-size:12px}.console-frame .log-col-stream .badge.muted{color:#7d8592}.console-frame .log-empty{min-height:220px;color:#98a0b2;padding:45px 24px}.console-frame .log-empty strong{font-size:14px;color:#7a859d}.console-frame .log-empty p{font-size:12px;color:#949eb2}.console-frame .reference-log-table>.table-footer{flex-shrink:0;border-top:1px solid #dce3ed;padding:14px 24px;margin:0;background:#f9fbff70;font-size:12px;color:#7c8390;min-height:62px}.console-frame .log-page-size{border-radius:20px;height:34px;font-size:12px!important;padding:6px 10px!important}.console-frame .log-page-number{background:#7242f5;color:#fff;border-radius:20px;width:auto;min-width:33px;padding:6px 9px;font-size:11px}.console-frame .reference-log-table .page-btn{height:32px;border-radius:22px;font-size:11px;padding:0 10px}.console-frame .reference-log-table .page-btn:disabled{opacity:.35}
.console-balance-strip{display:flex;align-items:center;gap:25px;padding:12px 16px;border:1px solid #e0e6f1;border-radius:16px;background:#f8fbffa0;margin-bottom:20px;font-size:12px;color:#848da0;flex-wrap:wrap}.console-balance-strip strong{font-size:14px;font-weight:550;color:#626d86;margin-left:6px}.console-content-tabs{display:flex;gap:4px;padding:3px;border:1px solid #e1e5ef;border-radius:24px;background:#f5f7ff;width:max-content;margin-bottom:18px}.console-frame .console-content-tabs .btn{border:0;box-shadow:none;font-size:12px;background:none;min-height:30px}.console-frame .console-content-tabs .btn.active{color:#5761c0;background:#eceafe;box-shadow:0 1px 2px #443a7910}.console-portal-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:17px;border:1px solid #e2e7f1;border-radius:17px;font-size:13px;background:#f8fbff}.console-portal-row>div{margin-right:auto}.console-portal-row p{font-size:12px;color:#8790a1;margin-top:5px}

.console-login-page{min-height:calc(100vh - 33px);display:flex;flex-direction:column}.console-login-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e1e7f1;background:#f9fbff88}.console-login-main{flex:1;display:grid;place-items:center;padding:45px 20px}.console-login-card{width:420px;max-width:100%;padding:28px;border:1px solid #dce3f0;border-radius:24px;background:#fcfdffba;box-shadow:0 14px 50px #33436d08,inset 0 1px 3px #fff}.console-login-tabs{display:flex;padding:4px;border:1px solid #e2e4f0;border-radius:25px;background:#f3f4fb;margin-bottom:28px;gap:4px}.console-login-tabs a{display:flex;gap:6px;align-items:center;justify-content:center;flex:1;padding:8px 5px;font-size:12px;color:#84899b;border-radius:22px}.console-login-tabs a.active{background:linear-gradient(110deg,#e5eaff,#eddefb);color:#66599c;box-shadow:0 1px 3px #493e7810}.console-login-tabs svg{width:15px;height:15px}.console-login-heading{margin-bottom:25px}.console-login-heading h1{font-size:23px;font-weight:600;color:#2c3344;letter-spacing:-.5px}.console-login-heading p{font-size:12px;color:#8991a3;margin-top:8px;line-height:1.8}.console-login-card .field label{font-size:12px;color:#6e7d96}.console-login-card .input{border-radius:22px;border:1px solid #dde4ef;background:#fafcff;height:41px;color:#546179;font-size:13px;padding:9px 14px}.console-login-card .btn.primary{height:40px;margin-top:6px}.console-login-card .notice{font-size:11px;border-radius:15px;background:#f1f2fc;color:#8c87a0;border-color:#e2e1f0}.console-demo-accounts{margin-top:20px;color:#9098aa;font-size:11px;border-top:1px solid #e7eaf1;padding-top:15px}.console-demo-accounts summary{cursor:pointer}.console-demo-accounts p{margin-top:8px;font-family:Consolas,monospace;color:#7f879a}.console-login-footer{text-align:center;font-size:11px;color:#a1a8b8;padding:0 15px 25px}
.console-login-role{display:flex;align-items:center;gap:8px;color:#8a7ab5;font-size:11px;font-weight:550;letter-spacing:.3px;margin-bottom:20px}.console-login-role-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eee8fc;border:1px solid #e6dff6;color:#8963c3}.console-login-role-icon svg{width:16px;height:16px}.console-admin-login{background:radial-gradient(ellipse at 80% 12%,#e4e8fcaa,transparent 50%),#f2f5fa}.console-admin-login .console-brand-mark{background:linear-gradient(135deg,#e1e8fc,#eeeafa);color:#6476b9}.console-admin-login .console-login-role{color:#7486ad}.console-admin-login .console-login-role-icon{background:#eaf0fc;border-color:#e0e7f8;color:#637db6}.console-admin-login .btn.primary{background:linear-gradient(110deg,#4b69c9,#6e59c7)}
.console-dialog{width:min(512px,calc(100vw - 30px));border-radius:22px;background:#fbfcff;border-color:#dce3ef;color:#3d495f}.console-dialog .dialog-head{padding:22px 24px 13px}.console-dialog .dialog-head h2{font-size:19px;font-weight:600}.console-dialog .dialog-description{font-size:12px;color:#939aac;margin-bottom:20px}.console-dialog .field label{font-size:12px;color:#6e7e98}.console-dialog .field .hint{font-size:11px;color:#969eb1}.console-create-agent{width:min(620px,calc(100vw - 30px))}.console-form-section{border-top:1px solid #e5e8f0;padding-top:17px}.console-form-section h3{font-size:12px;font-weight:600;color:#7b86a0;margin-bottom:14px}.console-password-field{display:flex;gap:5px;position:relative}.console-password-field input{width:100%;padding-right:63px!important}.console-password-field .btn{position:absolute;right:4px;top:2px;min-height:28px;font-size:11px;border:0;box-shadow:none;background:none;padding:5px 9px}.console-search-results{display:flex;flex-direction:column;gap:5px;margin-top:15px}.console-search-results a{display:flex;align-items:center;gap:9px;border-radius:9px;padding:10px;color:#677b9c;font-size:13px}.console-search-results a:hover{background:#eeebfe}.console-search-results a>svg:last-child{margin-left:auto;width:14px;height:14px}.console-search-results svg{width:16px;height:16px}

@media(min-width:1500px){.console-frame .log-filter-main.task-filter-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.console-frame .task-filter-main .log-date-picker{max-width:none;min-width:0}.console-frame .task-filter-main .log-filter-field{min-width:0}.console-frame .task-filter-main>.btn{justify-self:start}.console-frame .log-col-time{min-width:175px}}
@media(max-width:1200px){.console-header{gap:13px;padding:0 15px}.console-page-search{width:135px}.console-page-search kbd{display:none}.console-header-actions{gap:10px}.console-header-link:not(.console-admin-entry){display:none}.console-frame .log-filter-main.task-filter-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.console-frame .task-filter-main .log-date-picker{grid-column:span 2;max-width:none;min-width:0}.console-frame .task-filter-main .log-filter-field{min-width:0}.console-frame .task-filter-main>.btn{justify-self:start}.console-frame .log-filter-main:not(.task-filter-main) .log-date-picker{flex:2 1 300px}.console-frame .log-filter-main:not(.task-filter-main) .log-filter-field{flex:1 1 130px}.console-frame .log-type-select{flex:1 1 130px}.console-frame .log-toolbar-actions{width:auto}.console-frame .log-filter-bottom{align-items:center}.console-frame .log-stat{font-size:10px;padding:4px 6px}.console-frame .log-stat strong{font-size:11px}}
@media(max-width:1000px){.console-header-balance{display:none}.console-frame .app-layout .sidebar{width:190px}.console-frame .reference-log-heading{padding:20px}.console-frame .log-filter-card{margin:16px 18px 0}.console-frame .log-query-state{margin:0 18px}.console-frame .reference-log-table>.table-wrap{margin:0 18px 18px}.log-scope-hint{display:none}.console-frame .log-toolbar-actions{margin-left:auto}.console-frame .log-filter-bottom{gap:10px}.console-frame .log-stats{width:100%}.console-frame .log-col-time{min-width:160px}}
@media(max-width:760px){.console-frame{height:calc(100dvh - 33px);min-height:450px}.console-header{height:56px;min-height:56px;padding:0 12px;gap:10px}.console-brand{gap:7px}.console-brand strong{font-size:13px}.console-brand-mark{width:25px;height:25px;font-size:26px}.console-version{display:none}.console-page-search{width:30px;height:30px;padding:7px;border:0;background:none;box-shadow:none}.console-page-search span{display:none}.console-header-actions{gap:7px}.console-header-link.console-admin-entry{padding:4px 6px;font-size:10px;gap:3px}.console-admin-entry svg{display:none}.console-profile .avatar{width:24px;height:24px;font-size:11px}.console-frame .app-layout{padding:7px;gap:0}.console-frame .app-layout .sidebar{position:fixed;left:0;top:89px;bottom:0;height:auto;width:232px;transform:translateX(-100%);z-index:50;background:#f6f8ff;transition:transform .18s;padding:15px 12px 0;border-right:1px solid #dce4f1}.console-frame .app-layout .sidebar.open{transform:translateX(0)}.console-frame .mobile-shade.open{display:block;position:fixed;inset:89px 0 0;background:#24325335;z-index:45}.console-frame .app-layout .main{border-radius:21px}.console-frame .content{padding:18px 14px}.console-frame .page-heading{padding-bottom:16px;gap:12px}.console-frame .page-heading h1{font-size:22px}.console-frame .page-heading p{font-size:12px}.console-frame .reference-log-heading{padding:16px;min-height:64px}.console-frame .reference-log-heading h1{font-size:22px}.console-frame .reference-log-heading>.badge{font-size:9px;padding:4px 7px}.console-frame .log-filter-card{margin:13px 12px 0;padding:10px 10px 0;border-radius:17px}.log-scope-row{gap:7px;padding-bottom:8px;margin-bottom:9px}.log-scope-label{font-size:11px}.log-customer-search{flex:1;min-width:140px}.console-frame .log-customer-search .input{font-size:11px;height:30px}.customer-search-panel{min-width:230px;left:auto;right:0}.console-frame .log-filter-main{gap:7px}.console-frame .log-filter-main:not(.task-filter-main) .log-date-picker{flex:1 1 100%;max-width:none}.console-frame .log-filter-main:not(.task-filter-main) .log-filter-field{flex:1 1 100px}.console-frame .log-type-select{flex:1 1 80px;font-size:12px;padding:5px 10px}.console-frame .log-filter-main.task-filter-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.console-frame .log-filter-field .input,.console-frame .log-filter-field .select{font-size:12px;height:32px}.log-date-picker summary{height:32px;font-size:11px}.log-date-popover{width:290px;max-width:calc(100vw - 64px)}.console-frame .log-filter-advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.console-frame .log-filter-bottom{gap:8px;margin-top:9px;padding-bottom:10px}.console-frame .log-stats{gap:5px}.console-frame .log-stat{font-size:10px;padding:3px 6px}.console-frame .log-stat strong{font-size:10px}.console-frame .log-toolbar-actions{gap:5px;justify-content:flex-end;width:100%}.console-frame .log-toolbar-actions .btn{font-size:11px;height:31px;min-height:31px;padding:5px 9px}.console-frame .log-toolbar-actions .btn.ghost{width:auto;margin-right:auto;justify-content:center;font-size:10px}.console-frame .log-columns-menu summary{padding:6px 9px;font-size:11px}.console-frame .log-query-state{margin:0 13px;font-size:10px;min-height:27px}.console-frame .reference-log-table>.table-wrap{margin:0 12px 12px;min-height:100px;border-radius:14px}.console-frame .reference-log-table>.table-footer{padding:10px 12px;min-height:56px;gap:6px;font-size:10px}.console-frame .log-page-size{height:30px;font-size:10px!important;padding:4px 7px!important;max-width:90px}.console-frame .log-page-number{font-size:10px;min-width:30px;padding:5px}.console-frame .reference-log-table .page-btn{height:28px;padding:0 7px;font-size:10px}.console-frame .log-empty{min-height:175px;padding:25px 14px}.console-frame .log-empty strong{font-size:13px}.console-frame .log-empty p{font-size:11px}.console-login-header{padding:0 18px;height:60px}.console-login-header .console-header-link{font-size:10px}.console-login-main{padding:30px 18px}.console-login-card{padding:23px;border-radius:22px}.console-balance-strip{gap:13px;padding:12px}.console-balance-strip strong{font-size:13px}.console-dialog .dialog-head{padding:20px 20px 12px}.console-dialog .dialog-body{padding:0 20px 22px}.console-create-agent .form-grid{grid-template-columns:1fr}}
/* Live settings reuse the established console and portal components. */
.mail-profile-fields[hidden]{display:none}.mail-override-switch{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:550;color:#465475;cursor:pointer}.mail-override-switch input{width:18px;height:18px;accent-color:#7054dc;cursor:pointer}.mail-settings-form .notice{margin:0}.mail-settings-form .mail-profile-fields{gap:20px}
.agent-photo{object-fit:cover}.agent-avatar-preview{display:flex;justify-content:center;padding:12px}.agent-avatar-preview .user-cell{flex-direction:column;text-align:center}.agent-avatar-preview .avatar,.agent-avatar-large{width:112px;height:112px;border-radius:50%;object-fit:cover;border:1px solid #dce3ef}.agent-avatar-preview .user-cell .avatar{font-size:36px}.agent-avatar-preview .user-cell small{display:block}.agent-avatar-preview+.field input[type=file]{height:auto;border-radius:12px;padding:10px;font-size:12px}
.mail-settings-form{max-width:1000px}.mail-settings-card .card-body{padding:22px}.mail-settings-form .mail-template{height:auto;min-height:210px;resize:vertical;font-family:ui-monospace,monospace;line-height:1.65;padding:12px}.mail-settings-dialog{max-width:900px;width:calc(100vw - 40px)}.mail-settings-dialog .page-heading{display:none}.mail-settings-dialog .card-body{padding:16px}.customer-registration-dialog{max-width:520px}.customer-registration-dialog .public-auth-form{margin-top:16px}.customer-list-toolbar{display:flex;align-items:end;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border,#e9edf5)}.customer-list-toolbar .field{flex:1;max-width:480px}.public-mail-sent{font-size:12px;line-height:1.8;color:#37765d;background:#f1faf5;border-radius:12px;padding:10px 12px}.public-operation-id{font-size:11px;overflow-wrap:anywhere}.public-pending-state .notice{margin-bottom:16px}.customer-registration-dialog .public-code-inputs{display:flex;gap:8px}.customer-registration-dialog .public-code-inputs>.input{min-width:0;flex:1}.customer-registration-dialog .public-password-field{position:relative}.customer-registration-dialog .public-password-field>.input{padding-right:60px}

/* The original 0.2.8 log UI owns all styling inside its frame. */
.console-frame .content:has(.original-log-frame){padding:0;overflow:hidden;display:flex;min-height:0}
.original-log-frame{display:block;width:100%;height:100%;min-height:0;border:0;flex:1;background:transparent}

/* Platform branding is separate from the inviting agent's portrait. */
img.platform-logo{object-fit:contain;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex-shrink:0}.branding-settings{max-width:1050px;display:flex;flex-direction:column;gap:20px}.branding-settings>.card>.card-body{padding:22px}.branding-settings .notice{margin:0}.branding-settings .branding-name-form{gap:18px}.branding-custom-settings[hidden],.branding-assets-grid[hidden]{display:none}.branding-assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.branding-asset-card{min-width:0}.branding-asset-card .card-body{padding:20px}.branding-asset-card .dialog-actions{margin-top:0;flex-wrap:wrap}.branding-asset-card input[type=file]{height:auto;min-height:40px;border-radius:12px;font-size:12px;padding:9px}.branding-asset-preview{min-height:155px;padding:14px;display:flex;align-items:center;justify-content:center;border:1px dashed #dce3ef;border-radius:16px;background:repeating-conic-gradient(#f8f9fc 0% 25%,#fff 0% 50%) 50%/20px 20px}.branding-saved-logo{height:112px;max-width:100%;object-fit:contain}.branding-saved-image{max-height:220px;max-width:100%;object-fit:contain;border-radius:10px}.branding-no-image{font-size:12px;color:#8992a5;line-height:1.8;padding:12px;text-align:center}.branding-effective-preview{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.branding-preview-title{display:flex;align-items:center;gap:15px}.branding-effective-logo{width:54px;height:54px;object-fit:contain}.branding-preview-title>div{display:flex;flex-direction:column;gap:5px;min-width:0}.branding-preview-title strong{font-size:19px;overflow-wrap:anywhere}.branding-preview-title small{font-size:12px;color:#8992a5}.branding-effective-image{max-width:100%;max-height:260px;object-fit:contain;border-radius:16px}.branding-settings-dialog{width:calc(100vw - 40px);max-width:930px}.branding-settings-dialog .page-heading{display:none}.branding-settings-dialog .card-body{padding:16px}.branding-settings-dialog .card-head{padding:16px}.branding-settings-dialog .branding-settings{gap:15px}.branding-settings-dialog .branding-assets-grid{gap:15px}@media(max-width:720px){.branding-assets-grid{grid-template-columns:1fr}.branding-settings>.card>.card-body,.branding-asset-card .card-body{padding:16px}.branding-preview-title strong{font-size:17px}.branding-settings-dialog{width:calc(100vw - 24px)}.branding-settings .card-head{gap:10px;align-items:flex-start;flex-wrap:wrap}.branding-asset-preview{min-height:135px}}
.registration-pending-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.registration-pending-actions .btn{min-height:40px}td .registration-pending-actions{justify-content:flex-start;min-width:170px}@media(max-width:640px){.registration-pending-actions .btn{flex:1 1 140px;min-height:44px}.registration-pending-actions{width:100%}}