.td-sub-form-inline p{margin:0;}
.td-sub-form-inline { display: flex; gap: 12px; align-items: center; justify-content: center; width: 100%; max-width: 650px; margin: 0px auto; padding: 0px; box-sizing: border-box; }
.td-sub-form-inline .td-input-group { display: flex; flex: 1; gap: 8px; align-items: center; }
.td-sub-form-inline .td-input { flex: 1; height: 40px; padding: 0 12px; border: 1px solid #f3f4f6; border-radius: 4px; font-size: 14px; box-sizing: border-box; transition: border-color 0.2s; outline: none; background: #ffffff; color: #1c1c1c; }
.td-sub-form-inline .td-input:focus { border-color: #b91c1c; box-shadow: 0 0 0 2px rgba(185,28,28,0.2); }
.td-sub-form-inline .td-btn { height: 40px; padding: 0 24px; background-color: #b91c1c; color: #fff; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; font-weight: 500; transition: background-color 0.2s; white-space: nowrap; box-sizing: border-box; }
.td-sub-form-inline .td-btn:hover { background-color: #991b1b; }
.td-sub-form-inline .td-btn:disabled { background-color: #64748b; cursor: not-allowed; }
.td-sub-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(28,28,28,0.6); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.2s ease; }
.td-sub-modal.active { display: flex; opacity: 1; }
.td-sub-modal-content { background-color: #ffffff; padding: 24px; border-radius: 6px; width: 90%; max-width: 360px; box-shadow: 0 4px 12px rgba(28,28,28,0.15); position: relative; box-sizing: border-box; transform: scale(0.9); transition: transform 0.2s ease; }
.td-sub-modal.active .td-sub-modal-content { transform: scale(1); }
.td-sub-modal-close { position: absolute; right: 16px; top: 12px; font-size: 20px; cursor: pointer; color: #525252; border: none; background: none; outline: none; }
.td-sub-modal-close:hover { color: #1c1c1c; }
.td-sub-modal-header { font-size: 16px; font-weight: 600; color: #1c1c1c; margin-bottom: 12px; text-align: left; }
.td-sub-modal-tip { font-size: 13px; color: #525252; margin-bottom: 16px; text-align: left; line-height: 1.5; }
.td-sub-modal .td-input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid #f3f4f6; border-radius: 4px; font-size: 14px; box-sizing: border-box; margin-bottom: 16px; outline: none; background: #ffffff; color: #1c1c1c; }
.td-sub-modal .td-input:focus { border-color: #b91c1c; }
.td-sub-modal .td-btn { width: 100%; height: 40px; background-color: #b91c1c; color: #fff; border: none; border-radius: 4px; font-size: 14px; cursor: pointer; font-weight: 500; transition: background-color 0.2s; }
.td-sub-modal .td-btn:hover { background-color: #991b1b; }
.td-sub-modal .td-alert { padding: 8px 12px; border-radius: 4px; font-size: 13px; margin-top: 12px; display: none; line-height: 1.4; text-align: left; }
.td-sub-modal .td-alert-success { background-color: #e3f9e9; color: #059669; border: 1px solid #dcfce7; }
.td-sub-modal .td-alert-error { background-color: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
@media (max-width: 600px) { .td-sub-form-inline { flex-direction: column; align-items: stretch; } .td-sub-form-inline .td-input-group { flex-direction: column; } .td-sub-form-inline .td-input { width: 100%; } }