.channels-page-shell{
  width:min(1240px,calc(100% - 48px));
  margin:22px auto 52px;
  display:grid;
  gap:14px;
}
.channels-heading{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:2px 4px 0;
}
.channels-title-copy{display:flex;align-items:center;gap:12px}
.channels-title-copy h1{margin:0;color:var(--ref-ink);font-size:1.55rem;line-height:1.35}
.channels-title-copy p{margin:3px 0 0;color:var(--ref-muted);font-size:.8rem}
.channels-title-icon{
  width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  background:color-mix(in srgb,var(--ref-brand-2) 10%,var(--ref-panel));
  color:var(--ref-brand-2);font-size:1.05rem;font-weight:900;
}
.channels-add-button{min-width:126px;min-height:42px}
.channels-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
.channel-stat-card{
  min-height:82px;padding:13px 15px;border-radius:13px;
  display:flex;align-items:center;gap:11px;box-shadow:var(--ref-shadow);
}
.channel-stat-icon{
  width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:9px;
  background:var(--ref-soft);color:var(--ref-brand);font-size:.8rem;font-weight:900;
}
.channel-stat-icon.is-success{
  background:var(--success-bg);color:var(--success);
}
.channel-stat-icon.is-warning{
  background:var(--warning-bg);color:var(--warning);
}
.channel-stat-card>div{display:grid;gap:1px}
.channel-stat-card span{color:var(--ref-muted);font-size:.68rem}
.channel-stat-card strong{color:var(--ref-ink);font-size:1.2rem;line-height:1.25}
.channels-list-panel{padding:15px 16px 16px;border-radius:14px}
.channels-list-heading{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;
}
.channels-list-heading>div{display:flex;align-items:center;gap:8px}
.channels-list-heading h2{margin:0;color:var(--ref-ink);font-size:.98rem}
.channels-card-icon{color:var(--ref-brand);font-size:1rem}
.channels-list-hint{color:var(--ref-muted);font:700 .63rem Inter,sans-serif}
.channels-notice{margin:0 0 8px;font-size:.72rem}
.channels-notice:empty{display:none}
.channels-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.channel-card{
  min-height:0;padding:14px;border-radius:12px;display:grid;gap:11px;
  background:var(--ref-panel);border-color:var(--ref-line);box-shadow:none;
}
.channel-card:hover{
  border-color:color-mix(in srgb,var(--ref-brand-2) 24%,var(--ref-line));
  box-shadow:0 7px 20px rgba(26,66,109,.045);
}
.channel-card.is-disabled{opacity:.72}
.channel-card .integration-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.channel-card .integration-identity{display:flex;align-items:center;gap:9px;min-width:0}
.channel-card .integration-identity>div{display:grid;min-width:0}
.channel-card .integration-identity small{color:var(--ref-muted);font-size:.62rem}
.channel-card .integration-identity h3{
  margin:1px 0 0;color:var(--ref-ink);font-size:.83rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.channel-card .channel-platform-logo{
  width:36px;height:36px;border-radius:10px;box-shadow:none;
}
.channel-card .channel-platform-logo svg{width:23px;height:23px}
.channel-card .status-chip{font-size:.62rem;min-height:28px;padding:4px 8px}
.channel-card-details{
  display:grid;gap:0;padding:0;border:1px solid var(--ref-line);
  border-radius:10px;background:var(--ref-panel-2);overflow:hidden;
}
.channel-card-details>div{
  min-height:38px;padding:7px 9px;display:grid;grid-template-columns:minmax(92px,.7fr) minmax(0,1.3fr);
  gap:8px;align-items:center;border-bottom:1px solid var(--ref-line);
}
.channel-card-details>div:last-child{border-bottom:0}
.channel-card-details span{color:var(--ref-muted);font-size:.62rem}
.channel-card-details strong{
  min-width:0;color:var(--ref-ink);font-size:.66rem;font-weight:750;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;direction:ltr;
}
.channel-card-actions{
  display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:0;
  padding-top:2px;
}
.channel-card-actions .button{
  min-height:32px;margin:0;padding:5px 9px;border-radius:8px;font-size:.65rem;
}
.channel-card-actions .button-secondary-dark{
  background:var(--ref-brand);border-color:var(--ref-brand);color:#fff;
}
.channel-card-actions .button-secondary-dark:hover{
  background:var(--ref-brand-2);border-color:var(--ref-brand-2);color:#fff;
}
.channels-grid>.empty-state{
  grid-column:1/-1;margin:0;padding:18px;border:1px dashed var(--ref-line);
  border-radius:10px;background:var(--ref-panel-2);text-align:center;
}
.channels-dialog{
  width:min(620px,calc(100% - 28px));padding:16px;border-radius:15px;
}
.channels-dialog-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;
}
.channels-dialog-head>div{display:flex;align-items:center;gap:8px}
.channels-dialog-head h2{margin:0;color:var(--ref-ink);font-size:1rem}
.channels-dialog-lead{margin:0 0 12px;color:var(--ref-muted);font-size:.69rem;line-height:1.7}
.channels-form{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.channels-form .field-block{display:grid;gap:6px}
.channels-form .field-block>span{color:var(--ref-ink);font-size:.7rem;font-weight:800}
.channels-form .field-block small{color:var(--ref-muted);font-size:.61rem}
.channels-form .field-wide{grid-column:1/-1}
.channels-active-toggle{
  min-height:40px;padding:8px 10px;border:1px solid var(--ref-line);
  border-radius:9px;background:var(--ref-panel-2);
}
.channels-dialog-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:7px;
  margin-top:2px;padding-top:10px;border-top:1px solid var(--ref-line);
}
.channels-dialog-actions .button{min-height:38px;margin:0;padding:7px 13px;border-radius:9px}
.channels-form .notice{margin:0;font-size:.68rem}
.channels-form .notice:empty{display:none}
:root[data-theme="dark"] .channel-card:hover{box-shadow:none}
@media(max-width:1080px){
  .channels-page-shell{width:min(100% - 34px,1180px)}
}
@media(max-width:820px){
  .channels-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .channels-page-shell{width:calc(100% - 22px);margin:14px auto 82px}
  .channels-heading{align-items:flex-start;gap:10px}
  .channels-title-copy h1{font-size:1.3rem}
  .channels-title-icon{width:39px;height:39px}
  .channels-add-button{min-width:auto;min-height:38px;padding:7px 11px;font-size:.69rem}
  .channels-stats{grid-template-columns:1fr}
  .channel-stat-card{min-height:66px}
  .channels-list-panel{padding:13px}
  .channels-list-hint{display:none}
  .channels-form{grid-template-columns:1fr}
  .channels-form .field-wide{grid-column:auto}
}
@media(max-width:430px){
  .channels-heading{flex-direction:column}
  .channels-add-button{width:100%}
  .channel-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .channel-card-actions .button{width:100%;padding-inline:5px}
}


.service-bots-panel{padding:15px 16px 16px;border-radius:14px}
.service-bots-help{margin:0 0 12px;color:var(--ref-muted);font-size:.72rem;line-height:1.75}
.service-bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}
.service-bot-card{
  min-width:0;padding:12px;border:1px solid var(--ref-line);border-radius:11px;
  background:var(--ref-panel-2);display:grid;gap:10px;align-content:start;
}
.service-bot-identity{display:flex;align-items:center;gap:9px;min-width:0}
.service-bot-copy{display:grid;min-width:0}
.service-bot-copy strong{color:var(--ref-ink);font-size:.75rem}
.service-bot-copy small,.service-bot-link{
  color:var(--ref-muted);font-size:.62rem;direction:ltr;text-align:left;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.service-bot-link:hover,.service-bot-link:focus-visible{color:var(--primary);text-decoration:underline}
.service-bot-card>.status-chip{justify-self:start;font-size:.6rem}
.service-bot-actions{display:flex;gap:6px;flex-wrap:wrap}
.service-bot-actions .button{min-height:31px;padding:5px 8px;font-size:.62rem}
.selected-service-bot{
  border:1px solid var(--ref-line);border-radius:10px;background:var(--ref-panel-2);
  padding:10px 11px;display:grid;gap:8px;
}
.selected-service-bot-copy{display:flex;align-items:center;gap:9px}
.selected-service-bot-copy>div:last-child{display:grid;gap:1px}
.selected-service-bot-copy strong{color:var(--ref-ink);font-size:.72rem}
.selected-service-bot-copy small{color:var(--ref-muted);font-size:.62rem;direction:ltr;text-align:left}
.selected-service-bot-hint{margin:0;color:var(--ref-muted);font-size:.64rem;line-height:1.7}
@media(max-width:980px){.service-bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.service-bot-grid{grid-template-columns:1fr}}