/* V17 / complete coherent interface tune. Applied after all prior styles. */
:root{--j-action:#1876e7;--j-ink:#172b50;--j-line:#dce7f5;--j-soft:#eff6ff;--j-corner:12px}
/* All interactive page buttons share the same compact touch target and type scale. */
#view :is(.btn,.btn2,.ghost,.warnbtn,.chip,.tinybtn,.v11-outline),
#overlay :is(.btn,.btn2,.ghost,.warnbtn,.chip,.tinybtn),
#view .section-actions>button,#view .rowactions>button{
  box-sizing:border-box!important;max-width:100%!important;min-width:0!important;
  min-height:40px!important;height:auto!important;width:auto;
  padding:9px 12px!important;border-radius:12px!important;
  font-size:12px!important;line-height:1.3!important;font-weight:700!important;
  letter-spacing:0!important;white-space:normal!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;vertical-align:middle;text-align:center!important;
  box-shadow:none!important;transform:none;transition:background .15s,border-color .15s;
}
#view :is(.btn,.btn2,.ghost,.warnbtn,.chip,.tinybtn,.v11-outline) :is(svg,.i),
#overlay :is(.btn,.btn2,.ghost,.warnbtn,.chip,.tinybtn) :is(svg,.i){width:15px!important;height:15px!important;flex-shrink:0!important}
#view .btn,#overlay .btn{background:#197af1!important;color:#fff!important;border:1px solid #197af1!important}
#view .btn2,#view .v11-outline,#overlay .btn2{background:#edf5ff!important;color:#1667be!important;border:1px solid #d6e6fa!important}
#view .ghost,#overlay .ghost{background:white!important;color:#31537e!important;border:1px solid #dbe6f5!important}
#view .warnbtn,#overlay .warnbtn{background:#fff1f1!important;color:#a33b48!important;border:1px solid #f1d7dc!important}
#view button:focus-visible{outline:3px solid #99c8ff!important;outline-offset:2px}
/* A single quiet hierarchy for heading actions. No button is allowed to overlap a title. */
#view .intro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:12px!important;row-gap:12px!important;margin:19px 0 22px!important}
#view .intro>div:first-child{min-width:0!important;grid-column:1;grid-row:1}
#view .intro h1{color:#172b50!important;font-size:clamp(22px,5vw,29px)!important;line-height:1.18!important;letter-spacing:-.65px!important;overflow-wrap:anywhere!important}
#view .intro p{font-size:13px!important;line-height:1.48!important;margin-top:11px!important}
#view .intro>button:is(.btn,.btn2,.ghost),#view .intro>.v15-header-action{
 grid-column:2!important;grid-row:1!important;align-self:start!important;
 min-height:39px!important;max-width:145px!important;
 padding:8px 10px!important;border-radius:11px!important;
 background:#eff6ff!important;color:#1669c7!important;
 border:1px solid #d3e5fb!important;box-shadow:none!important;
 font-size:11px!important;font-weight:730!important;
}
#view .intro>button .i{width:14px!important;height:14px!important}
/* Form mode cards: consistent selected outline, text and spacing. */
#view .card label.v15-mode-card{display:flex!important;align-items:center!important;gap:12px!important;
 min-height:76px!important;padding:13px!important;margin-bottom:9px!important;
 background:#fff!important;border:1px solid #dfe8f5!important;border-radius:14px!important;box-shadow:none!important}
#view .card label.v15-mode-card:has(input:checked){background:#f0f7ff!important;border-color:#7eb8fa!important;box-shadow:inset 3px 0 #2184ec!important}
#view .card label.v15-mode-card input[type=radio]{position:static!important;opacity:1!important;appearance:auto!important;-webkit-appearance:radio!important;width:19px!important;height:19px!important;flex:0 0 19px!important;accent-color:#197af1!important;margin:0!important}
#view .card label.v15-mode-card span{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
#view .card label.v15-mode-card b{font-size:13px!important;line-height:1.4!important}
#view .card label.v15-mode-card small{font-size:12px!important;line-height:1.45!important}
/* Prevent flex:1 inherited from old button groups causing oversized controls. */
#view .rowactions{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#view .rowactions button{flex:0 1 auto!important}
#view .toolbar{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:12px 0 15px!important}
#view .toolbar .chip{flex:0 0 auto!important;min-height:36px!important;
 background:white!important;color:#31537e!important;border:1px solid #dce6f4!important;
 padding:8px 11px!important;border-radius:11px!important;font-size:12px!important}
#view .toolbar .chip.active{background:#e7f2ff!important;color:#0b6ad7!important;border-color:#9bc9ff!important}
#view .media-import-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin-bottom:15px!important}
#view .media-import-actions button{flex:0 1 auto!important;min-height:40px!important;font-size:12px!important;padding:9px 12px!important;max-width:100%!important}
#view .card .v15-save-strategy{display:inline-flex!important;min-height:40px!important;background:#edf5ff!important;color:#166ac9!important;border:1px solid #d5e6fc!important;width:auto!important;box-shadow:none!important}
#view .section-actions{gap:8px!important}
#view .card{border:1px solid #e0e9f6!important;border-radius:18px!important}
#view .connected button{flex-shrink:0!important}
/* Robot is a transparent standalone object INSIDE its own generous image canvas.
   No CSS mask (which previously clipped the antenna and hands), no cover crop. */
#view .v15-team-lead .v11-lead-robot{background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;margin:4px auto 0!important;padding:0!important;max-width:100%!important}
#view .v15-team-lead .v11-lead-robot::before{display:none!important}
#view .v15-team-lead .v11-lead-robot img{
 display:block!important;width:280px!important;height:258px!important;
 max-width:80vw!important;object-fit:contain!important;object-position:center center!important;
 -webkit-mask-image:none!important;mask-image:none!important;
 mix-blend-mode:normal!important;background:transparent!important;
 border:0!important;filter:drop-shadow(0 9px 14px rgba(73,132,197,.08))!important;
}
#view .v15-team-lead .v11-lead-robot strong{margin-top:-12px!important;position:relative;font-size:17px!important}
#view .v15-team-lead .v11-lead-robot small{font-size:12px!important}
#view .v11-agent-grid .v11-agent{border-radius:15px!important}
@media(max-width:740px){
 #view .intro{grid-template-columns:minmax(0,1fr)!important;row-gap:8px!important}
 #view .intro>div:first-child{grid-column:1!important;grid-row:1!important}
 #view .intro>button:is(.btn,.btn2,.ghost),#view .intro>.v15-header-action{
  grid-column:1!important;grid-row:2!important;justify-self:start!important;
  max-width:100%!important;width:auto!important;min-height:36px!important;
  padding:8px 11px!important;font-size:11px!important;
 }
 #view .intro h1{font-size:clamp(23px,6vw,27px)!important}
 #view .toolbar .chip{font-size:11px!important;min-height:36px!important;padding:8px 10px!important}
 #view .v15-team-lead .v11-lead-robot img{width:260px!important;height:235px!important;max-width:85vw!important}
 #view .card{padding:15px!important}
}
@media(max-width:370px){#view .v15-team-lead .v11-lead-robot img{width:235px!important;height:221px!important}}