.woocreate-team-tool { display: grid; gap: 14px; color: #1d2327; }
.woocreate-team-tool > p { margin: 0; color: #50575e; font-size: 14px; line-height: 1.5; }
.woocreate-team-tool h3 { margin: 4px 0 0; font-size: 16px; }
.woocreate-team-fields { display: grid; gap: 8px; }
.woocreate-team-fields:empty { display: none; }
.woocreate-team-fields button {
    min-height: 44px; padding: 9px 12px; border: 1px solid #2271b1;
    border-radius: 4px; background: #2271b1; color: #fff;
    font: inherit; font-weight: 600; text-align: left; cursor: pointer;
}
.woocreate-team-fields button:hover, .woocreate-team-fields button:focus-visible {
    background: #135e96; border-color: #135e96; color: #fff;
}
.woocreate-team-field-card {
    display: grid; gap: 12px; padding: 14px; border: 1px solid #dcdcde;
    border-radius: 6px; background: #fff;
}
.woocreate-team-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.woocreate-team-field-heading button {
    border: 0; background: transparent; color: #b32d2e; font: inherit;
    font-size: 13px; text-decoration: underline; cursor: pointer;
}
.woocreate-team-style { display: grid; gap: 16px; padding-top: 8px; }
.woocreate-team-style .woocreate-designer__property { margin: 0; }
.woocreate-team-message { color: #b32d2e !important; }
.woocreate-team-message:empty { display: none; }

.woocreate-team-modal-open { overflow: hidden; }
.woocreate-team-modal {
    position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
    padding: 16px; background: rgba(16, 24, 33, .68);
}
.woocreate-team-modal-dialog {
    box-sizing: border-box; display: flex; flex-direction: column; gap: 16px;
    width: min(1100px, 100%); max-height: min(88vh, 900px); padding: 24px;
    border-radius: 12px; background: #fff; color: #1d2327;
    box-shadow: 0 20px 70px rgba(0, 0, 0, .28);
}
.woocreate-team-modal-dialog header {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 18px;
}
.woocreate-team-modal-dialog h2 { margin: 0 0 5px; font-size: 24px; line-height: 1.2; }
.woocreate-team-modal-dialog header p { margin: 0; color: #50575e; font-size: 14px; }
.woocreate-team-modal-dialog [data-team-close] { cursor: pointer; }
.woocreate-team-modal-dialog header [data-team-close] {
    flex: 0 0 36px; width: 36px; height: 36px; padding: 0; border: 0;
    border-radius: 50%; background: #f0f0f1; color: #1d2327;
    font-size: 27px; line-height: 1;
}
.woocreate-team-table-scroll { overflow: auto; min-height: 90px; border: 1px solid #dcdcde; border-radius: 6px; }
.woocreate-team-modal table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.woocreate-team-modal th, .woocreate-team-modal td {
    padding: 8px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
    text-align: left; white-space: nowrap;
}
.woocreate-team-modal tr > :last-child { border-right: 0; }
.woocreate-team-modal tbody tr:last-child > * { border-bottom: 0; }
.woocreate-team-modal thead th { position: sticky; top: 0; z-index: 1; background: #f6f7f7; font-weight: 700; }
.woocreate-team-modal tbody th { color: #646970; font-weight: 600; }
.woocreate-team-modal input, .woocreate-team-modal select {
    box-sizing: border-box; width: 100%; min-width: 110px; height: 38px;
    margin: 0; padding: 6px 8px; border: 1px solid #8c8f94;
    border-radius: 4px; background: #fff; color: #1d2327; font: inherit;
}
.woocreate-team-modal [data-team-field$="number"] { min-width: 76px; width: 76px; }
.woocreate-team-modal [data-team-field="size"] { min-width: 100px; }
.woocreate-team-modal .is-invalid { border-color: #d63638; background: #fff5f5; box-shadow: 0 0 0 1px #d63638; }
.woocreate-team-modal [data-team-delete] {
    width: 34px; height: 34px; border: 0; border-radius: 4px;
    background: transparent; color: #b32d2e; font-size: 24px; cursor: pointer;
}
.woocreate-team-modal-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.woocreate-team-modal-actions button { padding: 6px 0; border: 0; background: transparent; color: #2271b1; font: inherit; font-weight: 600; cursor: pointer; }
.woocreate-team-modal-actions span { color: #50575e; font-size: 13px; }
.woocreate-team-validation { margin: 0; color: #b32d2e; font-size: 14px; font-weight: 600; }
.woocreate-team-validation:empty { display: none; }
.woocreate-team-modal footer { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.woocreate-team-modal footer button { min-height: 42px; padding: 9px 16px; border-radius: 4px; font: inherit; font-weight: 600; }
.woocreate-team-modal footer [data-team-cart] { flex: 1; border: 1px solid #2271b1; background: #2271b1; color: #fff; }
.woocreate-team-modal footer [data-team-cart]:disabled { opacity: .65; cursor: wait; }

@media (max-width: 820px) {
    .woocreate-team-modal { padding: 0; align-items: end; }
    .woocreate-team-modal-dialog { width: 100%; max-height: 94dvh; padding: 18px 14px; border-radius: 16px 16px 0 0; }
    .woocreate-team-modal-dialog h2 { font-size: 20px; }
    .woocreate-team-modal footer { flex-wrap: wrap; }
    .woocreate-team-modal footer button { flex: 1 1 150px; }
}