:root{--nav:#101b2c;--nav2:#1b293d;--ink:#182437;--muted:#586679;--soft:#8893a3;--paper:#fff;--base:#f5f7fa;--line:#dde3e9;--brand:#146d60;--brand-hover:#0d594e;--mint:#57dbbc;--pale:#e7f6f0;--warn:#855718;--red:#a93731;--radius:14px;--shadow:0 3px 13px #18243b0b;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--base);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #47afac;outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}a{color:var(--brand)}[hidden]{display:none!important}.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.boot,.loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.boot{min-height:100vh}.loading{padding:42px 20px}.spinner{width:17px;height:17px;border:2px solid #b9ceca;border-top-color:var(--brand);border-radius:50%;animation:turn .7s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}
.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand-mark{width:39px;height:39px;background:var(--mint);color:#102b29;border-radius:11px;display:grid;place-items:center}.brand-mark svg{width:29px;height:29px;fill:currentColor}.wordmark{font-size:22px;font-weight:720;letter-spacing:-1.3px;line-height:1.1}.wordmark>span{color:var(--mint);font-weight:500}.brand-caption{font-size:10px;text-transform:uppercase;letter-spacing:1.65px;color:#b6c5cf;font-weight:650;margin-top:3px}
.btn,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:38px;padding:8px 14px;font-weight:600;line-height:1.3}.btn:hover,.icon-button:hover{background:#f0f4f5;border-color:#bbc7c9}.btn.primary{background:var(--brand);color:white;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn.critical{color:var(--red)}.btn.danger{color:white;background:var(--red);border-color:var(--red)}.btn.small{padding:6px 10px;min-height:32px;font-size:12px}.icon-button{width:36px;min-height:36px;padding:7px}.btn .ic,.icon-button .ic{width:16px;height:16px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.actions.end{justify-content:flex-end}.text-button{color:var(--brand);background:none;border:0;padding:3px 0;font-weight:650}.text-button:hover{text-decoration:underline}.muted{color:var(--muted)}.small-text{font-size:12px}.micro,.kicker{font-size:10px;letter-spacing:1.55px;text-transform:uppercase;font-weight:720}.kicker{color:var(--brand)}.micro{color:var(--soft)}
.login{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(400px,1fr);background:white}.login-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 80% 65%,#103a40 0,transparent 56%),var(--nav);color:#fff;padding:clamp(32px,5vw,80px)}.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#87d1c609 1px,transparent 1px),linear-gradient(90deg,#87d1c609 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.login-visual>*{z-index:1}.login-copy{max-width:540px;margin:36px 0 0}.login-copy .kicker{color:var(--mint)}.login-copy h2{font-size:clamp(44px,4.5vw,78px);line-height:1.02;letter-spacing:-.056em;font-weight:635;margin:17px 0 19px}.login-copy p{max-width:430px;color:#b8cbd0;font-size:16px;line-height:1.65}.signal-art{width:min(100%,520px);height:auto;max-height:32vh;display:block;margin:22px 0 14px}.login-meta{display:flex;align-items:center;gap:9px;color:#bed0d0;font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase}.login-meta:before{content:"";background:var(--mint);width:22px;height:2px}.login-panel{display:flex;align-items:center;justify-content:center;padding:42px}.login-form{width:100%;max-width:370px}.login-badge,.section-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--pale);color:var(--brand);border-radius:12px}.login-form .kicker{margin-top:27px}.login-form h1{font-size:34px;letter-spacing:-1.5px;line-height:1.12;margin:10px 0}.login-form>p{color:var(--muted);line-height:1.6}.login-form form{margin-top:30px}.login-form .primary{width:100%;justify-content:space-between;margin-top:16px;padding:12px 15px}.secret-wrap{position:relative}.secret-wrap input{padding-right:45px}.secret-wrap button{position:absolute;right:5px;top:4px;width:34px;height:34px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.form-error{color:var(--red);font-size:13px;line-height:1.5;margin-top:12px}
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;z-index:8;background:var(--nav);color:#d4dce4;padding:28px 16px 16px;display:flex;flex-direction:column}.sidebar .brand{margin:0 10px 45px}.nav-group{margin:0 0 24px}.nav-group h2{font-size:10px;letter-spacing:1.8px;color:#9badc0;text-transform:uppercase;margin:0 14px 9px;font-weight:650}.navitem{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid transparent;background:none;color:#d2dce5;border-radius:8px;font-size:13px;font-weight:530;margin:2px 0;padding:11px 13px}.navitem .ic{color:#a1b2c5}.navitem:hover{background:#1c2b3f}.navitem.current{background:#203b43;border-color:#2a4d52;color:#d9fff4}.navitem.current .ic{color:var(--mint)}.sidebar-bottom{margin-top:auto;border-top:1px solid #2c394c;padding:18px 7px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.profile{display:flex;gap:9px;align-items:center}.avatar{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:12px;background:#e6ecf5;color:#3c577d;font-size:12px;font-weight:720}.avatar.admin{background:#29394e;color:#c6d8df;border-radius:50%}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:11px;color:#a8b7c6;margin-top:3px}.sidebar-bottom button{background:none;border:0;color:#b8c6d2}.sidebar-bottom button:hover{background:#27394d}.scaffold{min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3.4vw,55px);gap:10px}.breadcrumbs,.top-info,.inline,.chips{display:flex;align-items:center;gap:9px}.breadcrumbs{color:var(--muted);font-size:12px}.breadcrumbs .ic{width:14px;height:14px;color:#98a3b1}.breadcrumbs strong{color:var(--ink);font-weight:600}.top-info{color:var(--muted);font-size:12px}.top-info .ic{color:var(--brand);width:16px;height:16px}.mobile-menu{display:none}.nav-close{display:none}.pane{max-width:1580px;margin:0 auto;padding:clamp(24px,3.1vw,46px) clamp(20px,3.4vw,55px) 45px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.heading-copy h1{font-size:clamp(28px,2.6vw,40px);font-weight:660;letter-spacing:-.045em;line-height:1.12;margin:7px 0}.heading-copy>p{line-height:1.55;font-size:14px;color:var(--muted);max-width:720px}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:4px 9px;font-size:11px;line-height:1.35;font-weight:650;white-space:nowrap;background:#edf1f5;color:#4b5d72}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.green{background:#e5f5ed;color:#16674b}.pill.amber{background:#fff2d6;color:#805619}.pill.blue{background:#eaf0fa;color:#385d8c}.pill.red{background:#fae9e8;color:#9d3835}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{display:flex;align-items:center;gap:13px;background:#fff;padding:15px 18px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric .metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#35689b;background:#eaf1fa}.metric:nth-child(2) .metric-icon{color:#997027;background:#fbf2da}.metric:nth-child(3) .metric-icon{color:var(--brand);background:#e6f4ee}.metric small,.metric strong{display:block}.metric small{font-size:12px;color:var(--muted)}.metric strong{margin-top:1px;font-size:23px;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums}.card,.inbox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.inbox{display:grid;grid-template-columns:minmax(245px,31%) minmax(0,1fr);overflow:hidden;min-height:465px}.threads{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.thread-tools{padding:18px 16px 13px;border-bottom:1px solid var(--line)}.section-title{font-size:16px;letter-spacing:-.45px;font-weight:660}.search-wrap{position:relative;margin-top:13px}.search-wrap>.ic{position:absolute;top:12px;left:11px;color:#7d8a9a;width:15px;height:15px}.search-wrap input{padding:9px 10px 9px 34px;background:#f7f9fb}.thread-list{overflow:auto;max-height:675px}.thread-row{border:0;border-bottom:1px solid #edf0f3;background:#fff;border-left:3px solid transparent;width:100%;text-align:left;padding:14px 12px;display:flex;align-items:flex-start;gap:9px}.thread-row:hover{background:#f8fafb}.thread-row.active{background:#edf7f3;border-left-color:var(--brand)}.thread-row .avatar{width:33px;height:33px;border-radius:9px}.thread-row .row-copy{min-width:0;flex:1}.row-name,.row-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-name{font-size:13px;font-weight:650}.row-preview{font-size:12px;color:var(--muted);margin-top:4px}.row-meta{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:10px;gap:4px}.row-meta .pill{font-size:9px;padding:2px 6px}.detail{min-width:0;display:flex;flex-direction:column}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.detail-header h2{font-size:16px;letter-spacing:-.4px;overflow-wrap:anywhere}.detail-header .chips{margin-top:4px;flex-wrap:wrap}.detail-header .actions{justify-content:flex-end}.history{min-height:160px;max-height:420px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fafbfc;flex:1}.message{align-self:flex-start;max-width:88%}.message.sent{align-self:flex-end}.message-meta{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:var(--muted);font-size:10px}.message.sent .message-meta{justify-content:flex-end}.bubble{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:3px 11px 11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.message.sent .bubble{background:#e9f6f1;border-color:#cee5db;border-radius:11px 3px 11px 11px}.subtools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 18px;border-top:1px solid var(--line);font-size:12px}.composer{border-top:1px solid var(--line);padding:14px 18px}.composer textarea{min-height:76px}.composer .actions{margin-top:9px;justify-content:flex-end}.label-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.label-line label{margin:0}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:10px;min-height:190px;padding:30px 23px;flex:1}.empty.artistic{background-image:radial-gradient(#dae4e4 1px,transparent 1px);background-size:21px 21px;background-position:center}.empty-icon{display:grid;place-items:center;width:54px;height:54px;background:#e6f4ee;color:var(--brand);border:1px solid #d2e5db;border-radius:16px;box-shadow:0 0 0 5px #ffffffad}.empty-icon .ic{width:24px;height:24px}.empty h3{font-size:17px;letter-spacing:-.4px;font-weight:630}.empty p{max-width:350px;font-size:13px;color:var(--muted);line-height:1.55}.empty.compact{min-height:130px;padding:20px 14px;gap:6px}.empty.compact .empty-icon{width:36px;height:36px;border-radius:10px}.empty.compact .empty-icon .ic{width:17px;height:17px}.empty.compact h3{font-size:13px}.empty.compact p{font-size:12px}
.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:22px;min-width:0}.card+.card,.block+.block{margin-top:16px}.grid-two>.card+.card{margin-top:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.card-head h2,.card h2{font-size:18px;letter-spacing:-.55px;font-weight:650}.card-head p,.help,.description{font-size:12px;color:var(--muted);line-height:1.55}.card-head p{margin-top:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{min-width:0}.field+.field{margin-top:15px}.form-grid .field+.field{margin:0}.form-grid .wide{grid-column:1/-1}label,.field-title{display:block;font-size:13px;font-weight:620;margin-bottom:7px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #c9d3db;padding:10px 12px;color:var(--ink);border-radius:7px;min-height:40px;background-color:#fff}input::placeholder,textarea::placeholder{color:#74808e;opacity:1}textarea{resize:vertical;line-height:1.55;min-height:110px}.help{margin-top:6px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.switch-row:last-child{border-bottom:0}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:13px}.switch-row small{font-weight:400;font-size:12px;line-height:1.5;color:var(--muted);margin-top:3px}.switch-row input{appearance:none;flex:none;width:36px;height:22px;margin:0;background:#c4ced6;border:1px solid #b3bfc9;border-radius:14px;position:relative;cursor:pointer}.switch-row input:before{content:"";position:absolute;top:2px;left:2px;background:#fff;width:16px;height:16px;border-radius:50%;box-shadow:0 1px 3px #283b4f35}.switch-row input:checked{background:var(--brand);border-color:var(--brand)}.switch-row input:checked:before{left:16px}.info-box,.error-box,.result-box{border-radius:9px;background:#eff6f3;border:1px solid #d6e8dd;color:#315e51;padding:12px 14px;line-height:1.55;font-size:13px}.error-box{background:#fff0ef;border-color:#efcccc;color:#8d3431}.result-box{background:#f6f8fa;border-color:var(--line);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.info-box.inline,.error-box.inline{align-items:flex-start}.info-box .ic,.error-box .ic{margin-top:2px}.error-box .btn{margin-left:10px}.fields-stack>.card{margin-top:0;margin-bottom:16px}.settings-footer{display:flex;justify-content:flex-end;gap:8px}.kb-list{display:grid;gap:12px}.kb-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.kb-item:last-child{border:0}.kb-item .section-icon{width:38px;height:38px;border-radius:10px}.kb-body{flex:1;min-width:0}.kb-title{font-size:15px;font-weight:650;letter-spacing:-.25px;overflow-wrap:anywhere}.kb-body p{color:var(--muted);font-size:13px;line-height:1.55;margin:5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.kb-body .chips{flex-wrap:wrap;color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;text-align:left;min-width:540px}.audit-table th{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);font-weight:640;text-align:left;background:#f5f7f9;padding:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.audit-table td{padding:12px 10px;border-bottom:1px solid #edf0f3;line-height:1.45;font-size:12px;vertical-align:top;overflow-wrap:anywhere}.audit-table td:first-child{color:var(--muted);white-space:nowrap}.audit-table tr:last-child td{border:0}.audit-event{font-weight:620;color:#235f54}.sim-output{min-height:215px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.sim-output .empty{white-space:normal}.connection-rows{display:grid}.connection-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.45;font-size:13px}.connection-row:last-child{border:0}.connection-row>span:first-child{color:var(--muted)}.connection-row>strong{text-align:right;font-weight:580;overflow-wrap:anywhere}.subheading{margin-bottom:12px}
dialog{width:min(510px,calc(100% - 28px));border:1px solid var(--line);border-radius:15px;color:var(--ink);padding:0;box-shadow:0 22px 80px #12223838;max-height:90vh;overflow:auto}dialog::backdrop{background:#1020347d;backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 22px 15px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;letter-spacing:-.5px}.modal-body{padding:20px 22px}.modal-body>p{color:var(--muted);line-height:1.6}.modal-body pre{font:inherit;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.notices{position:fixed;bottom:20px;right:22px;display:grid;gap:8px;z-index:30;max-width:min(430px,calc(100vw - 32px))}.notice{display:flex;align-items:flex-start;gap:9px;background:#152f2b;color:white;border:1px solid #314d48;padding:12px 15px;border-radius:9px;font-size:13px;line-height:1.5;box-shadow:0 6px 25px #1f293a26}.notice.error{background:#672d2b;border-color:#8c4743}.notice .ic{width:16px;height:16px;margin-top:2px}
@media(min-width:1550px){.shell{grid-template-columns:255px minmax(0,1fr)}.inbox{min-height:565px}.history{max-height:560px}}
@media(max-width:1100px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.pane{padding:24px 20px}.topbar{padding:0 20px}.inbox{grid-template-columns:minmax(210px,32%) minmax(0,1fr)}.detail-header{align-items:flex-start;flex-wrap:wrap}.metric{padding:13px}.grid-two{gap:12px}.card{padding:18px}}
@media(max-width:800px){.shell{display:block}.sidebar{display:none;position:fixed;left:0;top:0;bottom:0;width:245px;box-shadow:0 0 0 100vmax #10203370}.sidebar.open{display:flex}.nav-close{display:grid;place-items:center;position:absolute;right:9px;top:10px;min-height:28px;width:28px;background:transparent;color:#c7d2dd;border:0}.mobile-menu{display:inline-grid;place-items:center}.topbar{height:54px}.breadcrumbs .desktop-crumb,.breadcrumbs>.ic{display:none}.login{grid-template-columns:44% 56%}.login-visual{padding:28px}.login-copy h2{font-size:42px}.login-copy p{font-size:14px}.login-panel{padding:30px}}
@media(max-width:600px){.login{display:block;min-height:100dvh}.login-visual{min-height:185px;padding:24px;gap:22px}.login-visual .brand{position:relative;z-index:2}.login-copy{margin:0}.login-copy h2{font-size:29px;max-width:220px;margin:4px 0 0}.login-copy>p,.login-copy>.kicker,.login-meta{display:none}.signal-art{position:absolute;bottom:-5px;right:-70px;width:240px;margin:0;opacity:.65}.login-panel{padding:35px 24px;justify-content:flex-start}.login-form{max-width:100%}.login-badge{display:none}.login-form .kicker{margin-top:0}.login-form h1{font-size:28px}.pane{padding:21px 13px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:17px;gap:8px}.heading-copy h1{font-size:28px}.heading-copy>p{font-size:13px}.topbar{padding:0 13px}.top-info{font-size:11px}.metrics{gap:6px;margin-bottom:12px}.metric{display:block;padding:10px;border-radius:10px}.metric .metric-icon{width:26px;height:26px;border-radius:6px;margin-bottom:5px}.metric-icon .ic{width:15px;height:15px}.metric small{font-size:10px}.metric strong{font-size:20px}.inbox{display:block;min-height:0}.threads{border-right:0}.thread-tools{padding:13px}.thread-list{max-height:270px}.detail{border-top:1px solid var(--line)}.inbox:has(.thread-selected) .thread-list{max-height:150px}.detail-header,.history,.composer{padding:12px}.grid-two,.form-grid{grid-template-columns:1fr}.grid-two{gap:12px}.card{padding:16px}.card-head{flex-wrap:wrap;margin-bottom:12px}.kb-item{gap:8px}.kb-item .section-icon{display:none}.kb-item .actions{flex-direction:column}.kb-list{gap:0}.empty{min-height:165px;padding:22px 12px}.notices{bottom:12px;right:12px}.modal-head,.modal-body{padding:15px}.settings-footer .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
.setup-box{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.setup-box .text-button{font-size:12px;flex:none}.field.block{margin-top:16px}.modal-body p.description+.field{margin-top:16px}
.search-wrap input[type=search]{padding-left:34px;background-color:#f7f9fb}.sidebar .brand-caption{font-size:9px;letter-spacing:1.3px;white-space:nowrap}.sidebar .brand-mark{flex:none}.import-note{margin-bottom:16px}#import-preview .result-box{max-height:250px;overflow:auto}.case-summary{background:#f5f9f7;border-bottom:1px solid var(--line);padding:11px 18px}.case-summary summary{cursor:pointer;font-weight:620;color:#285d50;font-size:13px}.case-summary dl{margin:11px 0 0;display:grid;gap:7px}.case-summary dl>div{display:grid;grid-template-columns:minmax(88px,20%) minmax(0,1fr);gap:12px;font-size:12px;line-height:1.5}.case-summary dt{color:var(--muted)}.case-summary dd{margin:0;overflow-wrap:anywhere}
.panel-list{display:grid;gap:4px}.panel-item{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line)}.panel-copy{flex:1;min-width:0}.panel-copy h3{font-size:16px}.panel-copy>p{color:var(--muted);font-size:12px;line-height:1.5;margin:4px 0 8px;overflow-wrap:anywhere}.panel-copy .chips{flex-wrap:wrap}.panel-item>.actions{justify-content:flex-end}.remote-wrap{background:#162337;padding:5px;display:grid;place-items:center;border:1px solid #2d4053;border-radius:10px;overflow:hidden;min-height:155px}.remote-wrap canvas{display:block;width:100%;height:auto;cursor:crosshair;touch-action:manipulation}.remote-wrap canvas:focus-visible{outline:3px solid var(--mint);outline-offset:-3px}#remote-overlay{color:#d8e5ed;padding:32px 20px;text-align:center}.remote-help{margin:13px 0 18px}.remote-card .error-box{margin-top:12px}.remote-entry{display:flex;gap:8px;align-items:center}.remote-entry input{max-width:420px}.remote-entry .btn{white-space:nowrap}.remote-keys{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:14px}.remote-keys .micro{margin-right:5px}.remote-keys .btn{font-size:11px}.remote-card .card-head{align-items:center}.load-older{align-self:center}
@media(max-width:700px){.panel-item{flex-wrap:wrap}.panel-item>.actions{justify-content:flex-start;flex-basis:100%}.remote-card .card-head{align-items:flex-start;flex-wrap:wrap}.remote-entry{align-items:stretch}.remote-wrap{padding:2px;min-height:110px}.remote-keys .micro{flex-basis:100%}.remote-card{padding:12px}}
.history-pager{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:#fbfcfd}
.import-confirm{display:flex;align-items:flex-start;gap:8px;margin:16px 0;line-height:1.5}.import-confirm input{flex:none;margin-top:4px;accent-color:var(--brand)}.history-pager .micro{margin-right:auto}
.operator-guide details{border-top:1px solid var(--line);padding:12px 0}
.operator-guide summary{font-size:15px;font-weight:650;cursor:pointer}
.operator-guide summary small{color:var(--muted);font-weight:500;margin-left:7px}
.guide-entry{margin:12px 0 0 16px;padding:7px 0 7px 16px;border-left:2px solid #b3dcd0}
.guide-entry h3,.guide-entry p{margin:0 0 5px}.guide-entry p{line-height:1.5}