.new-pet-form-container{min-height:calc(100vh - 120px);padding:var(--space-5);background-color:var(--color-bg-primary)}.new-pet-form-content{max-width:560px;margin:0 auto}.new-pet-form-header{margin-bottom:var(--space-8);text-align:center}.new-pet-form-title{color:var(--color-text-primary);margin:0 0 var(--space-2)0;font-size:28px;font-weight:700}.new-pet-form-subtitle{color:var(--color-text-secondary);margin:0;font-size:16px}.new-pet-form{gap:var(--space-8);flex-direction:column;display:flex}.form-section{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--color-text-primary);text-align:left;font-size:14px;font-weight:500}.required-mark{color:var(--cuban-carmine)}.form-hint{color:var(--color-text-tertiary);font-size:12px}.form-input,.form-select{padding:var(--space-3)var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);font-size:16px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--cuban-carmine);outline:none;box-shadow:0 0 0 3px rgba(241,20,79,.1)}.form-input:disabled,.form-select:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.form-input::placeholder{color:var(--color-text-tertiary)}.breed-input-container{position:relative}.breed-suggestions{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:200px;z-index:var(--z-dropdown);margin-top:var(--space-1);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.breed-suggestion-item{padding:var(--space-3)var(--space-4);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base)ease}.breed-suggestion-item:hover{background-color:var(--color-bg-secondary)}.breed-suggestion-item:last-child{border-bottom:none}.breed-loading{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);box-shadow:var(--shadow-lg);margin-top:var(--space-1);align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:14px;display:flex;position:absolute;top:100%;left:0;right:0}.error-message{color:var(--color-error);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background-color:rgba(241,20,79,.05);border:1px solid rgba(241,20,79,.2);font-size:14px}.form-actions{gap:var(--space-3);margin-top:var(--space-2);justify-content:flex-end;display:flex}@media (max-width:768px){.new-pet-form-container{padding:var(--space-4)}.new-pet-form-header{margin-bottom:var(--space-6)}.new-pet-form-title{font-size:24px}.form-actions{flex-direction:column}.form-actions button{width:100%}}
.add-pet-modal-content{padding:0}.add-pet-modal-content .new-pet-form-container{background-color:transparent;min-height:auto;padding:0}.add-pet-modal-content .new-pet-form-content{max-width:100%}.add-pet-modal-content .new-pet-form-header{display:none}.add-pet-modal-content .new-pet-form{gap:var(--space-5)}.add-pet-modal-content .form-section{gap:var(--space-4)}@media (max-width:768px){.add-pet-modal-content .form-actions{background:var(--color-bg-primary);padding:var(--space-4)0;margin:0 calc(-1*var(--space-4));padding-left:var(--space-4);padding-right:var(--space-4);border-top:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;bottom:0}}