/* Partivo AI Pro 2.2.0 — verified mobile UI corrections */

/* Header reserves real space for close and theme controls; nothing overlays the tabs. */
#paib-box #paib-header{
  position:relative;
  display:block;
  min-height:54px;
  padding:0 82px 0 56px;
  overflow:visible;
}
#paib-box #paib-tabs.paib-tabs{
  width:100%;
  max-width:100%;
  min-height:50px;
  margin:0;
  grid-template-columns:minmax(72px,.66fr) minmax(142px,1.7fr);
}
#paib-box #paib-theme-toggle.paib-theme-toggle{
  position:absolute;
  top:12px;
  right:8px;
  left:auto;
  width:70px;
  min-width:70px;
  height:30px;
  min-height:30px;
  padding:0 8px 0 28px;
  margin:0;
  border:1px solid var(--paib-border);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--paib-text);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9.5px;
  line-height:1;
  text-indent:0;
  white-space:nowrap;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 5px 14px rgba(0,0,0,.14);
  z-index:60;
}
#paib-box.paib-theme-light #paib-theme-toggle.paib-theme-toggle{
  background:#fff;
  color:#273447;
}
#paib-box #paib-theme-toggle .paib-theme-toggle-label{
  display:block;
  color:inherit;
  font-size:inherit;
  font-weight:800;
  line-height:1;
  position:relative;
  z-index:2;
  pointer-events:none;
}
#paib-box #paib-theme-toggle .paib-theme-toggle-knob{
  position:absolute;
  left:5px;
  right:auto;
  top:5px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:block;
  transform:none;
  background:linear-gradient(135deg,#fff,#dfe8f5);
  box-shadow:0 2px 7px rgba(0,0,0,.26);
}
#paib-box.paib-theme-light #paib-theme-toggle .paib-theme-toggle-knob{
  transform:none;
  background:linear-gradient(135deg,#1488ff,#00b4ff);
}

/* Bottom action cards: preserve the old rounded card language, but adapt colors to each theme. */
#paib-box #paib-actions{
  gap:8px;
}
#paib-box .paib-action{
  position:relative;
  height:80px;
  min-width:0;
  padding:9px 5px 11px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--paib-action-accent,#94a3b8);
  background:var(--paib-action-bg-dark,rgba(255,255,255,.05));
  color:var(--paib-action-text-dark,var(--paib-text));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
#paib-box.paib-theme-light .paib-action{
  background:var(--paib-action-bg-light,#fff);
  color:var(--paib-action-text-light,#334155);
  box-shadow:0 3px 10px rgba(15,23,42,.08);
}
#paib-box .paib-action .paib-icon{
  color:inherit;
  font-size:25px;
  line-height:1;
  margin:0;
  filter:none;
}
#paib-box .paib-action .paib-action-label{
  display:block;
  color:inherit;
  font-size:10.5px;
  line-height:1.45;
  font-weight:800;
  margin:0;
  text-shadow:none;
}
#paib-box .paib-action .paib-accent{
  position:absolute;
  right:0;
  left:0;
  bottom:0;
  height:4px;
  border-radius:0 0 16px 16px;
  background:var(--paib-action-accent,#94a3b8);
}
#paib-box .paib-action:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
}

/* A disabled voice system must not reserve blank UI space. */
#paib-box .paib-voice-status:empty{ display:none; }

@media (max-width:480px){
  #paib-box #paib-header{
    min-height:52px;
    padding:0 74px 0 50px;
  }
  #paib-box #paib-theme-toggle.paib-theme-toggle{
    top:11px;
    right:6px;
    width:64px;
    min-width:64px;
    height:28px;
    min-height:28px;
    padding:0 5px 0 25px;
    font-size:8.7px;
  }
  #paib-box #paib-theme-toggle .paib-theme-toggle-knob{
    width:16px;
    height:16px;
    left:5px;
    top:5px;
  }
  #paib-box #paib-tabs.paib-tabs{
    grid-template-columns:minmax(66px,.63fr) minmax(128px,1.72fr);
    gap:3px;
  }
  #paib-box #paib-garage.paib-tab,
  #paib-box #paib-tab-chat.paib-tab{
    padding:5px 3px;
    gap:3px;
  }
  #paib-box #paib-garage.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-tab-chat.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-title{
    font-size:10.1px;
  }
  #paib-box .paib-action{
    height:78px;
    padding:8px 4px 10px;
    border-radius:15px;
  }
  #paib-box .paib-action .paib-accent{ border-radius:0 0 15px 15px; }
  #paib-box .paib-action .paib-icon{ font-size:23px; }
  #paib-box .paib-action .paib-action-label{ font-size:9.8px; }
}

@media (max-width:370px){
  #paib-box #paib-header{ padding-right:68px; padding-left:48px; }
  #paib-box #paib-theme-toggle.paib-theme-toggle{ width:58px; min-width:58px; font-size:8px; padding-left:22px; }
  #paib-box #paib-tabs.paib-tabs{ grid-template-columns:minmax(60px,.6fr) minmax(112px,1.75fr); }
  #paib-box #paib-garage.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-tab-chat.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-title{ font-size:9.3px; }
}

/* Partivo AI Pro 2.2.0 — single-line header and hard voice-disable rules */
#paib-box #paib-header{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:6px;
  min-height:54px;
  padding:6px 8px;
  overflow:visible;
  direction:ltr;
}
#paib-box #paib-close.paib-close,
#paib-box #paib-close{
  position:static;
  inset:auto;
  order:1;
  flex:0 0 38px;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  margin:0;
  border-radius:12px;
  font-size:29px;
  z-index:auto;
}
#paib-box #paib-tabs.paib-tabs,
#paib-box .paib-tabs{
  position:static;
  order:2;
  flex:1 1 auto;
  width:auto;
  max-width:none;
  min-width:0;
  min-height:42px;
  margin:0;
  grid-template-columns:minmax(58px,.72fr) minmax(105px,1.55fr);
  gap:2px;
  padding:3px;
  direction:rtl;
}
#paib-box #paib-garage.paib-tab,
#paib-box #paib-tab-chat.paib-tab{
  min-width:0;
  min-height:36px;
  padding:5px 4px;
  gap:3px;
}
#paib-box #paib-garage.paib-tab span:not(.paib-tab-icon),
#paib-box #paib-tab-chat.paib-tab span:not(.paib-tab-icon),
#paib-box #paib-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:10.4px;
}
#paib-box .paib-header-tool{
  position:static;
  inset:auto;
  flex:0 0 30px;
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  margin:0;
  padding:0;
}
#paib-box #paib-voice-conversation{order:3}
#paib-box #paib-voice-output{order:4}
#paib-box #paib-theme-toggle.paib-theme-toggle{
  position:static;
  inset:auto;
  order:5;
  flex:0 0 66px;
  width:66px;
  min-width:66px;
  height:30px;
  min-height:30px;
  margin:0;
  padding:0 5px 0 24px;
  font-size:8.7px;
}
#paib-box.paib-voice-disabled .paib-header-tool,
#paib-box.paib-voice-disabled .paib-voice-input,
#paib-box.paib-voice-disabled .paib-voice-status{
  display:none;
}
@media (max-width:420px){
  #paib-box #paib-header{gap:4px;padding:5px 6px;min-height:50px}
  #paib-box #paib-close.paib-close,
  #paib-box #paib-close{flex-basis:34px;width:34px;height:34px;min-width:34px;min-height:34px;font-size:26px}
  #paib-box #paib-tabs.paib-tabs,
  #paib-box .paib-tabs{grid-template-columns:minmax(52px,.67fr) minmax(92px,1.5fr);min-height:38px}
  #paib-box #paib-garage.paib-tab,
  #paib-box #paib-tab-chat.paib-tab{min-height:32px;padding:4px 2px}
  #paib-box #paib-garage.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-tab-chat.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-title{font-size:9.1px}
  #paib-box .paib-tab-icon{font-size:13px}
  #paib-box .paib-header-tool{flex-basis:27px;width:27px;height:27px;min-width:27px;min-height:27px;font-size:13px}
  #paib-box #paib-theme-toggle.paib-theme-toggle{flex-basis:58px;width:58px;min-width:58px;height:27px;min-height:27px;padding-left:20px;font-size:7.8px}
  #paib-box #paib-theme-toggle .paib-theme-toggle-knob{width:15px;height:15px;left:4px;top:5px}
}
@media (max-width:350px){
  #paib-box #paib-header{gap:3px;padding-inline:4px}
  #paib-box #paib-theme-toggle.paib-theme-toggle{flex-basis:52px;width:52px;min-width:52px;font-size:7.2px;padding-left:18px}
  #paib-box .paib-header-tool{flex-basis:25px;width:25px;height:25px;min-width:25px;min-height:25px}
  #paib-box #paib-garage.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-tab-chat.paib-tab span:not(.paib-tab-icon),
  #paib-box #paib-title{font-size:8.4px}
}


/* Partivo AI Pro 2.2.1 — final header placement and garage lower edge */
#paib-box #paib-header{
  position:relative;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  direction:ltr;
  gap:6px;
  padding:6px 8px;
  min-height:54px;
  overflow:visible;
}
#paib-box #paib-close.paib-close,
#paib-box #paib-close{
  position:static;
  inset:auto;
  order:1;
  flex:0 0 38px;
  width:38px;
  min-width:38px;
  height:38px;
  min-height:38px;
  margin:0;
  transform:none;
  z-index:auto;
}
#paib-box #paib-tabs.paib-tabs,
#paib-box .paib-tabs{
  position:static;
  order:2;
  flex:1 1 auto;
  min-width:0;
  width:auto;
  max-width:none;
  margin:0;
  direction:rtl;
}
#paib-box #paib-theme-toggle.paib-theme-toggle{
  position:static;
  inset:auto;
  order:99;
  flex:0 0 66px;
  width:66px;
  min-width:66px;
  height:30px;
  min-height:30px;
  margin:0;
  float:none;
  transform:none;
  z-index:auto;
}
#paib-box #paib-garage-box{
  bottom:var(--paib-garage-bottom, 166px);
}
@media (max-width:420px){
  #paib-box #paib-header{ gap:4px; padding:5px 6px; min-height:50px; }
  #paib-box #paib-close.paib-close,
  #paib-box #paib-close{ flex-basis:34px; width:34px; min-width:34px; height:34px; min-height:34px; }
  #paib-box #paib-theme-toggle.paib-theme-toggle{ flex-basis:58px; width:58px; min-width:58px; height:27px; min-height:27px; }
  #paib-box #paib-garage-box{ bottom:var(--paib-garage-bottom, 160px); }
}

/* Partivo AI Pro 2.2.2 — keep the theme knob inside the right-side toggle. */
#paib-box #paib-theme-toggle.paib-theme-toggle{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
#paib-box #paib-theme-toggle .paib-theme-toggle-knob{
  position:absolute;
  top:5px;
  left:4px;
  right:auto;
  transform:none;
  margin:0;
  z-index:1;
  pointer-events:none;
}
#paib-box.paib-theme-light #paib-theme-toggle .paib-theme-toggle-knob{
  transform:none;
}
@media (max-width:420px){
  #paib-box #paib-theme-toggle .paib-theme-toggle-knob{
    top:5px;
    left:4px;
  }
}