.remote-log-hero{min-height:150px;padding:28px 32px;margin-bottom:18px;background:linear-gradient(120deg,#171d2c,#28234d);border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.remote-log-hero:after{content:"";position:absolute;width:210px;height:210px;border:1px solid #8b82ff40;border-radius:50%;right:90px;top:-112px}.remote-log-hero h2{font-size:27px;margin:9px 0 4px}.remote-log-hero p{color:#aab2c6;max-width:730px}.remote-log-connection{min-width:160px;padding:14px 16px;background:#ffffff0c;border:1px solid #ffffff18;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;position:relative;z-index:1}.remote-log-connection .status-dot{color:#c8cede}.remote-log-connection .status-dot.good{color:#6ee3b5}.remote-log-connection .status-dot.bad{color:#ff8a8a}.remote-log-connection small{color:#8f99af;font:11px var(--mono)}
.remote-log-controls{padding:18px 20px;margin-bottom:16px}.remote-log-control-grid{display:grid;grid-template-columns:1fr 1.5fr repeat(3,minmax(110px,.72fr));gap:11px}.remote-log-control-grid label{margin:0}.remote-log-control-grid select,.remote-log-toolbar input,.remote-log-environment-fixed{width:100%;min-height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;color:var(--ink);outline:none}.remote-log-environment-fixed{display:flex;align-items:center;background:#f7f8fb;color:#59657a;font-weight:700}.remote-log-control-grid select:focus,.remote-log-toolbar input:focus{border-color:#a9a3f7;box-shadow:0 0 0 3px #6258e80e}.remote-log-control-grid option:disabled{color:#aeb5c1}.remote-log-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.remote-log-toolbar .switch{margin:0;flex-direction:row}.remote-log-toolbar-actions{display:flex;gap:8px}.remote-log-toolbar-actions .primary{padding:9px 15px}.remote-log-source-note{display:flex;align-items:center;gap:7px;margin-top:12px;color:#758096;font-size:12px}.remote-log-source-note:before{content:"i";width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#eeecff;color:var(--accent);font:bold 10px Georgia}.remote-log-source-note.sensitive{color:#a56524}.remote-log-source-note.sensitive:before{content:"!";background:#fff1df;color:#b26b1e}.remote-log-source-note.unavailable{color:var(--bad)}.remote-log-source-note.unavailable:before{content:"×";background:#ffeaea;color:var(--bad)}
.remote-log-window-status{display:flex;align-items:center;justify-content:space-between;color:#7d879a;font-size:12px;padding:0 4px 8px}.remote-log-window-status time{font:11px var(--mono)}.remote-log-head,.remote-log-row{display:grid;grid-template-columns:165px 170px 70px minmax(0,1fr);gap:12px;align-items:start}.remote-log-head{padding:9px 13px;color:#8b95a7;font-size:11px}.remote-log-console{height:calc(100vh - 415px);min-height:440px;background:#111622;border-radius:12px;overflow:auto;color:#cdd4e3;font:12px/1.55 var(--mono)}.remote-log-row{padding:8px 13px;border-bottom:1px solid #202637}.remote-log-row:hover{background:#181f2e}.remote-log-row time{color:#69758b;white-space:nowrap}.remote-log-row .remote-source{color:#8d84ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-log-row .remote-level{color:#5ed3a2;text-transform:uppercase;font-size:10px;padding-top:2px}.remote-log-row .remote-level.error{color:#ff7373}.remote-log-row .remote-level.warn{color:#ffc66d}.remote-log-message{min-width:0}.remote-log-message pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;color:inherit}.remote-log-fields{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.remote-log-fields span{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border-radius:4px;background:#252c3c;color:#8994aa;font-size:10px}.remote-log-detail-button{border:1px solid #514a96;background:#242146;color:#aaa3ff;border-radius:6px;padding:4px 8px;margin-top:8px;font:11px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.remote-log-detail-button:hover{background:#302b5f}.remote-log-empty{height:100%;min-height:220px;display:grid;place-items:center;color:#68738a;text-align:center;padding:30px}.remote-log-empty.error{color:#ff8585}
.remote-log-detail-dialog{width:min(1180px,94vw);height:min(780px,90vh);border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px #11182755}.remote-log-detail-dialog::backdrop{background:#11182788;backdrop-filter:blur(3px)}.remote-log-detail-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.remote-log-detail-head h2{font-size:22px;margin:8px 0 2px}.remote-log-detail-head .ghost{font-size:20px;line-height:1;padding:7px 10px}.remote-log-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);height:calc(100% - 112px)}.remote-log-detail-grid section{background:#fff;padding:18px;min-width:0;display:flex;flex-direction:column}.remote-log-detail-grid section>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.remote-log-detail-grid section>div .ghost{padding:5px 9px;font-size:11px}.remote-log-detail-grid pre{flex:1;min-height:0;margin:0;padding:16px;border-radius:10px;background:#121824;color:#d9dfeb;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.65 var(--mono)}
@media(max-width:1280px){.remote-log-control-grid{grid-template-columns:repeat(3,1fr)}.remote-log-console{height:calc(100vh - 490px)}}
@media(max-width:850px){.remote-log-hero{align-items:flex-start;flex-direction:column}.remote-log-control-grid{grid-template-columns:1fr 1fr}.remote-log-toolbar{grid-template-columns:1fr}.remote-log-toolbar-actions{justify-content:flex-end}.remote-log-head,.remote-log-row{grid-template-columns:125px 110px 55px minmax(0,1fr)}.remote-log-detail-grid{grid-template-columns:1fr;overflow:auto}.remote-log-detail-grid section{min-height:360px}.remote-log-detail-dialog{height:92vh}}