/* Kenji Pass 36 · balanced review rail + avatar action shelf + lower audio dock */
#view-demo .kr-run-topic{display:block;padding:6px 7px;border:1px solid #d8e8f6;border-radius:7px;background:#f7fbff;color:#274b6c;font-size:8px;font-weight:700;line-height:1.35}
#view-demo .kr-conversation{grid-template-rows:auto minmax(0,1fr) auto auto auto}
#view-demo .kr-conv-controls{display:grid!important;justify-items:end;gap:5px;min-width:286px}
#view-demo .kr-conv-controls.kr-voice-controls-relocated{display:grid!important}
#view-demo .kr-conv-controls .kr-mode-switch{display:flex!important;width:286px;box-sizing:border-box;padding:3px;border-radius:10px;background:#fff}
#view-demo .kr-conv-controls .kr-mode-switch button{flex:1;height:28px;min-width:0;padding:0 9px;font-size:8px;white-space:nowrap}
#view-demo .kr-scenario-mode{display:none!important}
#view-demo .kr-scenario>.kr-assignment .kr-effective{justify-content:flex-start}
#view-demo .kr-commandbar{grid-template-columns:minmax(0,1fr)!important}
#view-demo .kr-voice-dock{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 10px 6px;padding:7px 8px;border:1px solid #cfe1f3;border-radius:10px;background:rgba(249,252,255,.96);box-shadow:0 4px 14px rgba(31,83,143,.05)}
#view-demo .kr-voice-dock .kr-audio-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;width:100%}
#view-demo .kr-voice-dock .kr-wave{width:100%}
#view-demo .kr-latency{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
#view-demo .kr-latency-chip{display:grid;grid-template-columns:auto auto;grid-template-areas:'label value' 'label overhead';column-gap:5px;align-items:center;min-width:74px;padding:4px 6px;border:1px solid #d1e2f2;border-radius:8px;background:#fff;color:#2f5477;line-height:1}
#view-demo .kr-latency-chip b{grid-area:label;font-size:6px;letter-spacing:.08em}
#view-demo .kr-latency-chip strong{grid-area:value;font-size:8px}
#view-demo .kr-latency-chip small{grid-area:overhead;color:#7a8da4;font-size:6px}
#view-demo .kr-latency-chip.idle{opacity:.58}
#view-demo .kr-avatar .kr-isla-mark{bottom:116px!important}
#view-demo .kr-avatar-run-actions{position:absolute;z-index:6;left:11px;right:11px;bottom:64px;display:grid;grid-template-columns:1.18fr .92fr 1.18fr;gap:5px;align-items:stretch}
#view-demo .kr-avatar-run-actions>button{min-width:0;height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 7px;border:1px solid rgba(116,190,244,.38);border-radius:9px;background:linear-gradient(155deg,rgba(24,51,96,.96),rgba(14,30,65,.98));color:#eaf6ff;font:inherit;font-size:7px;font-weight:850;line-height:1.05;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.075),0 5px 14px rgba(0,0,0,.18);white-space:normal;text-align:center}
#view-demo .kr-avatar-run-actions>button:hover{border-color:rgba(90,207,235,.72);background:linear-gradient(155deg,rgba(29,76,126,.98),rgba(15,43,79,.98))}
#view-demo .kr-avatar-run-actions>button:disabled{opacity:.38;cursor:not-allowed}
#view-demo .kr-avatar-run-actions>button span{flex:none;color:#62d6ec;font-size:12px;line-height:1}
#view-demo .kr-avatar-run-actions>button b{display:block!important;color:inherit;font-size:7px;font-weight:850;line-height:1.08}
#view-demo .kr-avatar-run-actions #krSave b::after{content:"Run transcript";display:block;margin-top:2px;color:#89abc7;font-size:5.5px;font-weight:700;letter-spacing:.01em}
#view-demo .kr-avatar-run-actions #krSave.saved{border-color:rgba(69,197,161,.62);background:linear-gradient(155deg,rgba(17,91,79,.94),rgba(12,55,62,.98));color:#eafff8}
#view-demo .kr-avatar-run-actions #krEmail{
  border-color:#a7d7e8!important;
  background:linear-gradient(180deg,#f6fdff,#edf8fc)!important;
  color:#17627d!important;
}
#view-demo .kr-avatar-run-actions #krEmail>span[aria-hidden="true"]{color:#2085a8!important}
#view-demo .kr-avatar-run-actions #krEmail.sent{
  border-color:#77cdb1!important;
  background:linear-gradient(180deg,#f3fff9,#eaf8f3)!important;
  color:#176b55!important;
}
#view-demo .kr-avatar-run-actions #krHandoff{border-color:rgba(157,139,233,.42);background:linear-gradient(155deg,rgba(57,47,113,.96),rgba(29,29,73,.98))}
#view-demo .kr-avatar-run-actions #krHandoff span{color:#c7b7ff}
#view-demo .kr-header-actions{margin-left:auto}

@media(min-width:1181px){
  #view-demo .kr-body{grid-template-columns:minmax(0,2.5fr) minmax(320px,1fr);gap:10px}
  #view-demo .kr-scenario{grid-template-columns:130px 135px 74px 175px 140px minmax(0,1fr);gap:8px}
  #view-demo .kr-scenario>.kr-assignment{grid-column:5!important;width:140px!important;min-width:0;justify-self:start!important}
}
@media(min-width:1001px) and (max-width:1180px){
  #view-demo .kr-body{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);gap:10px}
  #view-demo .kr-scenario{grid-template-columns:repeat(5,minmax(0,1fr))}
  #view-demo .kr-scenario>.kr-assignment{grid-column:5!important;width:auto!important;justify-self:stretch!important}
  #view-demo .kr-conv-controls{min-width:250px}
  #view-demo .kr-conv-controls .kr-mode-switch{width:250px}
}
@media(min-width:721px) and (max-width:1000px){
  #view-demo .kr-scenario{grid-template-columns:repeat(3,minmax(0,1fr))}
  #view-demo .kr-scenario>.kr-assignment{grid-column:2!important;width:auto!important;justify-self:stretch!important}
}
@media(max-width:720px){
  #view-demo .kr-scenario{grid-template-columns:1fr}
  #view-demo .kr-scenario>.kr-assignment{grid-column:1!important;width:100%!important;justify-self:stretch!important}
  #view-demo .kr-conv-controls{width:100%;min-width:0;justify-items:stretch}
  #view-demo .kr-conv-controls .kr-mode-switch{width:100%}
  #view-demo .kr-voice-dock{grid-template-columns:1fr}
  #view-demo .kr-latency{width:100%;justify-content:stretch}
  #view-demo .kr-latency-chip{flex:1}
  #view-demo .kr-voice-dock .kr-audio-status{grid-template-columns:1fr}
  #view-demo .kr-avatar .kr-isla-mark{bottom:116px!important}
  #view-demo .kr-avatar-run-actions{left:8px;right:8px;bottom:62px;grid-template-columns:1fr 1fr 1fr;gap:4px}
  #view-demo .kr-avatar-run-actions>button{height:36px;padding:0 4px;font-size:6.5px}
}

/* Pass 37 · white operator tile + readable vertical run actions */
#view-demo .kr-avatar{
  background:#fff!important;
  box-shadow:inset -1px 0 #d8e7f5!important;
}
#view-demo .kr-avatar::before,
#view-demo .kr-avatar::after{
  display:none!important;
}
#view-demo .kr-avatar>img{
  height:46%!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  border-bottom:1px solid #d9e7f3;
  background:#eef6fb;
  filter:saturate(1.01) contrast(1.03)!important;
}
#view-demo .kr-avatar .kr-isla-mark{
  display:none!important;
}
#view-demo .kr-avatar-run-actions{
  left:14px!important;
  right:14px!important;
  bottom:70px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(4,36px)!important;
  gap:7px!important;
}
#view-demo .kr-avatar-run-actions>button{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:0 14px!important;
  border:1px solid #bed9ee!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#fff,#f3f9fd)!important;
  color:#183b59!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:left!important;
  box-shadow:0 4px 12px rgba(34,84,128,.08)!important;
}
#view-demo .kr-avatar-run-actions>button:hover{
  border-color:#63b9e6!important;
  background:#f4fbff!important;
  color:#0e5e8d!important;
}
#view-demo .kr-avatar-run-actions>button:disabled{
  opacity:.48!important;
}
#view-demo .kr-avatar-run-actions>button>span[aria-hidden="true"]{
  width:22px!important;
  flex:0 0 22px!important;
  color:#1779b9!important;
  font-size:16px!important;
  text-align:center!important;
}
#view-demo .kr-avatar-run-actions>button .kr-action-label{
  display:block!important;
  min-width:0!important;
  color:inherit!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.1!important;
  letter-spacing:0!important;
}
#view-demo .kr-avatar-run-actions>button b{
  display:none!important;
}
#view-demo .kr-avatar-run-actions #krSave.saved{
  border-color:#77cdb1!important;
  background:linear-gradient(180deg,#f3fff9,#eaf8f3)!important;
  color:#176b55!important;
}
#view-demo .kr-avatar-run-actions #krHandoff{
  border-color:#c9c3ed!important;
  background:linear-gradient(180deg,#fbfaff,#f4f1ff)!important;
  color:#51468b!important;
}
#view-demo .kr-avatar-run-actions #krHandoff>span[aria-hidden="true"]{
  color:#7669bd!important;
}
#view-demo .kr-deck{
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  padding:6px!important;
  border:1px solid #c8dff0!important;
  background:#fff!important;
  backdrop-filter:none!important;
  box-shadow:0 5px 14px rgba(31,83,143,.08)!important;
}
#view-demo .kr-control{
  height:42px!important;
  border-radius:9px!important;
}
@media(max-width:720px){
  #view-demo .kr-avatar>img{height:44%!important}
  #view-demo .kr-avatar-run-actions{
    left:10px!important;
    right:10px!important;
    bottom:68px!important;
    grid-template-rows:repeat(4,35px)!important;
    gap:6px!important;
  }
  #view-demo .kr-avatar-run-actions>button{
    height:35px!important;
    padding:0 11px!important;
    font-size:9px!important;
  }
  #view-demo .kr-avatar-run-actions>button .kr-action-label{
    font-size:9px!important;
  }
  #view-demo .kr-deck{left:10px!important;right:10px!important}
}