/* Network screen only: keep future edits isolated from global style.css */
#view-networks .networks-toolbar,
#view-net-details .net-header-shell,
#view-net-details .network-summary-shell {
  container-type: inline-size;
}

#view-net-details .net-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#view-net-details .network-summary-subtitle {
  max-width: 62ch;
}

#view-net-details .network-quick-grid-pro {
  align-items: start;
}

#view-net-details .network-bundle-preview {
  resize: vertical;
}

#view-net-details .network-quick-item-span textarea {
  min-height: 132px;
}

#view-net-details .network-quick-note.hidden {
  display: none;
}

@container (max-width: 820px) {
  #view-net-details .network-summary-head {
    align-items: stretch;
  }

  #view-net-details .network-summary-actions {
    width: 100%;
    justify-content: stretch;
  }

  #view-net-details .network-summary-actions > button {
    flex: 1 1 160px;
  }
}

/* V299_NETWORK_SCREEN_SAFE_POLISH_START */
#view-net-details .network-summary-actions,
#view-net-details .net-header-actions{align-items:center;}
#view-net-details .network-bundle-preview,
#view-net-details textarea{max-width:100%;}
#view-net-details .network-quick-grid-pro > *,
#view-net-details .network-quick-grid-wide > *{min-width:0;}
@media (max-width:768px){
  #view-net-details .network-summary-actions > button,
  #view-net-details .net-header-actions > button{flex:1 1 140px;}
}
/* V299_NETWORK_SCREEN_SAFE_POLISH_END */

/* V339_SAFE_UNIFIED_NETWORK_CARD_START */
#networkZeroTierPanel .zt-unified-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:14px;
  align-items:stretch;
  border:1px solid rgba(15,23,42,.10);
  border-radius:18px;
  padding:14px;
  margin:12px 0;
  background:rgba(255,255,255,.74);
}
#networkZeroTierPanel .zt-unified-main h4{margin:4px 0 6px;font-size:1.05rem;}
#networkZeroTierPanel .zt-unified-main p{margin:0 0 10px;color:#64748b;line-height:1.7;}
#networkZeroTierPanel .zt-unified-facts{display:flex;flex-wrap:wrap;gap:8px 12px;margin:8px 0 12px;}
#networkZeroTierPanel .zt-unified-facts span{background:rgba(15,23,42,.045);border-radius:12px;padding:6px 9px;font-size:.9rem;}
#networkZeroTierPanel .zt-unified-qr{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border-radius:14px;background:rgba(15,23,42,.035);padding:10px;min-height:168px;}
#networkZeroTierPanel .network-zt-qr-mini{width:146px;min-height:146px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#fff;}
#networkZeroTierPanel .network-zt-qr-mini img{max-width:138px;max-height:138px;display:block;}
#networkZeroTierPanel .zt-unified-qr small{font-size:.76rem;color:#64748b;text-align:center;line-height:1.5;}
@media (max-width: 860px){
  #networkZeroTierPanel .zt-unified-card{grid-template-columns:1fr;}
  #networkZeroTierPanel .zt-unified-qr{align-items:flex-start;}
}
/* V339_SAFE_UNIFIED_NETWORK_CARD_END */

/* V341_SIMPLE_UI_QR_PING_SAFE_START */
#networkZeroTierPanel .zt-unified-card.v341{
  border-color:rgba(96,165,250,.26);
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(8,47,73,.72));
  color:#e5eefc;
  box-shadow:0 14px 40px rgba(2,6,23,.22);
}
#networkZeroTierPanel .zt-unified-card.v341 .zt-unified-main p,
#networkZeroTierPanel .zt-unified-card.v341 .zt-unified-qr small{color:#b8c7da;}
#networkZeroTierPanel .zt-unified-card.v341 .zt-unified-facts span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#e5eefc;}
#networkZeroTierPanel .zt-unified-card.v341 .zt-unified-qr{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);}
#networkZeroTierPanel .zt-unified-card.v341 .network-zt-qr-mini{width:176px;min-height:176px;background:#fff;border:8px solid #fff;box-shadow:0 12px 28px rgba(0,0,0,.22);}
#networkZeroTierPanel .zt-unified-card.v341 .network-zt-qr-mini img{width:164px;height:164px;max-width:164px;max-height:164px;object-fit:contain;}
#networkZeroTierPanel .zt-qr-fallback{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:#0f172a;padding:10px;min-height:150px;word-break:break-all;}
#networkZeroTierPanel .zt-qr-fallback small{color:#334155!important;font-size:.72rem;}
#networkZeroTierPanel .zt-qr-download-btn{margin-top:6px;}
#networkZeroTierPanel .zt-advanced-box{border:1px dashed rgba(148,163,184,.35);border-radius:16px;padding:12px;margin-top:12px;background:rgba(15,23,42,.18);}
#networkZeroTierPanel .zt-form-grid{margin-top:12px;}
#networkZeroTierPanel .zt-network-card .zt-action-row{gap:10px;}
@media (max-width:860px){
  #networkZeroTierPanel .zt-unified-card.v341 .zt-unified-qr{align-items:center;}
}
/* V341_SIMPLE_UI_QR_PING_SAFE_END */

/* V351_ZT_MOBILE_QR_STYLE_START */
#ztQrBox .zt-mobile-qr-title{font-size:.86rem;font-weight:900;color:#e0f2fe;margin-bottom:8px;text-align:center;}
#ztQrBox .zt-mobile-qr-id{margin:8px auto 6px;padding:7px 10px;border-radius:10px;background:rgba(15,23,42,.78);color:#fff;letter-spacing:.08em;text-align:center;direction:ltr;unicode-bidi:plaintext;max-width:100%;overflow-wrap:anywhere;}
#ztQrBox .zt-mobile-qr-hint{font-size:.76rem;line-height:1.7;color:#cbd5e1;text-align:center;margin:4px 0 8px;}
body[data-it-theme="light"] #ztQrBox .zt-mobile-qr-title{color:#075985;}
body[data-it-theme="light"] #ztQrBox .zt-mobile-qr-id{background:#0f172a;color:#fff;}
body[data-it-theme="light"] #ztQrBox .zt-mobile-qr-hint{color:#475569;}
/* V351_ZT_MOBILE_QR_STYLE_END */


/* V355: ZeroTier/Unified card containment and compact cleanup */
body:not(.it-top-net-details-active) #networkZeroTierPanel{display:none!important;}
#net-tab-zerotier.hidden #networkZeroTierPanel{display:none!important;}
#networkZeroTierPanel[data-it-top-hidden-by-scope="1"]{display:none!important;}
#networkZeroTierPanel .zt-unified-card.v355{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:center;border:1px solid rgba(34,211,238,.22);border-radius:18px;padding:18px;background:linear-gradient(135deg,rgba(8,47,73,.72),rgba(15,23,42,.82));box-shadow:none;min-height:0;}
#networkZeroTierPanel .zt-unified-card.v355 .zt-unified-main h4{margin:4px 0 6px;font-size:1.08rem;color:#f8fafc;}
#networkZeroTierPanel .zt-unified-card.v355 .zt-unified-main p{margin:0 0 10px;color:#b8c7da;line-height:1.65;}
#networkZeroTierPanel .zt-unified-card.v355 .zt-unified-facts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;}
#networkZeroTierPanel .zt-unified-card.v355 .zt-unified-facts span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#e5eefc;border-radius:12px;padding:6px 9px;font-size:.88rem;}
#networkZeroTierPanel .zt-unified-card.v355 .zt-action-row{gap:8px;justify-content:flex-start;}
#networkZeroTierPanel .zt-unified-card.v355 .zt-unified-qr{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:10px;}
#networkZeroTierPanel .zt-unified-card.v355 .network-zt-qr-mini{width:168px;min-height:168px;background:#fff;border:8px solid #fff;border-radius:16px;}
#networkZeroTierPanel .zt-unified-card.v355 .network-zt-qr-mini img{width:156px;height:156px;max-width:156px;max-height:156px;object-fit:contain;}
@media(max-width:900px){#networkZeroTierPanel .zt-unified-card.v355{grid-template-columns:1fr;}#networkZeroTierPanel .zt-unified-card.v355 .zt-unified-qr{align-items:center;}}

/* V379: compact route-plan summary inside existing Hybrid/ZeroTier card */
.zt-route-plan-card{
  margin:12px 0;
  padding:12px 14px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
  background:rgba(15,23,42,.86);
}
.zt-route-plan-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#e5e7eb;font-weight:800}
.zt-route-plan-head small{font-weight:500;color:#94a3b8}
.zt-route-plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.zt-route-plan-list span{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:rgba(2,6,23,.35);color:#cbd5e1;font-size:12px}
.zt-route-plan-list b{color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.zt-route-plan-list em{font-style:normal;color:#38bdf8;font-size:11px}
.zt-route-plan-list small{margin-inline-start:auto;color:#94a3b8;font-size:11px;white-space:nowrap}


/* V383: one Hybrid routing view split into ZeroTier + WireGuard without a new screen */
.zt-route-plan-card-v383 .zt-route-unified-note{margin:0 0 10px;color:#93c5fd;font-size:12px;line-height:1.6}
.zt-route-plan-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.zt-route-plan-col{border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:10px;background:rgba(2,6,23,.24);min-width:0}
.zt-route-plan-col h5{margin:0 0 8px;color:#e5eefc;font-size:13px;font-weight:900}
.zt-empty-mini{border:1px dashed rgba(148,163,184,.25);border-radius:10px;padding:9px;color:#94a3b8;font-size:12px;text-align:center}
.mt-1{margin-top:6px}.mt-2{margin-top:10px}
@media(max-width:900px){.zt-route-plan-dual{grid-template-columns:1fr}}