:root{
  --bg:#020812;
  --panel:#071525;
  --panel-2:#0a1b2e;
  --line:#123659;
  --line-strong:#24527a;
  --text:#eaf4ff;
  --muted:#899bb3;
  --muted-2:#5d7087;
  --blue:#08a7ff;
  --cyan:#05d5ff;
  --purple:#7c3cff;
  --purple-2:#a477ff;
  --green:#00e676;
  --amber:#f6a623;
  --red:#e74444;
  --fit-scale:1;
  --fit-width:100dvw;
  --fit-height:100dvh;
}

/* Light desktop console theme. Keeps layout and content intact. */
:root,
.cyberclaw-light{
  color-scheme:light;
  --bg:#f4f7fb;
  --panel:#ffffff;
  --panel-2:#f8fbff;
  --line:#dce6f2;
  --line-strong:#bad0ec;
  --text:#14213d;
  --muted:#64748b;
  --muted-2:#94a3b8;
  --blue:#1d70f5;
  --cyan:#0ea5e9;
  --purple:#5865f2;
  --purple-2:#6d5dfc;
  --green:#10b981;
  --amber:#f59e0b;
  --red:#ef4444;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --surface-tint:#eef6ff;
  --shadow-card:0 14px 34px rgba(31,59,106,.1);
  --shadow-soft:0 8px 22px rgba(31,59,106,.08);
  --icon-filter-blue:brightness(0) saturate(100%) invert(39%) sepia(92%) saturate(2087%) hue-rotate(206deg) brightness(93%) contrast(94%);
  --icon-filter-cyan:brightness(0) saturate(100%) invert(48%) sepia(88%) saturate(1544%) hue-rotate(166deg) brightness(94%) contrast(94%);
  --icon-filter-green:brightness(0) saturate(100%) invert(49%) sepia(94%) saturate(438%) hue-rotate(113deg) brightness(91%) contrast(92%);
  --icon-filter-amber:brightness(0) saturate(100%) invert(54%) sepia(82%) saturate(1115%) hue-rotate(5deg) brightness(102%) contrast(93%);
  --icon-filter-red:brightness(0) saturate(100%) invert(43%) sepia(70%) saturate(3138%) hue-rotate(337deg) brightness(98%) contrast(91%);
  --icon-filter-purple:brightness(0) saturate(100%) invert(39%) sepia(77%) saturate(1915%) hue-rotate(225deg) brightness(101%) contrast(94%);
  --icon-filter-steel:brightness(0) saturate(100%) invert(47%) sepia(14%) saturate(786%) hue-rotate(176deg) brightness(92%) contrast(88%);
  --sl-color-primary-50:#eef6ff;
  --sl-color-primary-100:#dbeafe;
  --sl-color-primary-200:#bfdbfe;
  --sl-color-primary-300:#93c5fd;
  --sl-color-primary-400:#60a5fa;
  --sl-color-primary-500:#3b82f6;
  --sl-color-primary-600:#2563eb;
  --sl-color-primary-700:#1d4ed8;
  --sl-color-primary-800:#1e40af;
  --sl-color-primary-900:#1e3a8a;
  --sl-color-neutral-0:#ffffff;
  --sl-color-neutral-50:#f8fafc;
  --sl-color-neutral-100:#f1f5f9;
  --sl-color-neutral-200:#e2e8f0;
  --sl-color-neutral-300:#cbd5e1;
  --sl-color-neutral-400:#94a3b8;
  --sl-color-neutral-500:#64748b;
  --sl-color-neutral-600:#475569;
  --sl-color-neutral-700:#334155;
  --sl-color-neutral-800:#1e293b;
  --sl-color-neutral-900:#0f172a;
  --sl-color-neutral-950:#020617;
  --sl-focus-ring-color:rgba(37,99,235,.22);
}

.cyberclaw-light,
.cyberclaw-light body,
.cyberclaw-light .wrap{
  background:#f4f7fb;
  color:var(--text);
}

.cyberclaw-light .app{
  background:
    linear-gradient(rgba(29,112,245,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,112,245,.035) 1px,transparent 1px),
    linear-gradient(180deg,#fbfdff 0%,#f2f6fb 100%);
  background-size:26px 26px,26px 26px,auto;
  color:var(--text);
}

.cyberclaw-light .top{
  border-bottom:1px solid rgba(213,225,240,.95);
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 30px rgba(31,59,106,.07);
  backdrop-filter:blur(18px);
}

.cyberclaw-light .brand-logo{
  filter:drop-shadow(0 8px 14px rgba(29,112,245,.14));
}

.cyberclaw-light .brand{
  color:#17233c;
  background:none;
  -webkit-text-fill-color:currentColor;
  text-shadow:none;
}

.cyberclaw-light .brand:after{
  background:linear-gradient(90deg,rgba(29,112,245,.55),rgba(14,165,233,.28),transparent);
}

.cyberclaw-light .main.cockpit{
  background:linear-gradient(180deg,rgba(247,250,255,.88),rgba(239,245,252,.96));
}

.cyberclaw-light .panel{
  border:1px solid var(--line);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.98));
  box-shadow:var(--shadow-card),inset 0 1px 0 rgba(255,255,255,.85);
}

.cyberclaw-light .title{
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(252,254,255,.98),rgba(246,250,255,.96));
  color:#17233c;
}

.cyberclaw-light .title-icon{
  background:linear-gradient(135deg,rgba(var(--title-accent-rgb),.16),rgba(255,255,255,.94));
  border-color:rgba(var(--title-accent-rgb),.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 6px 14px rgba(var(--title-accent-rgb),.1);
}

.cyberclaw-light .title-icon img{
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .title-icon-answer img{
  filter:var(--icon-filter-purple);
}

.cyberclaw-light .title-icon-info img{
  filter:var(--icon-filter-green);
}

.cyberclaw-light .title-icon-physical img{
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .title-icon-video img{
  filter:var(--icon-filter-cyan);
}

.cyberclaw-light .field,
.cyberclaw-light .field label,
.cyberclaw-light .muted{
  color:var(--muted);
}

.cyberclaw-light select,
.cyberclaw-light .connect input{
  border:1px solid #cfdceb;
  background:#ffffff;
  color:var(--text);
}

.cyberclaw-light select:focus,
.cyberclaw-light input:focus,
.cyberclaw-light textarea:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(29,112,245,.13);
}

.cyberclaw-light .select-control,
.cyberclaw-light .connect sl-input{
  --sl-input-background-color:#ffffff;
  --sl-input-background-color-hover:#f8fbff;
  --sl-input-background-color-focus:#ffffff;
  --sl-input-border-color:#cfdceb;
  --sl-input-border-color-hover:#a9c5e8;
  --sl-input-border-color-focus:var(--blue);
  --sl-input-color:var(--text);
  --sl-input-placeholder-color:#8da0b6;
  --sl-input-focus-ring-color:rgba(29,112,245,.13);
}

.cyberclaw-light sl-option::part(base){
  background:#ffffff;
  color:#1f2a44;
}

.cyberclaw-light sl-option::part(base):hover,
.cyberclaw-light sl-option[aria-selected="true"]::part(base),
.cyberclaw-light sl-option[current]::part(base){
  background:#eef6ff;
  color:#102040;
}

.cyberclaw-light sl-option::part(checked-icon){
  color:var(--blue);
}

.cyberclaw-light .btn,
.cyberclaw-light sl-button.btn::part(base){
  border-color:rgba(29,112,245,.78);
  color:#ffffff;
  background:linear-gradient(180deg,#3b82f6,#1d4ed8);
  box-shadow:0 8px 18px rgba(29,112,245,.22);
}

.cyberclaw-light .btn:hover,
.cyberclaw-light sl-button.btn::part(base):hover{
  background:linear-gradient(180deg,#4f8df8,#1d70f5);
  box-shadow:0 10px 24px rgba(29,112,245,.28);
}

.cyberclaw-light .btn:disabled,
.cyberclaw-light sl-button.btn[disabled]::part(base){
  border-color:#d5e0ee;
  color:#8292a8;
  background:linear-gradient(180deg,#f3f6fa,#e9eef5);
  box-shadow:none;
  opacity:1;
}

.cyberclaw-light .btn.red,
.cyberclaw-light sl-button.btn.red::part(base){
  border-color:rgba(239,68,68,.5);
  background:linear-gradient(180deg,#fb7185,#ef4444);
  box-shadow:0 8px 18px rgba(239,68,68,.16);
}

.cyberclaw-light .pill,
.cyberclaw-light .mode-pill{
  border-color:#d8e3f0;
  background:#ffffff;
  color:#334155;
  box-shadow:var(--shadow-soft);
}

.cyberclaw-light .mode-pill b{
  border-left-color:#d8e3f0;
  color:#102040;
}

.cyberclaw-light .question-box{
  border-color:#d8e5f4;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.cyberclaw-light sl-textarea.question-input{
  --sl-input-color:var(--text);
  --sl-input-placeholder-color:#93a4b8;
}

.cyberclaw-light .question-input,
.cyberclaw-light sl-textarea.question-input::part(textarea){
  color:var(--text);
}

.cyberclaw-light .question-input::placeholder{
  color:#93a4b8;
}

.cyberclaw-light .question-box.locked{
  border-color:#dfe7f1;
  background:#f8fafc;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.86);
}

.cyberclaw-light .question-box.submitted{
  border-color:rgba(16,185,129,.42);
  box-shadow:0 0 0 3px rgba(16,185,129,.08),inset 0 1px 0 rgba(255,255,255,.9);
}

.cyberclaw-light .answer-card,
.cyberclaw-light .answer-card-idle,
.cyberclaw-light .answer-card-generating,
.cyberclaw-light .answer-card.answer-card-final{
  border-color:#cfe0f4;
  background:linear-gradient(135deg,#ffffff 0%,#eef6ff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 24px rgba(29,112,245,.1);
}

.cyberclaw-light .answer-card:before{
  background:
    linear-gradient(120deg,rgba(29,112,245,.08),transparent 42%,rgba(14,165,233,.08)),
    repeating-linear-gradient(180deg,rgba(29,112,245,.035) 0 1px,transparent 1px 10px);
}

.cyberclaw-light .answer-card:after{
  background:linear-gradient(90deg,transparent,rgba(29,112,245,.36),rgba(14,165,233,.22),transparent);
}

.cyberclaw-light .answer-main,
.cyberclaw-light .answer-final-title,
.cyberclaw-light .answer-final-meta b,
.cyberclaw-light .answer-simple-meta b{
  color:#14213d;
  text-shadow:none;
}

.cyberclaw-light .answer-sub,
.cyberclaw-light .answer-basis,
.cyberclaw-light .answer-final-state,
.cyberclaw-light .answer-final-meta span,
.cyberclaw-light .answer-progress div{
  color:#64748b;
}

.cyberclaw-light .answer-eyebrow,
.cyberclaw-light .answer-progress b{
  color:var(--blue);
  text-shadow:none;
}

.cyberclaw-light .answer-final-summary{
  border-left-color:rgba(29,112,245,.58);
  background:linear-gradient(90deg,rgba(29,112,245,.08),rgba(255,255,255,.72));
  color:#334155;
}

.cyberclaw-light .answer-final-meta{
  border-color:#dbe7f5;
  background:#ffffff;
}

.cyberclaw-light .answer-final-meta div+div{
  border-left-color:#dbe7f5;
}

.cyberclaw-light .answer-final-badge,
.cyberclaw-light .answer-final-evidence b,
.cyberclaw-light .occupy{
  border-color:rgba(16,185,129,.26);
  background:rgba(16,185,129,.1);
  color:#059669;
}

.cyberclaw-light .answer-final-evidence span,
.cyberclaw-light .answer-tags span{
  border-color:#d5e5f8;
  background:#f5f9ff;
  color:#2563eb;
}

.cyberclaw-light .answer-progress i,
.cyberclaw-light .answer-step-dot,
.cyberclaw-light .battery-bar,
.cyberclaw-light .battery-progress::part(base),
.cyberclaw-light .entity-battery-bar{
  background:#dbe7f5;
}

.cyberclaw-light .answer-step{
  border-color:#d9e5f3;
  background:#ffffff;
  color:#718096;
}

.cyberclaw-light .answer-step.active{
  border-color:rgba(29,112,245,.42);
  background:#eef6ff;
  color:#1d4ed8;
  box-shadow:none;
}

.cyberclaw-light .answer-step.done{
  border-color:rgba(16,185,129,.28);
  color:#059669;
}

.cyberclaw-light .answer-core-shell,
.cyberclaw-light .answer-loader-visual,
.cyberclaw-light .answer-bot-shell,
.cyberclaw-light .answer-visual{
  background:linear-gradient(180deg,#ffffff,#eef6ff);
  border-color:#cfe0f4;
  box-shadow:0 10px 22px rgba(29,112,245,.1),inset 0 1px 0 rgba(255,255,255,.9);
}

.cyberclaw-light .space-section,
.cyberclaw-light .scene-section,
.cyberclaw-light .entity-section{
  border-color:#dbe6f3;
  background:#ffffff;
}

.cyberclaw-light .space-head{
  border-bottom-color:#dbe6f3;
  background:linear-gradient(180deg,#f8fbff,#ffffff);
  color:#1f2a44;
}

.cyberclaw-light .observe-list,
.cyberclaw-light .rag-list{
  background:#ffffff;
}

.cyberclaw-light .obs-row,
.cyberclaw-light .rag-row{
  border-bottom-color:#e5edf6;
}

.cyberclaw-light .obs-row:hover,
.cyberclaw-light .rag-row:hover{
  background:#f3f8ff;
}

.cyberclaw-light .obs-row span,
.cyberclaw-light .empty-note,
.cyberclaw-light .rag-wait{
  color:#73849a;
}

.cyberclaw-light .obs-row b,
.cyberclaw-light .rag-name,
.cyberclaw-light .rag-row:hover .rag-text,
.cyberclaw-light .obs-row:hover b{
  color:#1f2a44;
}

.cyberclaw-light .rag-row.retrieving{
  background:linear-gradient(90deg,rgba(29,112,245,.08),#ffffff);
  box-shadow:inset 0 0 0 1px rgba(29,112,245,.18);
}

.cyberclaw-light .rag-icon,
.cyberclaw-light .skill-cell-icon,
.cyberclaw-light .entity-type-icon{
  background:#f1f7ff;
  box-shadow:inset 0 0 0 1px #d8e7f7;
}

.cyberclaw-light .rag-icon{
  border:1px solid #d8e7f7;
  box-shadow:none;
}

.cyberclaw-light .rag-icon-blue,
.cyberclaw-light .rag-icon-cyan{
  background:#eef6ff;
  border-color:#c8dcf7;
}

.cyberclaw-light .rag-icon-green{
  background:#ecfdf5;
  border-color:#bbf7d0;
}

.cyberclaw-light .rag-icon-amber{
  background:#fff7ed;
  border-color:#fed7aa;
}

.cyberclaw-light .rag-icon-red{
  background:#fff1f2;
  border-color:#fecdd3;
}

.cyberclaw-light .rag-icon-purple{
  background:#f1efff;
  border-color:#d7d0ff;
}

.cyberclaw-light .rag-icon-steel{
  background:#f8fafc;
  border-color:#d8e4f2;
}

.cyberclaw-light .video-box{
  background:#f7fbff;
}

.cyberclaw-light .connect{
  background:
    linear-gradient(rgba(29,112,245,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,112,245,.05) 1px,transparent 1px),
    linear-gradient(180deg,#f8fbff,#eef5fc);
  background-size:24px 24px,24px 24px,auto;
}

.cyberclaw-light .connect-row{
  border-color:#c9dbef;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(31,59,106,.12);
}

.cyberclaw-light .hint{
  color:#64748b;
}

.cyberclaw-light .icon-btn,
.cyberclaw-light sl-button.icon-btn::part(base),
.cyberclaw-light .camera-expand-btn{
  border-color:#ccd9e8;
  background:#ffffff;
  color:#334155;
  box-shadow:0 4px 12px rgba(31,59,106,.07);
}

.cyberclaw-light .icon-btn:hover,
.cyberclaw-light sl-button.icon-btn::part(base):hover,
.cyberclaw-light .camera-expand-btn:hover{
  border-color:#9fbbe1;
  background:#eef6ff;
  box-shadow:0 7px 16px rgba(29,112,245,.12);
}

.cyberclaw-light .log{
  background:#ffffff;
}

.cyberclaw-light .log-text{
  color:#5f7188;
}

.cyberclaw-light .center.log-expanded .log-panel{
  border-color:#a9c5e8;
  box-shadow:0 12px 28px rgba(29,112,245,.12);
}

.cyberclaw-light .log-row.log-task .log-role,
.cyberclaw-light .log-row.log-task .log-text{
  color:#2563eb;
}

.cyberclaw-light .log-row.log-judge .log-role,
.cyberclaw-light .log-row.log-judge .log-text{
  color:#b7791f;
}

.cyberclaw-light .log-row.log-vision .log-role,
.cyberclaw-light .log-row.log-vision .log-text,
.cyberclaw-light .log-row.log-final .log-role,
.cyberclaw-light .log-row.log-final .log-text{
  color:#059669;
}

.cyberclaw-light .log-row.log-knowledge .log-role,
.cyberclaw-light .log-row.log-knowledge .log-text,
.cyberclaw-light .log-row.log-nav .log-role,
.cyberclaw-light .log-row.log-nav .log-text{
  color:#0284c7;
}

.cyberclaw-light .skill-search,
.cyberclaw-light .skill-summary,
.cyberclaw-light .skill-table-wrap{
  border-color:#d8e4f2;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .skill-search:focus-within{
  border-color:#9fbbe1;
  box-shadow:0 0 0 3px rgba(29,112,245,.1);
}

.cyberclaw-light .skill-search input{
  color:#17233c;
}

.cyberclaw-light .skill-search input::placeholder{
  color:#8da0b6;
}

.cyberclaw-light .skill-filter{
  border-color:#d8e4f2;
  background:#ffffff;
  color:#64748b;
  box-shadow:0 4px 10px rgba(31,59,106,.04);
}

.cyberclaw-light .skill-filter:hover{
  border-color:#a9c5e8;
  background:#f3f8ff;
}

.cyberclaw-light .skill-filter.active{
  border-color:#9fc2f5;
  color:#1d4ed8;
  background:#eef6ff;
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);
}

.cyberclaw-light .skill-summary{
  color:#64748b;
}

.cyberclaw-light .skill-summary b{
  color:#17233c;
}

.cyberclaw-light .skill-summary i{
  background:#d8e4f2;
}

.cyberclaw-light .call-table-head{
  border-bottom-color:#d8e4f2;
  background:#f8fbff;
  color:#5f7188;
}

.cyberclaw-light .call-table-head span,
.cyberclaw-light .call-row>b,
.cyberclaw-light .call-row>span{
  border-right-color:#e3ebf5;
}

.cyberclaw-light .call-list,
.cyberclaw-light .call-row{
  background:#ffffff;
}

.cyberclaw-light .call-row{
  border-bottom-color:#e6eef7;
}

.cyberclaw-light .call-row:nth-child(even){
  background:#f8fbff;
}

.cyberclaw-light .call-row:hover{
  background:#eef6ff;
}

.cyberclaw-light .call-row b{
  color:#1f2a44;
}

.cyberclaw-light .call-type,
.cyberclaw-light .skill-robot-cell,
.cyberclaw-light .skill-business,
.cyberclaw-light .call-duration{
  color:#64748b;
}

.cyberclaw-light .call-frequency{
  color:#059669;
}

.cyberclaw-light .skill-cell-icon.digital{
  border-color:rgba(29,112,245,.38);
  background:#eef6ff;
  box-shadow:none;
}

.cyberclaw-light .skill-cell-icon.digital img{
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .skill-cell-icon.physical{
  border-color:rgba(16,185,129,.34);
  background:#ecfdf5;
  box-shadow:none;
}

.cyberclaw-light .skill-cell-icon.combo{
  border-color:rgba(109,93,252,.34);
  background:#f1efff;
  box-shadow:none;
}

.cyberclaw-light .skill-robot-cell .skill-cell-icon{
  border-color:#d8e4f2;
  background:#f7fbff;
}

.cyberclaw-light .scene-graph{
  border-color:#d8e4f2;
  background:linear-gradient(180deg,#ffffff,#f2f7fd);
}

.cyberclaw-light .scene-graph:before{
  background-image:
    linear-gradient(rgba(29,112,245,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(29,112,245,.08) 1px,transparent 1px);
  box-shadow:none;
}

.cyberclaw-light .scene-graph:after{
  background:linear-gradient(180deg,rgba(29,112,245,.05),transparent);
  mix-blend-mode:normal;
}

.cyberclaw-light .scene-network canvas{
  filter:drop-shadow(0 8px 16px rgba(29,112,245,.1));
}

.cyberclaw-light .entity-table{
  background:transparent;
}

.cyberclaw-light .entity-card-grid{
  padding:7px;
}

.cyberclaw-light .entity-card{
  border-color:#d9e6f5;
  background:linear-gradient(145deg,#ffffff,#f4f8ff);
  box-shadow:0 10px 24px rgba(31,59,106,.09),inset 0 1px 0 rgba(255,255,255,.92);
}

.cyberclaw-light .entity-card:hover{
  border-color:#b8d0ee;
  box-shadow:0 12px 28px rgba(31,59,106,.13),inset 0 1px 0 rgba(255,255,255,.92);
}

.cyberclaw-light .entity-card-name b,
.cyberclaw-light .entity-card-meter b,
.cyberclaw-light .entity-card-location b{
  color:#1f2a44;
}

.cyberclaw-light .entity-card-menu,
.cyberclaw-light .entity-card-label{
  color:#7b8da3;
}

.cyberclaw-light .entity-card-meter i{
  background:#dce7f4;
}

.cyberclaw-light .entity-state-glyph img{
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .entity-card-run .entity-state-glyph img,
.cyberclaw-light .entity-card-idle .entity-state-glyph img{
  filter:var(--icon-filter-green);
}

.cyberclaw-light .entity-card-busy .entity-state-glyph img{
  filter:var(--icon-filter-amber);
}

.cyberclaw-light .entity-type-icon svg{
  filter:none;
}

.cyberclaw-light .entity-add-card{
  border-color:#d7e2f0;
  background:linear-gradient(145deg,#fbfdff,#f2f7fd);
  color:#7b8da3;
}

.cyberclaw-light .entity-add-card span{
  color:#64748b;
}

.cyberclaw-light .entity-add-card:hover{
  border-color:#a9c5e8;
  background:#eef6ff;
  color:#2563eb;
}

.cyberclaw-light .entity-table.tabulator,
.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table,
.cyberclaw-light .entity-table-native{
  background:#ffffff!important;
  color:#334155;
}

.cyberclaw-light .entity-table .tabulator-header,
.cyberclaw-light .entity-native-grid th{
  border-bottom-color:#d8e4f2;
  background:#f8fbff;
  color:#5f7188;
}

.cyberclaw-light .entity-table.tabulator .tabulator-tableholder,
.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row,
.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-row-even{
  background:#ffffff!important;
  background-color:#ffffff!important;
  color:#334155;
}

.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row,
.cyberclaw-light .entity-native-grid th,
.cyberclaw-light .entity-native-grid td{
  border-bottom-color:#e6eef7;
}

.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-row-even,
.cyberclaw-light .entity-native-grid tbody tr:nth-child(even){
  background:#f8fbff!important;
  background-color:#f8fbff!important;
}

.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row:hover,
.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selectable:hover,
.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected,
.cyberclaw-light .entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected:hover,
.cyberclaw-light .entity-native-grid tbody tr:hover{
  background:#eef6ff!important;
  background-color:#eef6ff!important;
}

.cyberclaw-light .entity-name,
.cyberclaw-light .entity-icon-cell,
.cyberclaw-light .entity-battery b,
.cyberclaw-light .battery span,
.cyberclaw-light .signal,
.cyberclaw-light .foot b{
  color:#1f2a44;
}

.cyberclaw-light .entity-type-humanoid,
.cyberclaw-light .entity-type-mobile,
.cyberclaw-light .entity-type-ugv,
.cyberclaw-light .entity-type-agv{
  --entity-type-bg:#eef6ff;
  --entity-type-line:#c8dcf7;
  --entity-icon-color:#1d70f5;
}

.cyberclaw-light .entity-type-robot,
.cyberclaw-light .entity-type-dog,
.cyberclaw-light .entity-type-quadruped{
  --entity-type-bg:#ecfdf5;
  --entity-type-line:#bbf7d0;
  --entity-icon-color:#10b981;
}

.cyberclaw-light .entity-type-drone{
  --entity-type-bg:#f1efff;
  --entity-type-line:#d7d0ff;
  --entity-icon-color:#6d5dfc;
}

.cyberclaw-light .entity-location-cell .entity-inline-icon{
  border-color:#c8dcf7;
  background:#eef6ff;
  box-shadow:none;
}

.cyberclaw-light .entity-battery-good b{
  color:#059669;
}

.cyberclaw-light .entity-battery-warn b{
  color:#b7791f;
}

.cyberclaw-light .entity-battery-low b{
  color:#dc2626;
}

.cyberclaw-light .foot{
  border-top-color:#d8e4f2;
  background:rgba(255,255,255,.9);
  color:#64748b;
  box-shadow:0 -10px 28px rgba(31,59,106,.06);
  backdrop-filter:blur(18px);
}

.cyberclaw-light .rag-icon img,
.cyberclaw-light .skill-search img,
.cyberclaw-light .skill-filter img,
.cyberclaw-light .skill-cell-icon img,
.cyberclaw-light .skill-robot-cell .skill-cell-icon img,
.cyberclaw-light .entity-inline-icon img,
.cyberclaw-light .camera-expand-btn img,
.cyberclaw-light sl-button.icon-btn img,
.cyberclaw-light .answer-icon img,
.cyberclaw-light .answer-bot-shell img{
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .rag-icon-cyan img{
  filter:var(--icon-filter-cyan);
}

.cyberclaw-light .rag-icon-green img,
.cyberclaw-light .skill-cell-icon.physical img,
.cyberclaw-light .entity-battery-good .entity-icon-battery img{
  filter:var(--icon-filter-green);
}

.cyberclaw-light .rag-icon-amber img,
.cyberclaw-light .entity-battery-warn .entity-icon-battery img{
  filter:var(--icon-filter-amber);
}

.cyberclaw-light .rag-icon-red img,
.cyberclaw-light .entity-battery-low .entity-icon-battery img{
  filter:var(--icon-filter-red);
}

.cyberclaw-light .rag-icon-purple img,
.cyberclaw-light .skill-cell-icon.combo img{
  filter:var(--icon-filter-purple);
}

.cyberclaw-light .rag-icon-steel img{
  filter:var(--icon-filter-steel);
}

.cyberclaw-light .skill-filter[data-skill-filter="物理"] img{
  filter:var(--icon-filter-green);
}

.cyberclaw-light .skill-filter[data-skill-filter="组合"] img{
  filter:var(--icon-filter-purple);
}

.cyberclaw-light .camera-feed-label{
  border-color:rgba(203,213,225,.68);
  background:rgba(255,255,255,.84);
  color:#1f2a44;
  box-shadow:0 8px 20px rgba(15,23,42,.12);
}

.cyberclaw-light .camera-feed-label span{
  color:#64748b;
}

.cyberclaw-light *{
  scrollbar-color:#9fc2f5 #edf4fb;
  accent-color:var(--blue);
}

.cyberclaw-light *::-webkit-scrollbar-track{
  background:#edf4fb;
}

.cyberclaw-light *::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#b9d5fb,#7fb0f5);
  border-color:#edf4fb;
  box-shadow:none;
}

.cyberclaw-light *::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#9fc2f5,#5d99ee);
}

.cyberclaw-light *::-webkit-scrollbar-corner{
  background:#edf4fb;
}

*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;color:var(--text);font-family:"PingFang SC","Microsoft YaHei","Segoe UI",Arial,sans-serif}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}

.wrap{width:100dvw;height:100dvh;background:#000;overflow:hidden;position:relative}
.app{width:var(--fit-width);height:var(--fit-height);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(0,110,190,.13),transparent 48%),linear-gradient(180deg,#03101f 0%,#020812 100%);font-size:13px;line-height:1.35;color:var(--text);transform:scale(var(--fit-scale));transform-origin:left top}

.top{height:52px;flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:0 14px;border-bottom:1px solid rgba(24,64,101,.8);background:rgba(2,9,18,.94)}
.brand-block{position:relative;display:flex;align-items:center;gap:9px;min-width:340px}
.brand-logo{width:31px;height:31px;flex:0 0 31px;display:block;object-fit:contain;filter:drop-shadow(0 0 9px rgba(5,213,255,.28)) drop-shadow(0 0 12px rgba(124,60,255,.16))}
.brand{position:relative;font-size:20px;font-weight:900;line-height:1.05;color:#9fdcff;white-space:nowrap;letter-spacing:0;background:linear-gradient(180deg,#e8f8ff 0%,#87dfff 38%,#6f95ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 14px rgba(5,213,255,.16),0 0 22px rgba(124,60,255,.12)}
.brand:after{content:"";position:absolute;left:0;right:24%;bottom:-6px;height:1px;background:linear-gradient(90deg,rgba(5,213,255,.58),rgba(124,60,255,.28),transparent)}
.field{display:flex;align-items:center;gap:8px;color:#7f91aa;font-weight:700;white-space:nowrap}
.field label{color:#7f91aa}
select{width:180px;height:30px;padding:0 10px;border:1px solid rgba(31,74,111,.88);border-radius:5px;background:#061629;color:#dce8f6;outline:none}
select:focus,input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 2px rgba(124,60,255,.18),0 0 16px rgba(124,60,255,.2)}
.select-control{width:180px;--sl-input-height-small:30px;--sl-input-background-color:#061629;--sl-input-background-color-hover:#071b31;--sl-input-background-color-focus:#071b31;--sl-input-border-color:rgba(31,74,111,.88);--sl-input-border-color-hover:rgba(88,166,255,.55);--sl-input-border-color-focus:var(--purple);--sl-input-color:#dce8f6;--sl-input-placeholder-color:#8ea1b8;--sl-input-border-radius:5px;--sl-input-focus-ring-color:rgba(124,60,255,.18)}
.select-control::part(combobox){box-shadow:none}
sl-option::part(base){background:#071525;color:#dce8f6}
sl-option::part(base):hover{background:#101f34;color:#fff}
sl-option[aria-selected="true"]::part(base),sl-option[current]::part(base){background:#111d31;color:#f3f8ff}
sl-option::part(checked-icon){color:#a477ff}
.spacer{flex:1}
.pill,.mode-pill{height:32px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(24,64,101,.9);border-radius:5px;background:linear-gradient(180deg,rgba(7,24,42,.98),rgba(3,15,28,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);white-space:nowrap}
.pill.dim{color:#8b98aa}
.mode-pill{padding:0 0 0 12px;gap:10px}
.mode-pill b{height:100%;display:inline-flex;align-items:center;padding:0 14px;border-left:1px solid rgba(24,64,101,.85);color:#fff}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto;background:var(--green);box-shadow:0 0 10px rgba(0,230,118,.75)}
.dot.gray{background:#606f80;box-shadow:none}
.dot.yellow{background:var(--amber);box-shadow:0 0 10px rgba(246,166,35,.62)}
.dot.red{background:var(--red);box-shadow:0 0 10px rgba(231,68,68,.62)}
.dot.green{background:var(--green);box-shadow:0 0 10px rgba(0,230,118,.55)}
.dot.blue{background:var(--cyan);box-shadow:0 0 10px rgba(5,213,255,.55)}
.dot.amber{background:var(--amber);box-shadow:0 0 10px rgba(246,166,35,.62)}
/* 统一语义色调：JS 只写 class，不再内联色值，保证全站同状态同色 */
.tone-success,.tone-ok{color:var(--green)}
.tone-info{color:var(--cyan)}
.tone-warn{color:var(--amber)}
.tone-error{color:var(--red)}
.tone-muted{color:var(--muted)}
/* 空态规范：全站统一“暂无 X，等待 Y”，与场景图/技能列表/信息空间共用 */
.empty-note,.center-empty{color:var(--muted-2);font-size:12px;line-height:1.6;padding:10px 12px;text-align:center}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;color:var(--muted-2)}
.empty-state .empty-title{font-size:13px;color:var(--muted)}
.empty-state .empty-desc{font-size:12px}
/* 场景图空态：关闭渲染时给出解释，避免大片无说明留白 */
.physical-stage[data-render="off"]::after{content:"暂无设备位置 · 等待端侧上报遥测后绘制";display:grid;place-items:center;height:100%;color:var(--muted-2);font-size:12px}
/* 智能体卡片“连接视频”入口：与视频源下拉联动 */
.entity-connect-btn{margin-left:auto;padding:3px 9px;border:1px solid rgba(53,91,132,.92);border-radius:5px;background:#07182c;color:var(--cyan);font-size:11px;line-height:1.4;cursor:pointer;white-space:nowrap}
.entity-connect-btn:hover{border-color:rgba(88,166,255,.75);color:var(--text)}
/* 智能响应空态：压缩为单行，有内容时由 JS 替换为完整卡片 */
.answer-card-empty{min-height:0!important;padding:8px 10px!important}
.answer-card-empty .answer-empty{font-size:12px;color:var(--muted-2);line-height:1.5}
/* 具身智能体卡片的一键连接入口 */
.entity-connect-btn{margin-top:8px;width:100%;height:28px;border:1px solid rgba(88,166,255,.45);border-radius:5px;background:rgba(8,32,56,.9);color:#cfe6ff;font-size:11px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.entity-connect-btn:hover{background:rgba(12,52,88,.95);border-color:rgba(120,200,255,.7)}
.entity-connect-btn:active{background:rgba(6,26,46,.95)}
/* 视频盒内下拉宽度由 .video-box 规则统一控制，此处不再覆写 */
.actions{display:flex;align-items:center;gap:9px}
.ai-model-status{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(39,143,177,.55);border-radius:5px;color:#9bdff0;background:rgba(4,37,53,.78);font-size:11px;font-weight:850;white-space:nowrap}
.ai-model-status i{width:7px;height:7px;border-radius:50%;background:#18d6a3;box-shadow:0 0 8px rgba(24,214,163,.72)}
.model-picker-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#7890aa;font-size:11px;font-weight:850}
.model-picker-row label{flex:0 0 auto}
.model-picker-row select{width:100%;height:28px;min-width:0;padding:0 8px;border-radius:5px;color:#dce8f6;background:#061629;border:1px solid rgba(31,74,111,.88);font-size:11px;font-weight:800}
.btn{height:30px;min-width:82px;padding:0 14px;border:1px solid rgba(124,60,255,.78);border-radius:5px;color:#fff;background:linear-gradient(180deg,#4b28d8,#2c168f);box-shadow:0 0 17px rgba(124,60,255,.34);font-weight:900;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}
sl-button.btn{height:30px;min-width:82px;padding:0;border:0;background:transparent;box-shadow:none;font-weight:900}
sl-button.btn::part(base){height:30px;min-height:30px;padding:0 14px;border:1px solid rgba(124,60,255,.78);border-radius:5px;color:#fff;background:linear-gradient(180deg,#4b28d8,#2c168f);box-shadow:0 0 17px rgba(124,60,255,.34);font-weight:900;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}
sl-button.btn::part(label){display:inline-flex;align-items:center;justify-content:center;font-weight:900;line-height:1}
.btn:hover{background:linear-gradient(180deg,#653fff,#3b20b7);box-shadow:0 0 22px rgba(124,60,255,.44)}
sl-button.btn::part(base):hover{background:linear-gradient(180deg,#653fff,#3b20b7);box-shadow:0 0 22px rgba(124,60,255,.44)}
.btn:disabled{opacity:.62;box-shadow:none}
.btn.red{border-color:rgba(231,68,68,.48);background:linear-gradient(180deg,#8b2028,#5d1118);box-shadow:0 0 14px rgba(231,68,68,.2)}
sl-button.btn.red::part(base){border-color:rgba(231,68,68,.48);background:linear-gradient(180deg,#8b2028,#5d1118);box-shadow:0 0 14px rgba(231,68,68,.2)}

.main{flex:1;min-height:0}
.main.cockpit{display:grid;grid-template-columns:minmax(330px,22.4%) minmax(0,1fr) minmax(360px,23.6%);grid-template-rows:minmax(0,1fr) 31%;grid-template-areas:"left center right" "left physical physical";gap:7px;padding:7px;background:linear-gradient(180deg,rgba(2,10,19,.55),rgba(1,6,12,.9))}
.left-rail{grid-area:left;min-width:0;min-height:0;display:grid;grid-template-rows:21% 29% minmax(0,1fr);gap:7px}
.left-rail.answer-final-mode{grid-template-rows:21% 29% minmax(0,1fr)}
.center{grid-area:center;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 118px;gap:7px;transition:grid-template-rows .2s ease}
.center.log-expanded{grid-template-rows:minmax(210px,.58fr) minmax(260px,.42fr)}
.right{grid-area:right;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);gap:7px}
.entity-panel{grid-area:physical;min-width:0;min-height:0}

.panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(18,72,115,.92);border-radius:6px;background:linear-gradient(180deg,rgba(6,24,43,.98),rgba(2,13,25,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 40px rgba(0,0,0,.22)}
.title{height:31px;flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid rgba(18,72,115,.82);background:linear-gradient(180deg,rgba(8,31,54,.82),rgba(4,18,33,.66));font-weight:900;color:#f1f8ff}
.title-icon{--title-accent:#8fb8d6;--title-accent-rgb:143,184,214;width:19px;height:19px;flex:0 0 19px;position:relative;display:grid;place-items:center;border:1px solid rgba(var(--title-accent-rgb),.48);border-radius:6px;background:linear-gradient(135deg,rgba(var(--title-accent-rgb),.18),rgba(4,18,33,.64));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 10px rgba(var(--title-accent-rgb),.12)}
.title-icon:after{content:"";position:absolute;left:3px;right:3px;bottom:2px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(var(--title-accent-rgb),.72),transparent)}
.title-icon img{width:13px;height:13px;display:block;opacity:.96;filter:brightness(0) saturate(100%) invert(94%) sepia(17%) saturate(504%) hue-rotate(174deg) brightness(106%) contrast(101%) drop-shadow(0 0 4px rgba(var(--title-accent-rgb),.32))}
.title-icon-question{--title-accent:#6bd8ff;--title-accent-rgb:107,216,255}
.title-icon-answer{--title-accent:#a78bfa;--title-accent-rgb:167,139,250}
.title-icon-info{--title-accent:#2dd4bf;--title-accent-rgb:45,212,191}
.title-icon-video{--title-accent:#38bdf8;--title-accent-rgb:56,189,248}
.title-icon-log{--title-accent:#7aa7ff;--title-accent-rgb:122,167,255}
.title-icon-call{--title-accent:#8fb8ff;--title-accent-rgb:143,184,255}
.title-icon-physical{--title-accent:#60a5fa;--title-accent-rgb:96,165,250}
.body{flex:1;min-height:0;overflow:hidden}
.muted{color:var(--muted)}
.center-empty{height:100%;display:grid;place-items:center}

.task-input-body{padding:8px;display:flex;flex-direction:column;gap:6px}
.question-box{flex:1;min-height:0;position:relative;border:1px solid rgba(18,72,115,.82);border-radius:5px;background:radial-gradient(circle at 100% 100%,rgba(124,60,255,.18),transparent 36%),rgba(4,19,34,.9);overflow:hidden}
.question-input{width:100%;height:100%;resize:none;padding:10px 62px 10px 10px;border:0;background:transparent;color:var(--text);outline:none;line-height:1.5}
sl-textarea.question-input{display:block;padding:0;--sl-input-background-color:transparent;--sl-input-background-color-hover:transparent;--sl-input-background-color-focus:transparent;--sl-input-border-color:transparent;--sl-input-border-color-hover:transparent;--sl-input-border-color-focus:transparent;--sl-input-color:var(--text);--sl-input-placeholder-color:#9aa7b7;--sl-input-focus-ring-color:transparent}
sl-textarea.question-input::part(base){height:100%;border:0;box-shadow:none;background:transparent}
sl-textarea.question-input::part(textarea){height:100%;min-height:100%;padding:10px 62px 10px 10px;line-height:1.5;color:var(--text)}
.question-input::placeholder{color:#9aa7b7}
.question-box.locked{border-color:rgba(91,112,135,.55);background:linear-gradient(135deg,rgba(6,22,39,.9),rgba(4,16,30,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.question-box.submitted{border-color:rgba(0,230,118,.38);box-shadow:inset 0 0 24px rgba(0,230,118,.08),0 0 14px rgba(0,230,118,.08)}
.question-box.locked .question-input{opacity:.72}
.send-btn{position:absolute;right:12px;bottom:7px;width:38px;height:38px;min-width:0;padding:0;display:grid;place-items:center;line-height:1;font-size:17px;border-radius:6px}
sl-button.send-btn{width:38px;height:38px;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
sl-button.send-btn::part(base){width:38px;height:38px;min-height:38px;padding:0;border-radius:6px}
sl-button.send-btn[disabled]::part(base){opacity:.58;box-shadow:none}

.answerbody{padding:8px}
.answer-card{position:relative;isolation:isolate;overflow:hidden;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(13,194,255,.42);border-radius:7px;background:linear-gradient(135deg,rgba(5,27,48,.96),rgba(2,13,26,.98));box-shadow:inset 0 0 36px rgba(0,213,255,.08),0 0 18px rgba(0,139,255,.1);contain:layout paint}
.answer-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(56,189,248,.08),transparent 35%,rgba(124,60,255,.1)),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px);opacity:.72}
.answer-card:after{content:"";position:absolute;left:10px;right:10px;bottom:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(5,213,255,.65),rgba(124,60,255,.38),transparent);opacity:.8}
.answer-card-idle{grid-template-columns:minmax(0,1fr);border-color:rgba(5,160,210,.34);background:radial-gradient(circle at 100% 48%,rgba(124,60,255,.2),transparent 38%),linear-gradient(135deg,rgba(5,26,46,.95),rgba(2,13,26,.98))}
.answer-card-generating{grid-template-columns:minmax(0,1fr) 118px;border-color:rgba(48,218,255,.72);background:radial-gradient(circle at 79% 50%,rgba(0,148,255,.22),transparent 32%),radial-gradient(circle at 100% 50%,rgba(124,60,255,.18),transparent 42%),linear-gradient(135deg,rgba(4,27,49,.98),rgba(2,12,25,.99));box-shadow:inset 0 0 38px rgba(5,213,255,.15),0 0 24px rgba(5,213,255,.16)}
.answer-card.answer-card-final{grid-template-columns:minmax(0,1fr);align-items:start;gap:5px;padding:9px 11px;border-color:rgba(19,210,168,.48);background:radial-gradient(circle at 100% 10%,rgba(48,218,255,.14),transparent 32%),linear-gradient(135deg,rgba(4,31,54,.96),rgba(2,15,29,.99));box-shadow:inset 0 0 28px rgba(5,213,255,.1),0 0 16px rgba(0,230,118,.07)}
.answer-copy{min-width:0;position:relative;z-index:2}
.answer-eyebrow{margin-bottom:5px;color:#4bdfff;font-size:26px;line-height:1;font-weight:900;letter-spacing:0;text-shadow:0 0 14px rgba(5,213,255,.48)}
.answer-main{font-size:19px;line-height:1.24;color:#f4f9ff;font-weight:900;text-shadow:0 0 12px rgba(107,190,255,.16)}
.answer-card-generating .answer-main{font-size:22px}
.answer-sub{margin-top:6px;color:#b7c9dd;line-height:1.38}
.answer-card-generating .answer-sub{color:#cbd7e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.answer-basis{color:#91a5b8;line-height:1.35;font-size:12px}
.answer-card-final .answer-copy{height:100%;display:flex;flex-direction:column}
.answer-final-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.answer-final-badge{height:19px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid rgba(0,230,118,.34);border-radius:4px;background:rgba(0,230,118,.1);color:#64f2bd;font-size:11px;font-weight:900;line-height:1}
.answer-final-state{display:inline-flex;align-items:center;gap:5px;color:#8db0c4;font-size:10px;font-weight:900;white-space:nowrap}
.answer-final-state i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(0,230,118,.72)}
.answer-final-title{color:#f2fbff;font-size:16px;font-weight:950;line-height:1.2;text-shadow:0 0 12px rgba(5,213,255,.2)}
.answer-final-summary{margin-top:5px;padding:5px 7px;border-left:2px solid rgba(48,218,255,.78);border-radius:5px;background:linear-gradient(90deg,rgba(48,218,255,.09),rgba(5,31,52,.32));color:#c5d7e9;font-size:12px;font-weight:800;line-height:1.28}
.answer-final-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:6px;overflow:hidden;border:1px solid rgba(48,218,255,.18);border-radius:5px;background:linear-gradient(90deg,rgba(5,31,52,.58),rgba(4,20,36,.5))}
.answer-final-meta div{min-width:0;height:25px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 8px}
.answer-final-meta div+div{border-left:1px solid rgba(48,218,255,.16)}
.answer-final-meta span{color:#8da6bb;font-size:10px;font-weight:900;line-height:1;white-space:nowrap}
.answer-final-meta b{color:#e7f7ff;font-size:13px;line-height:1;font-weight:950;font-variant-numeric:tabular-nums}
.answer-final-meta div:first-child b{color:#64f2bd}
.answer-final-evidence{min-height:0;display:flex;align-items:center;gap:4px;margin-top:6px;overflow:hidden}
.answer-final-evidence b{height:17px;display:inline-flex;align-items:center;padding:0 5px;border-radius:4px;background:rgba(0,230,118,.1);color:#71f0bd;font-size:10px;font-weight:950;white-space:nowrap}
.answer-final-evidence span{height:17px;display:inline-flex;align-items:center;padding:0 5px;border:1px solid rgba(48,218,255,.18);border-radius:4px;background:rgba(5,31,52,.48);color:#9fd9ef;font-size:9px;font-weight:900;white-space:nowrap}
.answer-border-beam{position:absolute;inset:-1px;z-index:0;border-radius:7px;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 65%,rgba(42,218,255,.95) 72%,rgba(164,119,255,.9) 78%,transparent 86%);padding:1px;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:answerBorderBeam 4.8s linear infinite}
.answer-border-beam-b{animation-delay:-2.4s;opacity:.55;background:conic-gradient(from 0deg,transparent 0 68%,rgba(164,119,255,.82) 74%,rgba(42,218,255,.88) 80%,transparent 88%)}
.answer-corner{position:absolute;width:23px;height:23px;border-color:#30daff;filter:drop-shadow(0 0 7px rgba(48,218,255,.78));opacity:.92}
.answer-corner-tl{left:0;top:0;border-left:2px solid;border-top:2px solid;border-radius:7px 0 0 0}
.answer-corner-tr{right:0;top:0;border-right:2px solid;border-top:2px solid;border-radius:0 7px 0 0}
.answer-corner-bl{left:0;bottom:0;border-left:2px solid;border-bottom:2px solid;border-radius:0 0 0 7px}
.answer-corner-br{right:0;bottom:0;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 7px 0}
.answer-scanline{position:absolute;left:-35%;top:0;width:34%;height:100%;background:linear-gradient(90deg,transparent,rgba(5,213,255,.12),transparent);transform:skewX(-18deg);animation:answerScan 2.8s linear infinite}
.answer-beam{position:absolute;z-index:1;left:48%;top:48%;width:31%;height:1px;background:linear-gradient(90deg,transparent,rgba(5,213,255,.84),transparent);box-shadow:0 0 12px rgba(5,213,255,.85);animation:answerBeam 1.35s ease-in-out infinite}
.answer-progress{margin-top:9px;display:grid;gap:4px}
.answer-progress div{display:flex;align-items:center;justify-content:space-between;color:#8fa8bd;font-size:11px;font-weight:900}
.answer-progress b{color:#6be7ff}
.answer-progress i{height:5px;overflow:hidden;border-radius:999px;background:rgba(16,37,58,.96);box-shadow:inset 0 0 0 1px rgba(111,184,207,.1)}
.answer-progress em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1667ff,#05d5ff,#a78bfa);box-shadow:0 0 10px rgba(5,213,255,.58);transition:width .45s ease}
.answer-step-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}
.answer-step{min-width:0;height:19px;display:flex;align-items:center;gap:5px;padding:0 6px;border:1px solid rgba(64,103,140,.32);border-radius:4px;background:rgba(5,24,42,.54);color:#8698ad;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden}
.answer-step i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#46566a}
.answer-step b{min-width:0;overflow:hidden;text-overflow:ellipsis}
.answer-step.done{color:#78f4bd;border-color:rgba(0,230,118,.22)}
.answer-step.done i{background:var(--green);box-shadow:0 0 7px rgba(0,230,118,.48)}
.answer-step.active{color:#e9f8ff;border-color:rgba(5,213,255,.44);background:linear-gradient(90deg,rgba(5,213,255,.16),rgba(124,60,255,.1));box-shadow:inset 0 0 16px rgba(5,213,255,.08)}
.answer-step.active i{background:var(--cyan);box-shadow:0 0 8px rgba(5,213,255,.62)}
.answer-step-dots{position:relative;margin-top:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:150px}
.answer-step-dots:before{content:"";position:absolute;left:7px;right:7px;top:50%;height:1px;background:linear-gradient(90deg,rgba(5,213,255,.45),rgba(124,60,255,.28));transform:translateY(-50%)}
.answer-step-dot{position:relative;z-index:1;width:13px;height:13px;border:1px solid rgba(111,184,207,.35);border-radius:50%;background:#07182b;box-shadow:inset 0 0 0 3px rgba(7,24,43,.95);transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}
.answer-step-dot.done{background:var(--green);border-color:rgba(0,230,118,.72);box-shadow:0 0 9px rgba(0,230,118,.48),inset 0 0 0 3px rgba(7,24,43,.82)}
.answer-step-dot.active{background:var(--cyan);border-color:rgba(112,233,255,.96);box-shadow:0 0 12px rgba(5,213,255,.72),inset 0 0 0 3px rgba(7,24,43,.72);transform:scale(1.12)}
.answer-tags{display:flex;gap:5px;margin-top:8px}
.answer-tags span{height:17px;display:inline-flex;align-items:center;padding:0 6px;border:1px solid rgba(91,168,255,.28);border-radius:4px;background:rgba(5,31,52,.62);color:#75dfff;font-size:9px;font-weight:900;letter-spacing:.04em}
.answer-core-shell{position:relative;z-index:2;width:104px;height:92px;justify-self:end;display:grid;place-items:center;border-radius:9px;background:radial-gradient(circle at 50% 48%,rgba(5,213,255,.18),rgba(7,29,52,.38) 52%,rgba(3,13,26,.78));box-shadow:inset 0 0 0 1px rgba(5,213,255,.22),inset 0 0 22px rgba(5,213,255,.12),0 0 22px rgba(5,213,255,.14)}
.answer-core-orbit{position:absolute;inset:13px;border:1px solid rgba(112,233,255,.42);border-radius:50%;box-shadow:0 0 22px rgba(5,213,255,.18),inset 0 0 16px rgba(124,60,255,.12);animation:answerOrbit 5.5s linear infinite}
.answer-core-orbit:before,.answer-core-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#70e9ff;box-shadow:0 0 10px #70e9ff}
.answer-core-orbit:before{left:50%;top:-3px}.answer-core-orbit:after{right:3px;bottom:8px;background:#a78bfa;box-shadow:0 0 10px #a78bfa}
.answer-network{position:absolute;inset:3px}
.answer-network canvas{outline:none;filter:drop-shadow(0 0 8px rgba(5,213,255,.26))}
.answer-loader-visual{position:relative;z-index:2;width:112px;height:112px;justify-self:end;display:grid;place-items:center}
.answer-loader-ring{position:absolute;border-radius:50%;inset:9px;border:1px solid rgba(80,218,255,.22);box-shadow:0 0 18px rgba(5,213,255,.12),inset 0 0 16px rgba(124,60,255,.12)}
.answer-loader-ring:before,.answer-loader-ring:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;border-top-color:rgba(48,218,255,.92);border-right-color:rgba(164,119,255,.72)}
.answer-loader-ring:before{animation:answerOrbit 4.8s linear infinite}
.answer-loader-ring:after{inset:8px;border-top-color:rgba(164,119,255,.78);border-right-color:transparent;animation:answerOrbit 3.2s linear infinite reverse}
.answer-loader-ring-inner{inset:24px;opacity:.8}
.answer-loader-ring-inner:before{animation-duration:3.4s}
.answer-loader-ring-inner:after{display:none}
.answer-loader-pulse{position:absolute;inset:21px;border-radius:50%;background:radial-gradient(circle,rgba(5,213,255,.2),transparent 62%);animation:answerPulse 2.6s ease-in-out infinite}
.answer-bot-shell{position:relative;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(116,190,255,.36);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(80,166,255,.26),rgba(10,33,58,.8) 58%,rgba(5,15,30,.96));box-shadow:inset 0 0 18px rgba(80,166,255,.16),0 0 22px rgba(5,213,255,.16)}
.answer-bot-shell img{width:38px;height:38px;display:block;filter:brightness(1.35) saturate(1.35) drop-shadow(0 0 8px rgba(5,213,255,.46))}
.answer-bot-shell svg{width:34px;height:34px;color:#d7f3ff;filter:drop-shadow(0 0 7px rgba(5,213,255,.48))}
.answer-visual{width:62px;height:62px;justify-self:center;display:grid;place-items:center;border:1px solid rgba(143,164,189,.18);border-radius:10px;background:rgba(8,31,54,.44);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 20px rgba(0,213,255,.08)}
.answer-visual-final{width:62px;height:62px;border-color:rgba(0,230,118,.2);background:rgba(0,230,118,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 18px rgba(0,230,118,.1)}
.answer-icon{width:38px;height:38px;display:grid;place-items:center;opacity:.9}
.answer-icon img{width:38px;height:38px;display:block}
.answer-simple-meta{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;gap:10px;margin-top:10px}
.answer-simple-meta span{display:block;color:#8fa1b8;font-size:12px;font-weight:900}
.answer-simple-meta b{display:block;color:#dce7f3}
.answer-simple-meta div:first-child b{color:var(--green);font-size:20px}
.answer-simple-meta i{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--cyan) 0 95%,#13263a 95%);box-shadow:0 0 10px rgba(0,213,255,.35)}

.spacebody{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px}
.space-section,.scene-section,.entity-section{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(18,72,115,.78);border-radius:5px;background:rgba(3,17,31,.66)}
.space-head{position:relative;height:27px;flex:0 0 auto;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid rgba(18,72,115,.72);background:linear-gradient(180deg,rgba(7,31,53,.8),rgba(4,19,35,.72));color:#e7f0fb;font-weight:900;white-space:nowrap}
.observe-list,.rag-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,rgba(2,15,28,.35),rgba(2,12,24,.2))}
.obs-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:start;min-height:38px;padding:6px 8px;border-bottom:1px solid rgba(18,64,101,.5);transition:background .16s ease}
.obs-row:hover{background:rgba(7,31,53,.42)}
.obs-row span{color:#8fa4bd;line-height:1.25}
.obs-row b{min-width:0;display:-webkit-box;color:#dce7f3;line-height:1.25;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.obs-row:hover b{color:#f3f8ff}
.rag-row{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:start;min-height:38px;padding:6px 8px;border-bottom:1px solid rgba(18,64,101,.5);transition:background .18s ease,box-shadow .18s ease}
.rag-row:hover{background:rgba(7,31,53,.42)}
.rag-row.retrieving{background:linear-gradient(90deg,rgba(0,167,255,.18),rgba(5,26,46,.76));box-shadow:inset 0 0 0 1px rgba(0,213,255,.22)}
.rag-name{min-width:0;display:flex;align-items:flex-start;gap:8px;color:#f0f7ff;font-weight:800;overflow:hidden}
.rag-name-window{flex:1 1 auto;min-width:0;overflow:hidden}
.rag-text{display:-webkit-box;min-width:0;overflow:hidden;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical;transform:none}
.rag-row:hover .rag-text{color:#f3f8ff}
.rag-icon{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:5px;background:rgba(143,164,189,.1);box-shadow:inset 0 0 0 1px rgba(143,164,189,.18)}
.rag-icon img{width:17px;height:17px;display:block;opacity:.9}
.rag-icon-cyan img{filter:drop-shadow(0 0 4px rgba(98,215,255,.2))}
.rag-icon-green img{filter:drop-shadow(0 0 4px rgba(101,217,154,.18))}
.rag-icon-blue img{filter:drop-shadow(0 0 4px rgba(105,169,255,.18))}
.rag-icon-amber img{filter:drop-shadow(0 0 4px rgba(242,194,91,.18))}
.rag-icon-steel img{filter:drop-shadow(0 0 4px rgba(149,168,189,.14))}
.rag-icon-red img{filter:drop-shadow(0 0 4px rgba(255,129,126,.16))}
.rag-icon-purple img{filter:drop-shadow(0 0 4px rgba(181,151,255,.17))}
.rag-wait{color:#a1adbc;font-weight:900;white-space:nowrap}
.empty-note{height:100%;display:grid;place-items:center;color:#8898aa;text-align:center}

.video-panel,.log-panel,.call-panel{height:100%}
.title-main{display:flex;align-items:center;gap:7px;min-width:0}
.video-actions,.log-actions{height:100%;margin-left:auto;display:flex;align-items:center;gap:7px;padding-right:1px}
.live{display:none;align-items:center;gap:5px;color:#ff4242;font-weight:900}
.live.on{display:inline-flex}
.icon-btn{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(44,83,118,.95);border-radius:5px;background:rgba(4,19,35,.92);color:#dbeafe;line-height:1}
sl-button.icon-btn{width:22px;height:22px;min-width:0;display:inline-grid;place-items:center;flex:0 0 22px;border:0;background:transparent;box-shadow:none;line-height:1;vertical-align:middle}
sl-button.icon-btn::part(base){position:relative;width:22px;height:22px;min-width:22px;min-height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(44,83,118,.95);border-radius:5px;background:rgba(4,19,35,.92);color:#dbeafe;line-height:1;box-shadow:none}
sl-button.icon-btn::part(label){position:absolute;inset:0;width:100%;height:100%;display:block;padding:0;margin:0;line-height:0}
sl-button.icon-btn img{position:absolute;left:50%;top:50%;width:13px;height:13px;display:block;transform:translate(-50%,-50%);filter:drop-shadow(0 0 3px rgba(219,234,254,.22))}
.icon-btn:hover{border-color:rgba(124,60,255,.72);background:rgba(124,60,255,.18);box-shadow:0 0 12px rgba(124,60,255,.2)}
sl-button.icon-btn::part(base):hover{border-color:rgba(124,60,255,.72);background:rgba(124,60,255,.18);box-shadow:0 0 12px rgba(124,60,255,.2)}
sl-button.icon-btn.active::part(base){border-color:rgba(0,230,118,.64);background:rgba(0,230,118,.1);box-shadow:0 0 12px rgba(0,230,118,.14)}
sl-button.icon-btn.active img{filter:drop-shadow(0 0 5px rgba(0,230,118,.3))}
.video-box{position:relative;background:#000;border-radius:0 0 5px 5px}
.connect{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#000}
.connect h2{margin:0;color:#f4f8ff;font-size:24px;font-weight:900;letter-spacing:0}
.connect-row{width:min(690px,88%);display:grid;grid-template-columns:minmax(0,1fr) 188px 74px;align-items:center;gap:8px;padding:7px;border:1px solid rgba(53,91,132,.88);border-radius:7px;background:rgba(5,18,33,.96);box-shadow:0 0 30px rgba(0,167,255,.12)}
.connect-scene{min-width:0;gap:6px}
.connect-scene label{font-size:12px}
.connect-select{width:132px;--sl-input-height-small:40px}
.connect input{width:100%;height:40px;padding:0 12px;border:1px solid rgba(53,91,132,.92);border-radius:5px;background:#07182c;color:var(--text);outline:none}
.connect sl-input{width:100%;min-width:0;--sl-input-height-small:40px;--sl-input-background-color:#07182c;--sl-input-background-color-hover:#081d35;--sl-input-background-color-focus:#081d35;--sl-input-border-color:rgba(53,91,132,.92);--sl-input-border-color-hover:rgba(88,166,255,.55);--sl-input-border-color-focus:var(--purple);--sl-input-color:var(--text);--sl-input-placeholder-color:#8ea1b8;--sl-input-border-radius:5px;--sl-input-focus-ring-color:rgba(124,60,255,.18)}
.connect sl-input::part(base){height:40px;min-height:40px}
.connect sl-input::part(input){height:40px;line-height:40px}
.connect .control-btn{width:74px;height:40px;min-width:74px}
.connect .control-btn::part(base){width:74px;height:40px;min-height:40px;padding:0}
.connect .control-btn::part(label){height:40px;display:flex;align-items:center;justify-content:center;line-height:1}
.hint{min-height:18px;color:#b9c4d4}
.hidden{display:none!important}
.sim-screen{position:absolute;inset:0;background:#000}
.sim-screen.running{box-shadow:inset 0 0 0 1px rgba(8,167,255,.15),inset 0 0 38px rgba(0,167,255,.08)}
.camera-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--camera-cols,1),minmax(0,1fr));grid-template-rows:repeat(var(--camera-rows,1),minmax(0,1fr));gap:1px;background:#06111f}
.camera-feed{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 52% 50%,rgba(13,63,98,.16),transparent 38%),linear-gradient(180deg,#02070d,#000);box-shadow:inset 0 0 0 1px rgba(31,83,123,.24)}
.camera-feed:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,213,255,.035),transparent 35%,rgba(124,60,255,.025)),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 12px);opacity:.58}
.camera-feed:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(92,135,168,.35),transparent)}
.camera-feed-label{position:absolute;left:12px;top:10px;z-index:1;display:flex;align-items:center;gap:9px;padding:4px 8px;border:1px solid rgba(44,83,118,.55);border-radius:5px;background:rgba(2,11,21,.58);color:#dce9f7;box-shadow:0 0 16px rgba(0,0,0,.22)}
.camera-feed-label b{font-weight:900}
.camera-feed-label span{color:#8fa2b8;font-size:11px;font-weight:800}
.camera-expand-btn{position:absolute;right:8px;top:8px;z-index:2;width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid rgba(74,127,170,.76);border-radius:6px;background:rgba(5,18,32,.78);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);line-height:0}
.camera-expand-btn:hover{border-color:rgba(124,60,255,.76);background:rgba(32,24,70,.8);box-shadow:0 0 12px rgba(124,60,255,.2)}
.camera-expand-btn img{position:absolute;left:50%;top:50%;width:13px;height:13px;display:block;transform:translate(-50%,-50%)}
.real-stream-grid{background:#000}
.real-camera-feed{background:#000}
.real-camera-feed:before,.real-camera-feed:after{display:none}
.isaac-camera-stream{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;object-fit:contain;background:#000}
.camera-grid[data-count="4"] .camera-feed-label,
.camera-grid[data-count="5"] .camera-feed-label,
.camera-grid[data-count="6"] .camera-feed-label,
.camera-grid[data-count="7"] .camera-feed-label,
.camera-grid[data-count="8"] .camera-feed-label,
.camera-grid[data-count="9"] .camera-feed-label{left:8px;top:7px;max-width:calc(100% - 42px);gap:5px;padding:3px 6px;font-size:11px}
.camera-grid[data-count="4"] .camera-feed-label span,
.camera-grid[data-count="5"] .camera-feed-label span,
.camera-grid[data-count="6"] .camera-feed-label span,
.camera-grid[data-count="7"] .camera-feed-label span,
.camera-grid[data-count="8"] .camera-feed-label span,
.camera-grid[data-count="9"] .camera-feed-label span{display:none}
.camera-grid[data-count="7"] .camera-feed-label b,
.camera-grid[data-count="8"] .camera-feed-label b,
.camera-grid[data-count="9"] .camera-feed-label b{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.camera-grid[data-count="7"] .camera-expand-btn,
.camera-grid[data-count="8"] .camera-expand-btn,
.camera-grid[data-count="9"] .camera-expand-btn{right:6px;top:6px;width:21px;height:21px;border-radius:5px}
.camera-grid[data-count="7"] .camera-expand-btn img,
.camera-grid[data-count="8"] .camera-expand-btn img,
.camera-grid[data-count="9"] .camera-expand-btn img{width:11px;height:11px}
.camera-feed:fullscreen{width:100vw;height:100vh;background:#000}
.camera-feed:fullscreen .camera-feed-label{left:18px;top:16px;max-width:none;gap:9px;padding:6px 10px;font-size:14px}
.camera-feed:fullscreen .camera-feed-label span{display:inline;color:#9fb1c6;font-size:12px}
.camera-feed:fullscreen .camera-expand-btn{right:18px;top:16px;width:34px;height:34px}
.camera-feed:fullscreen .camera-expand-btn img{width:18px;height:18px}

.log{height:100%;overflow:auto;padding:7px 11px;background:linear-gradient(180deg,rgba(6,22,39,.86),rgba(3,13,25,.92));font-family:Consolas,"SFMono-Regular","Microsoft YaHei",monospace;line-height:1.36}
.log-row{display:grid;grid-template-columns:9px 58px 116px minmax(0,1fr);gap:6px;align-items:start;padding:0}
.log-role{color:#00e676;white-space:nowrap;font-weight:900}
.log-text{min-width:0;color:#9fb1c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.center.log-expanded .log-panel{border-color:rgba(122,167,255,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 22px rgba(44,116,255,.14)}
.center.log-expanded .log{padding:10px 13px;font-size:13px;line-height:1.48}
.center.log-expanded .log-row{grid-template-columns:11px 68px 132px minmax(0,1fr);gap:8px;padding:2px 0}
.center.log-expanded .log-text{white-space:normal;overflow:visible;text-overflow:clip}
.log-row.log-task .log-role,.log-row.log-task .log-text{color:#8bb9ff}
.log-row.log-judge .log-role,.log-row.log-judge .log-text{color:#f6a623}
.log-row.log-vision .log-role,.log-row.log-vision .log-text{color:#00e676}
.log-row.log-knowledge .log-role,.log-row.log-knowledge .log-text{color:#04d0ff}
.log-row.log-nav .log-role,.log-row.log-nav .log-text{color:#72f7ae}
.log-row.log-final .log-role,.log-row.log-final .log-text{color:var(--green)}

.right-title{justify-content:space-between}
.right-title span{display:flex;align-items:center;gap:7px}
.skillbody{display:flex;flex-direction:column;gap:7px;padding:7px;overflow-y:auto;overflow-x:hidden}
.agent-section{display:flex;flex-direction:column;gap:7px;min-height:0}
.agent-item{--agent-accent:#21bfff;--agent-soft:rgba(33,191,255,.12);--agent-ring:rgba(33,191,255,.34);border-radius:8px}
.agent-row{min-height:52px;display:grid;grid-template-columns:42px minmax(0,1fr) 25px;gap:12px;align-items:center;padding:7px 10px 7px 12px;border:1px solid color-mix(in srgb,var(--agent-accent) 48%,transparent);border-radius:8px;background:linear-gradient(90deg,var(--agent-soft),rgba(5,22,39,.95) 48%,rgba(3,13,27,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 10px color-mix(in srgb,var(--agent-accent) 10%,transparent)}
.agent-row.active{border-color:color-mix(in srgb,var(--agent-accent) 66%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--agent-accent) 18%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--agent-accent) 28%,transparent),0 0 14px color-mix(in srgb,var(--agent-accent) 14%,transparent)}
.agent-digital{--agent-accent:#4ecbff;--agent-soft:rgba(30,111,168,.15);--agent-ring:rgba(78,203,255,.38)}
.agent-physical{--agent-accent:#62e2a8;--agent-soft:rgba(0,142,86,.15);--agent-ring:rgba(98,226,168,.38)}
.agent-combo{--agent-accent:#a37af4;--agent-soft:rgba(112,77,184,.16);--agent-ring:rgba(163,122,244,.4)}
.agent-mark{width:36px;height:36px;display:grid!important;place-items:center;border-radius:50%;margin:0!important;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--agent-accent) 12%,transparent),rgba(4,20,34,.66) 70%);box-shadow:inset 0 0 0 1px var(--agent-ring)}
.agent-mark img{width:22px;height:22px;display:block;opacity:.9;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--agent-accent) 18%,transparent))}
.agent-copy{min-width:0}
.agent-copy b{display:block;color:#f4f8ff;font-size:18px;line-height:1.08;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.36)}
.agent-expand{width:24px;height:24px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--agent-accent) 44%,transparent);border-radius:50%;background:rgba(3,15,28,.78);color:color-mix(in srgb,var(--agent-accent) 72%,#fff);font-size:13px;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.agent-expand:hover{background:color-mix(in srgb,var(--agent-accent) 16%,rgba(3,15,28,.86));border-color:color-mix(in srgb,var(--agent-accent) 72%,transparent)}
.agent-item.expanded .agent-expand{transform:rotate(180deg)}
.agent-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:6px 0 0 54px;max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease,opacity .18s ease}
.agent-item.expanded .agent-detail{max-height:86px;opacity:1}
.agent-detail span{height:22px;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid rgba(44,83,118,.52);border-radius:4px;background:rgba(6,24,43,.82);color:#aebed2;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-resource-panel{height:100%}
.skill-resource-panel:fullscreen{width:100vw;height:100vh;padding:16px;background:#020914}
.skill-resource-panel:fullscreen .skill-controls{grid-template-columns:minmax(320px,1fr) 1.35fr}
.skill-resource-panel:fullscreen .skill-table-inner{min-width:0}
.skill-resource-panel:fullscreen .call-table-head,.skill-resource-panel:fullscreen .call-row{grid-template-columns:1.2fr .5fr 1.18fr .72fr .9fr .54fr .52fr}
.skill-resource-panel:fullscreen .call-table-head{height:58px;font-size:15px}
.skill-resource-panel:fullscreen .call-row{min-height:64px;font-size:15px}
.skill-resource-panel:fullscreen .skill-cell-icon{width:32px;height:32px;border-radius:8px}
.skill-resource-panel:fullscreen .skill-cell-icon img{width:20px;height:20px}
.skill-process-title{justify-content:flex-start}
.skill-process-title>span{display:flex;align-items:center;gap:7px}
.callbody{display:flex;flex-direction:column;gap:7px;padding:7px;overflow:hidden}
.skill-controls{display:grid;grid-template-columns:1fr;gap:7px}
.skill-search{height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(28,85,130,.78);border-radius:7px;background:rgba(3,16,30,.78);box-shadow:inset 0 0 18px rgba(17,53,82,.16)}
.skill-search:focus-within{border-color:rgba(67,135,255,.95);box-shadow:0 0 0 1px rgba(67,135,255,.22),inset 0 0 18px rgba(17,53,82,.22)}
.skill-search img{width:16px;height:16px;display:block;opacity:.9;flex:0 0 auto}
.skill-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#d8e7f6;font-size:13px;font-weight:800}
.skill-search input::placeholder{color:#708397}
.skill-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.skill-filter{height:31px;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(28,85,130,.72);border-radius:7px;background:rgba(3,16,30,.72);color:#aebed2;font-size:12px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.skill-filter:hover{border-color:rgba(74,134,197,.86);background:rgba(7,27,48,.86)}
.skill-filter.active{border-color:rgba(42,119,255,.9);color:#e6f1ff;background:linear-gradient(180deg,rgba(20,72,137,.72),rgba(8,32,63,.86));box-shadow:inset 0 0 0 1px rgba(68,140,255,.18),0 0 12px rgba(42,119,255,.16)}
.skill-filter img{width:15px;height:15px;display:block;opacity:.9;flex:0 0 auto}
.skill-summary{min-height:30px;display:flex;align-items:center;padding:4px 8px;border:1px solid rgba(28,85,130,.66);border-radius:7px;background:rgba(3,16,30,.74);color:#91a4b9;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden}
.skill-stat-list{min-width:0;display:flex;align-items:center;gap:6px}
.skill-stat-list span{display:flex;align-items:center;gap:5px;min-width:0}
.skill-summary b{color:#e4eef9;font-weight:900}
.skill-summary i{width:1px;height:12px;background:rgba(52,95,128,.62);flex:0 0 auto}
.summary-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}
.summary-dot.green{background:#12e485;box-shadow:0 0 8px rgba(18,228,133,.5)}
.summary-dot.blue{background:#1ea7ff;box-shadow:0 0 8px rgba(30,167,255,.46)}
.summary-dot.red{background:#ff6b74;box-shadow:0 0 8px rgba(255,107,116,.45)}
.call-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}
.section-line{display:flex;align-items:center}
.section-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:900;color:#eef6ff}
.section-label i{font-style:normal;color:var(--purple-2);text-shadow:0 0 12px rgba(124,60,255,.45)}
.skill-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid rgba(18,72,115,.74);border-radius:7px;background:rgba(2,12,24,.38)}
.skill-table-inner{min-width:478px;min-height:100%;display:flex;flex-direction:column}
.call-table-head,.call-row{display:grid;grid-template-columns:108px 38px 124px 56px 74px 42px 36px;align-items:center}
.call-table-head{height:32px;border-bottom:1px solid rgba(18,72,115,.74);background:linear-gradient(180deg,rgba(7,32,56,.96),rgba(4,20,37,.94));color:#b8c8db;font-size:11px;font-weight:900}
.call-table-head span{height:100%;display:flex;align-items:center;padding:0 6px;border-right:1px solid rgba(18,72,115,.72);white-space:nowrap}
.call-table-head span:last-child{border-right:0}
.call-table-head .sortable:after{content:"";display:none}
.call-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:rgba(2,12,24,.22)}
.call-row{min-height:36px;border-bottom:1px solid rgba(18,64,101,.56);background:rgba(4,18,33,.42);font-size:11.5px}
.call-row:nth-child(even){background:rgba(5,23,41,.54)}
.call-row:hover{background:rgba(11,43,70,.64)}
.call-row b,.call-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.call-row>b,.call-row>span{height:100%;display:flex;align-items:center;padding:0 6px;border-right:1px solid rgba(18,64,101,.52)}
.call-row>*:last-child{border-right:0}
.call-row b{font-weight:900;color:#d9e7f6}
.skill-name-cell{gap:6px}
.call-type,.skill-robot-cell{gap:0}
.call-type,.skill-robot-cell,.skill-business{color:#aebed2;font-weight:850}
.skill-robot-cell{font-size:11px}
.skill-cell-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(62,121,167,.68);border-radius:5px;background:rgba(6,23,41,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.skill-cell-icon img{width:14px;height:14px;display:block;object-fit:contain;filter:brightness(0) saturate(100%) invert(93%) sepia(12%) saturate(942%) hue-rotate(178deg) brightness(106%) contrast(102%) drop-shadow(0 0 4px rgba(220,245,255,.28));opacity:.96}
.call-type>span:last-child,.skill-robot-cell>span:last-child{flex:0 0 auto;overflow:visible;text-overflow:clip}
.skill-cell-icon.digital{border-color:rgba(23,145,255,.8);background:rgba(0,95,178,.12);box-shadow:0 0 10px rgba(23,145,255,.12)}
.skill-cell-icon.physical{border-color:rgba(0,230,118,.68);background:rgba(0,130,72,.13);box-shadow:0 0 10px rgba(0,230,118,.1)}
.skill-cell-icon.combo{border-color:rgba(157,105,255,.72);background:rgba(109,74,190,.16);box-shadow:0 0 10px rgba(157,105,255,.12)}
.skill-cell-icon.digital img{filter:brightness(0) saturate(100%) invert(96%) sepia(18%) saturate(561%) hue-rotate(176deg) brightness(106%) contrast(103%) drop-shadow(0 0 5px rgba(88,166,255,.34))}
.skill-cell-icon.physical img{filter:brightness(0) saturate(100%) invert(95%) sepia(14%) saturate(401%) hue-rotate(87deg) brightness(108%) contrast(105%) drop-shadow(0 0 5px rgba(18,228,133,.28))}
.skill-cell-icon.combo img{filter:brightness(0) saturate(100%) invert(94%) sepia(16%) saturate(759%) hue-rotate(215deg) brightness(107%) contrast(104%) drop-shadow(0 0 5px rgba(167,139,250,.32))}
.skill-robot-cell .skill-cell-icon{border-color:rgba(150,168,205,.42);background:rgba(12,27,49,.66)}
.skill-robot-cell .skill-cell-icon img{filter:brightness(0) saturate(100%) invert(82%) sepia(23%) saturate(741%) hue-rotate(173deg) brightness(101%) contrast(94%) drop-shadow(0 0 4px rgba(143,220,255,.25));opacity:.96}
.call-state{gap:7px;font-weight:900}
.call-state em{width:8px;height:8px;border-radius:50%;display:block;flex:0 0 auto}
.call-state.success{color:var(--green)}
.call-state.success em{background:var(--green);box-shadow:0 0 9px rgba(18,228,133,.48)}
.call-state.failed{color:#ff8d95}
.call-state.failed em{background:#ff6b74;box-shadow:0 0 9px rgba(255,107,116,.48)}
.call-state.running{color:var(--green)}
.call-state.running em{background:var(--green);box-shadow:0 0 9px rgba(18,228,133,.48)}
.call-state.queued{color:#2799ff}
.call-state.queued em{background:#2799ff;box-shadow:0 0 9px rgba(39,153,255,.45)}
.call-duration,.call-frequency{justify-content:flex-end;color:#c7d4e5;text-align:right;font-weight:900}
.call-frequency{color:var(--green)}

.physicalbody{display:grid;grid-template-columns:.8fr 1.35fr;gap:7px;padding:6px}
.scene-graph{position:relative;flex:1;min-height:0;border:1px solid rgba(18,72,115,.72);border-radius:5px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(124,60,255,.2),rgba(5,20,36,.24) 44%,rgba(1,9,18,.7) 76%)}
.scene-graph:before{content:"";position:absolute;left:50%;top:64%;width:96%;height:72%;transform:translate(-50%,-50%) perspective(520px) rotateX(62deg);background-image:linear-gradient(rgba(8,167,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(8,167,255,.13) 1px,transparent 1px);background-size:26px 26px;box-shadow:0 0 56px rgba(124,60,255,.15);mask-image:radial-gradient(ellipse at center,#000 0 58%,transparent 78%)}
.scene-graph:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(5,213,255,.11),transparent 28%);mix-blend-mode:screen}
.scene-network{position:absolute;inset:0;z-index:1}
.scene-network canvas{outline:none;filter:drop-shadow(0 0 10px rgba(5,213,255,.12))}

.entity-table{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;font-size:11.5px}   /* 2026-09-19：卡片列表允许滚动（原先 hidden 导致智能体空间无法下滑） */
.entity-card-grid{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));grid-auto-rows:96px;gap:8px;align-content:start}
.entity-card{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:5px;padding:9px 10px;border:1px solid rgba(36,84,128,.72);border-radius:8px;background:linear-gradient(145deg,rgba(6,27,49,.96),rgba(4,18,34,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.18)}
.entity-card-top{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}
.entity-card-name{min-width:0;display:flex;align-items:center;gap:8px}
.entity-card-name b{min-width:0;color:#eaf4ff;font-size:12px;font-weight:950;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-card-menu{flex:0 0 auto;color:#8da2ba;font-size:13px;font-weight:950;letter-spacing:1px;line-height:1}
.entity-card-state{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:950;line-height:1}
.entity-state-glyph{width:14px;height:14px;display:grid;place-items:center;flex:0 0 14px}
.entity-state-glyph img{width:14px;height:14px;display:block;filter:drop-shadow(0 0 5px rgba(8,167,255,.22))}
.entity-card-meter,.entity-card-location{display:grid;grid-template-columns:32px 38px minmax(0,1fr);align-items:center;gap:7px;min-width:0}
.entity-card-label{color:#91a4ba;font-size:11px;font-weight:900;line-height:1}
.entity-card-meter b,.entity-card-location b{min-width:0;color:#dce8f6;font-size:12px;font-weight:950;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-card-meter i{height:8px;border-radius:999px;overflow:hidden;background:rgba(91,108,128,.5)}
.entity-card-meter em{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#00b86b,var(--green));box-shadow:0 0 9px rgba(0,230,118,.34)}
.entity-card-meter-warn em{background:linear-gradient(90deg,var(--amber),#facc15);box-shadow:0 0 9px rgba(246,166,35,.34)}
.entity-card-meter-low em{background:linear-gradient(90deg,#e74444,#ff7a7a);box-shadow:0 0 9px rgba(231,68,68,.34)}
.entity-card-location{grid-template-columns:32px minmax(0,1fr)}
.entity-add-card{min-width:0;height:96px;display:grid;place-items:center;align-content:center;gap:7px;border:1px dashed rgba(96,130,166,.7);border-radius:8px;background:rgba(6,24,43,.42);color:#91a4ba;font-weight:950;cursor:pointer}
.entity-add-card span{font-size:26px;line-height:1;color:#b9c8db}
.entity-add-card b{font-size:12px;font-weight:950}
.entity-add-card:hover{border-color:rgba(8,167,255,.58);background:rgba(8,36,63,.52);color:#d8e9fb}
.entity-table.tabulator{border:0;background:transparent!important;color:#b7c8dc}
.entity-table .tabulator-header{border:0;border-bottom:1px solid rgba(18,64,101,.72);background:rgba(5,23,41,.97);color:#c5d5e8;font-weight:900}
.entity-table .tabulator-header .tabulator-col{height:28px;border-right:0;background:transparent;background-color:transparent!important}
.entity-table .tabulator-col-content{height:100%;display:flex;align-items:center;padding:0 11px}
.entity-table .tabulator-col-title{font-weight:900;line-height:1}
.entity-table .tabulator-col-sorter,.entity-table .tabulator-col-sorter *{display:none!important}
.entity-table .tabulator-col-resize-handle,.entity-table .tabulator-col-resize-handle.prev{display:none!important;width:0!important;pointer-events:none!important}
.entity-table .tabulator-col[tabulator-field="name"] .tabulator-col-title{padding-left:29px}
.entity-table .tabulator-col[tabulator-field="statusText"] .tabulator-col-title{padding-left:15px}
.entity-table .tabulator-col[tabulator-field="task"] .tabulator-col-title{padding-left:20px}
.entity-table .tabulator-col[tabulator-field="battery"] .tabulator-col-title{padding-left:19px}
.entity-table .tabulator-col[tabulator-field="location"] .tabulator-col-title{padding-left:20px}
.entity-table .tabulator-tableholder{background:rgba(2,12,24,.26)!important;overflow-x:hidden;overflow-y:auto}
.entity-table.tabulator .tabulator-tableholder .tabulator-table{background:rgba(2,12,24,.26)!important;background-color:rgba(2,12,24,.26)!important;color:#b7c8dc}
.entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row{height:28px!important;min-height:28px;border-bottom:1px solid rgba(18,64,101,.5);background:rgba(3,17,31,.58)!important;background-color:rgba(3,17,31,.58)!important;color:#b7c8dc}
.entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-row-even{background:rgba(5,23,41,.62)!important;background-color:rgba(5,23,41,.62)!important}
.entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row:hover,
.entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selectable:hover,
.entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected,
.entity-table.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-selected:hover{background:rgba(8,39,67,.56)!important;background-color:rgba(8,39,67,.56)!important}
.entity-table .tabulator-cell{height:28px!important;display:inline-flex;align-items:center;border-right:0;background:transparent!important;background-color:transparent!important;padding:0 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-table-native{background:rgba(2,12,24,.26)}
.entity-native-grid{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}
.entity-native-grid th,.entity-native-grid td{height:28px;padding:0 11px;border-bottom:1px solid rgba(18,64,101,.5);text-align:left;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-native-grid th{height:27px;background:rgba(5,23,41,.97);color:#c5d5e8;font-weight:900}
.entity-native-grid th:nth-child(1){padding-left:40px}
.entity-native-grid th:nth-child(2){padding-left:26px}
.entity-native-grid th:nth-child(3){padding-left:31px}
.entity-native-grid th:nth-child(4){padding-left:30px}
.entity-native-grid th:nth-child(5){padding-left:31px}
.entity-native-grid tbody tr:nth-child(even){background:rgba(5,19,34,.28)}
.entity-native-grid tbody tr:hover{background:rgba(8,39,67,.36)}
.entity-col-name{width:27%}
.entity-col-state{width:15%}
.entity-col-task{width:21%}
.entity-col-battery{width:19%}
.entity-col-location{width:18%}
.entity-name{width:100%;min-width:0;display:inline-flex;align-items:center;gap:7px;color:#dbe7f5;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.entity-type-icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:6px;background:var(--entity-type-bg,rgba(143,164,189,.1));box-shadow:inset 0 0 0 1px var(--entity-type-line,rgba(143,164,189,.22))}
.entity-type-icon svg{width:19px;height:19px;display:block;color:var(--entity-icon-color,#8fa4bd);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--entity-icon-color,#8fa4bd) 42%,transparent))}
.entity-type-icon img{display:none}
.entity-type-humanoid{--entity-type-bg:rgba(128,212,255,.1);--entity-type-line:rgba(128,212,255,.26);--entity-icon-color:#8fdcff}
.entity-type-robot{--entity-type-bg:rgba(118,227,172,.1);--entity-type-line:rgba(118,227,172,.26);--entity-icon-color:#72e2a8}
.entity-type-drone{--entity-type-bg:rgba(163,122,244,.1);--entity-type-line:rgba(163,122,244,.28);--entity-icon-color:#b69cff}
.entity-type-mobile{--entity-type-bg:rgba(92,184,255,.1);--entity-type-line:rgba(92,184,255,.26);--entity-icon-color:#80d4ff}
.entity-type-dog{--entity-type-bg:rgba(118,227,172,.1);--entity-type-line:rgba(118,227,172,.26);--entity-icon-color:#72e2a8}
.entity-type-ugv{--entity-type-bg:rgba(128,212,255,.1);--entity-type-line:rgba(128,212,255,.24)}
.entity-type-quadruped{--entity-type-bg:rgba(118,227,172,.1);--entity-type-line:rgba(118,227,172,.24)}
.entity-type-agv{--entity-type-bg:rgba(128,212,255,.1);--entity-type-line:rgba(128,212,255,.24)}
.entity-type-camera{--entity-type-bg:rgba(147,184,255,.1);--entity-type-line:rgba(147,184,255,.24)}
.entity-type-sensor{--entity-type-bg:rgba(242,194,91,.1);--entity-type-line:rgba(242,194,91,.24)}
.entity-state{display:inline-flex;align-items:center;gap:7px;font-weight:900;white-space:nowrap}
.entity-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.entity-state.run,.entity-state.idle{color:var(--green)}
.entity-state.move{color:var(--blue)}
.entity-state.busy{color:var(--amber)}
.entity-state.run .entity-dot,.entity-state.idle .entity-dot{background:var(--green);box-shadow:0 0 8px rgba(0,230,118,.58)}
.entity-state.move .entity-dot{background:var(--blue);box-shadow:0 0 8px rgba(8,167,255,.58)}
.entity-state.busy .entity-dot{background:var(--amber);box-shadow:0 0 8px rgba(246,166,35,.58)}
.entity-icon-cell{width:100%;min-width:0;display:inline-flex;align-items:center;gap:6px;color:#cbd8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-icon-cell>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.entity-inline-icon{width:15px;height:15px;flex:0 0 15px;display:grid;place-items:center}
.entity-inline-icon img{width:15px;height:15px;display:block;opacity:.9}
.entity-task-cell .entity-inline-icon img{filter:drop-shadow(0 0 4px rgba(143,186,216,.16))}
.entity-location-cell{gap:7px}
.entity-location-cell .entity-inline-icon{width:18px;height:18px;flex-basis:18px;border:1px solid rgba(107,216,255,.28);border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(107,216,255,.16),rgba(8,30,50,.72) 68%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 8px rgba(107,216,255,.1)}
.entity-location-cell .entity-inline-icon img{width:12px;height:12px;opacity:.95;filter:drop-shadow(0 0 5px rgba(107,216,255,.22))}
.entity-battery{width:100%;display:grid;grid-template-columns:18px 30px minmax(44px,1fr);gap:5px;align-items:center}
.entity-icon-battery{width:18px;height:18px;flex-basis:18px}
.entity-icon-battery img{width:18px;height:18px;opacity:1;filter:drop-shadow(0 0 5px rgba(0,230,118,.2))}
.entity-battery b{color:#e7f0fb;font-weight:900}
.entity-battery-bar{height:7px;border-radius:999px;overflow:hidden;background:#10253a}
.entity-battery-bar i{height:100%;display:block;border-radius:999px}
.entity-battery-good b{color:#dfffea}
.entity-battery-good .entity-icon-battery img{filter:drop-shadow(0 0 5px rgba(0,230,118,.26))}
.entity-battery-good .entity-battery-bar i{background:linear-gradient(90deg,#00b86b,var(--green));box-shadow:0 0 9px rgba(0,230,118,.38)}
.entity-battery-warn b{color:#ffe6a3}
.entity-battery-warn .entity-icon-battery img{filter:drop-shadow(0 0 5px rgba(246,166,35,.28))}
.entity-battery-warn .entity-battery-bar i{background:linear-gradient(90deg,var(--amber),#facc15);box-shadow:0 0 9px rgba(246,166,35,.42)}
.entity-battery-low b{color:#ffb4b4}
.entity-battery-low .entity-icon-battery img{filter:drop-shadow(0 0 5px rgba(231,68,68,.28))}
.entity-battery-low .entity-battery-bar i{background:linear-gradient(90deg,#e74444,#ff7a7a);box-shadow:0 0 9px rgba(231,68,68,.42)}
.battery{display:flex;align-items:center;gap:6px;min-width:0}
.battery span{flex:0 0 34px;color:#e7f0fb;font-weight:900}
.battery-bar{height:7px;flex:1;min-width:34px;border-radius:999px;overflow:hidden;background:#10253a}
.battery-bar i{height:100%;display:block;border-radius:999px;background:linear-gradient(90deg,#006dff,var(--cyan));box-shadow:0 0 9px rgba(0,213,255,.42)}
.battery-bar.hot i{background:linear-gradient(90deg,var(--amber),#facc15);box-shadow:0 0 9px rgba(246,166,35,.42)}
.battery-progress{flex:1;min-width:34px;--height:7px;--indicator-color:linear-gradient(90deg,#006dff,var(--cyan));--track-color:#10253a}
.battery-progress::part(base){height:7px;border-radius:999px;background:#10253a;overflow:hidden}
.battery-progress::part(indicator){background:linear-gradient(90deg,#006dff,var(--cyan));box-shadow:0 0 9px rgba(0,213,255,.42)}
.battery-progress.hot::part(indicator){background:linear-gradient(90deg,var(--amber),#facc15);box-shadow:0 0 9px rgba(246,166,35,.42)}
.signal{display:flex;align-items:end;gap:3px;min-width:0;color:#d5e2f1;font-weight:800}
.signal i{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),#006dff);box-shadow:0 0 6px rgba(0,213,255,.35)}
.signal b{margin-left:8px;font-weight:900}
.occupy{justify-self:start;padding:3px 7px;border-radius:4px;background:rgba(0,230,118,.13);color:var(--green);font-weight:900;white-space:nowrap}
.occupy.busy{background:rgba(246,166,35,.14);color:var(--amber)}

.foot{height:29px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-top:1px solid rgba(18,64,101,.82);background:rgba(2,9,18,.96);color:#8798ac}
.foot div{min-width:0;display:flex;align-items:center;gap:5px;white-space:nowrap}
.foot b{color:#f0f7ff}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.pulse{animation:pulse 1.2s infinite}
@keyframes answerScan{
  0%{transform:translateX(0) skewX(-18deg);opacity:0}
  18%,72%{opacity:1}
  100%{transform:translateX(430%) skewX(-18deg);opacity:0}
}
@keyframes answerBeam{
  0%,100%{transform:scaleX(.36);opacity:.38}
  48%{transform:scaleX(1);opacity:1}
}
@keyframes answerBorderBeam{to{transform:rotate(360deg)}}
@keyframes answerOrbit{to{transform:rotate(360deg)}}
@keyframes answerPulse{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.06);opacity:.8}}
@keyframes answerIconSpin{to{transform:rotate(360deg)}}

@media (prefers-reduced-motion:reduce){
  .answer-border-beam,.answer-scanline,.answer-loader-ring:before,.answer-loader-ring:after,.answer-loader-pulse{animation:none!important}
}

*{scrollbar-width:thin;scrollbar-color:rgba(124,60,255,.78) rgba(3,14,27,.88);accent-color:var(--purple)}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:rgba(3,14,27,.88);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a477ff,#7c3cff 58%,#4b1bb9);border:2px solid rgba(3,14,27,.9);border-radius:999px;box-shadow:0 0 9px rgba(124,60,255,.42)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#c7b8ff,#8b5cf6 58%,#5b21b6)}
*::-webkit-scrollbar-corner{background:rgba(3,14,27,.88)}

@media (max-width:1360px),(max-height:760px){
  .app{font-size:12px}
  .top{height:48px;padding:0 10px;gap:8px}
  .brand-block{min-width:286px;gap:7px}
  .brand-logo{width:26px;height:26px;flex-basis:26px}
  .brand{font-size:17px}
  select{width:150px;height:27px}
  .select-control{width:150px;--sl-input-height-small:27px}
  .pill,.mode-pill{height:29px;padding-left:9px}
  .mode-pill b{padding:0 9px}
  .btn{height:27px;min-width:70px;padding:0 10px}
  sl-button.btn{height:27px;min-width:70px;padding:0;border:0;background:transparent;box-shadow:none}
  sl-button.btn::part(base){height:27px;min-height:27px;padding:0 10px}
  .main.cockpit{grid-template-columns:minmax(285px,22.4%) minmax(0,1fr) minmax(300px,23.2%);grid-template-rows:minmax(0,1fr) 31.5%;gap:5px;padding:5px}
  .left-rail.answer-final-mode{grid-template-rows:21% 29% minmax(0,1fr)}
  .left-rail,.center,.right{gap:5px}
  .right{grid-template-rows:minmax(0,1fr)}
  .center{grid-template-rows:minmax(0,1fr) 96px}
  .center.log-expanded{grid-template-rows:minmax(170px,.56fr) minmax(220px,.44fr)}
  .title{height:28px;padding:0 8px;gap:5px}
  .task-input-body,.answerbody,.skillbody,.callbody,.physicalbody{padding:6px}
  .answer-card{grid-template-columns:minmax(0,1fr) 72px;padding:8px 8px}
  .answer-card.answer-card-final{grid-template-columns:minmax(0,1fr);padding:8px 9px;gap:4px}
  .answer-card-generating{grid-template-columns:minmax(0,1fr) 92px}
  .answer-eyebrow{font-size:17px;margin-bottom:4px}
  .answer-main{font-size:14px}
  .answer-card-generating .answer-main{font-size:18px}
  .answer-sub{margin-top:4px;line-height:1.28}
  .answer-visual{width:52px;height:52px;border-radius:9px}
  .answer-visual-generating{width:56px;height:56px}
  .answer-visual-final{width:48px;height:48px}
  .answer-icon,.answer-icon img{width:32px;height:32px}
  .answer-final-head{margin-bottom:4px}
  .answer-final-badge{height:17px;padding:0 6px;font-size:10px}
  .answer-final-title{font-size:14px;line-height:1.18}
  .answer-final-summary{margin-top:4px;padding:4px 6px;font-size:10.5px;line-height:1.24}
  .answer-final-meta{gap:0;margin-top:5px}
  .answer-final-meta div{height:23px;padding:0 7px}
  .answer-final-meta b{font-size:12px}
  .answer-final-evidence{gap:3px;margin-top:5px}
  .answer-final-evidence b,.answer-final-evidence span{height:16px;padding:0 5px;font-size:9px}
  .answer-core-shell{width:84px;height:74px}
  .answer-core-orbit{inset:11px}
  .answer-loader-visual{width:88px;height:88px}
  .answer-loader-ring{inset:7px}
  .answer-loader-ring-inner{inset:19px}
  .answer-loader-pulse{inset:17px}
  .answer-bot-shell{width:44px;height:44px}
  .answer-bot-shell img{width:29px;height:29px}
  .answer-bot-shell svg{width:28px;height:28px}
  .answer-progress{margin-top:7px}
  .answer-step-dots{max-width:122px;gap:5px;margin-top:7px}
  .answer-step-dot{width:11px;height:11px}
  .answer-step-list{gap:3px;margin-top:6px}
  .answer-step{height:17px;padding:0 5px;font-size:9px}
  .answer-tags{gap:4px;margin-top:6px}
  .answer-tags span{height:15px;padding:0 5px;font-size:8px}
  .spacebody{padding:5px;gap:5px}
  .space-head{height:25px;padding:0 7px}
  .obs-row{min-height:36px;padding:5px 7px}
  .rag-row{min-height:36px;padding:5px 7px}
  .question-input{padding:8px 54px 8px 8px}
  sl-textarea.question-input::part(textarea){padding:8px 54px 8px 8px}
  .send-btn{width:34px;height:34px;right:10px;bottom:6px}
  sl-button.send-btn{width:34px;height:34px;padding:0;border:0;background:transparent;box-shadow:none}
  sl-button.send-btn::part(base){width:34px;height:34px;min-height:34px}
  .connect h2{font-size:21px}
  .connect-row{width:min(560px,88%);grid-template-columns:minmax(0,1fr) 156px 70px;padding:6px}
  .connect-scene{gap:5px}
  .connect-scene label{font-size:11px}
  .connect-select{width:108px;--sl-input-height-small:36px}
  .connect input{width:100%;height:36px}
  .connect sl-input{width:100%;--sl-input-height-small:36px}
  .connect sl-input::part(base),.connect sl-input::part(input){height:36px;min-height:36px;line-height:36px}
  .connect .control-btn,.connect .control-btn::part(base){width:70px;height:36px;min-height:36px;min-width:70px}
  .connect .control-btn::part(label){height:36px}
  .agent-section{gap:6px}
  .agent-row{min-height:47px;grid-template-columns:36px minmax(0,1fr) 22px;gap:10px;padding:6px 8px 6px 10px}
  .agent-mark{width:32px;height:32px;border-radius:50%}
  .agent-mark img{width:19px;height:19px}
  .agent-copy b{font-size:16px}
  .agent-expand{width:22px;height:22px;font-size:12px}
  .agent-detail{margin-left:46px;grid-template-columns:1fr;gap:4px}
  .agent-detail span{height:20px;font-size:10px}
  .callbody,.call-section{gap:4px}
  .skill-search{height:31px;padding:0 8px}
  .skill-search input{font-size:12px}
  .skill-filters{gap:4px}
  .skill-filter{height:27px;gap:4px;font-size:11px}
  .skill-filter img{width:13px;height:13px}
  .skill-summary{min-height:26px;padding:3px 6px;font-size:10px}
  .skill-stat-list{gap:5px}
  .skill-table-inner{min-width:452px}
  .call-table-head,.call-row{grid-template-columns:98px 34px 122px 54px 70px 40px 34px}
  .call-table-head{height:30px;font-size:10.5px}
  .call-table-head span{padding:0 5px}
  .call-row{min-height:32px;font-size:10.5px}
  .call-row>b,.call-row>span{padding:0 5px}
  .skill-robot-cell{font-size:10.5px}
  .skill-cell-icon{width:18px;height:18px;border-radius:5px}
  .skill-cell-icon img{width:13px;height:13px}
  .physicalbody{grid-template-columns:.76fr 1.38fr;gap:5px}
  .entity-table .tabulator-header .tabulator-col{height:26px}
  .entity-table .tabulator-col-content,.entity-table .tabulator-cell{padding:0 8px}
  .entity-table .tabulator-row,.entity-table .tabulator-cell{height:27px!important;min-height:27px}
  .entity-native-grid th,.entity-native-grid td{height:27px;padding:0 8px}
  .entity-battery{grid-template-columns:17px 30px minmax(38px,1fr);gap:5px}
  .entity-icon-battery{width:17px;height:17px;flex-basis:17px}
  .entity-icon-battery img{width:17px;height:17px}
  .foot{height:26px;padding:0 10px}
}

/* Premium light polish: restrained hierarchy, glass surfaces, and quieter chrome. */
.cyberclaw-light{
  --bg:#f3f6fb;
  --panel:#ffffff;
  --panel-2:#f8fbff;
  --line:#d9e3f1;
  --line-strong:#b9cbe3;
  --text:#111827;
  --muted:#64748b;
  --muted-2:#9aa8ba;
  --blue:#2563eb;
  --cyan:#0891b2;
  --purple:#6d5dfc;
  --green:#10b981;
  --amber:#f59e0b;
  --red:#ef4444;
  --surface-glass:rgba(255,255,255,.76);
  --surface-raised:rgba(255,255,255,.9);
  --shadow-card:0 16px 38px rgba(42,65,101,.09),0 1px 0 rgba(255,255,255,.9) inset;
  --shadow-soft:0 10px 26px rgba(42,65,101,.075);
  --shadow-float:0 24px 68px rgba(42,65,101,.14);
}

.cyberclaw-light,
.cyberclaw-light body,
.cyberclaw-light .wrap{
  background:#eef3f9;
}

.cyberclaw-light .app{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 16% 8%,rgba(37,99,235,.105),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(109,93,252,.11),transparent 25%),
    radial-gradient(circle at 50% 96%,rgba(8,145,178,.075),transparent 31%),
    linear-gradient(rgba(37,99,235,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.028) 1px,transparent 1px),
    linear-gradient(180deg,#fbfdff 0%,#eef3f9 100%);
  background-size:auto,auto,auto,28px 28px,28px 28px,auto;
}

.cyberclaw-light .top{
  height:56px;
  padding:0 16px;
  border-bottom:1px solid rgba(205,216,231,.78);
  background:rgba(255,255,255,.78);
  box-shadow:0 14px 36px rgba(42,65,101,.08);
  backdrop-filter:blur(22px) saturate(1.18);
}

.cyberclaw-light .brand-block{
  gap:10px;
}

.cyberclaw-light .brand-logo{
  width:34px;
  height:34px;
  flex-basis:34px;
  border-radius:8px;
  filter:drop-shadow(0 10px 18px rgba(37,99,235,.16));
}

.cyberclaw-light .brand{
  color:#13203a;
  font-size:19px;
  font-weight:850;
}

.cyberclaw-light .brand:after{
  bottom:-9px;
  height:2px;
  background:linear-gradient(90deg,rgba(37,99,235,.72),rgba(8,145,178,.38),transparent);
}

.cyberclaw-light .main.cockpit{
  gap:10px;
  padding:10px;
  background:transparent;
}

.cyberclaw-light .left-rail,
.cyberclaw-light .center,
.cyberclaw-light .right{
  gap:10px;
}

.cyberclaw-light .panel{
  position:relative;
  border:1px solid rgba(214,225,239,.86);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,251,255,.82));
  box-shadow:var(--shadow-card);
  backdrop-filter:blur(18px) saturate(1.12);
}

.cyberclaw-light .panel:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(206,219,235,.32);
}

.cyberclaw-light .title{
  height:34px;
  padding:0 12px;
  border-bottom:1px solid rgba(219,229,241,.86);
  background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,251,255,.72));
  color:#152238;
  font-size:13px;
  font-weight:850;
}

.cyberclaw-light .title-icon{
  width:21px;
  height:21px;
  flex-basis:21px;
  border-radius:6px;
  background:linear-gradient(135deg,rgba(var(--title-accent-rgb),.14),rgba(255,255,255,.88));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 6px 14px rgba(var(--title-accent-rgb),.09);
}

.cyberclaw-light .title-icon:after{
  opacity:.42;
}

.cyberclaw-light .btn,
.cyberclaw-light sl-button.btn::part(base){
  border-color:rgba(37,99,235,.76);
  border-radius:7px;
  background:linear-gradient(180deg,#3478f6,#1d4ed8);
  box-shadow:0 10px 24px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.22);
}

.cyberclaw-light .btn:hover,
.cyberclaw-light sl-button.btn::part(base):hover{
  background:linear-gradient(180deg,#3f83fb,#245fe6);
  box-shadow:0 14px 32px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.24);
}

.cyberclaw-light .question-box,
.cyberclaw-light .skill-search,
.cyberclaw-light .skill-summary,
.cyberclaw-light .skill-table-wrap,
.cyberclaw-light .space-section,
.cyberclaw-light .scene-section,
.cyberclaw-light .entity-section{
  border-color:rgba(214,225,239,.9);
  border-radius:8px;
  background:rgba(255,255,255,.7);
}

.cyberclaw-light .question-box{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 20px rgba(42,65,101,.045);
}

.cyberclaw-light .answer-card,
.cyberclaw-light .answer-card-idle,
.cyberclaw-light .answer-card-generating,
.cyberclaw-light .answer-card.answer-card-final{
  border-color:rgba(184,208,238,.9);
  border-radius:8px;
  background:
    radial-gradient(circle at 93% 40%,rgba(37,99,235,.11),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,247,255,.9));
  box-shadow:0 18px 42px rgba(37,99,235,.095),inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .answer-card:before{
  background:
    linear-gradient(120deg,rgba(37,99,235,.045),transparent 45%,rgba(8,145,178,.055)),
    repeating-linear-gradient(180deg,rgba(37,99,235,.025) 0 1px,transparent 1px 12px);
}

.cyberclaw-light .answer-card:after{
  left:14px;
  right:14px;
  bottom:10px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.28),rgba(8,145,178,.18),transparent);
}

.cyberclaw-light .connect{
  background:
    linear-gradient(rgba(37,99,235,.036) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.036) 1px,transparent 1px),
    radial-gradient(circle at 50% 52%,rgba(37,99,235,.07),transparent 34%),
    linear-gradient(180deg,#f9fcff,#eef5fd);
  background-size:28px 28px,28px 28px,auto,auto;
}

.cyberclaw-light .connect-row{
  padding:8px;
  border-color:rgba(190,207,230,.94);
  border-radius:8px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow-float);
  backdrop-filter:blur(18px) saturate(1.14);
}

.cyberclaw-light .select-control,
.cyberclaw-light .connect sl-input{
  --sl-input-border-radius:7px;
  --sl-input-background-color:rgba(255,255,255,.92);
  --sl-input-background-color-hover:#ffffff;
}

.cyberclaw-light .icon-btn,
.cyberclaw-light sl-button.icon-btn::part(base),
.cyberclaw-light .camera-expand-btn{
  border-color:rgba(206,219,235,.92);
  border-radius:6px;
  background:rgba(255,255,255,.78);
  box-shadow:0 6px 18px rgba(42,65,101,.08),inset 0 1px 0 rgba(255,255,255,.9);
}

.cyberclaw-light .skill-filter{
  border-color:rgba(214,225,239,.96);
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff,#f7faff);
  box-shadow:0 6px 16px rgba(42,65,101,.045);
}

.cyberclaw-light .skill-filter.active{
  border-color:rgba(37,99,235,.32);
  background:linear-gradient(180deg,#eef6ff,#eaf2ff);
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08),0 8px 20px rgba(37,99,235,.08);
}

.cyberclaw-light .call-table-head{
  height:34px;
  background:linear-gradient(180deg,#fbfdff,#f4f8fd);
  color:#66758a;
}

.cyberclaw-light .call-row{
  min-height:38px;
  background:#ffffff;
  transition:background .16s ease,box-shadow .16s ease;
}

.cyberclaw-light .call-row:nth-child(even){
  background:#f9fbfe;
}

.cyberclaw-light .call-row:hover{
  background:#f1f7ff;
  box-shadow:inset 3px 0 0 rgba(37,99,235,.34);
}

.cyberclaw-light .rag-row,
.cyberclaw-light .obs-row{
  transition:background .16s ease,box-shadow .16s ease;
}

.cyberclaw-light .rag-row:hover,
.cyberclaw-light .obs-row:hover{
  background:#f5f9ff;
  box-shadow:inset 2px 0 0 rgba(37,99,235,.18);
}

.cyberclaw-light .rag-icon,
.cyberclaw-light .skill-cell-icon,
.cyberclaw-light .entity-type-icon{
  border-radius:6px;
}

.cyberclaw-light .scene-graph{
  border-radius:8px;
  background:
    radial-gradient(circle at 50% 65%,rgba(37,99,235,.085),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(242,247,253,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

.cyberclaw-light .scene-graph:before{
  opacity:.82;
  background-size:30px 30px;
}

.cyberclaw-light .entity-card-grid{
  padding:8px;
  gap:9px;
  grid-auto-rows:100px;
}

.cyberclaw-light .entity-card{
  border-color:rgba(214,225,239,.96);
  border-radius:8px;
  background:
    radial-gradient(circle at 92% 18%,rgba(37,99,235,.07),transparent 30%),
    linear-gradient(145deg,#ffffff,#f7faff);
  box-shadow:0 12px 30px rgba(42,65,101,.075),inset 0 1px 0 rgba(255,255,255,.96);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.cyberclaw-light .entity-card:hover{
  transform:translateY(-1px);
  border-color:rgba(170,196,228,.96);
  box-shadow:0 18px 38px rgba(42,65,101,.115),inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .entity-card-name b{
  font-weight:850;
}

.cyberclaw-light .entity-card-meter i{
  height:7px;
  background:#e1e9f4;
}

.cyberclaw-light .entity-card-meter em{
  box-shadow:none;
}

.cyberclaw-light .entity-add-card{
  height:100px;
  border-color:#cfdcec;
  border-radius:8px;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(244,248,253,.72));
}

.cyberclaw-light .foot{
  height:32px;
  padding:0 16px;
  border-top:1px solid rgba(205,216,231,.78);
  background:rgba(255,255,255,.74);
  box-shadow:0 -14px 34px rgba(42,65,101,.055);
  backdrop-filter:blur(22px) saturate(1.12);
}

.cyberclaw-light *{
  scrollbar-color:#adc8ec #edf3fa;
}

.cyberclaw-light *::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#c7daf5,#91b7ea);
  border-color:#edf3fa;
}

.cyberclaw-light *::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#aac8ef,#74a4e4);
}

/* Neutral white tuning: glass means depth and translucency, not blue panels. */
.cyberclaw-light{
  --bg:#f6f8fb;
  --panel-2:#fbfcfe;
  --line:#dde5ef;
  --line-strong:#c3d0df;
  --muted:#667085;
  --muted-2:#98a2b3;
  --shadow-card:0 14px 34px rgba(15,23,42,.07),0 1px 0 rgba(255,255,255,.96) inset;
  --shadow-soft:0 8px 22px rgba(15,23,42,.06);
  --shadow-float:0 22px 58px rgba(15,23,42,.12);
}

.cyberclaw-light,
.cyberclaw-light body,
.cyberclaw-light .wrap{
  background:#f5f7fb;
}

.cyberclaw-light .app{
  background:
    radial-gradient(circle at 16% 4%,rgba(37,99,235,.055),transparent 26%),
    radial-gradient(circle at 86% 10%,rgba(109,93,252,.045),transparent 23%),
    radial-gradient(circle at 52% 98%,rgba(8,145,178,.04),transparent 30%),
    linear-gradient(rgba(15,23,42,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.018) 1px,transparent 1px),
    linear-gradient(180deg,#ffffff 0%,#f5f7fb 100%);
  background-size:auto,auto,auto,28px 28px,28px 28px,auto;
}

.cyberclaw-light .top,
.cyberclaw-light .foot{
  background:rgba(255,255,255,.84);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}

.cyberclaw-light .panel{
  border-color:rgba(220,227,237,.94);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(252,253,255,.9));
  box-shadow:var(--shadow-card);
}

.cyberclaw-light .panel:after{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),inset 0 -1px 0 rgba(208,218,231,.24);
}

.cyberclaw-light .title{
  border-bottom-color:rgba(224,231,240,.92);
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(250,252,255,.86));
}

.cyberclaw-light .title-icon{
  background:linear-gradient(135deg,rgba(var(--title-accent-rgb),.1),rgba(255,255,255,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 5px 12px rgba(var(--title-accent-rgb),.07);
}

.cyberclaw-light .question-box,
.cyberclaw-light .skill-search,
.cyberclaw-light .skill-summary,
.cyberclaw-light .skill-table-wrap,
.cyberclaw-light .space-section,
.cyberclaw-light .scene-section,
.cyberclaw-light .entity-section{
  border-color:rgba(220,227,237,.94);
  background:rgba(255,255,255,.84);
}

.cyberclaw-light .answer-card,
.cyberclaw-light .answer-card-idle,
.cyberclaw-light .answer-card-generating,
.cyberclaw-light .answer-card.answer-card-final{
  border-color:rgba(205,218,236,.94);
  background:
    radial-gradient(circle at 93% 42%,rgba(37,99,235,.055),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.99),rgba(247,250,254,.94));
  box-shadow:0 16px 36px rgba(15,23,42,.07),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .answer-card:before{
  background:
    linear-gradient(120deg,rgba(37,99,235,.025),transparent 45%,rgba(8,145,178,.028)),
    repeating-linear-gradient(180deg,rgba(15,23,42,.016) 0 1px,transparent 1px 12px);
}

.cyberclaw-light .answer-card:after{
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.2),rgba(8,145,178,.12),transparent);
}

.cyberclaw-light .connect{
  background:
    linear-gradient(rgba(15,23,42,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.02) 1px,transparent 1px),
    radial-gradient(circle at 50% 52%,rgba(37,99,235,.045),transparent 34%),
    linear-gradient(180deg,#fbfdff,#f4f7fb);
  background-size:28px 28px,28px 28px,auto,auto;
}

.cyberclaw-light .connect-row,
.cyberclaw-light .icon-btn,
.cyberclaw-light sl-button.icon-btn::part(base),
.cyberclaw-light .camera-expand-btn{
  background:rgba(255,255,255,.9);
}

.cyberclaw-light .skill-filter{
  background:linear-gradient(180deg,#ffffff,#fafcff);
  box-shadow:0 5px 14px rgba(15,23,42,.045);
}

.cyberclaw-light .skill-filter.active{
  background:linear-gradient(180deg,#f3f8ff,#edf5ff);
}

.cyberclaw-light .call-table-head{
  background:linear-gradient(180deg,#ffffff,#f7f9fc);
}

.cyberclaw-light .call-row:nth-child(even){
  background:#fbfcfe;
}

.cyberclaw-light .call-row:hover,
.cyberclaw-light .rag-row:hover,
.cyberclaw-light .obs-row:hover{
  background:#f7fbff;
}

.cyberclaw-light .scene-graph{
  background:
    radial-gradient(circle at 50% 66%,rgba(37,99,235,.05),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,254,.94));
}

.cyberclaw-light .entity-card{
  background:linear-gradient(145deg,#ffffff,#fbfcfe);
  box-shadow:0 10px 26px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .entity-card:hover{
  box-shadow:0 16px 34px rgba(15,23,42,.1),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .entity-add-card{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(248,250,253,.84));
}

.cyberclaw-light *{
  scrollbar-color:#c7d4e5 #eef2f7;
}

.cyberclaw-light *::-webkit-scrollbar-track{
  background:#eef2f7;
}

.cyberclaw-light *::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#d4dfed,#aebfd5);
  border-color:#eef2f7;
}

.cyberclaw-light *::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#c4d3e6,#95aac5);
}

/* Operational refinement: quieter borders, clearer states, and a real control-room scan rhythm. */
.cyberclaw-light{
  --state-running:#10b981;
  --state-moving:#2563eb;
  --state-waiting:#f59e0b;
  --state-failed:#ef4444;
  --state-idle:#667085;
  --state-running-soft:#ecfdf5;
  --state-moving-soft:#eff6ff;
  --state-waiting-soft:#fffbeb;
  --state-failed-soft:#fff1f2;
  --state-idle-soft:#f8fafc;
}

.cyberclaw-light .panel{
  border-color:rgba(225,231,240,.96);
}

.cyberclaw-light .space-section,
.cyberclaw-light .scene-section,
.cyberclaw-light .entity-section,
.cyberclaw-light .skill-table-wrap{
  border-color:rgba(226,232,240,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94);
}

.cyberclaw-light .space-head{
  height:30px;
  border-bottom-color:rgba(226,232,240,.82);
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  color:#344054;
}

.cyberclaw-light .observe-list,
.cyberclaw-light .rag-list,
.cyberclaw-light .call-list{
  background:#ffffff;
}

.cyberclaw-light .obs-row.timeline-row{
  position:relative;
  grid-template-columns:44px minmax(0,1fr);
  gap:8px;
  min-height:44px;
  margin:5px 6px;
  padding:7px 8px;
  border:1px solid rgba(226,232,240,.86);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .obs-row.timeline-row:before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(37,99,235,.45),rgba(125,161,216,.18));
}

.cyberclaw-light .obs-time{
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  color:#667085;
  font-variant-numeric:tabular-nums;
  font-size:10.5px;
  font-weight:850;
}

.cyberclaw-light .obs-marker{
  position:absolute;
  left:6px;
  top:50%;
  z-index:1;
  width:7px;
  height:7px;
  border:2px solid #ffffff;
  border-radius:999px;
  background:#7aa7e8;
  box-shadow:0 0 0 1px rgba(37,99,235,.2),0 4px 10px rgba(37,99,235,.12);
  transform:translateY(-50%);
}

.cyberclaw-light .obs-row.timeline-row b{
  grid-column:2;
  align-self:center;
  color:#26364d;
  font-weight:780;
  line-height:1.26;
  -webkit-line-clamp:2;
}

.cyberclaw-light .obs-row.timeline-row:hover{
  border-color:rgba(191,219,254,.95);
  background:#f8fbff;
  box-shadow:0 6px 16px rgba(37,99,235,.055),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .obs-row.timeline-row:hover .obs-marker{
  background:var(--blue);
  box-shadow:0 0 0 3px rgba(37,99,235,.09),0 5px 14px rgba(37,99,235,.18);
}

.cyberclaw-light .rag-row{
  min-height:40px;
  padding:7px 9px;
  border-bottom:0;
}

.cyberclaw-light .rag-row + .rag-row{
  border-top:1px solid rgba(235,240,247,.88);
}

.cyberclaw-light .rag-row.retrieving{
  background:linear-gradient(90deg,rgba(37,99,235,.06),rgba(255,255,255,.94));
  box-shadow:inset 3px 0 0 rgba(37,99,235,.42);
}

.cyberclaw-light .rag-name{
  align-items:center;
  color:#25334a;
}

.cyberclaw-light .rag-text{
  font-weight:760;
}

.cyberclaw-light .call-table-head,
.cyberclaw-light .call-row{
  grid-template-columns:112px 42px 134px 58px 78px 45px 38px;
}

.cyberclaw-light .call-table-head{
  border-bottom-color:rgba(226,232,240,.92);
  color:#6b7688;
}

.cyberclaw-light .call-table-head span,
.cyberclaw-light .call-row>b,
.cyberclaw-light .call-row>span{
  border-right:0;
}

.cyberclaw-light .call-row{
  min-height:40px;
  border-bottom-color:rgba(235,240,247,.9);
  box-shadow:inset 0 -1px 0 rgba(235,240,247,.86);
}

.cyberclaw-light .call-row:hover{
  background:#f8fbff;
  box-shadow:inset 3px 0 0 rgba(37,99,235,.34),inset 0 -1px 0 rgba(226,232,240,.9);
}

.cyberclaw-light .call-row.state-failed{
  box-shadow:inset 3px 0 0 rgba(239,68,68,.32),inset 0 -1px 0 rgba(235,240,247,.86);
}

.cyberclaw-light .skill-name-cell,
.cyberclaw-light .skill-robot-cell{
  gap:6px;
}

.cyberclaw-light .skill-cell-icon.robot{
  border-color:rgba(203,213,225,.9);
  background:#f8fafc;
}

.cyberclaw-light .call-type{
  height:21px;
  justify-content:center;
  align-self:center;
  padding:0 6px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:850;
}

.cyberclaw-light .call-type-digital{
  color:#1d4ed8;
  background:#eff6ff;
}

.cyberclaw-light .call-type-physical{
  color:#047857;
  background:#ecfdf5;
}

.cyberclaw-light .call-type-combo{
  color:#6d28d9;
  background:#f5f3ff;
}

.cyberclaw-light .call-state{
  height:22px;
  justify-content:center;
  gap:5px;
  align-self:center;
  padding:0 7px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:10.5px;
  line-height:1;
  font-weight:850;
}

.cyberclaw-light .call-state em{
  width:6px;
  height:6px;
  box-shadow:none;
}

.cyberclaw-light .call-state.running{
  color:#047857;
  border-color:#bbf7d0;
  background:var(--state-running-soft);
}

.cyberclaw-light .call-state.success{
  color:#047857;
  border-color:#bbf7d0;
  background:var(--state-running-soft);
}

.cyberclaw-light .call-state.queued{
  color:#1d4ed8;
  border-color:#bfdbfe;
  background:var(--state-moving-soft);
}

.cyberclaw-light .call-state.failed{
  color:#be123c;
  border-color:#fecdd3;
  background:var(--state-failed-soft);
}

.cyberclaw-light .call-state.running em{
  animation:statusPulse 1.6s ease-in-out infinite;
}

.cyberclaw-light .metric-value,
.cyberclaw-light .entity-card-meter b,
.cyberclaw-light .entity-card-location b,
.cyberclaw-light .skill-summary b,
.cyberclaw-light .foot b{
  font-variant-numeric:tabular-nums;
}

.cyberclaw-light .scene-graph{
  border-color:rgba(220,227,237,.96);
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(37,99,235,.038) 8% 31%,transparent 31% 35%,rgba(16,185,129,.04) 35% 61%,transparent 61% 66%,rgba(245,158,11,.045) 66% 92%,transparent 92%),
    linear-gradient(0deg,transparent 0 12%,rgba(15,23,42,.03) 12% 13%,transparent 13% 44%,rgba(15,23,42,.035) 44% 45%,transparent 45% 74%,rgba(15,23,42,.03) 74% 75%,transparent 75%),
    linear-gradient(rgba(37,99,235,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.018) 1px,transparent 1px),
    linear-gradient(180deg,#ffffff,#f8fafd);
  background-size:auto,auto,26px 26px,26px 26px,auto;
}

.cyberclaw-light .scene-graph:before{
  left:8%;
  right:8%;
  top:14%;
  bottom:14%;
  width:auto;
  height:auto;
  transform:none;
  border:1px solid rgba(203,213,225,.72);
  border-radius:8px;
  background:
    linear-gradient(90deg,transparent 0 18%,rgba(148,163,184,.48) 18% 18.5%,transparent 18.5% 43%,rgba(148,163,184,.44) 43% 43.5%,transparent 43.5% 76%,rgba(148,163,184,.44) 76% 76.5%,transparent 76.5%),
    linear-gradient(0deg,transparent 0 24%,rgba(148,163,184,.44) 24% 24.5%,transparent 24.5% 58%,rgba(148,163,184,.42) 58% 58.5%,transparent 58.5%),
    radial-gradient(circle at 18% 24%,rgba(37,99,235,.12),transparent 9%),
    radial-gradient(circle at 74% 60%,rgba(16,185,129,.12),transparent 9%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(15,23,42,.035);
  mask-image:none;
  opacity:.78;
}

.cyberclaw-light .scene-graph:after{
  inset:18% 12% 18% 12%;
  z-index:1;
  border-radius:10px;
  background:
    linear-gradient(32deg,transparent 0 27%,rgba(37,99,235,.16) 27% 28.2%,transparent 28.2% 100%),
    linear-gradient(142deg,transparent 0 45%,rgba(16,185,129,.16) 45% 46.2%,transparent 46.2% 100%),
    radial-gradient(circle at 24% 34%,rgba(37,99,235,.16),transparent 6%),
    radial-gradient(circle at 68% 58%,rgba(245,158,11,.14),transparent 6%);
  mix-blend-mode:normal;
  opacity:.72;
}

.cyberclaw-light .scene-network{
  z-index:2;
}

.cyberclaw-light .scene-network canvas{
  filter:drop-shadow(0 8px 18px rgba(37,99,235,.1));
}

.cyberclaw-light .entity-card{
  --entity-state:var(--state-idle);
  --entity-state-soft:var(--state-idle-soft);
  overflow:hidden;
}

.cyberclaw-light .entity-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--entity-state);
  opacity:.82;
}

.cyberclaw-light .entity-card-run{
  --entity-state:var(--state-running);
  --entity-state-soft:var(--state-running-soft);
}

.cyberclaw-light .entity-card-move{
  --entity-state:var(--state-moving);
  --entity-state-soft:var(--state-moving-soft);
}

.cyberclaw-light .entity-card-busy{
  --entity-state:var(--state-waiting);
  --entity-state-soft:var(--state-waiting-soft);
}

.cyberclaw-light .entity-card-idle{
  --entity-state:var(--state-idle);
  --entity-state-soft:var(--state-idle-soft);
}

.cyberclaw-light .entity-card-offline{
  --entity-state:var(--state-idle);
  --entity-state-soft:var(--state-idle-soft);
}

.cyberclaw-light .entity-card-error{
  --entity-state:var(--state-failed);
  --entity-state-soft:var(--state-failed-soft);
}

.cyberclaw-light .entity-card-state{
  width:max-content;
  max-width:100%;
  height:22px;
  padding:0 8px;
  border:1px solid color-mix(in srgb,var(--entity-state) 24%,transparent);
  border-radius:999px;
  color:var(--entity-state);
  background:var(--entity-state-soft);
  font-size:11px;
}

.cyberclaw-light .entity-state-glyph{
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
}

.cyberclaw-light .entity-state-glyph img{
  width:13px;
  height:13px;
}

.cyberclaw-light .entity-state.run .entity-state-glyph img{
  animation:entityStatusSpin 1s linear infinite;
  transform-origin:center;
}

@keyframes entityStatusSpin{
  to{transform:rotate(360deg)}
}

.cyberclaw-light .entity-state.run .entity-dot{
  background:var(--state-running);
  box-shadow:0 0 0 3px rgba(16,185,129,.12);
}

.cyberclaw-light .entity-state.move .entity-dot{
  background:var(--state-moving);
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}

.cyberclaw-light .entity-state.busy{
  color:var(--state-waiting);
}

.cyberclaw-light .entity-state.busy .entity-dot{
  background:var(--state-waiting);
  box-shadow:0 0 0 3px rgba(245,158,11,.13);
}

.cyberclaw-light .entity-state.idle{
  color:var(--state-idle);
}

.cyberclaw-light .entity-state.idle .entity-dot{
  background:var(--state-idle);
  box-shadow:0 0 0 3px rgba(102,112,133,.1);
}

.cyberclaw-light .entity-card-meter em,
.cyberclaw-light .battery-bar i,
.cyberclaw-light .entity-battery-bar i{
  transition:width .36s ease;
}

.cyberclaw-light .answer-card{
  box-shadow:0 13px 30px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .answer-final-badge,
.cyberclaw-light .answer-final-state{
  border-radius:999px;
}

.cyberclaw-light .answer-final-summary{
  border-left-width:3px;
  background:linear-gradient(90deg,rgba(37,99,235,.055),rgba(255,255,255,.78));
}

.cyberclaw-light .answer-final-meta{
  border-color:rgba(226,232,240,.92);
  background:#ffffff;
}

.cyberclaw-light .answer-final-meta div+div{
  border-left-color:rgba(226,232,240,.9);
}

/* Keep the skill process table readable by letting the right rail scroll horizontally. */
.cyberclaw-light .skill-table-wrap{
  overflow:auto;
  overscroll-behavior:contain;
}

.cyberclaw-light .skill-table-inner{
  width:638px;
  min-width:638px;
}

.cyberclaw-light .call-table-head,
.cyberclaw-light .call-row{
  grid-template-columns:132px 54px 150px 74px 92px 68px 68px;
}

.cyberclaw-light .call-table-head span,
.cyberclaw-light .call-row>b,
.cyberclaw-light .call-row>span{
  padding:0 8px;
}

.cyberclaw-light .skill-cell-icon{
  width:18px;
  height:18px;
  flex-basis:18px;
  border-radius:5px;
}

.cyberclaw-light .skill-cell-icon img{
  width:13px;
  height:13px;
}

.cyberclaw-light .call-type,
.cyberclaw-light .call-state{
  font-size:10px;
}

.cyberclaw-light .call-state{
  padding:0 5px;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  font-size:10.5px;
}

@keyframes statusPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 0 0 rgba(16,185,129,.24);
  }
  50%{
    transform:scale(1.18);
    box-shadow:0 0 0 4px rgba(16,185,129,0);
  }
}

@media (prefers-reduced-motion: reduce){
  .cyberclaw-light .call-state.running em{
    animation:none;
  }
  .cyberclaw-light .entity-card,
  .cyberclaw-light .call-row,
  .cyberclaw-light .obs-row{
    transition:none;
  }
}

/* Skill process: compact right-rail layout, no horizontal table sprawl. */
.cyberclaw-light .callbody{
  gap:6px;
  padding:6px;
}

.cyberclaw-light .skill-controls{
  gap:6px;
}

.cyberclaw-light .skill-search{
  height:32px;
  padding:0 9px;
  border-radius:7px;
  background:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .skill-search img{
  width:14px;
  height:14px;
}

.cyberclaw-light .skill-search input{
  font-size:12px;
  font-weight:760;
}

.cyberclaw-light .skill-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:4px;
  padding:2px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:8px;
  background:#f8fafc;
}

.cyberclaw-light .skill-filter{
  height:25px;
  gap:4px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#667085;
  font-size:10.5px;
  box-shadow:none;
}

.cyberclaw-light .skill-filter img{
  width:13px;
  height:13px;
}

.cyberclaw-light .skill-filter:hover{
  background:#ffffff;
  box-shadow:0 1px 4px rgba(15,23,42,.06);
}

.cyberclaw-light .skill-filter.active{
  border:0;
  color:#1d4ed8;
  background:#ffffff;
  box-shadow:0 1px 6px rgba(37,99,235,.12),inset 0 0 0 1px rgba(37,99,235,.12);
}

.cyberclaw-light .skill-table-wrap{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:8px;
  background:#ffffff;
}

.cyberclaw-light .skill-table-inner{
  flex:1;
  height:100%;
  min-height:0;
  width:100%;
  min-width:0;
}

.cyberclaw-light .call-table-head{
  height:28px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(92px,.95fr) 74px;
  align-items:center;
  padding:0 8px;
  border-bottom-color:rgba(226,232,240,.9);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  color:#7a8798;
  font-size:10.5px;
}

.cyberclaw-light .call-table-head span{
  height:auto;
  padding:0;
  border:0;
}

.cyberclaw-light .call-table-head span:nth-child(2),
.cyberclaw-light .call-table-head span:nth-child(4),
.cyberclaw-light .call-table-head span:nth-child(6),
.cyberclaw-light .call-table-head span:nth-child(7){
  display:none;
}

.cyberclaw-light .call-table-head span:nth-child(3){
  justify-content:flex-start;
}

.cyberclaw-light .call-table-head span:nth-child(5){
  justify-content:flex-end;
}

.cyberclaw-light .call-list{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px;
  background:#ffffff;
}

.cyberclaw-light .call-row{
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px 32px 32px 45px;
  grid-template-rows:20px 18px;
  grid-template-areas:
    "name type duration frequency state"
    "robot business business business state";
  gap:3px 5px;
  align-items:center;
  margin:0 0 4px;
  padding:5px 6px;
  border:1px solid rgba(226,232,240,.84);
  border-radius:7px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .call-row:last-child{
  margin-bottom:0;
}

.cyberclaw-light .call-row:nth-child(even){
  background:linear-gradient(180deg,#ffffff,#f9fbfe);
}

.cyberclaw-light .call-row:hover{
  border-color:rgba(191,219,254,.95);
  background:#f8fbff;
  box-shadow:0 6px 16px rgba(37,99,235,.055),inset 3px 0 0 rgba(37,99,235,.3);
}

.cyberclaw-light .call-row.state-running{
  box-shadow:inset 3px 0 0 rgba(16,185,129,.32);
}

.cyberclaw-light .call-row.state-queued{
  box-shadow:inset 3px 0 0 rgba(37,99,235,.26);
}

.cyberclaw-light .call-row.state-failed{
  box-shadow:inset 3px 0 0 rgba(239,68,68,.34);
}

.cyberclaw-light .call-row>b,
.cyberclaw-light .call-row>span{
  height:auto;
  min-height:0;
  padding:0;
  border:0;
}

.cyberclaw-light .skill-name-cell{
  grid-area:name;
  gap:5px;
  color:#1f2937;
  font-size:11.5px;
  line-height:1;
}

.cyberclaw-light .skill-robot-cell{
  grid-area:robot;
  gap:5px;
  color:#667085;
  font-size:10.5px;
  line-height:1;
}

.cyberclaw-light .skill-business{
  grid-area:business;
  color:#667085;
  font-size:10.5px;
  font-weight:760;
  line-height:1;
}

.cyberclaw-light .call-type{
  grid-area:type;
  width:100%;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  font-size:10px;
  line-height:18px;
}

.cyberclaw-light .call-state{
  grid-area:state;
  align-self:stretch;
  justify-self:end;
  width:45px;
  min-width:45px;
  flex-direction:row;
  justify-content:center;
  gap:2px;
  padding:0;
  border-radius:6px;
  font-size:9.2px;
  line-height:1;
}

.cyberclaw-light .call-state-label{
  display:block;
  width:auto;
  overflow:hidden;
  text-align:center;
  white-space:nowrap;
  line-height:1;
}

.cyberclaw-light .call-state.success{
  color:#059669;
  background:#ecfdf5;
}

.cyberclaw-light .call-state.running{
  color:#059669;
  background:#ecfdf5;
}

.cyberclaw-light .call-state.queued{
  color:#1d4ed8;
  background:#eff6ff;
}

.cyberclaw-light .call-state.failed{
  color:#dc2626;
  background:#fff1f2;
}

.cyberclaw-light .call-state em{
  width:6px;
  height:6px;
}

.cyberclaw-light .call-duration{
  grid-area:duration;
}

.cyberclaw-light .call-frequency{
  grid-area:frequency;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  justify-content:flex-end;
  color:#344054;
  font-size:10.5px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}

.cyberclaw-light .call-frequency{
  color:#047857;
}

.cyberclaw-light .skill-cell-icon{
  width:17px;
  height:17px;
  flex-basis:17px;
  border-radius:5px;
}

.cyberclaw-light .skill-cell-icon img{
  width:12px;
  height:12px;
}

/* Absolute final typography normalization. */
.cyberclaw-light .obs-time{
  color:#7a8799;
  font-weight:650;
}

.cyberclaw-light .obs-row.timeline-row b{
  color:#273449;
  font-weight:650;
}

.cyberclaw-light .knowledge-section .rag-text{
  color:#273449;
  font-weight:700;
}

.cyberclaw-light .skill-name-cell{
  color:#243044;
  font-weight:700;
}

.cyberclaw-light .skill-name-cell>span:last-child{
  font-weight:700;
}

.cyberclaw-light .call-type,
.cyberclaw-light .skill-robot-cell,
.cyberclaw-light .skill-business{
  font-weight:650;
}

/* Final two-camera preview guard. */
.cyberclaw-light .video-preview-workspace{
  grid-template-rows:44px minmax(0,1fr);
  background:
    radial-gradient(circle at 28% -16%,rgba(62,104,230,.34),transparent 38%),
    radial-gradient(circle at 78% -18%,rgba(20,184,166,.18),transparent 30%),
    linear-gradient(180deg,#101b2e 0%,#07111f 64%,#050b13 100%);
}

.cyberclaw-light .video-view-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid rgba(132,164,211,.18);
  background:linear-gradient(180deg,rgba(18,31,52,.98),rgba(8,17,31,.95));
}

.cyberclaw-light .video-preview-workspace .video-view-tab{
  height:32px;
  min-width:0;
  width:100%;
  border:1px solid rgba(132,164,211,.22);
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:#93a4bd;
  font-size:12px;
  font-weight:680;
  box-shadow:none;
}

.cyberclaw-light .video-preview-workspace .video-view-tab.active{
  color:#f4f8ff;
  border-color:rgba(91,140,255,.72);
  background:linear-gradient(180deg,rgba(91,140,255,.34),rgba(38,68,121,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(37,99,235,.18);
}

.cyberclaw-light .video-preview-stage{
  padding:8px 10px 10px;
}

.cyberclaw-light .video-preview-stage .view-pane{
  border-radius:11px;
  border-color:rgba(132,164,211,.3);
}

/* Skill calls final: labelled compact cards, no ambiguous columns. */
.cyberclaw-light .call-table-head{
  height:30px;
  grid-template-columns:minmax(0,1fr) 82px;
  padding:0 10px;
  color:#667085;
  font-size:10.5px;
  letter-spacing:0;
}

.cyberclaw-light .call-table-head span:first-child{
  justify-content:flex-start;
}

.cyberclaw-light .call-table-head span:nth-child(2){
  justify-content:flex-end;
}

.cyberclaw-light .call-list{
  padding:5px;
}

.cyberclaw-light .call-row{
  min-height:82px;
  grid-template-columns:minmax(0,1fr) 72px;
  grid-template-rows:24px 24px 22px;
  grid-template-areas:
    "main state"
    "fields fields"
    "metrics metrics";
  gap:6px 8px;
  align-items:center;
  margin:0 0 5px;
  padding:8px;
  border-color:rgba(211,224,241,.95);
  border-radius:9px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}

.cyberclaw-light .call-row:hover{
  border-color:rgba(147,197,253,.95);
  background:#f8fbff;
}

.cyberclaw-light .call-main{
  gap:6px;
}

.cyberclaw-light .skill-name-cell{
  font-size:12px;
  line-height:1;
}

.cyberclaw-light .call-type{
  height:19px;
  padding:0 7px;
  font-size:10px;
  line-height:19px;
}

.cyberclaw-light .call-fields{
  grid-area:fields;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.84fr);
  gap:6px;
}

.cyberclaw-light .call-field{
  min-width:0;
  height:24px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 7px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:7px;
  background:#f8fafc;
}

.cyberclaw-light .field-label,
.cyberclaw-light .metric-label{
  flex:0 0 auto;
  color:#98a2b3;
  font-size:9.5px;
  font-weight:850;
  line-height:1;
}

.cyberclaw-light .field-value{
  min-width:0;
}

.cyberclaw-light .field-value.skill-robot-cell{
  display:flex;
  align-items:center;
  gap:4px;
  color:#475467;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
}

.cyberclaw-light .field-value.skill-robot-cell>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .field-value.skill-business{
  display:block;
  overflow:hidden;
  color:#475467;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .call-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  justify-content:stretch;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:22px;
  justify-content:space-between;
  gap:6px;
  padding:0 7px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:7px;
  background:#ffffff;
  font-size:10.5px;
  font-weight:760;
}

.cyberclaw-light .metric-label{
  display:inline;
}

.cyberclaw-light .call-duration:after{
  content:none;
}

.cyberclaw-light .call-frequency{
  border-color:rgba(187,247,208,.9);
  background:#f0fdf4;
}

.cyberclaw-light .call-metrics .metric-value{
  color:#243044;
  font-weight:800;
}

.cyberclaw-light .call-frequency .metric-value{
  color:#047857;
}

.cyberclaw-light .call-state{
  width:68px;
  min-width:68px;
  height:22px;
  padding:0 6px;
  font-size:9.5px;
}

.cyberclaw-light .video-preview-stage .stream-view{
  background:#050b13;
}

.cyberclaw-light .video-preview-stage .stream-frame{
  background:#000;
}

.cyberclaw-light .video-preview-stage .preview-camera-stream{
  object-fit:cover;
  color:transparent;
  font-size:0;
}

.cyberclaw-light .video-preview-stage .stream-frame:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,23,42,.16),transparent 36%,rgba(5,11,20,.2)),
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px);
}

.cyberclaw-light .video-preview-stage .vision-reticle,
.cyberclaw-light .video-preview-stage .hud-corner,
.cyberclaw-light .video-preview-stage .camera-expand-btn{
  z-index:2;
}

/* Final video preview: only first-person and third-person views. */
.cyberclaw-light .video-preview-workspace{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:48px minmax(0,1fr);
  overflow:hidden;
  background:
    radial-gradient(circle at 18% -20%,rgba(61,110,255,.34),transparent 38%),
    radial-gradient(circle at 83% -14%,rgba(20,184,166,.18),transparent 30%),
    linear-gradient(180deg,#0d182b 0%,#07111f 62%,#050b14 100%);
  color:#dce8f7;
}

.cyberclaw-light .video-view-tabs{
  min-width:0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  align-items:center;
  padding:7px 10px 6px;
  border:0;
  border-bottom:1px solid rgba(132,164,211,.18);
  background:linear-gradient(180deg,rgba(16,29,50,.96),rgba(8,17,31,.94));
}

.cyberclaw-light .video-preview-workspace .video-view-tab{
  appearance:none;
  height:34px;
  min-width:0;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid rgba(132,164,211,.2);
  border-radius:9px;
  background:rgba(255,255,255,.04);
  color:#8fa0b8;
  box-shadow:none;
  cursor:pointer;
  font-size:13px;
  font-weight:720;
  line-height:1;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.cyberclaw-light .video-preview-workspace .video-view-tab:before,
.cyberclaw-light .video-preview-workspace .video-view-tab:after{
  content:none;
}

.cyberclaw-light .video-preview-workspace .video-view-tab img{
  position:static;
  width:17px;
  height:17px;
  display:block;
  opacity:.85;
  transform:none;
  filter:brightness(0) saturate(100%) invert(65%) sepia(14%) saturate(461%) hue-rotate(179deg) brightness(94%) contrast(88%);
}

.cyberclaw-light .video-preview-workspace .video-view-tab:hover{
  color:#e8f2ff;
  border-color:rgba(91,140,255,.42);
  background:rgba(91,140,255,.1);
}

.cyberclaw-light .video-preview-workspace .video-view-tab.active{
  color:#f2f7ff;
  border-color:rgba(91,140,255,.68);
  background:linear-gradient(180deg,rgba(91,140,255,.34),rgba(40,73,132,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(24,68,160,.18);
}

.cyberclaw-light .video-preview-workspace .video-view-tab.active img{
  opacity:1;
  filter:brightness(0) saturate(100%) invert(76%) sepia(56%) saturate(1871%) hue-rotate(190deg) brightness(105%) contrast(102%);
}

.cyberclaw-light .video-preview-stage{
  min-width:0;
  min-height:0;
  padding:9px 10px 10px;
}

.cyberclaw-light .video-preview-stage .view-pane{
  min-width:0;
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:32px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(132,164,211,.28);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(13,25,45,.94),rgba(7,14,27,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px rgba(0,0,0,.2);
}

.cyberclaw-light .video-preview-stage .preview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 13px;
  border-bottom:1px solid rgba(132,164,211,.18);
  color:#cdd9ea;
}

.cyberclaw-light .video-preview-stage .preview-head>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.cyberclaw-light .video-preview-stage .preview-head b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eaf2ff;
  font-size:12px;
  font-weight:740;
}

.cyberclaw-light .video-preview-stage .preview-grid-icon{
  width:14px;
  height:14px;
  display:inline-block;
  border:1px solid rgba(126,159,208,.8);
  border-radius:4px;
  background:
    linear-gradient(90deg,transparent 43%,rgba(126,159,208,.8) 43% 57%,transparent 57%),
    linear-gradient(transparent 43%,rgba(126,159,208,.8) 43% 57%,transparent 57%);
}

.cyberclaw-light .video-preview-stage .preview-live{
  height:20px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 8px;
  border:1px solid rgba(52,211,153,.28);
  border-radius:6px;
  background:rgba(16,185,129,.11);
  color:#77e8b8;
  font-size:11px;
  font-weight:720;
  white-space:nowrap;
}

.cyberclaw-light .video-preview-stage .preview-live i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 10px rgba(52,211,153,.82);
}

.cyberclaw-light .video-preview-stage .preview-live.standby{
  border-color:rgba(126,159,208,.22);
  background:rgba(126,159,208,.08);
  color:#aebbd0;
}

.cyberclaw-light .video-preview-stage .preview-live.standby i{
  background:#8a99ae;
  box-shadow:none;
}

.cyberclaw-light .vision-frame{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#08111f;
}

.cyberclaw-light .factory-lane{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 24%,rgba(244,249,255,.38),transparent 12%),
    linear-gradient(90deg,rgba(5,14,28,.9),rgba(30,54,78,.25) 29%,rgba(224,237,250,.24) 50%,rgba(30,54,78,.25) 71%,rgba(5,14,28,.9)),
    linear-gradient(180deg,#8da4bd 0%,#607993 28%,#2a3e5b 45%,#14223a 100%);
}

.cyberclaw-light .factory-lane:before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-18%;
  height:66%;
  transform:perspective(540px) rotateX(64deg);
  transform-origin:center bottom;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(18,45,78,.56) 8% 11%,transparent 11% 89%,rgba(18,45,78,.56) 89% 92%,transparent 92%),
    repeating-linear-gradient(90deg,rgba(238,244,252,.46) 0 4px,transparent 4px 36px),
    linear-gradient(180deg,rgba(13,35,65,.74),rgba(5,13,25,.94));
  opacity:.94;
}

.cyberclaw-light .factory-lane:after{
  content:"";
  position:absolute;
  left:40%;
  right:40%;
  top:16%;
  bottom:0;
  background:linear-gradient(180deg,rgba(35,77,131,.32),rgba(18,48,90,.72));
  clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);
}

.cyberclaw-light .ceiling-strip{
  position:absolute;
  top:10%;
  width:7%;
  height:6px;
  border-radius:999px;
  background:rgba(240,248,255,.82);
  box-shadow:0 0 16px rgba(221,237,255,.76);
}

.cyberclaw-light .strip-a{left:23%;transform:rotate(17deg)}
.cyberclaw-light .strip-b{left:48%;width:8%;transform:rotate(7deg)}
.cyberclaw-light .strip-c{right:24%;transform:rotate(-15deg)}

.cyberclaw-light .factory-column{
  position:absolute;
  top:0;
  bottom:24%;
  width:2px;
  background:linear-gradient(180deg,rgba(228,236,247,.42),rgba(61,79,103,.3));
}

.cyberclaw-light .col-a{left:15%}
.cyberclaw-light .col-b{left:31%}
.cyberclaw-light .col-c{right:31%}
.cyberclaw-light .col-d{right:15%}

.cyberclaw-light .belt{
  position:absolute;
  bottom:5%;
  width:28%;
  height:42%;
  background:linear-gradient(90deg,rgba(9,18,30,.78),rgba(68,86,105,.74),rgba(8,17,29,.84));
  clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);
  opacity:.92;
}

.cyberclaw-light .belt-left{left:7%}
.cyberclaw-light .belt-right{right:7%}

.cyberclaw-light .crate{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  border:1px solid rgba(114,169,239,.46);
  background:linear-gradient(180deg,#1160b6,#073673);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 14px 28px rgba(0,0,0,.26);
}

.cyberclaw-light .crate-1{bottom:15%;width:28%;height:29%;border-radius:4px 4px 8px 8px}
.cyberclaw-light .crate-2{bottom:37%;width:18%;height:14%;opacity:.78}
.cyberclaw-light .crate-3{bottom:52%;width:10%;height:8%;opacity:.58}

.cyberclaw-light .robot-arm{
  position:absolute;
  bottom:-10%;
  width:31%;
  height:39%;
  border-radius:36px;
  background:linear-gradient(135deg,#eef2f8,#aeb9c8 48%,#202a37 49%,#0b121d 62%,#f3f6fa 63%);
  box-shadow:inset 0 2px 8px rgba(255,255,255,.48),0 12px 25px rgba(0,0,0,.3);
}

.cyberclaw-light .robot-arm:after{
  content:"";
  position:absolute;
  top:-18%;
  width:34%;
  height:44%;
  border:10px solid #0f1724;
  border-bottom-color:transparent;
  border-radius:50%;
}

.cyberclaw-light .arm-left{left:7%;transform:rotate(-19deg)}
.cyberclaw-light .arm-left:after{right:-6%;transform:rotate(22deg)}
.cyberclaw-light .arm-right{right:7%;transform:rotate(19deg) scaleX(-1)}
.cyberclaw-light .arm-right:after{right:-6%;transform:rotate(22deg)}

.cyberclaw-light .vision-reticle{
  position:absolute;
  left:50%;
  top:58%;
  width:72px;
  height:72px;
  transform:translate(-50%,-50%);
  border:2px solid rgba(221,232,245,.42);
  border-radius:50%;
}

.cyberclaw-light .vision-reticle:before,
.cyberclaw-light .vision-reticle:after{
  content:"";
  position:absolute;
  background:rgba(221,232,245,.48);
}

.cyberclaw-light .vision-reticle:before{left:50%;top:-58%;bottom:-58%;width:1px}
.cyberclaw-light .vision-reticle:after{top:50%;left:-58%;right:-58%;height:1px}

.cyberclaw-light .hud-corner{
  position:absolute;
  width:42px;
  height:42px;
  border-color:rgba(232,241,255,.8);
  opacity:.86;
}

.cyberclaw-light .hud-corner.tl{left:18px;top:18px;border-left:2px solid;border-top:2px solid;border-radius:12px 0 0 0}
.cyberclaw-light .hud-corner.tr{right:18px;top:18px;border-right:2px solid;border-top:2px solid;border-radius:0 12px 0 0}
.cyberclaw-light .hud-corner.bl{left:18px;bottom:18px;border-left:2px solid;border-bottom:2px solid;border-radius:0 0 0 12px}
.cyberclaw-light .hud-corner.br{right:18px;bottom:18px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 12px 0}

.cyberclaw-light .vision-frame .camera-expand-btn{
  right:12px;
  top:10px;
  border-color:rgba(186,204,229,.36);
  background:rgba(8,16,29,.6);
}

.cyberclaw-light .vision-frame:fullscreen{
  width:100vw;
  height:100vh;
  background:#050b15;
}

.cyberclaw-light .third-stage{
  position:relative;
  min-height:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(91,140,255,.13),transparent 31%),
    linear-gradient(180deg,#101d32,#07101d);
}

.cyberclaw-light .overview-floor{
  position:absolute;
  left:8%;
  right:8%;
  bottom:-20%;
  height:82%;
  transform:perspective(600px) rotateX(63deg);
  transform-origin:center bottom;
  border:1px solid rgba(89,124,181,.24);
  background-image:
    linear-gradient(rgba(89,124,181,.24) 1px,transparent 1px),
    linear-gradient(90deg,rgba(89,124,181,.24) 1px,transparent 1px);
  background-size:36px 36px;
}

.cyberclaw-light .overview-track{
  position:absolute;
  height:34px;
  border:1px solid rgba(91,140,255,.28);
  border-radius:999px;
  background:rgba(26,49,82,.32);
}

.cyberclaw-light .main-track{left:13%;right:13%;top:45%}
.cyberclaw-light .side-track{left:26%;right:26%;top:62%}

.cyberclaw-light .agent-node{
  position:absolute;
  width:48px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#e9f3ff;
  font-size:12px;
  font-weight:760;
  box-shadow:0 10px 22px rgba(0,0,0,.26);
}

.cyberclaw-light .node-humanoid{left:43%;top:35%;background:#2563eb}
.cyberclaw-light .node-drone{left:64%;top:26%;background:#6d5dfc}
.cyberclaw-light .node-ugv{left:25%;top:54%;background:#0ea5e9}
.cyberclaw-light .node-dog{right:23%;top:58%;background:#10b981}

.cyberclaw-light .overview-card{
  position:absolute;
  left:14px;
  bottom:14px;
  width:210px;
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(126,159,208,.25);
  border-radius:10px;
  background:rgba(7,15,29,.72);
}

.cyberclaw-light .overview-card b{
  color:#edf5ff;
  font-size:13px;
  font-weight:760;
}

.cyberclaw-light .overview-card span{
  color:#93a4bd;
  font-size:11px;
}

/* Local video preview workspace with view tabs. */
.video-preview-workspace{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:44px minmax(0,1fr);
  overflow:hidden;
  background:
    radial-gradient(circle at 30% -20%,rgba(76,121,255,.24),transparent 38%),
    linear-gradient(180deg,#0d1729,#07101e 58%,#050b15);
  color:#dce8f7;
}

.video-view-tabs{
  min-width:0;
  display:flex;
  align-items:end;
  gap:0;
  padding:0 12px;
  border-bottom:1px solid rgba(119,150,196,.18);
  background:linear-gradient(180deg,rgba(18,31,52,.96),rgba(10,19,34,.92));
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.04);
}

.video-view-tab{
  position:relative;
  height:39px;
  min-width:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border:0;
  border-left:1px solid rgba(119,150,196,.12);
  background:transparent;
  color:#8d9bb0;
  font-size:14px;
  font-weight:720;
  cursor:pointer;
  white-space:nowrap;
}

.video-view-tab:first-child{
  border-left:0;
}

.video-view-tab img{
  width:17px;
  height:17px;
  opacity:.78;
  filter:brightness(0) saturate(100%) invert(67%) sepia(16%) saturate(471%) hue-rotate(180deg) brightness(94%) contrast(88%);
}

.video-view-tab:hover{
  color:#dbe8ff;
  background:rgba(83,126,255,.08);
}

.video-view-tab.active{
  color:#eef6ff;
  background:linear-gradient(180deg,rgba(47,70,111,.78),rgba(18,34,61,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.video-view-tab.active:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:#5b8cff;
  box-shadow:0 0 13px rgba(91,140,255,.68);
}

.video-view-tab.active img{
  opacity:1;
  filter:brightness(0) saturate(100%) invert(73%) sepia(50%) saturate(2200%) hue-rotate(192deg) brightness(103%) contrast(101%);
}

.video-preview-stage{
  min-width:0;
  min-height:0;
  padding:10px 12px 12px;
}

.view-pane{
  min-width:0;
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:34px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(113,148,196,.26);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(12,23,41,.94),rgba(7,14,26,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 38px rgba(0,0,0,.18);
}

.preview-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  color:#cbd6e8;
  border-bottom:1px solid rgba(113,148,196,.18);
}

.preview-head>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

.preview-head b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:780;
}

.preview-grid-icon{
  width:14px;
  height:14px;
  display:inline-block;
  border:1px solid rgba(126,159,208,.72);
  border-radius:4px;
  background:
    linear-gradient(90deg,transparent 45%,rgba(126,159,208,.72) 45% 55%,transparent 55%),
    linear-gradient(transparent 45%,rgba(126,159,208,.72) 45% 55%,transparent 55%);
}

.preview-live{
  height:22px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 9px;
  border:1px solid rgba(54,211,153,.22);
  border-radius:6px;
  background:rgba(16,185,129,.1);
  color:#72e6b4;
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}

.preview-live i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 10px rgba(52,211,153,.8);
}

.preview-live.standby{
  border-color:rgba(126,159,208,.2);
  background:rgba(126,159,208,.08);
  color:#aebbd0;
}

.preview-live.standby i{
  background:#7d8da5;
  box-shadow:none;
}

.vision-frame{
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  background:#08111f;
}

.factory-lane{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 35%,rgba(230,241,255,.22),transparent 15%),
    linear-gradient(90deg,rgba(5,15,30,.88),rgba(29,45,64,.18) 28%,rgba(224,236,250,.24) 50%,rgba(29,45,64,.18) 72%,rgba(5,15,30,.88)),
    linear-gradient(180deg,#8ca0b7 0%,#687d95 27%,#2d3f58 45%,#172438 100%);
}

.factory-lane:before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:-18%;
  height:64%;
  transform:perspective(520px) rotateX(64deg);
  transform-origin:center bottom;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(18,45,78,.52) 8% 11%,transparent 11% 89%,rgba(18,45,78,.52) 89% 92%,transparent 92%),
    repeating-linear-gradient(90deg,rgba(238,244,252,.42) 0 4px,transparent 4px 38px),
    linear-gradient(180deg,rgba(11,29,54,.72),rgba(5,13,25,.92));
  opacity:.92;
}

.factory-lane:after{
  content:"";
  position:absolute;
  left:41%;
  right:41%;
  top:18%;
  bottom:0;
  background:linear-gradient(180deg,rgba(32,70,118,.26),rgba(21,52,92,.7));
  clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);
}

.ceiling-strip{
  position:absolute;
  top:11%;
  width:7%;
  height:6px;
  border-radius:999px;
  background:rgba(240,248,255,.78);
  box-shadow:0 0 15px rgba(221,237,255,.72);
}

.strip-a{left:23%;transform:rotate(17deg)}
.strip-b{left:48%;width:8%;transform:rotate(7deg)}
.strip-c{right:24%;transform:rotate(-15deg)}

.factory-column{
  position:absolute;
  top:0;
  bottom:24%;
  width:2px;
  background:linear-gradient(180deg,rgba(228,236,247,.35),rgba(61,79,103,.28));
}

.col-a{left:15%}
.col-b{left:31%}
.col-c{right:31%}
.col-d{right:15%}

.belt{
  position:absolute;
  bottom:5%;
  width:28%;
  height:42%;
  background:linear-gradient(90deg,rgba(9,18,30,.76),rgba(68,86,105,.72),rgba(8,17,29,.82));
  clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);
  opacity:.9;
}

.belt-left{left:7%}
.belt-right{right:7%}

.crate{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#0f56a3,#06336c);
  border:1px solid rgba(114,169,239,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 28px rgba(0,0,0,.24);
}

.crate-1{
  bottom:15%;
  width:28%;
  height:29%;
  border-radius:4px 4px 8px 8px;
}

.crate-2{
  bottom:37%;
  width:18%;
  height:14%;
  opacity:.78;
}

.crate-3{
  bottom:52%;
  width:10%;
  height:8%;
  opacity:.58;
}

.robot-arm{
  position:absolute;
  bottom:-9%;
  width:31%;
  height:38%;
  background:linear-gradient(135deg,#e8edf4,#aab5c4 48%,#212b38 49%,#0c121d 62%,#eef2f7 63%);
  border-radius:36px;
  box-shadow:inset 0 2px 8px rgba(255,255,255,.46),0 12px 25px rgba(0,0,0,.28);
}

.robot-arm:after{
  content:"";
  position:absolute;
  top:-18%;
  width:34%;
  height:44%;
  border:10px solid #0f1724;
  border-bottom-color:transparent;
  border-radius:50%;
}

.arm-left{
  left:7%;
  transform:rotate(-19deg);
}

.arm-left:after{right:-6%;transform:rotate(22deg)}

.arm-right{
  right:7%;
  transform:rotate(19deg) scaleX(-1);
}

.arm-right:after{right:-6%;transform:rotate(22deg)}

.vision-reticle{
  position:absolute;
  left:50%;
  top:58%;
  width:76px;
  height:76px;
  transform:translate(-50%,-50%);
  border:2px solid rgba(221,232,245,.38);
  border-radius:50%;
}

.vision-reticle:before,
.vision-reticle:after{
  content:"";
  position:absolute;
  background:rgba(221,232,245,.46);
}

.vision-reticle:before{left:50%;top:-60%;bottom:-60%;width:1px}
.vision-reticle:after{top:50%;left:-60%;right:-60%;height:1px}

.hud-corner{
  position:absolute;
  width:44px;
  height:44px;
  border-color:rgba(232,241,255,.76);
  opacity:.85;
}

.hud-corner.tl{left:20px;top:20px;border-left:2px solid;border-top:2px solid;border-radius:12px 0 0 0}
.hud-corner.tr{right:20px;top:20px;border-right:2px solid;border-top:2px solid;border-radius:0 12px 0 0}
.hud-corner.bl{left:20px;bottom:20px;border-left:2px solid;border-bottom:2px solid;border-radius:0 0 0 12px}
.hud-corner.br{right:20px;bottom:20px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 12px 0}

.vision-frame .camera-expand-btn{
  right:14px;
  top:12px;
  background:rgba(8,16,29,.56);
  border-color:rgba(186,204,229,.35);
}

.vision-frame:fullscreen{
  width:100vw;
  height:100vh;
  background:#050b15;
}

.third-stage{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(91,140,255,.12),transparent 30%),
    linear-gradient(180deg,#101d32,#07101d);
}

.overview-floor{
  position:absolute;
  left:8%;
  right:8%;
  bottom:-20%;
  height:82%;
  transform:perspective(600px) rotateX(63deg);
  transform-origin:center bottom;
  border:1px solid rgba(89,124,181,.24);
  background-image:
    linear-gradient(rgba(89,124,181,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(89,124,181,.22) 1px,transparent 1px);
  background-size:36px 36px;
}

.overview-track{
  position:absolute;
  height:34px;
  border:1px solid rgba(91,140,255,.28);
  border-radius:999px;
  background:rgba(26,49,82,.32);
}

.main-track{left:13%;right:13%;top:45%}
.side-track{left:26%;right:26%;top:62%}

.agent-node{
  position:absolute;
  width:48px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#e9f3ff;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 22px rgba(0,0,0,.26);
}

.node-humanoid{left:43%;top:35%;background:#2563eb}
.node-drone{left:64%;top:26%;background:#6d5dfc}
.node-ugv{left:25%;top:54%;background:#0ea5e9}
.node-dog{right:23%;top:58%;background:#10b981}

.overview-card{
  position:absolute;
  left:14px;
  bottom:14px;
  width:210px;
  display:grid;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(126,159,208,.25);
  border-radius:10px;
  background:rgba(7,15,29,.72);
}

.overview-card b{font-size:13px;font-weight:800;color:#edf5ff}
.overview-card span{font-size:11px;color:#93a4bd}

.resource-grid{
  min-height:0;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:10px;
}

.resource-card{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:auto auto 20px;
  gap:2px 8px;
  padding:10px;
  border:1px solid rgba(126,159,208,.2);
  border-radius:10px;
  background:rgba(12,24,43,.72);
}

.resource-card img{
  grid-row:1 / span 2;
  width:24px;
  height:24px;
  filter:brightness(0) saturate(100%) invert(73%) sepia(50%) saturate(2200%) hue-rotate(192deg) brightness(103%) contrast(101%);
}

.resource-card b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eef6ff;
  font-size:12px;
  font-weight:760;
}

.resource-card span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#91a1b8;
  font-size:11px;
}

.resource-card em{
  grid-column:1 / -1;
  justify-self:start;
  align-self:end;
  padding:3px 7px;
  border-radius:999px;
  background:rgba(91,140,255,.12);
  color:#9db8ff;
  font-size:10px;
  font-style:normal;
  font-weight:720;
}

.preview-task-list{
  min-height:0;
  overflow:auto;
  display:grid;
  gap:7px;
  align-content:start;
  padding:10px;
}

.preview-task-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 66px;
  grid-template-rows:auto 7px;
  gap:8px 10px;
  align-items:center;
  padding:9px 10px;
  border:1px solid rgba(126,159,208,.2);
  border-radius:10px;
  background:rgba(12,24,43,.72);
}

.preview-task-row div{
  min-width:0;
  display:grid;
  gap:2px;
}

.preview-task-row b{
  color:#edf5ff;
  font-size:12px;
  font-weight:760;
}

.preview-task-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#91a1b8;
  font-size:11px;
}

.preview-task-row em{
  justify-self:end;
  color:#80d4ff;
  font-size:11px;
  font-style:normal;
  font-weight:760;
}

.preview-task-row>i{
  grid-column:1 / -1;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(126,159,208,.16);
}

.preview-task-row>i span{
  height:100%;
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,#4f7cff,#34d399);
}

/* Physical space left-side stage placeholder */
.cyberclaw-light .scene-section-stage{
  padding:7px;
  background:
    linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),
    #f4f8fd;
  background-size:54px 54px;
}

.cyberclaw-light .physical-stage{
  position:relative;
  flex:1;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  border:2px solid #d2dfef;
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(248,251,255,.96) 0%,rgba(237,245,255,.9) 54%,rgba(248,251,255,.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(255,255,255,.82),
    0 10px 26px rgba(31,59,106,.07);
}

.cyberclaw-light .physical-stage:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8%;
  width:94%;
  height:86%;
  transform:translateX(-50%) perspective(520px) rotateX(66deg);
  transform-origin:center bottom;
  background-image:
    linear-gradient(rgba(174,203,242,.5) 1px,transparent 1px),
    linear-gradient(90deg,rgba(174,203,242,.5) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.78;
  mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 72%,transparent 100%);
}

.cyberclaw-light .physical-stage:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 68%,rgba(81,138,255,.08),transparent 42%),
    linear-gradient(180deg,rgba(255,255,255,.52),transparent 32%,rgba(255,255,255,.72));
}

/* Smooth reasoning log expansion */
.center{
  --log-size:118px;
  display:flex;
  flex-direction:column;
  grid-template-rows:none;
  transition:none;
}

.center.log-expanded{
  grid-template-rows:none;
}

.video-panel{
  flex:1 1 auto;
  min-height:0;
}

.log-panel{
  flex:0 0 var(--log-size);
  height:var(--log-size);
  min-height:0;
  transition:flex-basis .46s cubic-bezier(.25,.8,.25,1),height .46s cubic-bezier(.25,.8,.25,1),border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}

.center.log-animating .log-panel{
  will-change:flex-basis,height;
}

.log{
  transition:padding .28s ease,font-size .28s ease,line-height .28s ease,background-color .2s ease;
}

.log-row{
  transition:opacity .2s ease,transform .28s ease,grid-template-columns .3s ease,gap .3s ease,padding .3s ease;
}

.center.log-animating .log-row{
  opacity:.76;
  transform:translateY(1px);
}

.center.log-expanded .log-text{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.center.log-expanded.log-detail-ready .log-text{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

sl-button#logExpandBtn img{
  transition:transform .36s cubic-bezier(.25,.8,.25,1),filter .2s ease;
  transform:translate(-50%,-50%) rotate(0deg);
}

sl-button#logExpandBtn.active img{
  transform:translate(-50%,-50%) rotate(180deg) scale(.92);
}

@media (max-width:1360px),(max-height:760px){
  .center{
    --log-size:96px;
  }
}

/* Final typography normalization: keep labels readable without heavy black emphasis. */
.cyberclaw-light .obs-time{
  color:#7a8799;
  font-weight:650;
}

.cyberclaw-light .obs-row.timeline-row b{
  color:#273449;
  font-weight:650;
}

.cyberclaw-light .knowledge-section .rag-text{
  color:#273449;
  font-weight:700;
}

.cyberclaw-light .skill-name-cell{
  color:#243044;
  font-weight:700;
}

.cyberclaw-light .skill-name-cell>span:last-child{
  font-weight:700;
}

.cyberclaw-light .call-type,
.cyberclaw-light .skill-robot-cell,
.cyberclaw-light .skill-business{
  font-weight:650;
}

.cyberclaw-light .skill-summary{
  min-height:34px;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}

.cyberclaw-light .skill-stat-list{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
}

.cyberclaw-light .skill-stat-list i{
  display:none;
}

.cyberclaw-light .skill-stat-list span{
  height:32px;
  justify-content:center;
  gap:3px;
  padding:0 4px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:7px;
  background:#ffffff;
  color:#667085;
  font-size:9.5px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .skill-summary b{
  color:#111827;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}

/* Information space: make observations the primary readable feed. */
.cyberclaw-light .spacebody{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(0,1fr) 66px;
  gap:5px;
  padding:6px;
}

.cyberclaw-light .observed-section{
  min-height:0;
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
}

.cyberclaw-light .knowledge-section{
  min-height:66px;
  border-radius:8px;
  background:#ffffff;
}

.cyberclaw-light .observed-section .space-head{
  height:29px;
  padding:0 10px;
  color:#202b3d;
  font-size:13px;
}

.cyberclaw-light .observed-section .space-head:after{
  content:"事件流";
  margin-left:auto;
  padding:2px 7px;
  border:1px solid rgba(191,219,254,.88);
  border-radius:999px;
  color:#2563eb;
  background:#eff6ff;
  font-size:10px;
  font-weight:850;
}

.cyberclaw-light .observe-list{
  padding:4px;
  background:
    linear-gradient(90deg,rgba(37,99,235,.045) 0 1px,transparent 1px) 15px 0/1px 100% no-repeat,
    #ffffff;
}

.cyberclaw-light .obs-row.timeline-row{
  grid-template-columns:48px minmax(0,1fr);
  gap:8px;
  min-height:31px;
  margin:0;
  padding:4px 8px 4px 18px;
  border:0;
  border-radius:6px;
  background:transparent;
  box-shadow:none;
}

.cyberclaw-light .obs-row.timeline-row + .obs-row.timeline-row{
  border-top:1px solid rgba(235,240,247,.9);
}

.cyberclaw-light .obs-row.timeline-row:before{
  display:none;
}

.cyberclaw-light .obs-marker{
  left:11px;
  width:8px;
  height:8px;
  border-width:2px;
  background:#ffffff;
  box-shadow:0 0 0 1px rgba(37,99,235,.44),0 0 0 4px rgba(37,99,235,.06);
}

.cyberclaw-light .obs-time{
  height:auto;
  align-self:center;
  justify-content:flex-start;
  color:#667085;
  font-size:11px;
  font-weight:900;
  line-height:1;
}

.cyberclaw-light .obs-row.timeline-row b{
  grid-column:2;
  display:block;
  align-self:center;
  overflow:visible;
  color:#26364d;
  font-size:12px;
  font-weight:820;
  line-height:1.26;
  white-space:normal;
  word-break:break-word;
  -webkit-line-clamp:unset;
}

.cyberclaw-light .obs-row.timeline-row:hover{
  background:#f8fbff;
  box-shadow:inset 3px 0 0 rgba(37,99,235,.26);
}

.cyberclaw-light .obs-row.timeline-row:hover .obs-marker,
.cyberclaw-light .obs-row.timeline-row:last-child .obs-marker{
  background:#2563eb;
  box-shadow:0 0 0 2px #ffffff,0 0 0 5px rgba(37,99,235,.12);
}

.cyberclaw-light .obs-row.timeline-row:last-child{
  background:linear-gradient(90deg,rgba(37,99,235,.065),rgba(255,255,255,.96));
}

.cyberclaw-light .obs-row.timeline-row:last-child b{
  color:#17233c;
}

.cyberclaw-light .knowledge-section .space-head{
  height:21px;
  padding:0 8px;
  color:#475467;
  font-size:11px;
  background:#ffffff;
}

.cyberclaw-light .knowledge-section .space-head:after{
  content:"横向滚动";
  margin-left:auto;
  color:#98a2b3;
  font-size:9.5px;
  font-weight:800;
}

.cyberclaw-light .knowledge-section .rag-list{
  display:flex;
  gap:5px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px;
  background:#ffffff;
}

.cyberclaw-light .knowledge-section .rag-row{
  flex:0 0 120px;
  min-height:34px;
  padding:5px 7px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:7px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .knowledge-section .rag-row + .rag-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .knowledge-section .rag-name{
  align-items:center;
  gap:6px;
}

.cyberclaw-light .knowledge-section .rag-text{
  display:block;
  overflow:hidden;
  color:#25334a;
  font-size:11.5px;
  font-weight:800;
  line-height:1.15;
  white-space:nowrap;
  text-overflow:ellipsis;
  -webkit-line-clamp:unset;
}

.cyberclaw-light .knowledge-section .rag-icon{
  width:20px;
  height:20px;
  flex-basis:20px;
  border-radius:6px;
}

.cyberclaw-light .knowledge-section .rag-icon img{
  width:14px;
  height:14px;
}

/* Information space: split-pane readable list, matching the original two-column mental model. */
.cyberclaw-light .spacebody{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  grid-template-rows:minmax(0,1fr);
  gap:6px;
  padding:6px;
}

.cyberclaw-light .observed-section,
.cyberclaw-light .knowledge-section{
  min-height:0;
  border-radius:8px;
  background:#ffffff;
}

.cyberclaw-light .observed-section .space-head,
.cyberclaw-light .knowledge-section .space-head{
  height:31px;
  padding:0 10px;
  color:#202b3d;
  font-size:13px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
}

.cyberclaw-light .observed-section .space-head:after,
.cyberclaw-light .knowledge-section .space-head:after{
  content:none;
}

.cyberclaw-light .observe-list,
.cyberclaw-light .knowledge-section .rag-list{
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0;
  background:#ffffff;
}

.cyberclaw-light .obs-row.timeline-row{
  grid-template-columns:43px minmax(0,1fr);
  gap:7px;
  min-height:56px;
  margin:0;
  padding:7px 8px;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .obs-row.timeline-row + .obs-row.timeline-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .obs-row.timeline-row:before,
.cyberclaw-light .obs-marker{
  display:none;
}

.cyberclaw-light .obs-time{
  height:auto;
  align-self:start;
  justify-content:flex-start;
  padding-top:2px;
  color:#667085;
  font-size:12px;
  font-weight:820;
  line-height:1.2;
}

.cyberclaw-light .obs-row.timeline-row b{
  grid-column:2;
  display:block;
  align-self:start;
  overflow:visible;
  color:#202b3d;
  font-size:12.5px;
  font-weight:900;
  line-height:1.24;
  white-space:normal;
  word-break:break-word;
  -webkit-line-clamp:unset;
}

.cyberclaw-light .obs-row.timeline-row:hover,
.cyberclaw-light .obs-row.timeline-row:last-child{
  background:#f8fbff;
  box-shadow:inset 3px 0 0 rgba(37,99,235,.24);
}

.cyberclaw-light .knowledge-section .rag-row{
  flex:none;
  min-height:48px;
  padding:7px 8px;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .knowledge-section .rag-row + .rag-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .knowledge-section .rag-name{
  align-items:center;
  gap:6px;
}

.cyberclaw-light .knowledge-section .rag-icon{
  width:23px;
  height:23px;
  flex-basis:23px;
  border-radius:7px;
}

.cyberclaw-light .knowledge-section .rag-icon img{
  width:16px;
  height:16px;
}

.cyberclaw-light .knowledge-section .rag-text{
  display:block;
  overflow:visible;
  color:#202b3d;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  white-space:normal;
  text-overflow:clip;
}

/* Information space final alignment against the supplied reference: narrow left rail, equal split panes. */
.cyberclaw-light .spacebody{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:minmax(0,1fr);
  gap:5px;
  padding:5px;
}

.cyberclaw-light .observed-section,
.cyberclaw-light .knowledge-section{
  min-width:0;
  min-height:0;
  border-radius:7px;
  background:#ffffff;
}

.cyberclaw-light .observed-section .space-head,
.cyberclaw-light .knowledge-section .space-head{
  height:28px;
  padding:0 8px;
  color:#202b3d;
  font-size:12px;
  font-weight:900;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
}

.cyberclaw-light .observe-list,
.cyberclaw-light .knowledge-section .rag-list{
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0;
  background:#ffffff;
}

.cyberclaw-light .obs-row.timeline-row{
  grid-template-columns:38px minmax(0,1fr);
  gap:5px;
  min-height:58px;
  margin:0;
  padding:7px 7px;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .obs-row.timeline-row + .obs-row.timeline-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .obs-row.timeline-row:before,
.cyberclaw-light .obs-marker{
  display:none;
}

.cyberclaw-light .obs-time{
  height:auto;
  align-self:start;
  justify-content:flex-start;
  padding-top:1px;
  color:#667085;
  font-size:12px;
  font-weight:820;
  line-height:1.2;
}

.cyberclaw-light .obs-row.timeline-row b{
  grid-column:2;
  display:block;
  align-self:start;
  overflow:visible;
  color:#202b3d;
  font-size:12.5px;
  font-weight:900;
  line-height:1.23;
  white-space:normal;
  word-break:break-word;
  -webkit-line-clamp:unset;
}

.cyberclaw-light .obs-row.timeline-row:hover,
.cyberclaw-light .obs-row.timeline-row:last-child{
  background:#f8fbff;
  box-shadow:inset 2px 0 0 rgba(37,99,235,.24);
}

.cyberclaw-light .knowledge-section .rag-row{
  flex:none;
  min-height:50px;
  padding:7px 7px;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .knowledge-section .rag-row + .rag-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .knowledge-section .rag-name{
  align-items:center;
  gap:6px;
}

.cyberclaw-light .knowledge-section .rag-icon{
  width:24px;
  height:24px;
  flex-basis:24px;
  border-radius:7px;
}

.cyberclaw-light .knowledge-section .rag-icon img{
  width:16px;
  height:16px;
}

.cyberclaw-light .knowledge-section .rag-text{
  display:block;
  overflow:visible;
  color:#202b3d;
  font-size:12px;
  font-weight:900;
  line-height:1.18;
  white-space:normal;
  text-overflow:clip;
}

/* Skill process final: queue list layout for a narrow enterprise sidebar. */
.cyberclaw-light .callbody{
  gap:6px;
  padding:6px;
}

.cyberclaw-light .skill-table-wrap{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-color:rgba(226,232,240,.92);
  border-radius:8px;
  background:#ffffff;
}

.cyberclaw-light .skill-table-inner{
  flex:1;
  min-width:0;
  width:100%;
  min-height:0;
}

.cyberclaw-light .call-table-head{
  height:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 64px;
  gap:8px;
  align-items:center;
  padding:0 9px;
  border-bottom:1px solid rgba(226,232,240,.92);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  color:#667085;
  font-size:10.5px;
  font-weight:900;
}

.cyberclaw-light .call-table-head span{
  display:flex!important;
  height:auto;
  padding:0;
  border:0;
  white-space:nowrap;
}

.cyberclaw-light .call-table-head span:nth-child(2){
  justify-content:flex-end;
}

.cyberclaw-light .call-list{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px;
  background:#ffffff;
}

.cyberclaw-light .call-row{
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 64px;
  grid-template-rows:24px 20px;
  grid-template-areas:
    "main state"
    "meta metrics";
  gap:2px 8px;
  align-items:center;
  margin:0 0 4px;
  padding:6px 7px;
  border:1px solid rgba(226,232,240,.86);
  border-radius:7px;
  background:linear-gradient(180deg,#ffffff,#fbfcfe);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .call-row:last-child{
  margin-bottom:0;
}

.cyberclaw-light .call-row:nth-child(even){
  background:linear-gradient(180deg,#ffffff,#f9fbfe);
}

.cyberclaw-light .call-row:hover{
  border-color:rgba(191,219,254,.95);
  background:#f8fbff;
  box-shadow:0 6px 16px rgba(37,99,235,.055),inset 3px 0 0 rgba(37,99,235,.28);
}

.cyberclaw-light .call-row.state-running{
  box-shadow:inset 3px 0 0 rgba(16,185,129,.32);
}

.cyberclaw-light .call-row.state-queued{
  box-shadow:inset 3px 0 0 rgba(37,99,235,.26);
}

.cyberclaw-light .call-row.state-failed{
  box-shadow:inset 3px 0 0 rgba(239,68,68,.34);
}

.cyberclaw-light .call-row>b,
.cyberclaw-light .call-row>span,
.cyberclaw-light .call-row>div{
  min-width:0;
  min-height:0;
  padding:0;
  border:0;
}

.cyberclaw-light .call-main{
  grid-area:main;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.cyberclaw-light .skill-name-cell{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  color:#1f2937;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.cyberclaw-light .skill-name-cell>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
}

.cyberclaw-light .call-type{
  flex:0 0 auto;
  width:auto;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
  line-height:18px;
}

.cyberclaw-light .call-meta{
  grid-area:meta;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}

.cyberclaw-light .skill-robot-cell{
  min-width:0;
  display:flex;
  align-items:center;
  gap:4px;
  color:#667085;
  font-size:10px;
  font-weight:780;
  line-height:1;
}

.cyberclaw-light .skill-robot-cell>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .skill-business{
  flex:0 1 auto;
  min-width:34px;
  overflow:hidden;
  color:#667085;
  font-size:10px;
  font-weight:780;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .call-metrics{
  grid-area:metrics;
  display:flex;
  gap:5px;
  align-items:center;
  align-content:center;
  justify-items:end;
  justify-content:flex-end;
  min-width:0;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:2px;
  width:auto;
  color:#344054;
  font-size:10px;
  font-weight:850;
  line-height:1;
  font-variant-numeric:tabular-nums;
}

.cyberclaw-light .call-frequency{
  color:#047857;
}

.cyberclaw-light .metric-label{
  display:none;
}

.cyberclaw-light .call-duration:after{
  content:"·";
  margin-left:5px;
  color:#98a2b3;
  font-weight:800;
}

.cyberclaw-light .call-metrics .metric-value{
  min-width:max-content;
  overflow:visible;
  text-overflow:clip;
  white-space:nowrap;
}

.cyberclaw-light .call-state{
  grid-area:state;
  align-self:center;
  justify-self:end;
  width:58px;
  min-width:58px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:0 4px;
  border:1px solid transparent;
  border-radius:999px;
  font-size:9.5px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .call-state em{
  width:6px;
  height:6px;
  box-shadow:none;
}

.cyberclaw-light .call-state-label{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .call-state.success,
.cyberclaw-light .call-state.running{
  color:#047857;
  border-color:#bbf7d0;
  background:#ecfdf5;
}

.cyberclaw-light .call-state.queued{
  color:#1d4ed8;
  border-color:#bfdbfe;
  background:#eff6ff;
}

.cyberclaw-light .call-state.failed{
  color:#be123c;
  border-color:#fecdd3;
  background:#fff1f2;
}

.cyberclaw-light .skill-cell-icon{
  width:17px;
  height:17px;
  flex:0 0 17px;
  border-radius:5px;
}

.cyberclaw-light .skill-cell-icon img{
  width:12px;
  height:12px;
}

/* Absolute final typography normalization. */
.cyberclaw-light .obs-time{
  color:#7a8799;
  font-weight:650;
}

.cyberclaw-light .obs-row.timeline-row b{
  color:#273449;
  font-weight:650;
}

.cyberclaw-light .knowledge-section .rag-text{
  color:#273449;
  font-weight:700;
}

.cyberclaw-light .skill-name-cell{
  color:#243044;
  font-weight:700;
}

.cyberclaw-light .skill-name-cell>span:last-child{
  font-weight:700;
}

.cyberclaw-light .call-type,
.cyberclaw-light .skill-robot-cell,
.cyberclaw-light .skill-business{
  font-weight:650;
}

/* Final two-camera preview guard. */
.cyberclaw-light .video-preview-workspace{
  grid-template-rows:44px minmax(0,1fr);
  background:
    radial-gradient(circle at 28% -16%,rgba(62,104,230,.34),transparent 38%),
    radial-gradient(circle at 78% -18%,rgba(20,184,166,.18),transparent 30%),
    linear-gradient(180deg,#101b2e 0%,#07111f 64%,#050b13 100%);
}

.cyberclaw-light .video-view-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:center;
  padding:6px 10px;
  border-bottom:1px solid rgba(132,164,211,.18);
  background:linear-gradient(180deg,rgba(18,31,52,.98),rgba(8,17,31,.95));
}

.cyberclaw-light .video-preview-workspace .video-view-tab{
  height:32px;
  min-width:0;
  width:100%;
  border:1px solid rgba(132,164,211,.22);
  border-radius:8px;
  background:rgba(255,255,255,.04);
  color:#93a4bd;
  font-size:12px;
  font-weight:680;
  box-shadow:none;
}

.cyberclaw-light .video-preview-workspace .video-view-tab.active{
  color:#f4f8ff;
  border-color:rgba(91,140,255,.72);
  background:linear-gradient(180deg,rgba(91,140,255,.34),rgba(38,68,121,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(37,99,235,.18);
}

.cyberclaw-light .video-preview-stage{
  padding:8px 10px 10px;
}

.cyberclaw-light .video-preview-stage .view-pane{
  border-radius:11px;
  border-color:rgba(132,164,211,.3);
}

/* Skill calls final: labelled compact cards, no ambiguous columns. */
.cyberclaw-light .call-table-head{
  height:30px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 82px;
  gap:8px;
  align-items:center;
  padding:0 10px;
  color:#667085;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:0;
}

.cyberclaw-light .call-table-head span:first-child{
  justify-content:flex-start;
}

.cyberclaw-light .call-table-head span:nth-child(2){
  justify-content:flex-end;
}

.cyberclaw-light .call-list{
  padding:5px;
}

.cyberclaw-light .call-row{
  min-height:82px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px;
  grid-template-rows:24px 24px 22px;
  grid-template-areas:
    "main state"
    "fields fields"
    "metrics metrics";
  gap:6px 8px;
  align-items:center;
  margin:0 0 5px;
  padding:8px;
  border-color:rgba(211,224,241,.95);
  border-radius:9px;
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}

.cyberclaw-light .call-row:hover{
  border-color:rgba(147,197,253,.95);
  background:#f8fbff;
}

.cyberclaw-light .call-main{
  grid-area:main;
  gap:6px;
}

.cyberclaw-light .skill-name-cell{
  font-size:12px;
  line-height:1;
}

.cyberclaw-light .call-type{
  height:19px;
  padding:0 7px;
  font-size:10px;
  line-height:19px;
}

.cyberclaw-light .call-fields{
  grid-area:fields;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.84fr);
  gap:6px;
}

.cyberclaw-light .call-field{
  min-width:0;
  height:24px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 7px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:7px;
  background:#f8fafc;
}

.cyberclaw-light .field-label,
.cyberclaw-light .metric-label{
  flex:0 0 auto;
  color:#98a2b3;
  font-size:9.5px;
  font-weight:850;
  line-height:1;
}

.cyberclaw-light .field-value{
  min-width:0;
}

.cyberclaw-light .field-value.skill-robot-cell{
  display:flex;
  align-items:center;
  gap:4px;
  color:#475467;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
}

.cyberclaw-light .field-value.skill-robot-cell>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .field-value.skill-business{
  display:block;
  overflow:hidden;
  color:#475467;
  font-size:10.5px;
  font-weight:700;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .call-metrics{
  grid-area:metrics;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  justify-content:stretch;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:22px;
  justify-content:space-between;
  gap:6px;
  padding:0 7px;
  border:1px solid rgba(226,232,240,.92);
  border-radius:7px;
  background:#ffffff;
  font-size:10.5px;
  font-weight:760;
}

.cyberclaw-light .metric-label{
  display:inline;
}

.cyberclaw-light .call-duration:after{
  content:none;
}

.cyberclaw-light .call-frequency{
  border-color:rgba(187,247,208,.9);
  background:#f0fdf4;
}

.cyberclaw-light .call-metrics .metric-value{
  color:#243044;
  font-weight:800;
}

.cyberclaw-light .call-frequency .metric-value{
  color:#047857;
}

.cyberclaw-light .call-state{
  width:68px;
  min-width:68px;
  height:22px;
  padding:0 6px;
  font-size:9.5px;
}

/* Skill call layout correction: metrics must not inherit old table grid areas. */
.cyberclaw-light .call-row{
  min-height:76px;
  grid-template-rows:22px 22px 20px;
  gap:4px 7px;
  padding:6px 7px;
}

.cyberclaw-light .call-field{
  height:22px;
  padding:0 6px;
}

.cyberclaw-light .call-metrics{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:6px;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  grid-area:auto!important;
  min-width:0;
  height:20px;
  padding:0 6px;
  font-size:10px;
}

.cyberclaw-light .metric-label{
  font-size:9px;
}

.cyberclaw-light .call-state{
  height:21px;
}

/* Video view switch final: compact light toggle, no oversized dark tabs. */
.cyberclaw-light .video-preview-workspace{
  grid-template-rows:minmax(0,1fr);
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  color:#243044;
}

.cyberclaw-light .video-preview-workspace .video-view-tabs{
  display:none!important;
}

.cyberclaw-light .video-preview-stage{
  padding:6px;
}

.cyberclaw-light .video-preview-stage .view-pane{
  grid-template-rows:31px minmax(0,1fr);
  border:1px solid rgba(203,216,232,.98);
  border-radius:8px;
  background:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .video-preview-stage .preview-head{
  height:31px;
  padding:0 8px 0 10px;
  border-bottom:1px solid rgba(226,232,240,.95);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  color:#243044;
}

.cyberclaw-light .video-preview-stage .preview-head b{
  color:#243044;
  font-size:11.5px;
  font-weight:760;
}

.cyberclaw-light .video-preview-stage .preview-grid-icon{
  width:13px;
  height:13px;
  border-color:rgba(96,165,250,.75);
  background:
    linear-gradient(90deg,transparent 43%,rgba(96,165,250,.75) 43% 57%,transparent 57%),
    linear-gradient(transparent 43%,rgba(96,165,250,.75) 43% 57%,transparent 57%);
}

.cyberclaw-light .preview-head-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
}

.cyberclaw-light .video-preview-stage .preview-live{
  height:20px;
  padding:0 7px;
  border-color:#bbf7d0;
  background:#ecfdf5;
  color:#047857;
  font-size:10px;
  font-weight:760;
}

.cyberclaw-light .video-preview-stage .preview-live i{
  width:6px;
  height:6px;
  background:#10b981;
  box-shadow:0 0 8px rgba(16,185,129,.45);
}

.cyberclaw-light .camera-view-switch{
  height:22px;
  min-width:72px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 8px;
  border:1px solid #bfdbfe;
  border-radius:6px;
  background:linear-gradient(180deg,#ffffff,#eff6ff);
  color:#2563eb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
  cursor:pointer;
  font-size:10.5px;
  font-weight:760;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .camera-view-switch:hover{
  border-color:#93c5fd;
  background:#eff6ff;
  color:#1d4ed8;
}

.cyberclaw-light .camera-view-switch img{
  width:13px;
  height:13px;
  display:block;
  filter:brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(1711%) hue-rotate(211deg) brightness(98%) contrast(94%);
}

.cyberclaw-light .video-preview-stage .stream-frame{
  border-radius:0 0 7px 7px;
  background:#000;
}

.cyberclaw-light .vision-frame .camera-expand-btn{
  right:8px;
  top:8px;
  width:22px;
  height:22px;
  border-color:rgba(147,197,253,.72);
  background:rgba(15,23,42,.42);
}

/* Skill metric alignment: metrics share the exact columns used by robot/business. */
.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:6px;
}

.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  width:100%;
  justify-content:space-between;
  box-sizing:border-box;
}

.cyberclaw-light .call-duration{
  justify-self:stretch;
}

.cyberclaw-light .call-frequency{
  justify-self:stretch;
}

.cyberclaw-light .call-field-robot{
  justify-content:flex-start;
}

/* Clean video panel: controls live in the panel title, video body is only the stream. */
.cyberclaw-light .video-actions{
  gap:6px;
}

.cyberclaw-light .header-view-switch{
  height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:0 8px;
  border:1px solid #bfdbfe;
  border-radius:7px;
  background:linear-gradient(180deg,#ffffff,#eff6ff);
  color:#2563eb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
  cursor:pointer;
  font-size:11px;
  font-weight:760;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .header-view-switch:hover{
  border-color:#93c5fd;
  background:#eff6ff;
  color:#1d4ed8;
}

.cyberclaw-light .header-view-switch img{
  width:13px;
  height:13px;
  display:block;
  filter:brightness(0) saturate(100%) invert(39%) sepia(93%) saturate(1711%) hue-rotate(211deg) brightness(98%) contrast(94%);
}

.cyberclaw-light .video-preview-workspace{
  grid-template-rows:minmax(0,1fr);
  background:#000;
}

.cyberclaw-light .video-preview-stage{
  padding:0;
}

.cyberclaw-light .video-preview-stage .view-pane{
  display:block;
  height:100%;
  border:0;
  border-radius:0;
  background:#000;
  box-shadow:none;
}

.cyberclaw-light .video-preview-stage .preview-head,
.cyberclaw-light .preview-head-actions,
.cyberclaw-light .camera-view-switch{
  display:none!important;
}

.cyberclaw-light .video-preview-stage .stream-frame{
  height:100%;
  border-radius:0;
}

/* Answer generation final: compact status panel, no decorative robot visual. */
.cyberclaw-light .answer-card-generating.answer-status-card{
  grid-template-columns:minmax(0,1fr);
  align-items:stretch;
  gap:6px;
  padding:8px 10px;
  border-color:rgba(205,218,236,.96);
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 10px 24px rgba(15,23,42,.055);
}

.cyberclaw-light .answer-card-generating.answer-status-card:before,
.cyberclaw-light .answer-card-generating.answer-status-card:after,
.cyberclaw-light .answer-status-card .answer-border-beam,
.cyberclaw-light .answer-status-card .answer-scanline,
.cyberclaw-light .answer-status-card .answer-loader-visual{
  display:none!important;
}

.cyberclaw-light .answer-status-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  min-width:0;
}

.cyberclaw-light .answer-status-card .answer-main{
  color:#1f2a3d;
  font-size:17px;
  font-weight:850;
  line-height:1.18;
  text-shadow:none;
}

.cyberclaw-light .answer-status-card .answer-sub{
  margin-top:3px;
  color:#64748b;
  font-size:10.5px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.cyberclaw-light .answer-progress-pill{
  flex:0 0 auto;
  height:21px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#2563eb;
  font-size:11.5px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}

.cyberclaw-light .answer-status-card .answer-progress{
  margin-top:0;
  display:grid;
  gap:0;
}

.cyberclaw-light .answer-status-card .answer-progress>div{
  display:none;
}

.cyberclaw-light .answer-status-card .answer-progress i{
  height:5px;
  border-radius:999px;
  background:#e5edf7;
  box-shadow:inset 0 0 0 1px rgba(203,213,225,.72);
}

.cyberclaw-light .answer-status-card .answer-progress em{
  background:linear-gradient(90deg,#2563eb,#06b6d4);
  box-shadow:none;
}

.cyberclaw-light .answer-status-card .answer-step-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin-top:0;
}

.cyberclaw-light .answer-status-card .answer-step{
  height:19px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 6px;
  border:1px solid rgba(226,232,240,.94);
  border-radius:7px;
  background:#ffffff;
  color:#667085;
  font-size:9.5px;
  font-weight:760;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
}

.cyberclaw-light .answer-status-card .answer-step i{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#cbd5e1;
  box-shadow:none;
}

.cyberclaw-light .answer-status-card .answer-step b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:760;
}

.cyberclaw-light .answer-status-card .answer-step.done{
  color:#047857;
  border-color:#bbf7d0;
  background:#f0fdf4;
}

.cyberclaw-light .answer-status-card .answer-step.done i{
  background:#10b981;
}

.cyberclaw-light .answer-status-card .answer-step.active{
  color:#1d4ed8;
  border-color:#bfdbfe;
  background:#eff6ff;
  box-shadow:inset 2px 0 0 rgba(37,99,235,.34);
}

.cyberclaw-light .answer-status-card .answer-step.active i{
  background:#2563eb;
}

/* Header account chip: compact admin profile menu. */
.cyberclaw-light .actions{
  position:relative;
  gap:8px;
}

.cyberclaw-light .user-shell{
  position:relative;
  flex:0 0 auto;
  z-index:95;
}

.cyberclaw-light .user-pill{
  height:32px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 5px 0 10px;
  border:1px solid rgba(191,219,254,.9);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,246,255,.92));
  color:#243044;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 8px 20px rgba(37,99,235,.08);
  font-size:12px;
  font-weight:780;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .user-pill:hover,
.cyberclaw-light .user-pill.active{
  border-color:#93c5fd;
  background:linear-gradient(180deg,#ffffff,#eaf2ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 10px 24px rgba(37,99,235,.14);
}

.cyberclaw-light .user-presence{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.12);
}

.cyberclaw-light .user-name{
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.cyberclaw-light .user-avatar,
.cyberclaw-light .user-menu-avatar{
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:transparent;
  background:linear-gradient(135deg,#2563eb,#6d5dfc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 7px 15px rgba(37,99,235,.25);
  font-weight:850;
  font-size:13px;
  line-height:1;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;
}

.cyberclaw-light .user-avatar:before,
.cyberclaw-light .user-menu-avatar:before{
  content:attr(data-initial);
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#ffffff;
  line-height:1;
  transform:translate(.15px,.35px);
}

.cyberclaw-light .user-avatar{
  width:24px;
  height:24px;
  flex:0 0 24px;
}

.cyberclaw-light .user-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  width:168px;
  height:auto;
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:6px;
  padding:8px;
  border:1px solid rgba(205,218,236,.96);
  border-radius:10px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 38px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(18px) saturate(1.1);
  transform:none;
}

.cyberclaw-light .user-menu[hidden]{
  display:none!important;
}

.cyberclaw-light .user-menu:before{
  content:"";
  position:absolute;
  right:18px;
  top:-6px;
  width:10px;
  height:10px;
  border-left:1px solid rgba(205,218,236,.96);
  border-top:1px solid rgba(205,218,236,.96);
  background:rgba(255,255,255,.96);
  transform:rotate(45deg);
}

.cyberclaw-light .user-menu-head{
  display:flex;
  align-items:center;
  min-width:0;
  gap:8px;
  padding:3px 3px 6px;
}

.cyberclaw-light .user-menu-avatar{
  width:24px;
  height:24px;
  flex:0 0 24px;
  font-size:12px;
}

.cyberclaw-light .user-menu-head b,
.cyberclaw-light .user-menu-head span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .user-menu-head b{
  color:#17233c;
  font-size:12px;
  font-weight:850;
  line-height:1.15;
}

.cyberclaw-light .user-menu-head #menuUserRole{
  display:block;
  margin-top:2px;
  color:#667085;
  font-size:10px;
  font-weight:720;
  line-height:1.1;
}

.cyberclaw-light .user-menu-head #userActionHint{
  display:none;
}

.cyberclaw-light .user-menu-divider{
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(203,213,225,.95),transparent);
}

.cyberclaw-light .user-command-list{
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
}

.cyberclaw-light .user-online-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.12);
}

.cyberclaw-light .user-command{
  width:100%;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 10px;
  border:1px solid rgba(226,232,240,.96);
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  color:#344054;
  font-size:12px;
  font-weight:780;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .user-command:hover,
.cyberclaw-light .user-command.active{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#2563eb;
}

.cyberclaw-light .user-command-danger{
  margin-top:2px;
  justify-content:center;
}

.cyberclaw-light .user-command-danger:hover{
  border-color:#fecdd3;
  background:#fff1f2;
  color:#be123c;
}

/* Information space: tabbed memory layout matching the supplied reference. */
.cyberclaw-light .info-space-title{
  justify-content:flex-start;
}

.cyberclaw-light .info-space-title>span:nth-child(2){
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .space-more{
  width:24px;
  height:24px;
  margin-left:auto;
  display:grid;
  place-items:center;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#667085;
  cursor:pointer;
  font-size:14px;
  font-weight:900;
  line-height:1;
}

.cyberclaw-light .space-more:hover{
  background:#eff6ff;
  color:#2563eb;
}

.cyberclaw-light .info-space-body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:35px minmax(0,1fr) 42px;
  gap:0;
  padding:6px;
}

.cyberclaw-light .space-tabbar{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(214,225,239,.92);
  border-bottom:0;
  border-radius:9px 9px 0 0;
  background:linear-gradient(180deg,#f8fbff,#edf4ff);
}

.cyberclaw-light .space-tab{
  position:relative;
  min-width:0;
  height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-right:1px solid rgba(214,225,239,.76);
  background:transparent;
  color:#667085;
  cursor:pointer;
  font-size:12.5px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .space-tab:last-child{
  border-right:0;
}

.cyberclaw-light .space-tab:hover{
  color:#2563eb;
  background:rgba(239,246,255,.82);
}

.cyberclaw-light .space-tab.active{
  color:#17233c;
  background:linear-gradient(180deg,#ffffff,#edf4ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .space-tab.active:after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#60a5fa,#2563eb);
}

.cyberclaw-light .space-pane{
  min-width:0;
  min-height:0;
  display:flex;
  overflow:hidden;
  border:1px solid rgba(214,225,239,.92);
  border-radius:0;
  background:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .space-pane[hidden]{
  display:none!important;
}

.cyberclaw-light .info-space-body .observe-list,
.cyberclaw-light .info-space-body .rag-list{
  flex:1;
  min-height:0;
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0;
  background:#ffffff;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row{
  position:relative;
  min-height:38px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 16px;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row + .obs-row.timeline-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .info-space-body .obs-row.timeline-row:before,
.cyberclaw-light .info-space-body .obs-marker{
  display:none;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row:after,
.cyberclaw-light .info-space-body .rag-row:after{
  content:"›";
  justify-self:end;
  color:#98a2b3;
  font-size:23px;
  font-weight:650;
  line-height:1;
}

.cyberclaw-light .info-space-body .obs-time{
  display:block;
  color:#667085;
  font-size:12px;
  font-weight:800;
  line-height:1;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row b{
  grid-column:2;
  min-width:0;
  display:block;
  overflow:hidden;
  color:#202b3d;
  font-size:12.5px;
  font-weight:850;
  line-height:1.24;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-line-clamp:unset;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row:hover,
.cyberclaw-light .info-space-body .rag-row:hover{
  background:#f8fbff;
  box-shadow:inset 2px 0 0 rgba(37,99,235,.24);
}

.cyberclaw-light .info-space-body .obs-row.timeline-row:hover:after,
.cyberclaw-light .info-space-body .rag-row:hover:after{
  color:#2563eb;
}

.cyberclaw-light .info-space-body .rag-row{
  min-height:38px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 16px;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:0;
  border-radius:0;
  background:#ffffff;
  box-shadow:none;
}

.cyberclaw-light .info-space-body .rag-row + .rag-row{
  border-top:1px solid rgba(226,232,240,.92);
}

.cyberclaw-light .info-space-body .rag-row.retrieving{
  background:linear-gradient(90deg,#eff6ff,#ffffff);
  box-shadow:inset 2px 0 0 rgba(37,99,235,.34);
}

.cyberclaw-light .info-space-body .rag-name{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}

.cyberclaw-light .info-space-body .rag-icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:6px;
}

.cyberclaw-light .info-space-body .rag-icon img{
  width:14px;
  height:14px;
}

.cyberclaw-light .info-space-body .rag-name-window{
  min-width:0;
}

.cyberclaw-light .info-space-body .rag-text{
  display:block;
  overflow:hidden;
  color:#202b3d;
  font-size:12.5px;
  font-weight:850;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .space-view-all{
  height:34px;
  align-self:end;
  margin-top:6px;
  border:1px solid rgba(191,219,254,.92);
  border-radius:9px;
  background:linear-gradient(180deg,#ffffff,#eff6ff);
  color:#475467;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 8px 20px rgba(37,99,235,.06);
  font-size:12px;
  font-weight:850;
}

.cyberclaw-light .space-view-all:hover{
  border-color:#93c5fd;
  color:#2563eb;
  background:#eff6ff;
}

/* Physical area split: scene graph, physical agents, and digital agents. */
.physical-modules{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,.675fr) minmax(0,.675fr);
  gap:8px;
}

.physical-module{
  min-width:0;
  min-height:0;
}

.physical-module-title{
  height:32px;
}

.title-icon-physical-agent{
  --title-accent:#2dd4bf;
  --title-accent-rgb:45,212,191;
}

.title-icon-digital-agent{
  --title-accent:#a78bfa;
  --title-accent-rgb:167,139,250;
}

.physical-module-body{
  min-height:0;
  overflow:hidden;
}

.scene-module-body{
  padding:7px;
  background:
    linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px),
    linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),
    #f4f8fd;
  background-size:54px 54px;
}

.physical-agent-body{
  padding:0;
}

.physical-agent-module .entity-table{
  height:100%;
}

.physical-agent-module .entity-card-grid{
  height:100%;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:72px;
  gap:6px;
  padding:7px;
}

.physical-agent-module .entity-card{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:22px 18px 16px;
  grid-template-areas:
    "top state"
    "meter meter"
    "location location";
  gap:3px 8px;
  justify-content:stretch;
  padding:8px 10px;
}

.physical-agent-module .entity-card-no-state{
  grid-template-areas:
    "top top"
    "meter meter"
    "location location";
}

.physical-agent-module .entity-card-top{
  grid-area:top;
  min-width:0;
}

.physical-agent-module .entity-card-name{
  gap:7px;
  min-width:0;
}

.physical-agent-module .entity-type-icon{
  width:22px;
  height:22px;
  flex-basis:22px;
  border-radius:7px;
}

.physical-agent-module .entity-type-icon svg{
  width:17px;
  height:17px;
}

.physical-agent-module .entity-card-name b{
  font-size:12px;
  font-weight:850;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.physical-agent-module .entity-card-menu{
  display:none;
}

.physical-agent-module .entity-card-state{
  grid-area:state;
  align-self:center;
  justify-self:end;
  height:19px;
  max-width:68px;
  padding:0 7px;
  font-size:10px;
  overflow:hidden;
  white-space:nowrap;
}

.physical-agent-module .entity-state-glyph,
.physical-agent-module .entity-state-glyph img{
  width:12px;
  height:12px;
}

.physical-agent-module .entity-card-meter{
  grid-area:meter;
  grid-template-columns:30px 42px minmax(0,1fr);
  gap:6px;
}

.physical-agent-module .entity-card-location{
  grid-area:location;
  grid-template-columns:30px minmax(0,1fr);
  gap:6px;
}

.physical-agent-module .entity-card-label{
  font-size:10px;
}

.physical-agent-module .entity-card-meter b,
.physical-agent-module .entity-card-location b{
  font-size:11px;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.physical-agent-module .entity-card-meter i{
  height:7px;
}

.physical-agent-module .entity-add-card{
  height:68px;
  gap:4px;
}

.physical-agent-module .entity-add-card span{
  font-size:20px;
}

.physical-agent-module .entity-add-card b{
  font-size:11px;
}

.digital-agent-list{
  min-height:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:7px;
  overflow-y:auto;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 95% 10%,rgba(167,139,250,.12),transparent 34%),
    linear-gradient(180deg,#f8fbff,#f3f7fc);
}

.digital-agent-card{
  flex:1 1 0;
  min-width:0;
  min-height:52px;
  display:grid;
  grid-template-rows:20px 17px 4px;
  align-content:stretch;
  gap:4px;
  overflow:hidden;
  padding:7px 8px;
  border:1px solid rgba(214,225,239,.96);
  border-radius:9px;
  background:linear-gradient(145deg,#ffffff,#fbfcff);
  box-shadow:0 10px 24px rgba(42,65,101,.07),inset 0 1px 0 rgba(255,255,255,.96);
  contain:layout paint;
}

.digital-agent-head{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}

.digital-agent-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(167,139,250,.34);
  border-radius:7px;
  background:#f4f0ff;
}

.digital-agent-icon img{
  width:13px;
  height:13px;
  display:block;
  filter:brightness(0) saturate(100%) invert(42%) sepia(83%) saturate(1298%) hue-rotate(232deg) brightness(98%) contrast(94%);
}

.digital-agent-rag .digital-agent-tags span{
  border-color:#ddd6fe;
  background:#f5f3ff;
  color:#6d28d9;
}

.digital-agent-head b{
  min-width:0;
  overflow:hidden;
  color:#25304a;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.digital-agent-state{
  flex:0 0 auto;
  height:17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-left:auto;
  padding:0 7px;
  border:1px solid #dbe7f5;
  border-radius:999px;
  background:#f8fafc;
  color:#64748b;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.digital-agent-card.active .digital-agent-state:before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 9px;
  border:1.5px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  animation:entityStatusSpin .8s linear infinite;
}

.digital-agent-tags{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}

.digital-agent-tags span{
  min-width:0;
  height:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:0 5px;
  border:1px solid #dbe7f5;
  border-radius:6px;
  background:#f8fbff;
  color:#667085;
  font-size:9.5px;
  font-weight:820;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.digital-agent-progress{
  height:4px;
  overflow:hidden;
  border-radius:999px;
  background:#e5edf7;
}

.digital-agent-progress span{
  width:100%;
  height:100%;
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,#8b5cf6,#60a5fa);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .18s linear;
  will-change:transform;
}

.digital-agent-card p{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#64748b;
  font-size:10.5px;
  font-weight:650;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.digital-agent-dispatch .digital-agent-icon{
  border-color:rgba(56,189,248,.34);
  background:#eff6ff;
}

.digital-agent-dispatch .digital-agent-tags span{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#2563eb;
}

.digital-agent-dispatch .digital-agent-progress span{
  background:linear-gradient(90deg,#2563eb,#38bdf8);
}

.digital-agent-dispatch .digital-agent-icon img{
  filter:var(--icon-filter-blue);
}

.digital-agent-worker .digital-agent-icon{
  border-color:rgba(45,212,191,.34);
  background:#ecfdf5;
}

.digital-agent-worker .digital-agent-tags span{
  border-color:#baf4e3;
  background:#ecfdf5;
  color:#047857;
}

.digital-agent-worker .digital-agent-progress span{
  background:linear-gradient(90deg,#14b8a6,#22c55e);
}

.digital-agent-worker .digital-agent-icon img{
  filter:var(--icon-filter-green);
}

/* Video panel final: header tabs replace the old "实时视频" title and switch button. */
.cyberclaw-light .video-title{
  height:35px;
  gap:8px;
  padding:0 8px;
}

.cyberclaw-light .video-tabbar{
  align-self:stretch;
  min-width:0;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  border:1px solid rgba(214,225,239,.92);
  border-bottom:0;
  border-radius:9px 9px 0 0;
  background:linear-gradient(180deg,#f8fbff,#edf4ff);
}

.cyberclaw-light .video-tab{
  position:relative;
  min-width:132px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:0 24px;
  border:0;
  border-right:1px solid rgba(214,225,239,.76);
  background:transparent;
  color:#667085;
  cursor:pointer;
  font-size:13px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.cyberclaw-light .video-tab:last-child{
  border-right:0;
}

.cyberclaw-light .video-tab:hover{
  color:#2563eb;
  background:rgba(239,246,255,.82);
}

.cyberclaw-light .video-tab.active{
  color:#17233c;
  background:linear-gradient(180deg,#ffffff,#edf4ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .video-tab.active:after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#60a5fa,#2563eb);
}

.cyberclaw-light .video-actions{
  flex:0 0 auto;
  margin-left:auto;
  gap:6px;
}

.cyberclaw-light .video-title .icon-btn::part(base){
  border-color:#bfdbfe;
  background:linear-gradient(180deg,#ffffff,#eff6ff);
}

.cyberclaw-light .video-title .icon-btn::part(base):hover{
  border-color:#93c5fd;
  background:#eff6ff;
  box-shadow:0 8px 18px rgba(37,99,235,.1);
}

.cyberclaw-light .video-title .icon-btn img{
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .resource-management-view{
  height:100%;
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:40px minmax(0,1fr);
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px),
    linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),
    linear-gradient(180deg,#f8fbff,#eef5ff);
  background-size:32px 32px,32px 32px,auto;
}

.cyberclaw-light .resource-management-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 12px;
  border-bottom:1px solid rgba(214,225,239,.92);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,255,.92));
}

.cyberclaw-light .resource-management-head div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}

.cyberclaw-light .resource-management-head b{
  color:#17233c;
  font-size:13px;
  font-weight:900;
  line-height:1;
}

.cyberclaw-light .resource-management-head span{
  min-width:0;
  overflow:hidden;
  color:#667085;
  font-size:11.5px;
  font-weight:720;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .resource-management-head em{
  flex:0 0 auto;
  height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid #bbf7d0;
  border-radius:999px;
  background:#ecfdf5;
  color:#047857;
  font-size:11px;
  font-style:normal;
  font-weight:850;
  line-height:1;
}

.cyberclaw-light .resource-management-head em.offline{
  border-color:#dbe7f5;
  background:#f8fafc;
  color:#64748b;
}

.cyberclaw-light .resource-offline-body{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto 1fr;
  align-content:center;
  gap:14px;
  padding:20px;
}

.cyberclaw-light .resource-offline-copy{
  max-width:360px;
  display:grid;
  gap:6px;
}

.cyberclaw-light .resource-offline-copy b{
  color:#17233c;
  font-size:18px;
  font-weight:950;
  line-height:1.15;
}

.cyberclaw-light .resource-offline-copy span{
  color:#64748b;
  font-size:12px;
  font-weight:750;
  line-height:1.45;
}

.cyberclaw-light .resource-offline-grid{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-content:start;
}

.cyberclaw-light .resource-offline-grid article{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-rows:18px 18px;
  gap:3px 8px;
  align-items:center;
  padding:12px;
  border:1px dashed #cbdff6;
  border-radius:9px;
  background:rgba(255,255,255,.72);
}

.cyberclaw-light .resource-offline-grid img{
  grid-row:1 / span 2;
  width:22px;
  height:22px;
  filter:var(--icon-filter-steel);
}

.cyberclaw-light .resource-offline-grid b,
.cyberclaw-light .resource-offline-grid span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .resource-offline-grid b{
  color:#25304a;
  font-size:12px;
  font-weight:900;
}

.cyberclaw-light .resource-offline-grid span{
  color:#94a3b8;
  font-size:11px;
  font-weight:800;
}

.cyberclaw-light .resource-management-body{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(190px,.75fr);
  gap:8px;
  padding:9px;
}

.cyberclaw-light .model-catalog-strip{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border:1px solid #d6e1ef;
  border-radius:8px;
  background:rgba(255,255,255,.82);
}
.cyberclaw-light .model-catalog-strip b{color:#25304a;font-size:11px;font-weight:900}
.cyberclaw-light .model-catalog-strip span{color:#64748b;font-size:10px;font-weight:800}
.cyberclaw-light .model-catalog-list{
  min-width:0;
  min-height:0;
  display:grid;
  align-content:start;
  gap:5px;
  overflow:auto;
}
.cyberclaw-light .resource-management-body>.model-catalog-list{grid-column:1 / -1;max-height:112px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cyberclaw-light .model-catalog-row{
  min-width:0;
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto auto;
  align-items:center;
  gap:6px;
  padding:7px 8px;
  border:1px solid #d6e1ef;
  border-radius:7px;
  background:#fff;
  color:#25304a;
  text-align:left;
  cursor:pointer;
}
.cyberclaw-light .model-catalog-row:hover,.cyberclaw-light .model-catalog-row.active{border-color:#60a5fa;background:#eff6ff}
.cyberclaw-light .model-catalog-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 7px rgba(16,185,129,.35)}
.cyberclaw-light .model-catalog-row b{overflow:hidden;font-size:10.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.cyberclaw-light .model-catalog-row span:not(.model-catalog-dot){overflow:hidden;color:#64748b;font-size:9.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.cyberclaw-light .model-catalog-row em{color:#2563eb;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap}
.cyberclaw-light .model-catalog-empty{padding:10px;color:#94a3b8;font-size:10px;font-weight:800}

.cyberclaw-light .resource-management-view .resource-grid{
  min-height:0;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:minmax(74px,1fr);
  gap:7px;
  padding:0;
}

.cyberclaw-light .resource-management-view .resource-card{
  min-width:0;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  grid-template-rows:20px 16px minmax(18px,1fr);
  align-content:center;
  gap:2px 7px;
  padding:9px;
  border:1px solid rgba(214,225,239,.96);
  border-radius:9px;
  background:linear-gradient(145deg,#ffffff,#fbfcff);
  box-shadow:0 10px 24px rgba(42,65,101,.07),inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .resource-management-view .resource-card img{
  grid-row:1 / span 2;
  width:24px;
  height:24px;
  align-self:center;
  filter:var(--icon-filter-blue);
}

.cyberclaw-light .resource-management-view .resource-card b{
  min-width:0;
  overflow:hidden;
  color:#25304a;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .resource-management-view .resource-card span{
  min-width:0;
  overflow:hidden;
  color:#64748b;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .resource-management-view .resource-card em{
  grid-column:1 / -1;
  align-self:end;
  justify-self:start;
  height:18px;
  display:inline-flex;
  align-items:center;
  padding:0 6px;
  border:1px solid #bfdbfe;
  border-radius:999px;
  background:#eff6ff;
  color:#2563eb;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  line-height:1;
}

.cyberclaw-light .resource-management-view .preview-task-list{
  min-height:0;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:7px;
  padding:0;
}

.cyberclaw-light .resource-management-view .preview-task-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  grid-template-rows:auto 7px;
  gap:7px 8px;
  align-items:center;
  padding:9px;
  border:1px solid rgba(214,225,239,.96);
  border-radius:9px;
  background:#ffffff;
  box-shadow:0 10px 24px rgba(42,65,101,.06),inset 0 1px 0 rgba(255,255,255,.96);
}

.cyberclaw-light .resource-management-view .preview-task-row div{
  min-width:0;
  display:grid;
  gap:4px;
}

.cyberclaw-light .resource-management-view .preview-task-row b{
  min-width:0;
  overflow:hidden;
  color:#25304a;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .resource-management-view .preview-task-row span{
  min-width:0;
  overflow:hidden;
  color:#667085;
  font-size:10.5px;
  font-weight:700;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .resource-management-view .preview-task-row em{
  justify-self:end;
  color:#2563eb;
  font-size:11px;
  font-style:normal;
  font-weight:900;
}

.cyberclaw-light .resource-management-view .preview-task-row>i{
  grid-column:1 / -1;
  height:7px;
  overflow:hidden;
  border-radius:999px;
  background:#e5edf7;
}

.cyberclaw-light .resource-management-view .preview-task-row>i span{
  height:100%;
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,#2563eb,#14b8a6);
}

/* Conveyor demo final overrides */
.cyberclaw-light .answerbody{
  padding:8px;
  overflow:hidden;
}

.cyberclaw-light .answer-card.answer-orb-card{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 74px;
  align-items:center;
  gap:9px;
  padding:11px 12px;
  overflow:hidden;
  border:1px solid #d7e6f8;
  border-radius:8px;
  background:
    radial-gradient(circle at 86% 20%,rgba(37,99,235,.12),transparent 38%),
    linear-gradient(135deg,#ffffff,#f5f9ff 58%,#eef6ff);
  box-shadow:0 10px 24px rgba(37,99,235,.1),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .answer-card.answer-card-no-avatar{
  grid-template-columns:minmax(0,1fr);
}

.cyberclaw-light .answer-card.answer-orb-card:before{
  display:none;
}

.cyberclaw-light .answer-card.answer-orb-card:after{
  left:12px;
  right:12px;
  bottom:8px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.26),rgba(20,184,166,.22),transparent);
}

.cyberclaw-light .answer-orb-copy{
  min-width:0;
  display:grid;
  gap:5px;
}

.cyberclaw-light .answer-status-chip{
  justify-self:start;
  height:20px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border:1px solid #bfdbfe;
  border-radius:6px;
  background:#eef6ff;
  color:#2563eb;
  font-size:11px;
  font-weight:900;
  line-height:1;
}

.cyberclaw-light .answer-orb-card .answer-main{
  color:#1f2a44;
  font-size:18px;
  font-weight:950;
  line-height:1.16;
  letter-spacing:0;
  text-shadow:none;
}

.cyberclaw-light .answer-orb-card .answer-sub{
  min-width:0;
  overflow:hidden;
  color:#64748b;
  font-size:12px;
  font-weight:780;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .answer-ring-wrap{
  position:relative;
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  justify-self:end;
}

.cyberclaw-light .answer-progress-ring{
  --progress:0%;
  --track-color:#dbe7f5;
  --indicator-color:#2563eb;
  width:66px;
  height:66px;
  border-radius:50%;
  background:
    radial-gradient(circle at center,#fff 0 56%,transparent 57%),
    conic-gradient(var(--indicator-color) var(--progress),var(--track-color) 0);
  transform:translateZ(0);
  will-change:background;
}

.cyberclaw-light .answer-ring-wrap.done .answer-progress-ring{
  --indicator-color:#10b981;
}

.cyberclaw-light .answer-ring-wrap.idle .answer-progress-ring{
  --indicator-color:#94a3b8;
}

.cyberclaw-light .answer-bot-avatar{
  position:absolute;
  inset:14px;
  display:grid;
  place-items:center;
  border:1px solid #cfe0f4;
  border-radius:50%;
  background:linear-gradient(145deg,#ffffff,#eef6ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(37,99,235,.12);
}

.cyberclaw-light .answer-bot-avatar img{
  width:24px;
  height:24px;
  display:block;
  filter:brightness(0) saturate(100%) invert(36%) sepia(74%) saturate(1947%) hue-rotate(212deg) brightness(94%) contrast(92%);
}

.cyberclaw-light .answer-ring-wrap.done .answer-bot-avatar{
  border-color:#bbf7d0;
  background:linear-gradient(145deg,#ffffff,#ecfdf5);
}

.cyberclaw-light .answer-ring-wrap.done .answer-bot-avatar img{
  filter:brightness(0) saturate(100%) invert(47%) sepia(79%) saturate(421%) hue-rotate(111deg) brightness(93%) contrast(92%);
}

.cyberclaw-light .answer-card.answer-final-compact{
  grid-template-columns:minmax(0,1fr) 58px;
  align-items:center;
  gap:8px;
  padding:10px 12px;
}

.cyberclaw-light .answer-final-compact .answer-final-head{
  margin:0;
}

.cyberclaw-light .answer-final-compact .answer-final-title{
  color:#1f2a44;
  overflow:hidden;
  font-size:14.5px;
  line-height:1.2;
  text-shadow:none;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.cyberclaw-light .answer-final-compact .answer-final-summary{
  margin-top:0;
  padding:0;
  border:0;
  background:transparent;
  color:#64748b;
  overflow:hidden;
  font-size:11px;
  line-height:1.32;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.cyberclaw-light .answer-final-compact .answer-final-meta{
  width:100%;
  margin-top:0;
  border-color:#dbe7f5;
  background:#ffffff;
}

.cyberclaw-light .answer-final-compact .answer-ring-wrap{
  width:56px;
  height:56px;
}

.cyberclaw-light .answer-final-compact .answer-progress-ring{
  width:56px;
  height:56px;
}

.cyberclaw-light .answer-final-compact .answer-bot-avatar{
  inset:12px;
}

.cyberclaw-light .answer-final-compact .answer-bot-avatar img{
  width:22px;
  height:22px;
}

.cyberclaw-light .scene-module-body{
  padding:7px;
  background:#f7faff;
}

.cyberclaw-light .physical-stage{
  border:1px solid rgba(214,225,239,.96);
  border-radius:8px;
  background:#ffffff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 8px 18px rgba(15,23,42,.04);
}

.cyberclaw-light .physical-stage:before,
.cyberclaw-light .physical-stage:after,
.cyberclaw-light .physical-stage canvas,
.cyberclaw-light .physical-stage .vis-network{
  display:none!important;
}

.cyberclaw-light .physical-agent-module .entity-card-grid{
  grid-auto-rows:72px;
  align-content:start;
}

.cyberclaw-light .physical-agent-module .entity-card{
  min-height:72px;
  grid-template-rows:22px 18px 16px;
  padding:8px 10px;
}

.cyberclaw-light .digital-agent-card{
  flex:1 1 0;
  min-height:52px;
  grid-template-rows:20px 17px 4px;
  gap:4px;
  padding:7px 8px;
}

.cyberclaw-light .digital-agent-state:empty{
  display:none;
}

.cyberclaw-light .digital-agent-card.idle{
  opacity:.94;
}

.cyberclaw-light .digital-agent-card.idle .digital-agent-state,
.cyberclaw-light .digital-agent-card.queued .digital-agent-state{
  border-color:#e2e8f0;
  background:#f8fafc;
  color:#64748b;
}

.cyberclaw-light .digital-agent-card.queued .digital-agent-progress span{
  transform:scaleX(0)!important;
}

.cyberclaw-light .digital-agent-card.done{
  border-color:rgba(16,185,129,.42);
  background:linear-gradient(145deg,#ffffff,#f4fff9);
}

.cyberclaw-light .digital-agent-card.done .digital-agent-state{
  border-color:#bbf7d0;
  background:#ecfdf5;
  color:#047857;
}

.cyberclaw-light .digital-agent-card.active{
  border-color:rgba(37,99,235,.62);
  box-shadow:0 14px 30px rgba(37,99,235,.16),inset 0 1px 0 rgba(255,255,255,.98);
  transform:translateY(-1px);
}

.cyberclaw-light .digital-agent-card.active .digital-agent-state{
  background:#dbeafe;
  color:#1d4ed8;
}

.cyberclaw-light .digital-agent-card.active .digital-agent-tags span{
  border-color:#bfdbfe;
  background:#eff6ff;
  color:#1d4ed8;
}

.cyberclaw-light .info-space-body .rag-row.done{
  background:#ffffff;
}

/* Running-state alignment pass: keep dense cockpit cards on one stable grid. */
.cyberclaw-light .skill-table-inner{
  overflow-x:hidden;
}

.cyberclaw-light .call-list{
  display:grid;
  align-content:start;
  gap:6px;
  padding:6px;
}

.cyberclaw-light .call-row{
  min-height:70px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 68px;
  grid-template-rows:20px 20px 18px;
  grid-template-areas:
    "main state"
    "fields fields"
    "metrics metrics";
  gap:5px 8px;
  margin:0;
  padding:7px 8px;
  border-radius:8px;
  contain:layout paint;
}

.cyberclaw-light .call-main{
  min-width:0;
  height:20px;
}

.cyberclaw-light .skill-name-cell{
  min-width:0;
  max-width:calc(100% - 42px);
  height:20px;
  overflow:hidden;
  font-size:12px;
  line-height:20px;
}

.cyberclaw-light .skill-name-cell .skill-cell-icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
}

.cyberclaw-light .skill-name-cell>span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .call-type{
  flex:0 0 auto;
  height:18px;
  padding:0 6px;
  font-size:9.5px;
  line-height:18px;
}

.cyberclaw-light .call-state{
  grid-area:state;
  justify-self:end;
  width:66px;
  min-width:66px;
  height:20px;
  padding:0 5px;
  font-size:9px;
}

.cyberclaw-light .call-state em{
  flex:0 0 5px;
  width:5px;
  height:5px;
}

.cyberclaw-light .call-state-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  grid-template-columns:100px minmax(0,1fr);
  gap:6px;
}

.cyberclaw-light .call-field,
.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  min-width:0;
  height:20px;
  padding:0 6px;
  border-radius:6px;
  box-sizing:border-box;
  overflow:hidden;
}

.cyberclaw-light .call-field-robot,
.cyberclaw-light .call-duration{
  grid-column:1;
}

.cyberclaw-light .call-field-business,
.cyberclaw-light .call-frequency{
  grid-column:2;
}

.cyberclaw-light .field-label,
.cyberclaw-light .metric-label{
  width:22px;
  font-size:9px;
  text-align:left;
}

.cyberclaw-light .field-value.skill-robot-cell,
.cyberclaw-light .field-value.skill-business,
.cyberclaw-light .call-metrics .metric-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10px;
  line-height:1;
}

.cyberclaw-light .field-value.skill-robot-cell .skill-cell-icon{
  flex:0 0 15px;
  width:15px;
  height:15px;
}

.cyberclaw-light .skill-summary{
  min-height:30px;
  padding:5px;
}

.cyberclaw-light .skill-stat-list{
  height:22px;
}

.cyberclaw-light .physical-agent-module .entity-card-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:74px;
  gap:7px;
  padding:7px;
}

.cyberclaw-light .physical-agent-module .entity-card{
  min-height:74px;
  grid-template-columns:minmax(0,1fr) 66px;
  grid-template-rows:22px 18px 17px;
  grid-template-areas:
    "top state"
    "meter meter"
    "location location";
  gap:4px 8px;
  padding:8px 10px;
}

.cyberclaw-light .physical-agent-module .entity-card-no-state{
  grid-template-areas:
    "top state"
    "meter meter"
    "location location";
}

.cyberclaw-light .physical-agent-module .entity-card-top,
.cyberclaw-light .physical-agent-module .entity-card-name{
  min-width:0;
  height:22px;
}

.cyberclaw-light .physical-agent-module .entity-type-icon{
  flex:0 0 22px;
}

.cyberclaw-light .physical-agent-module .entity-card-name b{
  min-width:0;
  line-height:22px;
}

.cyberclaw-light .physical-agent-module .entity-card-state{
  justify-self:end;
  width:62px;
  max-width:62px;
  height:20px;
  padding:0 6px;
}

.cyberclaw-light .physical-agent-module .entity-card-meter{
  grid-template-columns:32px 42px minmax(0,1fr);
  align-items:center;
}

.cyberclaw-light .physical-agent-module .entity-card-location{
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
}

.cyberclaw-light .physical-agent-module .entity-card-label{
  width:32px;
  text-align:left;
}

.cyberclaw-light .digital-agent-list{
  display:grid;
  grid-template-rows:repeat(3,minmax(52px,1fr));
  gap:7px;
  padding:7px;
}

.cyberclaw-light .digital-agent-card{
  min-height:52px;
  display:grid;
  grid-template-rows:20px 17px 4px;
  gap:4px;
  padding:7px 8px;
  transform:none!important;
}

.cyberclaw-light .digital-agent-head{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 58px;
  gap:7px;
  height:20px;
}

.cyberclaw-light .digital-agent-icon{
  width:20px;
  height:20px;
}

.cyberclaw-light .digital-agent-head b{
  min-width:0;
  height:20px;
  line-height:20px;
}

.cyberclaw-light .digital-agent-state{
  width:58px;
  height:18px;
  margin-left:0;
  padding:0 5px;
  font-size:9.5px;
}

.cyberclaw-light .digital-agent-state:empty{
  display:inline-flex;
  visibility:hidden;
}

.cyberclaw-light .digital-agent-tags{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}

.cyberclaw-light .digital-agent-tags span{
  height:17px;
  padding:0 4px;
  font-size:9.5px;
}

.cyberclaw-light .answer-card.answer-orb-card{
  grid-template-columns:minmax(0,1fr) 62px;
  gap:8px;
  padding:11px 12px;
}

.cyberclaw-light .answer-ring-wrap,
.cyberclaw-light .answer-progress-ring{
  width:60px;
  height:60px;
}

.cyberclaw-light .answer-bot-avatar{
  inset:13px;
}

/* Final cockpit alignment pass: narrow desktop windows must stay column-clean. */
.cyberclaw-light .answer-card.answer-orb-card{
  min-width:0;
  grid-template-columns:minmax(0,1fr) 54px;
  gap:7px;
  padding:10px;
}

.cyberclaw-light .answer-card.answer-card-no-avatar{
  grid-template-columns:minmax(0,1fr);
}

.cyberclaw-light .answer-orb-copy{
  min-width:0;
  gap:4px;
}

.cyberclaw-light .answer-status-chip{
  height:18px;
  padding:0 7px;
  font-size:10px;
}

.cyberclaw-light .answer-orb-card .answer-main{
  font-size:17px;
  line-height:1.16;
}

.cyberclaw-light .answer-orb-card .answer-sub{
  font-size:11px;
  line-height:1.3;
}

.cyberclaw-light .answer-ring-wrap,
.cyberclaw-light .answer-progress-ring{
  width:52px;
  height:52px;
}

.cyberclaw-light .answer-bot-avatar{
  inset:11px;
}

.cyberclaw-light .answer-bot-avatar img{
  width:21px;
  height:21px;
}

.cyberclaw-light .answer-card.answer-final-compact{
  grid-template-columns:minmax(0,1fr) 48px;
  gap:6px;
  padding:9px 10px;
}

.cyberclaw-light .answer-final-compact .answer-final-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  align-items:center;
  gap:6px;
}

.cyberclaw-light .answer-final-badge,
.cyberclaw-light .answer-final-state{
  height:17px;
  min-width:0;
  padding:0 6px;
  font-size:9px;
}

.cyberclaw-light .answer-final-state{
  justify-self:end;
}

.cyberclaw-light .answer-final-compact .answer-final-title{
  font-size:13px;
  line-height:1.18;
  -webkit-line-clamp:2;
}

.cyberclaw-light .answer-final-compact .answer-final-summary{
  font-size:10px;
  line-height:1.28;
  -webkit-line-clamp:2;
}

.cyberclaw-light .answer-final-compact .answer-final-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:1px;
  overflow:visible;
  border:0;
  background:transparent;
}

.cyberclaw-light .answer-final-compact .answer-final-meta div{
  min-width:0;
  height:30px;
  display:grid;
  grid-template-rows:11px 14px;
  align-content:center;
  gap:1px;
  padding:2px 6px;
  border:1px solid #dbe7f5;
  border-radius:6px;
  background:#ffffff;
}

.cyberclaw-light .answer-final-compact .answer-final-meta div+div{
  border-left:1px solid #dbe7f5;
}

.cyberclaw-light .answer-final-compact .answer-final-meta span{
  display:block;
  overflow:hidden;
  color:#667085;
  font-size:9px;
  line-height:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .answer-final-compact .answer-final-meta b{
  display:block;
  overflow:hidden;
  font-size:12px;
  line-height:14px;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .answer-final-compact .answer-ring-wrap,
.cyberclaw-light .answer-final-compact .answer-progress-ring{
  width:48px;
  height:48px;
}

.cyberclaw-light .answer-final-compact .answer-bot-avatar{
  inset:10px;
}

.cyberclaw-light .call-list{
  gap:5px;
  padding:6px;
}

.cyberclaw-light .call-row{
  min-height:62px;
  grid-template-columns:minmax(0,1fr) 64px;
  grid-template-rows:18px 17px 17px;
  gap:4px 6px;
  padding:6px 7px;
}

.cyberclaw-light .call-main{
  height:18px;
  gap:5px;
}

.cyberclaw-light .skill-name-cell{
  height:18px;
  max-width:calc(100% - 38px);
  font-size:11px;
  line-height:18px;
}

.cyberclaw-light .skill-name-cell .skill-cell-icon{
  flex-basis:16px;
  width:16px;
  height:16px;
}

.cyberclaw-light .skill-name-cell .skill-cell-icon img{
  width:11px;
  height:11px;
}

.cyberclaw-light .call-type{
  height:16px;
  padding:0 5px;
  font-size:8.5px;
  line-height:16px;
}

.cyberclaw-light .call-state{
  width:62px;
  min-width:62px;
  height:18px;
  padding:0 5px;
  font-size:8.5px;
}

.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  grid-template-columns:90px minmax(0,1fr);
  gap:5px;
}

.cyberclaw-light .call-field,
.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:17px;
  gap:4px;
  padding:0 5px;
  border-radius:6px;
}

.cyberclaw-light .field-label,
.cyberclaw-light .metric-label{
  width:18px;
  font-size:8px;
}

.cyberclaw-light .field-value.skill-robot-cell,
.cyberclaw-light .field-value.skill-business,
.cyberclaw-light .call-metrics .metric-value{
  font-size:9px;
}

.cyberclaw-light .field-value.skill-robot-cell .skill-cell-icon{
  flex-basis:13px;
  width:13px;
  height:13px;
}

.cyberclaw-light .field-value.skill-robot-cell .skill-cell-icon img{
  width:9px;
  height:9px;
}

/* 2026-06-16 visual polish: readable single-conveyor patrol layout. */
.cyberclaw-light .actions{
  min-width:260px;
  flex:0 0 auto;
  justify-content:flex-end;
  overflow:visible;
}

.cyberclaw-light .user-shell{
  z-index:200;
}

.cyberclaw-light .user-pill{
  min-width:126px;
  max-width:none;
  height:32px;
  display:grid;
  grid-template-columns:10px minmax(48px,1fr) 28px;
  gap:8px;
  padding:0 8px 0 10px;
  overflow:visible;
}

.cyberclaw-light .user-name{
  display:block!important;
  max-width:none;
  overflow:visible;
  color:#17233c;
  font-size:12px;
  font-weight:900;
}

.cyberclaw-light .user-avatar{
  width:26px;
  height:26px;
}

.cyberclaw-light .left-rail,
.cyberclaw-light .left-rail.answer-final-mode{
  grid-template-rows:20% 32% minmax(0,1fr);
}

.cyberclaw-light .answerbody{
  padding:8px;
}

.cyberclaw-light .answer-card.answer-orb-card{
  min-height:132px;
  grid-template-columns:minmax(0,1fr) 86px;
  gap:12px;
  padding:15px 16px;
  border-radius:10px;
}

.cyberclaw-light .answer-card.answer-card-no-avatar{
  grid-template-columns:minmax(0,1fr);
}

.cyberclaw-light .answer-orb-copy{
  gap:8px;
}

.cyberclaw-light .answer-status-chip{
  height:24px;
  padding:0 10px;
  border-radius:7px;
  font-size:12px;
}

.cyberclaw-light .answer-orb-card .answer-main{
  font-size:24px;
  line-height:1.12;
}

.cyberclaw-light .answer-orb-card .answer-sub{
  display:-webkit-box;
  overflow:hidden;
  color:#5b6b82;
  font-size:14px;
  line-height:1.35;
  white-space:normal;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.cyberclaw-light .answer-ring-wrap,
.cyberclaw-light .answer-progress-ring{
  width:82px;
  height:82px;
}

.cyberclaw-light .answer-bot-avatar{
  inset:17px;
}

.cyberclaw-light .answer-bot-avatar img{
  width:34px;
  height:34px;
}

.cyberclaw-light .answer-card.answer-final-compact{
  grid-template-columns:minmax(0,1fr) 62px;
  gap:10px;
  padding:11px 12px;
}

.cyberclaw-light .answer-final-compact .answer-final-head{
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}

.cyberclaw-light .answer-final-badge,
.cyberclaw-light .answer-final-state{
  height:20px;
  padding:0 8px;
  border-radius:7px;
  font-size:10px;
}

.cyberclaw-light .answer-final-compact .answer-final-title{
  font-size:14.5px;
  line-height:1.22;
}

.cyberclaw-light .answer-final-compact .answer-final-summary{
  font-size:11px;
  line-height:1.3;
}

.cyberclaw-light .answer-final-compact .answer-final-meta{
  gap:7px;
  margin-top:3px;
}

.cyberclaw-light .answer-final-compact .answer-final-meta div{
  height:40px;
  grid-template-rows:13px 18px;
  gap:2px;
  padding:4px 8px;
  border-radius:7px;
}

.cyberclaw-light .answer-final-compact .answer-final-meta span{
  font-size:9.5px;
  line-height:13px;
}

.cyberclaw-light .answer-final-compact .answer-final-meta b{
  font-size:13px;
  line-height:18px;
}

.cyberclaw-light .answer-final-compact .answer-ring-wrap,
.cyberclaw-light .answer-final-compact .answer-progress-ring{
  width:62px;
  height:62px;
}

.cyberclaw-light .answer-final-compact .answer-bot-avatar{
  inset:14px;
}

.cyberclaw-light .log{
  padding:8px 10px;
}

.cyberclaw-light .log-row,
.cyberclaw-light .center.log-expanded .log-row{
  display:grid;
  grid-template-columns:10px 58px 132px minmax(0,1fr);
  align-items:start;
  gap:10px;
  min-height:0;
  padding:4px 0;
}

.cyberclaw-light .log-row .dot{
  margin-top:7px;
}

.cyberclaw-light .log-row .muted{
  font-size:12px;
  font-variant-numeric:tabular-nums;
  line-height:1.45;
}

.cyberclaw-light .log-role{
  font-size:12px;
  line-height:1.45;
  white-space:nowrap;
}

.cyberclaw-light .log-text,
.cyberclaw-light .center.log-expanded .log-text{
  display:block;
  min-width:0;
  overflow:visible;
  font-size:12px;
  line-height:1.45;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.cyberclaw-light .call-list{
  gap:8px;
  padding:8px;
}

.cyberclaw-light .call-row{
  min-height:82px;
  grid-template-columns:minmax(0,1fr) 78px;
  grid-template-rows:22px 22px 22px;
  gap:6px 8px;
  padding:9px 10px;
  border-radius:10px;
}

.cyberclaw-light .call-main{
  height:22px;
  gap:7px;
}

.cyberclaw-light .skill-name-cell{
  height:22px;
  max-width:calc(100% - 48px);
  font-size:13px;
  line-height:22px;
}

.cyberclaw-light .skill-name-cell .skill-cell-icon{
  flex-basis:20px;
  width:20px;
  height:20px;
}

.cyberclaw-light .skill-name-cell .skill-cell-icon img{
  width:13px;
  height:13px;
}

.cyberclaw-light .call-type{
  height:20px;
  padding:0 7px;
  font-size:10px;
  line-height:20px;
}

.cyberclaw-light .call-state{
  width:76px;
  min-width:76px;
  height:22px;
  padding:0 7px;
  font-size:10.5px;
}

.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  grid-template-columns:116px minmax(0,1fr);
  gap:8px;
}

.cyberclaw-light .call-field,
.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:22px;
  gap:6px;
  padding:0 8px;
  border-radius:8px;
}

.cyberclaw-light .field-label,
.cyberclaw-light .metric-label{
  width:26px;
  font-size:10px;
}

.cyberclaw-light .field-value.skill-robot-cell,
.cyberclaw-light .field-value.skill-business,
.cyberclaw-light .call-metrics .metric-value{
  font-size:11px;
}

.cyberclaw-light .field-value.skill-business{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cyberclaw-light .field-value.skill-robot-cell .skill-cell-icon{
  flex-basis:16px;
  width:16px;
  height:16px;
}

.cyberclaw-light .field-value.skill-robot-cell .skill-cell-icon img{
  width:11px;
  height:11px;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row{
  min-height:44px;
  grid-template-columns:52px minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  padding:0 12px;
}

.cyberclaw-light .info-space-body .obs-time{
  text-align:left;
  font-size:13px;
  font-variant-numeric:tabular-nums;
  line-height:1;
}

.cyberclaw-light .info-space-body .obs-row.timeline-row b{
  min-width:0;
  display:-webkit-box;
  overflow:hidden;
  font-size:13px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:normal;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.cyberclaw-light .physical-agent-body .entity-table{
  display:grid;
  align-content:start;
  gap:10px;
  padding:10px;
}

.cyberclaw-light .physical-agent-body .entity-card{
  min-height:62px;
}

/* Header overlay correction: account menu must sit above cockpit panels. */
.cyberclaw-light .top{
  position:relative;
  z-index:500;
  isolation:isolate;
}

.cyberclaw-light .main.cockpit{
  position:relative;
  z-index:1;
}

.cyberclaw-light .user-shell{
  position:relative;
  z-index:520;
}

.cyberclaw-light .user-menu{
  z-index:540;
  right:0;
  top:calc(100% + 10px);
  box-shadow:0 20px 42px rgba(15,23,42,.18),0 0 0 1px rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.98);
}

.cyberclaw-light .call-panel.skill-resource-panel{
  position:relative;
  z-index:2;
}

/* Local patrol video and denser skill cards. */
.cyberclaw-light .local-video-frame{
  overflow:hidden;
  background:#020812;
  contain:paint;
}

.cyberclaw-light .task-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#020812;
  transform:translateZ(0);
  backface-visibility:hidden;
  will-change:transform;
  contain:paint;
}

.cyberclaw-light .task-connected-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#020812;
}

.cyberclaw-light .local-video-frame .hud-corner{
  z-index:4;
}

.cyberclaw-light .call-list{
  gap:6px;
  padding:7px;
}

.cyberclaw-light .call-row{
  min-height:74px;
  grid-template-columns:minmax(0,1fr) 82px;
  grid-template-rows:22px 20px 20px;
  gap:5px 8px;
  padding:8px 9px;
  border-radius:9px;
}

.cyberclaw-light .call-main{
  height:22px;
}

.cyberclaw-light .call-state{
  width:80px;
  min-width:80px;
  height:22px;
}

.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  grid-template-columns:124px minmax(0,1fr);
  gap:8px;
}

.cyberclaw-light .call-field,
.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:20px;
  padding:0 7px;
}

.cyberclaw-light .field-value.skill-robot-cell,
.cyberclaw-light .field-value.skill-business,
.cyberclaw-light .call-metrics .metric-value{
  font-size:10.5px;
}

/* Remove the center targeting cross from video panes. */
.cyberclaw-light .vision-reticle{
  display:none!important;
}

/* Skill cards visibility fix: every row must fully contain header, fields, and metrics. */
.cyberclaw-light .call-list{
  gap:8px;
  padding:8px;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-padding:8px;
  scroll-snap-type:y mandatory;
  scrollbar-gutter:stable;
}

.cyberclaw-light .call-row{
  min-height:88px;
  height:88px;
  box-sizing:border-box;
  grid-template-columns:minmax(0,1fr) 92px;
  grid-template-rows:24px 22px 22px;
  grid-template-areas:
    "main state"
    "fields fields"
    "metrics metrics";
  align-content:start;
  gap:6px 8px;
  padding:8px 10px;
  contain:layout;
  overflow:visible;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}

.cyberclaw-light .call-main{
  grid-area:main;
  min-width:0;
  height:24px;
  align-self:start;
}

.cyberclaw-light .call-state{
  grid-area:state;
  width:88px;
  min-width:88px;
  height:24px;
  justify-self:end;
}

.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(118px,.9fr) minmax(0,1.35fr);
  align-items:center;
  gap:8px;
}

.cyberclaw-light .call-fields{
  grid-area:fields;
  height:22px;
}

.cyberclaw-light .call-metrics{
  grid-area:metrics;
  height:22px;
}

.cyberclaw-light .call-field,
.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:22px;
  min-height:22px;
  display:flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
}

.cyberclaw-light .field-label,
.cyberclaw-light .metric-label{
  flex:0 0 26px;
  width:26px;
  line-height:1;
}

.cyberclaw-light .field-value.skill-robot-cell,
.cyberclaw-light .field-value.skill-business,
.cyberclaw-light .call-metrics .metric-value{
  line-height:1.2;
}

/* Final spacing pass: skill records grow over time, so rows need stable room. */
.cyberclaw-light .call-list{
  gap:10px;
  padding:10px;
}

.cyberclaw-light .call-row{
  min-height:102px;
  height:102px;
  grid-template-rows:26px 24px 24px;
  gap:8px 10px;
  padding:10px 12px;
  overflow:hidden;
}

.cyberclaw-light .call-main{
  height:26px;
}

.cyberclaw-light .call-state{
  height:24px;
}

.cyberclaw-light .call-fields,
.cyberclaw-light .call-metrics{
  height:24px;
  grid-template-columns:minmax(136px,.85fr) minmax(0,1.35fr);
  gap:10px;
}

.cyberclaw-light .call-field,
.cyberclaw-light .call-duration,
.cyberclaw-light .call-frequency{
  height:24px;
  min-height:24px;
}

/* Dynamic evidence scene graph. */
.cyberclaw-light .physical-stage.scene-graph-3d{
  isolation:isolate;
  border:1px solid rgba(188,207,235,.96);
  border-radius:8px;
  background:
    radial-gradient(circle at 52% 46%,rgba(82,132,255,.16),transparent 38%),
    radial-gradient(circle at 16% 18%,rgba(59,130,246,.08),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,#eef6ff 56%,#f8fbff 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 10px 22px rgba(46,75,123,.08);
}

.cyberclaw-light .physical-stage.scene-graph-3d:before{
  content:"" !important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(168,194,231,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(168,194,231,.34) 1px,transparent 1px);
  background-size:28px 28px;
  opacity:.72;
  mask-image:radial-gradient(circle at center,#000 0 68%,transparent 92%);
}

.cyberclaw-light .physical-stage.scene-graph-3d:after{
  content:"" !important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(59,130,246,.09),transparent 26%,transparent 74%,rgba(96,165,250,.06)),
    radial-gradient(circle at 50% 56%,transparent 0 44%,rgba(241,247,255,.54) 86%);
}

.cyberclaw-light .physical-stage.scene-graph-3d canvas,
.cyberclaw-light .physical-stage.scene-graph-3d .vis-network{
  display:block!important;
  position:relative;
  z-index:2;
}

.cyberclaw-light .physical-stage.scene-graph-3d canvas{
  outline:none;
}

.cyberclaw-light .physical-stage.scene-graph-3d.scene-graph-intro canvas,
.cyberclaw-light .physical-stage.scene-graph-3d.scene-graph-intro .vis-network{
  transform-origin:50% 58%;
  animation:sceneGraphFloatIn 2.4s cubic-bezier(.22,.61,.36,1) both;
}

@keyframes sceneGraphFloatIn{
  0%{
    opacity:0;
    filter:blur(14px) saturate(.9) brightness(1.06);
    transform:translateZ(0);
  }
  36%{
    opacity:.34;
    filter:blur(9px) saturate(.94) brightness(1.04);
    transform:translateZ(0);
  }
  72%{
    opacity:.82;
    filter:blur(2.5px) saturate(.99) brightness(1.01);
    transform:translateZ(0);
  }
  100%{
    opacity:1;
    filter:blur(0) saturate(1) brightness(1);
    transform:translateZ(0);
  }
}

.cyberclaw-light .scene-graph-overlay{
  position:absolute;
  left:10px;
  top:10px;
  z-index:4;
  height:22px;
  display:flex;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(125,211,252,.28);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#24466f;
  font-size:11px;
  font-weight:800;
  letter-spacing:0;
  box-shadow:0 8px 18px rgba(46,75,123,.12),inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter:blur(8px);
}

.cyberclaw-light .scene-graph-overlay::before{
  content:"";
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:999px;
  background:#22d3ee;
  box-shadow:0 0 10px rgba(34,211,238,.8);
}

@media (prefers-reduced-motion:reduce){
  .cyberclaw-light .physical-stage.scene-graph-3d.scene-graph-intro canvas,
  .cyberclaw-light .physical-stage.scene-graph-3d.scene-graph-intro .vis-network{
    animation:none;
  }
}

/* Light robot answer generation state */
.cyberclaw-light .answer-card.answer-robot-generating{
  grid-template-columns:minmax(0,1fr) 96px;
  gap:14px;
  padding:15px 16px;
  border-color:rgba(125,190,255,.74);
  background:
    radial-gradient(circle at 83% 48%,rgba(37,99,235,.12),transparent 30%),
    radial-gradient(circle at 16% 14%,rgba(34,211,238,.14),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,251,255,.98) 54%,rgba(235,246,255,.96));
  box-shadow:
    0 14px 28px rgba(37,99,235,.12),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 0 0 1px rgba(255,255,255,.72);
}

.cyberclaw-light .answer-card.answer-robot-generating:after{
  display:none;
}

.cyberclaw-light .answer-robot-generating > *{
  position:relative;
  z-index:2;
}

.cyberclaw-light .answer-tech-grid{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,rgba(59,130,246,.06) 1px,transparent 1px),
    linear-gradient(180deg,rgba(59,130,246,.055) 1px,transparent 1px),
    radial-gradient(circle at 84% 50%,rgba(56,189,248,.18),transparent 34%);
  background-size:18px 18px,18px 18px,100% 100%;
  opacity:.68;
  pointer-events:none;
}

.cyberclaw-light .answer-scan-glow{
  position:absolute;
  left:-42%;
  top:0;
  z-index:1;
  width:38%;
  height:100%;
  background:linear-gradient(106deg,transparent 0%,rgba(56,189,248,.08) 34%,rgba(37,99,235,.18) 50%,transparent 70%);
  animation:answerLightSweep 3.9s linear infinite;
  pointer-events:none;
}

.cyberclaw-light .answer-corner{
  position:absolute;
  z-index:3;
  width:24px;
  height:18px;
  border-color:rgba(37,99,235,.42);
  pointer-events:none;
}

.cyberclaw-light .answer-corner-tl{
  left:7px;
  top:7px;
  border-top:1px solid;
  border-left:1px solid;
  border-top-left-radius:5px;
}

.cyberclaw-light .answer-corner-tr{
  right:7px;
  top:7px;
  border-top:1px solid;
  border-right:1px solid;
  border-top-right-radius:5px;
}

.cyberclaw-light .answer-corner-bl{
  left:7px;
  bottom:7px;
  border-bottom:1px solid;
  border-left:1px solid;
  border-bottom-left-radius:5px;
}

.cyberclaw-light .answer-corner-br{
  right:7px;
  bottom:7px;
  border-right:1px solid;
  border-bottom:1px solid;
  border-bottom-right-radius:5px;
}

.cyberclaw-light .answer-robot-generating .answer-orb-copy{
  gap:8px;
}

.cyberclaw-light .answer-robot-generating .answer-status-chip{
  height:23px;
  padding:0 9px;
  border-color:#bae6fd;
  background:linear-gradient(180deg,#ffffff,#eef8ff);
  color:#2563eb;
  box-shadow:0 8px 16px rgba(37,99,235,.08),inset 0 1px 0 rgba(255,255,255,.95);
}

.cyberclaw-light .answer-robot-generating .answer-status-chip:before{
  content:"";
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:999px;
  background:#38bdf8;
  box-shadow:0 0 10px rgba(56,189,248,.58);
  animation:answerStatusPulse 1.6s ease-in-out infinite;
}

.cyberclaw-light .answer-robot-generating .answer-main{
  color:#182744;
  font-size:23px;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}

.cyberclaw-light .answer-robot-generating .answer-sub{
  display:flex;
  align-items:center;
  gap:3px;
  color:#5b6b82;
  font-size:14px;
  font-weight:820;
  white-space:nowrap;
}

.cyberclaw-light .answer-typing-dots{
  display:inline-flex;
  align-items:center;
  gap:3px;
  margin-left:1px;
}

.cyberclaw-light .answer-typing-dots i{
  width:4px;
  height:4px;
  display:block;
  border-radius:999px;
  background:#2563eb;
  opacity:.35;
  animation:answerTypingDot 1.25s ease-in-out infinite;
}

.cyberclaw-light .answer-typing-dots i:nth-child(2){
  animation-delay:.16s;
}

.cyberclaw-light .answer-typing-dots i:nth-child(3){
  animation-delay:.32s;
}

.cyberclaw-light .answer-robot-wrap{
  position:relative;
  width:92px;
  height:92px;
  justify-self:end;
  display:grid;
  place-items:center;
}

.cyberclaw-light .answer-robot-wrap:before{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0 42%,rgba(219,239,255,.86) 43% 64%,rgba(37,99,235,.16) 65% 100%),
    conic-gradient(from 20deg,rgba(56,189,248,.2),rgba(37,99,235,.04),rgba(56,189,248,.28),rgba(37,99,235,.04),rgba(56,189,248,.2));
  box-shadow:
    inset 0 0 0 1px rgba(147,197,253,.9),
    inset 0 0 18px rgba(56,189,248,.18),
    0 12px 24px rgba(37,99,235,.16);
}

.cyberclaw-light .answer-orbit{
  position:absolute;
  border:1px solid rgba(37,99,235,.18);
  border-radius:50%;
  pointer-events:none;
}

.cyberclaw-light .answer-orbit:after{
  content:"";
  position:absolute;
  right:7px;
  top:11px;
  width:5px;
  height:5px;
  border-radius:999px;
  background:#38bdf8;
  box-shadow:0 0 10px rgba(56,189,248,.7);
}

.cyberclaw-light .answer-orbit-a{
  inset:7px;
  animation:answerOrbitRotate 5.6s linear infinite;
}

.cyberclaw-light .answer-orbit-b{
  inset:15px;
  border-color:rgba(96,165,250,.22);
  transform:rotate(34deg);
  animation:answerOrbitRotate 7.4s linear infinite reverse;
}

.cyberclaw-light .answer-signal{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.58);
  opacity:.62;
  animation:answerSignalPulse 1.9s ease-in-out infinite;
}

.cyberclaw-light .answer-signal-a{
  right:12px;
  top:18px;
}

.cyberclaw-light .answer-signal-b{
  left:13px;
  bottom:21px;
  animation-delay:.55s;
}

.cyberclaw-light .answer-robot-avatar{
  position:relative;
  z-index:2;
  width:88px;
  height:88px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:0;
  overflow:visible;
  background:none;
  box-shadow:none;
  animation:answerRobotFloat 3s ease-in-out infinite;
}

.cyberclaw-light .answer-robot-avatar:before{
  content:"";
  position:absolute;
  inset:11px 7px 5px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,165,233,.32) 0 24%,rgba(96,165,250,.18) 44%,transparent 72%);
  filter:blur(10px);
}

.cyberclaw-light .answer-robot-avatar img{
  width:92px;
  height:92px;
  display:block;
  object-fit:cover;
  transform:none;
  filter:saturate(1.08) contrast(1.03) drop-shadow(0 12px 18px rgba(37,99,235,.16));
  -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 63%,rgba(0,0,0,.92) 70%,transparent 82%);
  mask-image:radial-gradient(circle at 50% 50%,#000 0 63%,rgba(0,0,0,.92) 70%,transparent 82%);
}

@keyframes answerLightSweep{
  from{transform:translateX(0)}
  to{transform:translateX(380%)}
}

@keyframes answerStatusPulse{
  0%,100%{opacity:.55;transform:scale(.82)}
  50%{opacity:1;transform:scale(1)}
}

@keyframes answerTypingDot{
  0%,100%{opacity:.28;transform:translateY(0)}
  45%{opacity:1;transform:translateY(-2px)}
}

@keyframes answerOrbitRotate{
  to{transform:rotate(360deg)}
}

@keyframes answerSignalPulse{
  0%,100%{opacity:.18;transform:scale(.7)}
  50%{opacity:.72;transform:scale(1.2)}
}

@keyframes answerRobotFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

@keyframes answerRobotBlink{
  0%,88%,100%{transform:scaleY(1)}
  92%{transform:scaleY(.22)}
}

@media (prefers-reduced-motion:reduce){
  .cyberclaw-light .answer-scan-glow,
  .cyberclaw-light .answer-robot-generating .answer-status-chip:before,
  .cyberclaw-light .answer-typing-dots i,
  .cyberclaw-light .answer-orbit-a,
  .cyberclaw-light .answer-orbit-b,
  .cyberclaw-light .answer-signal,
  .cyberclaw-light .answer-robot-avatar{
    animation:none;
  }
}


/* ============================================================
   信息空间 · 数据排版优化 (实体卡片 / 观测列表)
   ============================================================ */
.entity-card-grid{grid-auto-rows:minmax(118px,auto)}
.entity-card{overflow:hidden}
.entity-card-live{border-color:rgba(0,230,118,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.2),0 0 0 1px rgba(0,230,118,.12)}
.entity-live-tag{display:inline-flex;align-items:center;gap:4px;margin-left:2px;padding:2.5px 6px;border-radius:999px;background:rgba(0,230,118,.12);color:#4be3a3;font-size:10px;font-weight:900;line-height:1;letter-spacing:.4px;white-space:nowrap}
.entity-live-tag i{width:5px;height:5px;border-radius:50%;background:#00e676;box-shadow:0 0 6px #00e676;animation:entityPulse 1.6s ease-in-out infinite}
.entity-live-tag.stale{background:rgba(245,158,11,.12);color:#b7791f}
.entity-live-tag.stale i{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.55);animation:none}
@keyframes entityPulse{0%,100%{opacity:1}50%{opacity:.3}}
.entity-online-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.entity-online-dot.on{background:#00e676;box-shadow:0 0 7px rgba(0,230,118,.7)}
.entity-online-dot.off{background:#e74848;box-shadow:0 0 7px rgba(231,72,72,.7)}
.entity-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
.entity-metric{min-width:0;display:flex;flex-direction:column;gap:3px;padding:6px 7px;border-radius:6px;background:rgba(10,34,60,.52);border:1px solid rgba(36,84,128,.42)}
.entity-metric-label{color:#8fa4bd;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}
.entity-metric b{min-width:0;color:#e8f3ff;font-size:12px;font-weight:950;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-metric b small{font-size:9px;font-weight:800;color:#8fa4bd}
.entity-metric-battery-good{color:#00e676!important}
.entity-metric-battery-warn{color:#f6a623!important}
.entity-metric-battery-low{color:#ff7a7a!important}
.entity-meter-track{display:block;height:4px;border-radius:999px;background:rgba(91,108,128,.45);overflow:hidden}
.entity-meter-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#00b86b,var(--green));box-shadow:0 0 6px rgba(0,230,118,.4)}
.entity-meter-fill.warn{background:linear-gradient(90deg,#f59e0b,#facc15);box-shadow:0 0 6px rgba(246,166,35,.4)}
.entity-meter-fill.low{background:linear-gradient(90deg,#e74444,#ff7a7a);box-shadow:0 0 6px rgba(231,68,68,.4)}
.entity-card-location{grid-template-columns:28px minmax(0,1fr)!important}
.entity-card-location b{font-size:11px!important}
.entity-card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding-top:5px;border-top:1px dashed rgba(46,105,163,.35);margin-top:1px}
.entity-card-foot code{min-width:0;color:#7d95af;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-card-foot span{flex:0 0 auto;color:#6f8aa5;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.observe-stats{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:1px solid rgba(18,64,101,.5);color:#8fa4bd;font-size:11px;font-weight:800;white-space:nowrap}
.observe-stats b{font-size:13px;font-weight:950;color:#7cd9ff;font-variant-numeric:tabular-nums}
.observe-live-state{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-style:normal;color:#4be3a3;font-size:10px;font-weight:900;letter-spacing:.4px}
.observe-live-state i{width:5px;height:5px;border-radius:50%;background:#00e676;box-shadow:0 0 6px #00e676;animation:entityPulse 1.6s ease-in-out infinite}
.obs-row{grid-template-columns:52px 10px minmax(0,1fr);gap:8px;padding:8px 10px;align-items:start}
.obs-time{display:inline-block;padding:2px 6px;border-radius:5px;background:rgba(8,32,58,.75);border:1px solid rgba(36,84,128,.45);color:#7cd9ff;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.2}
.obs-marker{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#2f9fe0;box-shadow:0 0 8px rgba(47,159,224,.6)}
.cyberclaw-light .entity-card-live{border-color:#a5e8c8;box-shadow:0 10px 24px rgba(31,59,106,.09),inset 0 1px 0 rgba(255,255,255,.92),0 0 0 1px rgba(0,230,118,.18)}
.cyberclaw-light .entity-live-tag{background:rgba(0,230,118,.14);color:#0a9d5c}
.cyberclaw-light .entity-metric{background:#f3f8ff;border-color:#dbe7f6}
.cyberclaw-light .entity-metric-label{color:#7b8da3}
.cyberclaw-light .entity-metric b{color:#1f2a44}
.cyberclaw-light .entity-metric b small{color:#7b8da3}
.cyberclaw-light .entity-meter-track{background:#dce7f4}
.cyberclaw-light .entity-card-foot{border-top-color:#e2ebf7}
.cyberclaw-light .entity-card-foot code{color:#8a9bb0}
.cyberclaw-light .entity-card-foot span{color:#9aa9bd}
.cyberclaw-light .observe-stats{border-bottom-color:#e4edf8;color:#7b8da3}
.cyberclaw-light .observe-stats b{color:#24539f}
.cyberclaw-light .observe-live-state{color:#0a9d5c}
.cyberclaw-light .obs-time{background:#eef5ff;border-color:#d7e5f6;color:#24539f}
.cyberclaw-light .obs-marker{background:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.45)}

/* Live-card layout: keep every field inside the original compact panels. */
.entity-card-grid{grid-auto-rows:132px}
.entity-card{justify-content:flex-start;gap:7px;padding:10px 12px;overflow:hidden}
.entity-card-top{min-height:30px}
.entity-card-name{flex:1;gap:7px}
.entity-card-name b{font-size:13px}
.entity-card-state{flex:0 0 auto;margin-left:auto;padding:5px 8px;border:1px solid rgba(126,155,190,.3);border-radius:999px;white-space:nowrap}
.entity-metrics{grid-template-columns:minmax(72px,.8fr) minmax(80px,.9fr) minmax(76px,.8fr) minmax(126px,1.45fr);gap:6px}
.entity-metric{min-height:48px;box-sizing:border-box;justify-content:center;padding:6px 8px}
.entity-metric b{font-size:13px;line-height:1.2}
.entity-metric-location b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.entity-card-foot{min-height:16px;margin-top:auto;padding-top:4px}
.entity-card-foot code,.entity-card-foot span{font-size:10px;line-height:1.2}

.observe-stats{min-height:34px;box-sizing:border-box}
.observe-live-state.is-stale{color:#b7791f}
.observe-live-state.is-stale i{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.55);animation:none}
.observe-list .obs-row.timeline-row{grid-template-columns:68px 10px minmax(0,1fr);gap:8px;min-height:58px;box-sizing:border-box;padding:10px 12px;align-items:start}
.observe-list .obs-row.timeline-row .obs-time{display:block;width:68px;box-sizing:border-box;padding:3px 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:11px;line-height:1.2}
.observe-list .obs-row.timeline-row .obs-marker{margin-top:6px}
.observe-list .obs-row.timeline-row b{min-width:0;margin:0;font-size:13px;line-height:1.42;overflow-wrap:anywhere;word-break:break-word;-webkit-line-clamp:2}

@media (max-width:1100px){
  .entity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entity-card-grid{grid-auto-rows:190px}
}

/* ================= WebRTC 实时视频流 ================= */
.video-box{position:relative}
.live-camera-box{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:100%;aspect-ratio:4/3;z-index:30;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:none}
.live-camera-video{width:100%;height:100%;object-fit:contain;background:transparent}
#liveBadge.live-on .dot{background:#00e676;box-shadow:0 0 8px rgba(0,230,118,.8)}
#liveBadge.live-on{color:#00e676}
.webrtc-only-frame{background:linear-gradient(180deg,#07111f,#02060d)}
.webrtc-stage-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#9fb5cc;text-align:center;background:radial-gradient(circle at 50% 44%,rgba(37,99,235,.13),transparent 34%)}
.webrtc-stage-placeholder strong{color:#d9eaff;font-size:15px}
.webrtc-stage-placeholder span:last-child{font-size:12px}
.webrtc-stage-pulse{width:12px;height:12px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 0 rgba(56,189,248,.55);animation:webrtc-stage-pulse 1.8s infinite}
@keyframes webrtc-stage-pulse{70%{box-shadow:0 0 0 13px rgba(56,189,248,0)}100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}}
.live-camera-box[data-state="probing"],.live-camera-box[data-state="error"]{background:rgba(3,12,24,.16)}
.live-camera-box[data-state="probing"] .live-camera-video,.live-camera-box[data-state="error"] .live-camera-video{display:none}


/* ===== 已观察到的信息: 最终修复(自适应时间列, 覆盖历史三列规则) ===== */
.cyberclaw-light .info-space-body .obs-row.timeline-row{
  grid-template-columns:max-content minmax(0,1fr)!important;
  gap:10px!important;
  padding:0 12px 0 10px!important;
}
.cyberclaw-light .info-space-body .obs-row.timeline-row .obs-time{
  width:auto!important;
  min-width:44px;
  max-width:none;
  overflow:visible!important;
  white-space:nowrap!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:850;
  padding:3px 7px!important;
  border-radius:6px;
  background:#eef5ff;
  border:1px solid #d7e5f6;
  color:#24539f;
}
.cyberclaw-light .info-space-body .obs-row.timeline-row b{grid-column:2!important;grid-row:1!important}
.cyberclaw-light .info-space-body .obs-row.timeline-row .obs-marker{
  position:absolute!important;
  left:6px!important;
  top:50%!important;
  z-index:1!important;
  width:7px!important;
  height:7px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#7aa7e8!important;
  box-shadow:0 0 0 1px rgba(37,99,235,.2)!important;
  transform:translateY(-50%)!important;
  margin:0!important;
}

/* WebRTC 画面状态浮层 */
.live-camera-overlay{position:absolute;left:50%;bottom:18px;z-index:6;max-width:min(680px,88%);padding:10px 16px;border:1px solid rgba(125,211,252,.3);border-radius:8px;background:rgba(3,12,24,.9);color:#9fdcff;font-size:12px;font-weight:750;text-align:center;letter-spacing:.3px;box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateX(-50%)}
.live-camera-box[data-state="error"] .live-camera-overlay{border-color:rgba(248,113,113,.42);color:#fecaca;background:rgba(39,7,13,.9)}
.live-camera-box{overflow:hidden}

/* 2026-09-19：画布两侧的舞台留白用同流模糊背景填充，消除“黑框”观感。
   主画面保持 4:3 完整显示（不变形、不裁切），此层仅作背景装饰。 */
.live-camera-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5;transform:scale(1.12);filter:blur(16px) saturate(1.2) brightness(.66);display:none;pointer-events:none}
.live-camera-bg.live-on{display:block}
.video-box[data-view="resource"] .live-camera-bg{display:none !important}
/* 只有第一视角允许显示 WebRTC 视频层，其他视图一律隐藏，避免覆盖资源管理 */
.video-box[data-view="resource"] .live-camera-box{display:none !important;visibility:hidden !important;pointer-events:none !important}

/* 2026-09-19：直播已接入时隐藏连接表单。
   原实现依赖全幅黑色画布遮挡表单；画布改为 4:3 后两侧会露出表单碎片，
   这里显式隐藏（资源管理页签不受影响）。 */
.video-box:not([data-view="resource"]):has(.live-camera-box[data-state="live"]) #connectView{display:none !important}

/* WebRTC 连接区：完整四列布局，窄屏时有序换行 */
.video-box .connect{box-sizing:border-box;padding:28px clamp(18px,3vw,44px);gap:14px}
.video-box .connect-row{
  box-sizing:border-box;
  width:min(1120px,100%);
  grid-template-columns:minmax(260px,1fr) minmax(190px,.42fr) minmax(220px,.48fr) 96px;
  gap:14px;
  padding:14px 16px;
  border-radius:12px;
}
.video-box .connect-scene{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:9px;min-width:0}
.video-box .connect-scene label{font-size:13px;font-weight:800}
.video-box .connect-select{width:100%;min-width:0}
.video-box .connect .control-btn,.video-box .connect .control-btn::part(base){width:96px;min-width:96px}
.video-box .connect .control-btn::part(label){white-space:nowrap;font-size:13px;font-weight:850}
.video-box .connect .hint{width:min(1120px,100%);min-height:20px;text-align:center;font-size:13px;line-height:1.45}

@media (max-width:1100px){
  .video-box .connect-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 96px;width:min(760px,100%)}
  .video-box .connect-row>sl-input{grid-column:1/-1}
  .video-box .connect .hint{width:min(760px,100%)}
}

@media (max-width:720px){
  .video-box .connect{padding:18px 14px;justify-content:flex-start;overflow:auto}
  .video-box .connect-row{grid-template-columns:1fr;gap:10px;padding:12px}
  .video-box .connect-row>sl-input{grid-column:auto}
  .video-box .connect-scene{grid-template-columns:58px minmax(0,1fr)}
  .video-box .connect .control-btn,.video-box .connect .control-btn::part(base){width:100%;min-width:100%}
}

/* WebRTC 连接区最终布局：地址独占第一层，控制项位于第二层 */
.video-box .connect-row{
  width:min(920px,100%);
  grid-template-columns:minmax(230px,1fr) minmax(260px,1.15fr) 108px;
  grid-template-rows:auto auto;
  align-items:center;
}
.video-box .connect-row>sl-input{
  grid-column:1/-1;
  grid-row:1;
  width:100%;
  min-width:0;
}
.video-box .connect-row>.connect-scene{
  min-width:0;
  width:100%;
}
.video-box .connect-row>.connect-scene:nth-of-type(1){grid-column:1;grid-row:2}
.video-box .connect-row>.connect-scene:nth-of-type(2){grid-column:2;grid-row:2}
.video-box .connect-row>#connectBtn{grid-column:3;grid-row:2}
.video-box .connect-row sl-select,
.video-box .connect-row .connect-select{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
}
.video-box .connect-row sl-select::part(form-control),
.video-box .connect-row sl-select::part(combobox){
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.video-box .connect .control-btn,
.video-box .connect .control-btn::part(base){width:108px;min-width:108px}

@media (max-width:760px){
  .video-box .connect-row{grid-template-columns:1fr;grid-template-rows:none;width:100%}
  .video-box .connect-row>sl-input,
  .video-box .connect-row>.connect-scene:nth-of-type(1),
  .video-box .connect-row>.connect-scene:nth-of-type(2),
  .video-box .connect-row>#connectBtn{grid-column:1;grid-row:auto}
  .video-box .connect .control-btn,
  .video-box .connect .control-btn::part(base){width:100%;min-width:100%}
}

/* ===== 技能调用信息：端侧设备详情展开 ===== */
.call-row{cursor:pointer}
.call-row.is-expanded{box-shadow:inset 3px 0 0 rgba(56,189,248,.55)}
.call-detail{padding:9px 10px;border-bottom:1px solid rgba(18,64,101,.56);background:rgba(2,14,26,.62);animation:callDetailIn .18s ease}
@keyframes callDetailIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.call-detail-title{margin-bottom:7px;color:#8fb6d8;font-size:10.5px;font-weight:900}
.call-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.call-detail-item{min-width:0;display:grid;gap:2px;padding:6px 7px;border:1px solid rgba(24,72,112,.66);border-radius:6px;background:rgba(4,20,36,.7)}
.call-detail-item span{color:#7c93aa;font-size:9.5px;font-weight:800}
.call-detail-item b{overflow:hidden;color:#dce8f6;font-size:10.5px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.cyberclaw-light .call-detail{background:#f4f8fd;border-bottom-color:#e3ebf5}
.cyberclaw-light .call-detail-title{color:#5a7290}
.cyberclaw-light .call-detail-item{border-color:#dbe6f3;background:#ffffff}
.cyberclaw-light .call-detail-item span{color:#7b8da3}
.cyberclaw-light .call-detail-item b{color:#1f2c44}
.cyberclaw-light .call-row.is-expanded{box-shadow:inset 3px 0 0 rgba(37,99,235,.5)}
.log-row.log-model{background:rgba(37,99,235,.08)}
.log-row.log-status{background:rgba(16,185,129,.06)}
.log-row.log-error{background:rgba(239,68,68,.1);color:#fecaca}
.cyberclaw-light .log-row.log-model{background:#eff6ff}
.cyberclaw-light .log-row.log-status{background:#ecfdf5}
.cyberclaw-light .log-row.log-error{background:#fef2f2;color:#b91c1c}
/* Shared cockpit/model workspace navigation. */
.workspace{display:flex;flex:1;min-height:0;min-width:0}
.workspace-nav{width:172px;flex:0 0 172px;padding:18px 10px;display:flex;flex-direction:column;gap:5px;background:#fff;border-right:1px solid var(--line);box-shadow:4px 0 20px rgba(31,59,106,.04);z-index:2}
.workspace-nav-title,.workspace-nav-group{padding:8px 12px 6px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}
.workspace-nav-group{margin-top:16px}
.workspace-link{width:100%;border:0;border-radius:9px;padding:10px 12px;background:transparent;color:var(--text);text-align:left;font-size:13px;font-weight:700}
.workspace-link:hover{background:#f1f6ff}
.workspace-link.active{background:#eaf2ff;color:#1d70f5;box-shadow:inset 3px 0 #1d70f5}
.workspace-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.workspace-content .main{min-height:0}
.workspace-content .main.cockpit[hidden],.model-workspace[hidden]{display:none}
.model-workspace{flex:1;min-height:0;min-width:0;background:#f4f7fb}
.model-workspace iframe{width:100%;height:100%;border:0;display:block;background:#fff}
@media(max-width:900px){.workspace-nav{width:118px;flex-basis:118px;padding:10px 5px}.workspace-link{font-size:11px;padding:9px 6px}}
.model-catalog-view{height:100%;overflow:auto;padding:28px 34px;color:var(--text)}
.model-catalog-view h1{font-size:22px;margin:0 0 8px}
.model-catalog-view p,.model-catalog-status{color:var(--muted);font-size:13px}
.model-catalog-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:20px}
.model-catalog-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}
.model-catalog-card strong{font-size:14px}.model-catalog-card span{font-size:12px;color:var(--muted)}

.workspace-logout{margin-top:auto;color:var(--muted);font-size:12px}
/* Live panels: compact log columns and stable content placement. */
.cyberclaw-light .log-row,
.cyberclaw-light .center.log-expanded .log-row{
  grid-template-columns:10px 58px max-content minmax(0,1fr);
  column-gap:7px;
}
.cyberclaw-light .log-role{max-width:96px;overflow:hidden;text-overflow:ellipsis}
.cyberclaw-light .log .center-empty{height:auto;min-height:36px;place-items:start;align-content:start;padding:6px}

/* Feishu-style workspace rail: full labels when open, icon rail when closed. */
.workspace-nav{
  width:216px;
  flex:0 0 216px;
  padding:14px 10px;
  overflow:hidden;
  transition:width .2s ease,flex-basis .2s ease;
}
.workspace-nav-head{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 3px 3px 8px}
.workspace-nav-head .workspace-nav-title{padding:0;white-space:nowrap}
.workspace-nav-toggle,.workspace-submenu-toggle{
  display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;
  padding:5px;border:0;border-radius:8px;background:transparent;color:#6b7891;cursor:pointer;
}
.workspace-nav-toggle:hover,.workspace-submenu-toggle:hover{background:#edf3ff;color:#2268e8}
.workspace-nav-toggle:focus-visible,.workspace-submenu-toggle:focus-visible,.workspace-link:focus-visible{outline:2px solid #4387ff;outline-offset:2px}
.workspace-nav-toggle svg,.workspace-submenu-toggle svg{width:18px;height:18px}
.workspace-nav .workspace-nav-group{white-space:nowrap;margin-top:19px;padding:8px 12px 5px}
.workspace-nav .workspace-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:10px 12px;cursor:pointer;white-space:nowrap}
.workspace-link-icon{width:18px;height:18px;flex:0 0 18px;object-fit:contain}
.workspace-link-label{overflow:hidden;text-overflow:ellipsis}
.workspace-nav-parent{display:flex;align-items:center;position:relative}
.workspace-nav-parent>.workspace-link{padding-right:34px}
.workspace-nav-parent>.workspace-submenu-toggle{position:absolute;right:4px;top:6px}
.workspace-submenu-toggle svg{transition:transform .18s ease}
.workspace-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.workspace-submenu{display:flex;flex-direction:column;gap:3px;margin:2px 0 0 21px;padding:3px 0 3px 12px;border-left:1px solid #dce5f3}
.workspace-submenu[hidden]{display:none}
.workspace-submenu .workspace-link{min-height:34px;padding:7px 11px;font-size:12px;color:#586780}
.workspace-submenu .workspace-link.active{color:#1d70f5}
.workspace-nav-parent>.workspace-link.has-active-child{color:#1d70f5}
.workspace-nav.collapsed{width:58px;flex-basis:58px;padding:14px 7px}
.workspace-nav.collapsed .workspace-nav-head{justify-content:center;padding:0 0 3px}
.workspace-nav.collapsed .workspace-nav-title,.workspace-nav.collapsed .workspace-nav-group,.workspace-nav.collapsed .workspace-link-label,.workspace-nav.collapsed .workspace-submenu-toggle,.workspace-nav.collapsed .workspace-submenu{display:none}
.workspace-nav.collapsed .workspace-nav-group+button{margin-top:20px}
.workspace-nav.collapsed .workspace-link{justify-content:center;width:44px;padding:10px}
.workspace-nav.collapsed .workspace-nav-parent>.workspace-link{padding:10px}
@media(max-width:900px){
  .workspace-nav{width:184px;flex-basis:184px;padding:12px 7px}
  .workspace-nav .workspace-link{font-size:12px;padding:9px}
  .workspace-nav.collapsed{width:52px;flex-basis:52px;padding:12px 4px}
  .workspace-nav.collapsed .workspace-link{width:44px}
}
@media(prefers-reduced-motion:reduce){.workspace-nav,.workspace-submenu-toggle svg{transition:none}}

/* Information-space observation cards and a shared agent workspace. */
.cyberclaw-light .info-space-body .observe-stats{
  min-height:38px;
  padding:7px 12px;
  background:linear-gradient(90deg,#f6faff,#fff);
  border-bottom:1px solid #e4edf8;
  color:#61738d;
  font-size:12px;
}
.cyberclaw-light .info-space-body .observe-stats b{
  min-width:24px;
  display:inline-grid;
  place-items:center;
  padding:2px 5px;
  border-radius:7px;
  background:#e8f1ff;
  color:#2563eb;
  font-size:12px;
}
.cyberclaw-light .info-space-body .observe-list{padding:7px;background:#f8fbff}
.cyberclaw-light .info-space-body .observe-list .obs-row.timeline-row{
  min-height:54px;
  grid-template-columns:max-content minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center;
  margin-bottom:6px;
  padding:8px 10px!important;
  border:1px solid #e0eaf7;
  border-left:3px solid #8bb9f7;
  border-radius:9px;
  background:#fff;
  box-shadow:0 3px 10px rgba(31,59,106,.04);
}
.cyberclaw-light .info-space-body .observe-list .obs-row.timeline-row + .obs-row.timeline-row{border-top:1px solid #e0eaf7}
.cyberclaw-light .info-space-body .observe-list .obs-row.timeline-row:after{display:none}
.cyberclaw-light .info-space-body .observe-list .obs-row.timeline-row b{
  grid-column:2!important;
  grid-row:1!important;
  margin:0;
  color:#263753;
  line-height:1.4;
}
.cyberclaw-light .info-space-body .observe-list .empty-note{padding:24px 12px;color:#8a9bb1;text-align:center}
.physical-modules{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:10px}
.agent-space-body{display:grid;grid-template-rows:36px minmax(0,1fr);gap:0;padding:7px;background:#f8fbff}
.agent-tabbar{border-radius:9px 9px 0 0}
.agent-pane{min-width:0;min-height:0;overflow:hidden;border:1px solid #d6e1ef;border-radius:0 0 9px 9px;background:#fff}
.agent-pane[hidden]{display:none!important}
.agent-pane .entity-table{height:100%}
.cyberclaw-light .agent-space-module .entity-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:82px;
  align-content:start;
  gap:8px;
  padding:8px;
}
.cyberclaw-light .agent-space-module .entity-card{min-height:82px}
.cyberclaw-light .agent-space-module .digital-agent-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(76px,1fr));
  align-items:stretch;
  height:100%;
  min-height:0;
  box-sizing:border-box;
  gap:8px;
  padding:8px;
  background:#fff;
}
.cyberclaw-light .agent-space-module .digital-agent-card{
  min-height:76px;
  grid-template-rows:20px minmax(17px,1fr) 4px;
  align-content:space-between;
  padding:8px 10px;
  border-radius:10px;
  background:linear-gradient(160deg,#fff,#f6f9ff);
  box-shadow:0 5px 14px rgba(31,59,106,.05);
}
@media(max-width:1250px){
  .cyberclaw-light .agent-space-module .entity-card-grid{grid-template-columns:minmax(0,1fr)}
  .cyberclaw-light .agent-space-module .digital-agent-list{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(70px,1fr))}
  .cyberclaw-light .agent-space-module .digital-agent-card{min-height:70px;padding:8px}
}

/* Shared agent pane: use the whole card width for live telemetry. */
.cyberclaw-light .agent-space-module .entity-card-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:minmax(132px,auto);
  align-content:start;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}
.cyberclaw-light .agent-space-module .entity-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  width:100%;
  min-height:132px;
  height:auto;
  box-sizing:border-box;
  gap:8px;
  padding:10px 12px;
  overflow:visible;
  grid-template:none;
  grid-template-areas:none;
}
.cyberclaw-light .agent-space-module .entity-card-top{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:26px;
}
.cyberclaw-light .agent-space-module .entity-card-state{flex:0 0 auto;justify-self:auto;width:auto;max-width:none}
.cyberclaw-light .agent-space-module .entity-metrics{
  display:grid;
  grid-template-columns:minmax(72px,.9fr) minmax(78px,1fr) minmax(70px,.8fr) minmax(118px,1.4fr);
  gap:7px;
  width:100%;
  align-items:stretch;
}
.cyberclaw-light .agent-space-module .entity-metric{
  min-width:0;
  min-height:48px;
  height:auto;
  box-sizing:border-box;
  padding:6px 8px;
}
.cyberclaw-light .agent-space-module .entity-metric b{
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
}
.cyberclaw-light .agent-space-module .entity-card-foot{
  width:100%;
  min-height:16px;
  margin-top:0;
  padding-top:5px;
}
@media(max-width:1250px){
  .cyberclaw-light .agent-space-module .entity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cyberclaw-light .agent-space-module .entity-card{min-height:178px}
}


/* Phase 1: live cloud-to-edge task chain */
.task-chain-card{padding:14px;color:#172033;background:linear-gradient(160deg,#fff,#f7f9ff);border:1px solid #dce4f2;border-radius:12px;box-shadow:0 8px 22px rgba(38,62,105,.07)}
.task-chain-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.task-chain-card h3{margin:8px 0 2px;font-size:15px;line-height:1.45;font-weight:700}
.task-chain-id{font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8290a6;overflow-wrap:anywhere}
.task-state{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#edf2f8;color:#52647f}
.task-state.state-planning,.task-state.state-dispatching{background:#e9f2ff;color:#1769c2}
.task-state.state-completed{background:#e5f7ed;color:#167146}
.task-state.state-failed,.task-state.state-rejected{background:#fff0ed;color:#b13b2d}
.task-chain-list{list-style:none;margin:14px 0 0;padding:0}
.task-chain-step{position:relative;display:grid;grid-template-columns:18px 1fr;gap:8px;padding:0 0 14px}
.task-chain-step:not(:last-child)::after{content:"";position:absolute;left:6px;top:14px;bottom:0;width:2px;background:#dfe6f2}
.task-chain-marker{position:relative;z-index:1;width:12px;height:12px;margin-top:3px;border:2px solid #8ba0bb;border-radius:50%;background:#fff;box-sizing:border-box}
.task-chain-step.is-running .task-chain-marker{border-color:#2583df;box-shadow:0 0 0 4px rgba(37,131,223,.12)}
.task-chain-step.is-completed .task-chain-marker{border-color:#22a56b;background:#22a56b}
.task-chain-step.is-failed .task-chain-marker,.task-chain-step.is-rejected .task-chain-marker{border-color:#db5140;background:#db5140}
.task-chain-title{font-size:13px;font-weight:700;color:#25344c}
.task-chain-summary{margin-top:2px;font-size:12px;line-height:1.45;color:#65758d}
.task-chain-step time{display:block;margin-top:3px;font-size:10px;color:#9aa6b7}
.task-result{margin-top:2px;padding:11px;border-radius:9px;background:#eef9f3;color:#185c3e;font-size:12px}
.task-result.is-error{background:#fff1ee;color:#a8392d}
.task-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.task-result-grid div{min-width:0;padding:7px;background:rgba(255,255,255,.72);border-radius:7px}
.task-result-grid span,.task-result-grid b{display:block;overflow-wrap:anywhere}
.task-result-grid span{color:#6f857b;font-size:10px}.task-result-grid b{margin-top:2px;color:#244b39;font-size:11px}

/* Result output scrolls independently when the task chain exceeds the panel. */
.answer-panel > .answerbody{
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
}
.answer-panel .task-chain-card{height:auto;min-height:100%}


/* Let the result panel grow with the visible task chain and yield space from Information. */
.cyberclaw-light .left-rail,
.cyberclaw-light .left-rail.answer-final-mode{
  --task-chain-growth:0%;
  grid-template-rows:20% minmax(0,calc(40% + var(--task-chain-growth))) minmax(90px,1fr);
  transition:grid-template-rows .42s ease;
}
.cyberclaw-light .answer-panel,
.cyberclaw-light .rag-panel{
  min-height:0;
  transition:min-height .42s ease;
}


/* Phase 2: structured results for sequential device steps. */
.task-step-results{display:grid;gap:7px;margin-top:10px}
.task-step-results details{border:1px solid rgba(34,165,107,.22);border-radius:8px;background:rgba(255,255,255,.62);overflow:hidden}
.task-step-results summary{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;cursor:pointer;color:#244b39;font-weight:700}
.task-step-results summary span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#22a56b;color:#fff;font-size:10px}
.task-step-results summary em{color:#71877d;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.task-step-results pre,.task-result-json{max-height:190px;margin:0;padding:9px;overflow:auto;border-top:1px solid rgba(34,165,107,.16);white-space:pre-wrap;overflow-wrap:anywhere;color:#365747;background:rgba(240,250,245,.7);font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}


/* Registered Agent target selector. */
.device-picker-row{margin-top:-1px}
.device-picker-row label{min-width:34px}
.device-picker-row select option{color:#17233c;background:#fff}


/* Target Agent belongs to global task context in the top bar. */
.header-agent-picker{height:32px;display:flex;align-items:center;gap:8px;min-width:250px;padding:0 7px 0 10px;border:1px solid #c8daf0;border-radius:8px;background:linear-gradient(180deg,#fff,#f2f7fd);box-shadow:0 4px 12px rgba(31,59,106,.06)}
.header-agent-picker label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#52657f;font-size:11px;font-weight:800;white-space:nowrap}
.header-agent-picker label i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.header-agent-picker select{width:168px;min-width:0;height:24px;padding:0 24px 0 7px;border:0;border-left:1px solid #dbe6f3;outline:none;color:#20324d;background:transparent;font-size:11px;font-weight:750;text-overflow:ellipsis}
.header-agent-picker select:focus{box-shadow:inset 0 -2px 0 #3b82f6}
@media(max-width:1280px){.header-agent-picker{min-width:190px}.header-agent-picker label span{display:none}.header-agent-picker select{width:150px}}


/* Cloud model selector joins the target Agent in the global top-bar context. */
.header-context-picker{height:32px;display:flex;align-items:center;gap:8px;min-width:230px;padding:0 7px 0 10px;border:1px solid #c8daf0;border-radius:8px;background:linear-gradient(180deg,#fff,#f2f7fd);box-shadow:0 4px 12px rgba(31,59,106,.06)}
.header-context-picker label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#52657f;font-size:11px;font-weight:800;white-space:nowrap}
.header-context-picker label i{width:7px;height:7px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.header-context-picker select{width:145px;min-width:0;height:24px;padding:0 22px 0 7px;border:0;border-left:1px solid #dbe6f3;outline:none;color:#20324d;background:transparent;font-size:11px;font-weight:750;text-overflow:ellipsis}
.header-context-picker select:focus{box-shadow:inset 0 -2px 0 #3b82f6}
@media(max-width:1380px){.header-context-picker{min-width:175px}.header-context-picker label span{display:none}.header-context-picker select{width:142px}}


/* 2026-09-16: inference log removed; information and skill rails are 1:1. */
.main.cockpit{
  grid-template-columns:minmax(330px,1fr) minmax(0,2.25fr) minmax(330px,1fr);
}
.center{
  grid-template-rows:minmax(0,1fr);
}
#logList[hidden]{display:none!important}
@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-columns:minmax(285px,1fr) minmax(0,2.25fr) minmax(285px,1fr);
  }
  .center{
    grid-template-rows:minmax(0,1fr);
  }
}


/* 2026-09-16: align the lower modules with the upper center/right tracks. */
.physical-modules{
  grid-template-columns:minmax(0,2.25fr) minmax(330px,1fr);
  gap:7px;
}
@media (max-width:1360px),(max-height:760px){
  .physical-modules{
    grid-template-columns:minmax(0,2.25fr) minmax(285px,1fr);
    gap:5px;
  }
}


/* 2026-09-16: upper and lower work areas have equal height. */
.main.cockpit{
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
}
@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  }
}

/* 2026-09-16: card content responds to its panel width, not the browser width. */
.agent-space-module .agent-pane{
  container:agent-card-pane / inline-size;
}
.cyberclaw-light .agent-space-module .entity-card-grid{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.cyberclaw-light .agent-space-module .entity-card{
  max-width:100%;
  overflow:hidden;
}
.cyberclaw-light .agent-space-module .entity-card-name{
  flex:1 1 auto;
  overflow:hidden;
}
.cyberclaw-light .agent-space-module .entity-card-name b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cyberclaw-light .agent-space-module .entity-metric b,
.cyberclaw-light .agent-space-module .entity-metric-location b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow-wrap:normal;
}
@container agent-card-pane (max-width:700px){
  .cyberclaw-light .agent-space-module .entity-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cyberclaw-light .agent-space-module .entity-card{
    min-height:178px;
  }
}
@container agent-card-pane (max-width:390px){
  .cyberclaw-light .agent-space-module .entity-metrics{
    grid-template-columns:minmax(0,1fr);
  }
  .cyberclaw-light .agent-space-module .entity-card{
    min-height:286px;
  }
  .cyberclaw-light .agent-space-module .entity-card-top{
    align-items:flex-start;
    gap:6px;
  }
}

.video-box{
  container:video-connect-pane / inline-size;
}
.video-box .connect{
  padding:clamp(10px,3cqw,28px);
}
@container video-connect-pane (max-width:820px){
  .video-box .connect-row{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto auto;
    gap:10px;
    padding:12px;
  }
  .video-box .connect-row>sl-input{
    grid-column:1/-1;
    grid-row:1;
  }
  .video-box .connect-row>.connect-scene:nth-of-type(1){grid-column:1;grid-row:2}
  .video-box .connect-row>.connect-scene:nth-of-type(2){grid-column:2;grid-row:2}
  .video-box .connect-row>#connectBtn{grid-column:1/-1;grid-row:3}
  .video-box .connect .control-btn,
  .video-box .connect .control-btn::part(base){width:100%;min-width:100%}
}
@container video-connect-pane (max-width:520px){
  .video-box .connect{
    justify-content:flex-start;
    overflow:auto;
  }
  .video-box .connect-row{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
  }
  .video-box .connect-row>sl-input,
  .video-box .connect-row>.connect-scene:nth-of-type(1),
  .video-box .connect-row>.connect-scene:nth-of-type(2),
  .video-box .connect-row>#connectBtn{
    grid-column:1;
    grid-row:auto;
  }
  .video-box .connect-scene{
    grid-template-columns:52px minmax(0,1fr);
  }
}

/* Skill summary layout fix: readable cards without horizontal scrolling. */
.cyberclaw-light .skill-summary{
  min-width:0;
  min-height:58px;
  height:auto;
  padding:5px;
  overflow:hidden;
  container-type:inline-size;
}

.cyberclaw-light .skill-stat-list{
  width:100%;
  height:auto;
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(104px,.9fr) minmax(110px,.95fr) minmax(168px,1.45fr) minmax(96px,.8fr);
  align-items:stretch;
  gap:8px;
  overflow:hidden;
}

.cyberclaw-light .skill-stat-list > i{
  display:none;
}

.cyberclaw-light .skill-stat-list > span{
  min-width:0;
  height:46px;
  padding:0 12px;
  justify-content:center;
  gap:6px;
  border-radius:10px;
  font-size:12.5px;
  line-height:1.15;
  white-space:nowrap;
  overflow:visible;
}

.cyberclaw-light .skill-stat-list > span b{
  flex:0 0 auto;
  font-size:17px;
}

@container (max-width:560px){
  .cyberclaw-light .skill-stat-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cyberclaw-light .skill-stat-list > span{
    min-height:44px;
    height:auto;
    white-space:normal;
    text-align:center;
  }
}

/* Skill summary compact single-row scroller. */
.cyberclaw-light .skill-summary{
  min-height:48px;
  height:48px;
  padding:4px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
  container-type:normal;
}

.cyberclaw-light .skill-summary::-webkit-scrollbar{
  height:5px;
}

.cyberclaw-light .skill-summary::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#cbd5e1;
}

.cyberclaw-light .skill-stat-list{
  width:max-content;
  min-width:100%;
  height:38px;
  min-height:38px;
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:6px;
  overflow:visible;
}

.cyberclaw-light .skill-stat-list > span{
  flex:0 0 136px;
  width:136px;
  min-width:136px;
  height:38px;
  min-height:38px;
  padding:0 10px;
  white-space:nowrap;
  text-align:center;
  font-size:11.5px;
  border-radius:8px;
}

.cyberclaw-light .skill-stat-list > span:nth-of-type(3){
  flex-basis:176px;
  width:176px;
  min-width:176px;
}

.cyberclaw-light .skill-stat-list > span b{
  font-size:16px;
}

/* Embodied-agent cards: one complete device per compact card. */
.cyberclaw-light .agent-space-module .entity-card-grid{
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:minmax(168px,auto);
  gap:8px;
  align-content:start;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-gutter:stable;
}

.cyberclaw-light .agent-space-module .entity-card{
  min-height:168px;
  height:auto;
  padding:9px 10px;
  gap:7px;
  overflow:hidden;
}

.cyberclaw-light .agent-space-module .entity-card-top{
  min-height:30px;
}

.cyberclaw-light .agent-space-module .entity-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.cyberclaw-light .agent-space-module .entity-metric{
  min-height:43px;
  padding:5px 7px;
}

.cyberclaw-light .agent-space-module .entity-card-foot{
  min-height:16px;
  margin-top:auto;
}

@container agent-card-pane (max-width:700px){
  .cyberclaw-light .agent-space-module .entity-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cyberclaw-light .agent-space-module .entity-card{
    min-height:168px;
  }
}

@container agent-card-pane (max-width:390px){
  .cyberclaw-light .agent-space-module .entity-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .cyberclaw-light .agent-space-module .entity-card{
    min-height:168px;
  }
  .cyberclaw-light .agent-space-module .entity-card-top{
    align-items:center;
  }
}

/* Keep the complete device footer visible after compacting metrics. */
.cyberclaw-light .agent-space-module .entity-card-grid{
  grid-auto-rows:minmax(180px,auto);
}
.cyberclaw-light .agent-space-module .entity-card{
  min-height:180px;
}
@container agent-card-pane (max-width:700px){
  .cyberclaw-light .agent-space-module .entity-card{
    min-height:180px;
  }
}
@container agent-card-pane (max-width:390px){
  .cyberclaw-light .agent-space-module .entity-card{
    min-height:180px;
  }
}

/* ============================================================
   连接区 v2 视觉精修：单行紧凑卡片 + LIVE/浮层/提示统一（亮暗色通用）
   旧布局为“地址/场景/来源/按钮”四元素 grid，新结构仅剩
   “视频源 + 按钮”，此处覆盖尾部旧 grid 定位规则。
   ============================================================ */
.video-box .connect{padding:clamp(22px,5vh,48px) clamp(16px,3vw,40px);gap:14px}
.video-box .connect-row{
  width:min(580px,100%);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 14px;
  grid-template-columns:none;
  grid-template-rows:none;
  padding:12px 14px;
  border-radius:14px;
  box-shadow:0 18px 40px rgba(31,59,106,.14);
}
.video-box .connect-row>sl-input{display:none!important}
.video-box .connect-row>.connect-scene{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1 1 300px;
  min-width:0;
  width:auto;
}
.video-box .connect-row>.connect-scene:nth-of-type(1),
.video-box .connect-row>.connect-scene:nth-of-type(2),
.video-box .connect-row>#connectBtn{grid-column:auto;grid-row:auto}
.video-box .connect-scene label{white-space:nowrap;font-size:12.5px;font-weight:750;letter-spacing:.02em}
.video-box .connect .connect-select{width:100%;min-width:0;--sl-input-height-small:38px}
.video-box .connect .connect-select::part(combobox){border-radius:9px}
.video-box .connect>#connectBtn,
.video-box .connect>#connectBtn::part(base){
  flex:0 0 auto;
  width:auto;
  min-width:118px;
  height:38px;
  min-height:38px;
  border-radius:9px;
}
.video-box .connect>#connectBtn::part(label){height:38px;font-size:13px;font-weight:800;letter-spacing:.06em}
.video-box .connect>#connectBtn::part(base):disabled{opacity:.55;filter:saturate(.35);box-shadow:none}
.video-box .connect .hint{width:min(580px,100%);font-size:12.5px;line-height:1.55}

@media (max-width:560px){
  .video-box .connect-row>.connect-scene{flex-basis:100%}
  .video-box .connect>#connectBtn,
  .video-box .connect>#connectBtn::part(base){width:100%;min-width:100%}
}

/* LIVE 徽章：柔和胶囊，降低高饱和红在亮色下的刺眼感 */
.live{display:none;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#e11d48;background:rgba(225,29,72,.07);border:1px solid rgba(225,29,72,.22)}
.live.on{display:inline-flex}
.live .dot{width:7px;height:7px}

/* 信令浮层：更轻的投影 + 毛玻璃，圆角与卡片一致 */
.live-camera-overlay{border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 12px 28px rgba(2,8,20,.32);font-weight:650;letter-spacing:.2px;padding:9px 16px}

/* 亮色主题：提示文字对比度与卡片阴影微调 */
.cyberclaw-light .connect .hint{color:#5b6b81}
.cyberclaw-light .connect-row{border-color:#d3e2f2;box-shadow:0 16px 36px rgba(31,59,106,.1),0 1px 0 rgba(255,255,255,.9) inset}
.cyberclaw-light .live{color:#be123c;background:rgba(225,29,72,.06);border-color:rgba(225,29,72,.18)}

/* 全局字体栈升级：系统原生 UI 字体优先，中文回退 PingFang/雅黑，开启抗锯齿 */
html,body{font-family:system-ui,-apple-system,"SF Pro Text","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* ============================================================
   信息空间迁移至右列后的栏内重排：
   左栏 = 需求输入 + 智能响应；右栏 = 技能调用信息 + 信息空间；
   右栏与下方“智能体空间”保持同列对齐（同 1fr 轨道）。
   ============================================================ */
.left-rail{grid-template-rows:minmax(0,.72fr) minmax(0,1fr)}
.right{grid-template-rows:minmax(0,1.08fr) minmax(0,1fr)}
.right .rag-panel{min-height:0}
@media (max-width:1360px),(max-height:760px){
  .left-rail{grid-template-rows:minmax(0,.72fr) minmax(0,1fr)}
  .right{grid-template-rows:minmax(0,1.08fr) minmax(0,1fr)}
}

/* ============================================================
   栏宽重配：左栏收窄、右栏加宽（中间视频区 2.25fr 保持不变）
   下半区“场景图/智能体空间”同步跟随，保证上下网格线连续对齐
   上半区总宽 4.25fr = 0.82(左) + 2.25(中) + 1.18(右)
   下半区          = 3.07(场景图=左+中) + 1.18(智能体空间=右)
   ============================================================ */
.main.cockpit{
  grid-template-columns:minmax(300px,0.82fr) minmax(0,2.25fr) minmax(360px,1.18fr);
}
.physical-modules{
  grid-template-columns:minmax(0,3.07fr) minmax(360px,1.18fr);
}
@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-columns:minmax(260px,0.82fr) minmax(0,2.25fr) minmax(300px,1.18fr);
  }
  .physical-modules{
    grid-template-columns:minmax(0,3.07fr) minmax(300px,1.18fr);
  }
}

/* ============================================================
   下排高度重配：智能体空间收窄为“恰好一张设备卡片”，
   多余空间自动让渡给上排（技能调用信息 / 信息空间）。
   需要微调时只改 --agent-panel-h 一个变量即可。
   ============================================================ */
:root{--agent-panel-h:clamp(400px,42vh,480px)}
.main.cockpit{
  grid-template-rows:minmax(0,1fr) var(--agent-panel-h);
}
@media (max-width:1360px),(max-height:760px){
  :root{--agent-panel-h:clamp(370px,42vh,440px)}
  .main.cockpit{
    grid-template-rows:minmax(0,1fr) var(--agent-panel-h);
  }
}
/* 卡片多于可显示高度时在面板内滚动，避免溢出裁切 */
.agent-space-module .agent-pane{overflow:auto}

/* ============================================================
   右栏两面板防挤压：框架元素紧凑化 + 列表区保底高度 + 内部滚动
   技能列表与观测列表不再被压成一条缝；极端矮屏时右栏整体滚动兜底
   ============================================================ */
.right{overflow:auto}

/* ---- 技能调用信息：chrome 收紧（约省 20px），列表保底 140px ---- */
.right .skill-resource-panel .callbody{gap:6px;padding:6px}
.right .skill-resource-panel .skill-controls{gap:6px}
.right .skill-resource-panel .skill-search{height:32px}
.right .skill-resource-panel .skill-search input{font-size:12px}
.right .skill-resource-panel .skill-filter{height:27px;font-size:11px}
.right .skill-resource-panel .skill-filter img{width:13px;height:13px}
.right .skill-resource-panel .skill-summary{min-height:26px;padding:3px 8px}
.right .skill-resource-panel .skill-summary .skill-stat-list{gap:5px;font-size:10.5px;overflow-x:auto;scrollbar-width:none}
.right .skill-resource-panel .skill-table-wrap{flex:1 1 auto;min-height:140px}

/* ---- 信息空间：改为纵向流式，列表保底 120px ---- */
.right .rag-panel .info-space-body{display:flex;flex-direction:column;gap:6px;padding:6px}
.right .rag-panel .info-space-body .space-tabbar{flex:0 0 auto}
.right .rag-panel .info-space-body .space-tabbar .space-tab{padding:7px 10px;font-size:12px}
.right .rag-panel .info-space-body .space-pane{flex:1 1 auto;min-height:120px;display:flex;flex-direction:column;overflow:hidden}
.right .rag-panel .info-space-body .observe-stats{flex:0 0 auto}
.right .rag-panel .info-space-body .observe-list,
.right .rag-panel .info-space-body .rag-list{flex:1 1 auto;min-height:0;overflow:auto}
.right .rag-panel .info-space-body .space-view-all{flex:0 0 auto;height:32px;margin-top:5px}

/* ============================================================
   右栏三区等高对齐：
   上排（技能调用信息 / 信息空间）1:1 均分，各占 1fr；
   下排（智能体空间）= 上排总高的一半 = 上排单个面板高度。
   于是三块完全等高、同宽，上下分界线水平贯通。
   滚动条占位固定（scrollbar-gutter），有无滚动条时三框宽度一致。
   ============================================================ */
.main.cockpit{
  grid-template-rows:minmax(0,2fr) minmax(0,1fr);
}
.right{
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
}
@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-rows:minmax(0,2fr) minmax(0,1fr);
  }
  .right{
    grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  }
}
/* 滚动条占位统一：三框内容区宽度不再随滚动条出现/消失而变化 */
.right .skill-table-wrap,
.right .rag-panel .info-space-body .observe-list,
.right .rag-panel .info-space-body .rag-list,
.agent-space-module .agent-pane{
  scrollbar-gutter:stable both-edges;
}
/* 细滚动条：统一观感、降低视觉噪音 */
.right ::-webkit-scrollbar{width:6px;height:6px}
.right ::-webkit-scrollbar-thumb{background:rgba(100,130,165,.35);border-radius:999px}
.right ::-webkit-scrollbar-track{background:transparent}

/* ============================================================
   宽度恢复为原始设置：左 / 中 / 右 = 1fr : 2.25fr : 1fr
   下半区同步跟随（场景图 2.25fr + 智能体空间 1fr），保持上下对齐
   ============================================================ */
.main.cockpit{
  grid-template-columns:minmax(330px,1fr) minmax(0,2.25fr) minmax(330px,1fr);
}
.physical-modules{
  grid-template-columns:minmax(0,2.25fr) minmax(330px,1fr);
}
@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-columns:minmax(285px,1fr) minmax(0,2.25fr) minmax(285px,1fr);
  }
  .physical-modules{
    grid-template-columns:minmax(0,2.25fr) minmax(285px,1fr);
  }
}

/* ============================================================
   右栏三块内容区“恰好一行记录”：
   面板高度贴合内容（auto 行），列表区由 JS 实测单条高度精确设定，
   消除半条露出；单条显示时上下留白对称（容器 padding 对称）。
   ============================================================ */
.right{
  grid-template-rows:auto auto;
  align-content:start;
}
.right .rag-panel .info-space-body .space-pane{
  min-height:0;
  flex:0 0 auto;
}
@media (max-width:1360px),(max-height:760px){
  .right{
    grid-template-rows:auto auto;
  }
}

/* ============================================================
   修复：下排（场景图/智能体空间）行高重新引用实测的 --agent-panel-h。
   之前改为固定 1fr 后测量结果无人使用，导致车卡被视口比例裁切。
   ============================================================ */
.main.cockpit{
  grid-template-rows:minmax(0,1fr) var(--agent-panel-h,clamp(400px,42vh,480px));
}
@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-rows:minmax(0,1fr) var(--agent-panel-h,clamp(370px,42vh,440px));
  }
}

/* ============================================================
   全局视觉精致化（仅视觉层，不改任何尺寸/布局/交互逻辑）
   1) 圆角体系统一  2) 阴影收敛  3) 标题字重收敛
   4) 数值等宽对齐  5) 交互动效统一  6) 移动端断点  7) 滚动条美化
   ============================================================ */
:root{
  --radius-panel:12px;
  --radius-card:10px;
  --ease:cubic-bezier(.4,0,.2,1);
}

/* 1) 圆角：面板 6/8px → 12px，观感更现代柔和（子卡片 10px） */
.panel,
.cyberclaw-light .panel{
  border-radius:var(--radius-panel);
}
.answer-card,
.call-row,
.question-template,
.entity-card{
  border-radius:var(--radius-card);
}

/* 2) 阴影：收敛为“内侧高光 + 外侧柔和投影”，去掉过重的黑影 */
.panel{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.18);
}
.cyberclaw-light .panel{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 10px 24px rgba(31,59,106,.08);
}

/* 3) 标题：字重 900 → 700，加字距，去掉“粗黑”感（高度不变） */
.title{
  font-weight:700;
  letter-spacing:.02em;
}

/* 4) 数值等宽：遥测与统计数字跳动时不再左右抖动 */
.foot b,
.skill-summary b,
.observe-stats b,
.entity-metric b,
.skill-stat-list b{
  font-variant-numeric:tabular-nums;
}

/* 5) 交互反馈统一到 150ms 缓动 */
.btn,
.skill-filter,
.workspace-link,
.video-tab,
.question-template,
.space-tab,
.space-view-all{
  transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease);
}

/* 6) 移动端（≤900px）紧凑化：只收紧间距与标题内边距，桌面端不受影响 */
@media (max-width:900px){
  .main.cockpit{gap:5px;padding:5px}
  .left-rail,.center,.right{gap:5px}
  .title{padding:0 8px}
  .foot{font-size:11px}
}

/* 7) 滚动条美化：只改颜色不改宽度，避免影响任何已测好的尺寸 */
::-webkit-scrollbar-thumb{background:rgba(100,130,165,.32);border-radius:999px}
::-webkit-scrollbar-track{background:transparent}

/* ============================================================
   智能响应空闲态铺满面板：消除左栏下方留白
   只对空态卡生效，任务链卡片保持原有流式布局不受影响
   ============================================================ */
.answerbody{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.answerbody>.answer-card-empty{
  flex:1 1 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.answerbody>.answer-card-empty .answer-copy{
  width:100%;
}

/* ============================================================
   修复左栏底部留白：任务结束态的 .answer-final-mode 会把左栏切成
   三行（21%/29%/1fr），但左栏只有两个面板，第三行整行空置。
   统一强制为两行 fr 分配，任何状态下都铺满。
   ============================================================ */
.left-rail,
.left-rail.answer-final-mode{
  grid-template-rows:minmax(0,.72fr) minmax(0,1fr);
}
@media (max-width:1360px),(max-height:760px){
  .left-rail,
  .left-rail.answer-final-mode{
    grid-template-rows:minmax(0,.72fr) minmax(0,1fr);
  }
}

/* ============================================================
   2026-09-19 自主载体工作台布局收敛
   右列三块工作区贯穿上下两排，内容各自滚动；需求输入收紧。
   ============================================================ */
.main.cockpit{
  grid-template-areas:
    "left center right"
    "left physical right";
  grid-template-rows:minmax(0,1.18fr) minmax(250px,.82fr);
}

.left-rail,
.left-rail.answer-final-mode{
  grid-template-rows:clamp(170px,22vh,220px) minmax(0,1fr);
}

.task-panel,
.task-input-body,
.question-box{
  min-height:0;
}

.right{
  grid-area:right;
  display:grid;
  grid-template-rows:minmax(220px,1.15fr) minmax(170px,.72fr) minmax(220px,1fr);
  align-content:stretch;
  min-height:0;
  overflow:hidden;
}

.right > .panel{
  min-width:0;
  min-height:0;
  height:auto!important;
  align-self:stretch!important;
  overflow:hidden;
}

.right .skill-resource-panel .callbody,
.right .rag-panel .info-space-body,
.right .agent-space-module .agent-space-body{
  min-height:0;
  overflow:hidden;
}

.right .skill-resource-panel .skill-table-wrap,
.right .rag-panel .info-space-body .space-pane,
.right .agent-space-module .agent-pane{
  flex:1 1 auto;
  min-height:0;
  height:auto!important;
  overflow:auto;
  scrollbar-gutter:stable;
}

.right .rag-panel .info-space-body .space-pane{
  display:flex;
}

.right .agent-space-module .entity-card-grid{
  padding-bottom:8px;
}

/* 第一视角只保留真实视频和状态提示，不再绘制灰色等待方块。 */
.webrtc-stage-placeholder{
  display:none!important;
}
.webrtc-only-frame{
  background:#02060d!important;
  border:0!important;
  box-shadow:none!important;
}
.live-camera-box[data-state="probing"],
.live-camera-box[data-state="error"]{
  background:transparent!important;
}

@media (max-width:1360px),(max-height:760px){
  .main.cockpit{
    grid-template-areas:
      "left center right"
      "left physical right";
    grid-template-rows:minmax(360px,1.12fr) minmax(230px,.88fr);
  }
  .left-rail,
  .left-rail.answer-final-mode{
    grid-template-rows:clamp(150px,23vh,190px) minmax(0,1fr);
  }
  .right{
    grid-template-rows:minmax(190px,1.1fr) minmax(145px,.72fr) minmax(190px,1fr);
  }
}