/**
 * Network Add Site — YOOAdmin workspace shell.
 */

.yoo-network-site-new-wrap .yoo-upload-header,
.yoo-network-site-new-wrap .yoo-network-site-new-header {
  margin-bottom: 18px;
}

.yoo-network-site-new-shell {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.yoo-network-site-new-required-note {
  margin: 0 0 16px;
  font-size: 13px;
  color: color-mix(in srgb, var(--ysh-text, #50575e) 88%, transparent);
}

.yoo-network-site-new-address {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.yoo-network-site-new-address__prefix,
.yoo-network-site-new-address__suffix {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--ysh-border, #dcdcde) 18%, #fff);
  border: 1px solid color-mix(in srgb, var(--ysh-border, #dcdcde) 90%, transparent);
  font-size: 13px;
  line-height: 1.4;
  word-break: break-all;
}

.yoo-network-site-new-address input[type="text"] {
  flex: 1 1 180px;
  min-width: 0;
}

.yoo-network-site-new-form__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.yoo-network-site-new-form__actions .yp-yoo-btn {
  min-width: 140px;
}

.yoo-network-site-new-wrap .yooadmin-settings-wrap.yp-settings-card .form-table {
  margin-top: 4px;
  width: 100%;
  table-layout: fixed;
}

.yoo-network-site-new-wrap .yooadmin-settings-wrap.yp-settings-card .form-table tbody tr {
  border-bottom: 1px solid var(--yp-set-border-soft, rgba(15, 23, 42, 0.06));
}

.yoo-network-site-new-wrap .yooadmin-settings-wrap.yp-settings-card .form-table tbody tr:last-child {
  border-bottom: none;
}

@media (max-width: 782px) {
  .yoo-network-site-new-form__actions {
    justify-content: stretch;
  }

  .yoo-network-site-new-form__actions .yp-yoo-btn {
    width: 100%;
  }
}