.suremembers-team, .suremembers-team-register, .suremembers-team-notice{box-sizing:border-box;max-width:920px;margin:0 auto;font-size:15px;color:#1f2937;}
.suremembers-team *,
.suremembers-team-register *,
.sm-team-modal *{box-sizing:border-box;}
.suremembers-team-notice{margin:1.5rem auto;padding:1rem 1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;}
.sm-team-switcher-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;margin:0.5rem 0 0;}
.sm-team-switcher-wrap label{flex:0 0 auto;white-space:nowrap;font-size:0.85rem;font-weight:600;color:#6b7280;}
.suremembers-team .sm-team-switcher{width:auto;min-width:12rem;max-width:100%;margin:0;padding:0.4rem 2rem 0.4rem 0.6rem;border:1px solid #d1d5db;border-radius:0.375rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.6rem center;background-size:0.75rem;font-size:0.9rem;line-height:1.4;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.sm-team-switcher::-ms-expand{display:none;}
.sm-team-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.sm-team-title{margin:0;font-size:1.4rem;}
.sm-team-subtitle{margin:0.25rem 0 0;color:#6b7280;font-size:0.9rem;}
.sm-team-usage{min-width:220px;}
.sm-team-usage-text{display:block;font-size:0.85rem;color:#6b7280;margin-bottom:0.35rem;}
.sm-team-progress{display:block;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;}
.sm-team-progress-bar{display:block;height:100%;background:var( --sm-team-progress-color, var( --sm-team-btn-bg, #6366f1 ) );transition:width 0.3s ease;}
.sm-team-full-note{display:block;margin:0.4rem 0 0;font-size:0.8rem;font-weight:600;color:#b45309;}
.sm-team-full-note[hidden]{display:none;}
.sm-team-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}
.suremembers-team .sm-team-btn, .suremembers-team-register .sm-team-btn, .sm-team-modal .sm-team-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:0.4rem !important;width:auto !important;margin:0 !important;padding:0.5rem 1rem !important;background:var( --sm-team-btn-bg, #6366f1 ) !important;color:var( --sm-team-btn-color, #fff ) !important;border:1px solid var( --sm-team-btn-bg, #6366f1 ) !important;border-radius:var( --sm-team-btn-radius, 8px ) !important;box-shadow:none !important;cursor:pointer !important;font-size:0.9rem !important;font-weight:500 !important;line-height:1.2 !important;text-decoration:none !important;text-transform:none !important;transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;}
.suremembers-team .sm-team-btn:hover, .suremembers-team-register .sm-team-btn:hover, .sm-team-modal .sm-team-btn:hover{background:var( --sm-team-btn-hover-bg, #4f46e5 ) !important;border-color:var( --sm-team-btn-hover-bg, #4f46e5 ) !important;color:var( --sm-team-btn-hover-color, #fff ) !important;}
.suremembers-team .sm-team-btn-secondary, .sm-team-modal .sm-team-btn-secondary{background:#fff !important;color:#374151 !important;border-color:#d1d5db !important;}
.suremembers-team .sm-team-btn-secondary:hover, .sm-team-modal .sm-team-btn-secondary:hover{background:#f3f4f6 !important;border-color:#9ca3af !important;color:#111827 !important;}
.suremembers-team .sm-team-btn:disabled{opacity:0.5 !important;cursor:not-allowed !important;}
.suremembers-team .sm-team-btn[hidden]{display:none !important;}
.sm-team-message{margin:0.5rem 0;min-height:1.25rem;}
.sm-team-message-success{color:#047857;}
.sm-team-message-error{color:#b91c1c;}
.suremembers-team .sm-team-inactive-notice{margin:0 0 1rem;padding:0.75rem 1rem;border:1px solid #fde68a;border-radius:0.5rem;background:#fffbeb;color:#92400e;font-size:0.875rem;font-weight:600;}
.suremembers-team .sm-team-btn:disabled, .suremembers-team .sm-team-btn[disabled]{opacity:0.5 !important;cursor:not-allowed !important;pointer-events:none !important;}
.suremembers-team .sm-team-modal-message{margin:0.75rem 0;padding:0.625rem 0.75rem;border-radius:0.375rem;font-size:0.8125rem;line-height:1.4;}
.suremembers-team .sm-team-modal-message-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;}
.suremembers-team .sm-team-modal-message-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;}
.suremembers-team .sm-team-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin:0 0 2rem;}
.suremembers-team .sm-team-table th, .suremembers-team .sm-team-table td{text-align:left;padding:0.85rem 1rem;border:0;border-bottom:1px solid #f1f3f5;vertical-align:middle;}
.suremembers-team .sm-team-table thead th{background:#f9fafb;font-weight:600;font-size:0.8rem;letter-spacing:0.02em;text-transform:uppercase;color:#6b7280;}
.suremembers-team .sm-team-table tbody tr:last-child td{border-bottom:0;}
.suremembers-team .sm-team-table tbody tr:hover td{background:#fafbfc;}
.suremembers-team .sm-team-table th:last-child, .suremembers-team .sm-team-table td:last-child{text-align:right;width:120px;}
.sm-team-empty td{text-align:center !important;color:#9ca3af;padding:1.5rem !important;}
.sm-team-member-cell{display:inline-flex;align-items:center;gap:0.6rem;}
.suremembers-team .sm-team-avatar{position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;max-width:32px !important;border-radius:9999px !important;flex-shrink:0;margin:0 !important;overflow:hidden !important;}
.suremembers-team .sm-team-avatar-initials{font-size:13px !important;font-weight:600 !important;line-height:1 !important;}
.suremembers-team .sm-team-avatar-img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;opacity:0;transition:opacity 0.15s ease;}
.suremembers-team .sm-team-remove-btn{display:inline-flex !important;align-items:center !important;gap:0.3rem !important;background:transparent !important;border:1px solid transparent !important;box-shadow:none !important;color:#dc2626 !important;cursor:pointer !important;font-size:0.85rem !important;font-weight:500 !important;padding:0.35rem 0.6rem !important;border-radius:6px !important;text-transform:none !important;transition:background 0.15s ease, color 0.15s ease !important;}
.suremembers-team .sm-team-remove-btn:hover{background:#fef2f2 !important;color:#b91c1c !important;}
.suremembers-team .sm-team-makeowner-btn{display:inline-flex !important;align-items:center !important;gap:0.3rem !important;background:transparent !important;border:1px solid transparent !important;box-shadow:none !important;color:#2563eb !important;cursor:pointer !important;font-size:0.85rem !important;font-weight:500 !important;padding:0.35rem 0.6rem !important;margin-right:0.25rem !important;border-radius:6px !important;text-transform:none !important;transition:background 0.15s ease, color 0.15s ease !important;}
.suremembers-team .sm-team-makeowner-btn:hover{background:#eff6ff !important;color:#1d4ed8 !important;}
.suremembers-team .sm-team-row-actions{display:inline-flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-end !important;gap:0.25rem !important;}
.suremembers-team .sm-team-makeowner-btn, .suremembers-team .sm-team-remove-btn{white-space:nowrap !important;}
.suremembers-team .sm-team-status{display:inline-block !important;margin-left:0.5rem !important;padding:0.05rem 0.5rem !important;border-radius:9999px !important;font-size:0.6875rem !important;font-weight:600 !important;line-height:1.5 !important;vertical-align:middle !important;}
.suremembers-team .sm-team-status-suspended{background:#fef3c7 !important;color:#92400e !important;}
.suremembers-team .sm-team-row-actions-muted{color:#9ca3af !important;font-size:0.75rem !important;font-style:italic !important;}
.sm-team-userpick{position:relative;margin-bottom:0.5rem;}
.suremembers-team .sm-team-user-results{position:absolute;z-index:20;left:0;right:0;margin:0.25rem 0 0;padding:0;list-style:none;max-height:14rem;overflow-y:auto;background:#fff;border:1px solid #d1d5db;border-radius:0.375rem;box-shadow:0 6px 18px rgb( 0 0 0 / 12% );}
.suremembers-team .sm-team-user-results li{margin:0;list-style:none;}
.suremembers-team .sm-team-user-option, .suremembers-team .sm-team-user-empty{margin:0;padding:0.5rem 0.75rem;line-height:1.4;}
.suremembers-team .sm-team-user-option{display:flex;flex-wrap:wrap;gap:0.25rem 0.5rem;align-items:baseline;cursor:pointer;}
.suremembers-team .sm-team-user-option:not( :last-child ){border-bottom:1px solid #f3f4f6;}
.suremembers-team .sm-team-user-option:hover{background:#f3f4f6;}
.sm-team-user-option-email{color:#6b7280;font-size:0.8rem;}
.suremembers-team .sm-team-user-empty{color:#6b7280;font-size:0.85rem;}
.sm-team-user-results[hidden]{display:none;}
.sm-team-user-field{position:relative;}
.sm-team-user-field input{width:100%;padding-right:2rem;}
.sm-team-user-field input.is-selected{background:#eff6ff;border-color:#bfdbfe;cursor:default;}
.suremembers-team .sm-team-user-clear, .suremembers-team .sm-team-user-clear:hover, .suremembers-team .sm-team-user-clear:focus, .suremembers-team .sm-team-user-clear:active{position:absolute !important;top:50% !important;right:0.4rem !important;transform:translateY( -50% ) !important;background:transparent !important;border:0 !important;box-shadow:none !important;outline:none !important;color:#6b7280 !important;cursor:pointer !important;font-size:1.2rem !important;line-height:1 !important;padding:0 0.25rem !important;}
.suremembers-team .sm-team-user-clear:hover, .suremembers-team .sm-team-user-clear:focus{color:#111827 !important;}
.sm-team-or{position:relative;text-align:center;margin:0.75rem 0;}
.sm-team-or::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb;}
.sm-team-or span{position:relative;display:inline-block;padding:0 0.6rem;background:#fff;color:#6b7280;font-size:0.8rem;}
.sm-team-newuser.sm-team-disabled{opacity:0.5;pointer-events:none;}
.sm-team-invite{margin-top:1.25rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;}
.sm-team-invite label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:0.4rem;}
.sm-team-invite-row{display:flex;gap:0.5rem;align-items:stretch;}
.suremembers-team .sm-team-invite-row input{flex:1 1 auto;min-width:0;padding:0.5rem 0.75rem !important;border:1px solid #d1d5db !important;border-radius:8px !important;font-size:0.85rem !important;background:#fff !important;color:#374151 !important;margin:0 !important;}
.sm-team-invite-row .sm-team-btn{flex:0 0 auto;white-space:nowrap;}
.sm-team-invite-help{margin:0.5rem 0 0 !important;font-size:0.8rem;color:#9ca3af;}
.sm-team-modal{position:fixed !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:1rem !important;background:rgba( 17, 24, 39, 0.5 ) !important;z-index:999999 !important;}
.sm-team-modal[hidden]{display:none !important;}
.sm-team-modal-box{position:relative;background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba( 0, 0, 0, 0.2 );}
.sm-team-modal-box h3{margin-top:0;margin-bottom:1rem;font-size:1.15rem;}
.sm-team-modal-box #sm-team-confirm-message{margin:0 0 1.25rem;font-size:0.9rem;line-height:1.5;color:#374151;}
.sm-team-confirm-actions{display:flex;justify-content:flex-end;gap:0.5rem;}
.sm-team-modal-box label{display:block;margin-bottom:0.85rem;font-size:0.85rem;font-weight:600;color:#374151;}
.sm-team-modal-box input[type="email"],
.sm-team-modal-box input[type="text"]{display:block;width:100% !important;margin-top:0.3rem !important;padding:0.55rem 0.75rem !important;border:1px solid #d1d5db !important;border-radius:8px !important;font-weight:400 !important;font-size:0.9rem !important;background:#fff !important;color:#374151 !important;box-sizing:border-box;}
.suremembers-team .sm-team-file, .sm-team-modal .sm-team-file{display:flex !important;align-items:center !important;gap:0.6rem !important;width:100% !important;margin:0 0 1rem !important;padding:0.85rem 1rem !important;border:1px dashed #c7cdd6 !important;border-radius:10px !important;background:#f9fafb !important;color:#6b7280 !important;font-size:0.9rem !important;font-weight:500 !important;cursor:pointer !important;transition:border-color 0.15s ease, background 0.15s ease, color 0.15s ease !important;}
.suremembers-team .sm-team-file:hover, .sm-team-modal .sm-team-file:hover{border-color:var( --sm-team-btn-bg, #6366f1 ) !important;background:#f3f4ff !important;color:#374151 !important;}
.sm-team-file.is-selected{border-style:solid !important;border-color:#10b981 !important;background:#ecfdf5 !important;color:#065f46 !important;}
.sm-team-file-icon{font-size:1.1rem !important;line-height:1 !important;}
.sm-team-file-text{flex:1 1 auto !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.sm-team-file input[type="file"]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect( 0, 0, 0, 0 ) !important;white-space:nowrap !important;border:0 !important;}
.sm-team-modal-close{position:absolute !important;top:0.6rem !important;right:0.8rem !important;width:2rem !important;height:2rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-size:1.5rem !important;line-height:1 !important;cursor:pointer !important;color:#9ca3af !important;padding:0 !important;}
.sm-team-modal-close:hover{color:#374151 !important;background:transparent !important;}
.sm-team-import-results{margin-top:0.85rem;font-size:0.85rem;color:#4b5563;}
.suremembers-team .sm-team-hidden, .sm-team-modal .sm-team-hidden{display:none !important;}
.sm-team-import-results.sm-team-message-success{color:#047857;font-weight:500;}
.sm-team-import-results.sm-team-import-success{display:flex;flex-direction:column;align-items:center;gap:0.75rem;margin:0;padding:1.25rem 0.5rem 0.5rem;text-align:center;}
.sm-team-success-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:#ecfdf5;color:#059669;font-size:1.6rem;line-height:1;}
.sm-team-success-text{color:#065f46;font-size:1.1rem;font-weight:600;line-height:1.4;}
.sm-team-spinner{display:inline-block !important;width:0.9em !important;height:0.9em !important;margin-right:0.45rem !important;vertical-align:-0.12em !important;border:2px solid rgba( 255, 255, 255, 0.45 ) !important;border-top-color:#fff !important;border-radius:50% !important;animation:sm-team-spin 0.6s linear infinite !important;}
@keyframes sm-team-spin {
to{transform:rotate( 360deg );}
} .suremembers-team-register{max-width:460px;}
.sm-team-register-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.75rem;}
.sm-team-register-title{margin-top:0;}
.sm-team-register-group{color:#6b7280;font-size:0.9rem;}
.sm-team-register-error{margin:0.75rem 0;padding:0.6rem 0.85rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:0.85rem;}
.sm-team-register-form label{display:block;margin-bottom:0.85rem;font-size:0.85rem;font-weight:600;color:#374151;}
.suremembers-team-register .sm-team-register-form input{display:block;width:100% !important;margin-top:0.3rem !important;padding:0.55rem 0.75rem !important;border:1px solid #d1d5db !important;border-radius:8px !important;font-weight:400 !important;background:#fff !important;color:#374151 !important;box-sizing:border-box;}
.sm-team-register-hint{display:block;margin-top:0.3rem;font-size:0.78rem;font-weight:400;color:#6b7280;}
.sm-team-register-login{margin:1.25rem 0 0;padding-top:1.1rem;border-top:1px solid #e5e7eb;text-align:center;font-size:0.85rem;color:#6b7280;}
.sm-team-register-login a, .sm-team-register-login .sm-team-register-login__link{margin-left:0.25rem;font-weight:600;color:#4f46e5;text-decoration:none;}
.sm-team-register-login a:hover{text-decoration:underline;cursor:pointer;}
@media(max-width:600px){
.sm-team-header {
flex-direction: column;
align-items: flex-start;
}
.suremembers-team .sm-team-table thead {
display: none;
}
.suremembers-team .sm-team-table, .suremembers-team .sm-team-table tbody, .suremembers-team .sm-team-table tr, .suremembers-team .sm-team-table td {
display: block;
width: 100%;
}
.suremembers-team .sm-team-table td {
border-bottom: 0;
padding: 0.35rem 1rem;
}
.suremembers-team .sm-team-table td:last-child {
text-align: left;
width: auto;
padding-bottom: 0.85rem;
}
.suremembers-team .sm-team-table tbody tr {
border-bottom: 1px solid #f1f3f5;
padding: 0.5rem 0;
}
}