.form-card{border-radius:var(--border-radius-xlarge);background-color:var(--color-white);padding:0 2rem 1.5rem;box-shadow:var(--box-shadow-most)}.small-form-card{width:28vw;min-width:400px;max-width:700px}@media (max-width:500px){.small-form-card{min-width:90vw}}.very-small-form-card{max-width:300px}.medium-form-card{width:34vw;min-width:400px;max-width:790px}@media (max-width:500px){.medium-form-card{min-width:90vw}}.large-form-card{width:40vw;min-width:600px;max-width:880px}@media (max-width:740px){.large-form-card{min-width:90vw;flex-direction:column;gap:0}}.most-form-card{width:50vw;min-width:700px;max-width:980px}.form-title{text-align:left;margin-bottom:2rem;font-size:var(--font-size-xlarge);font-weight:700}form h3{font-size:var(--font-size-base);font-weight:600}.form-row{display:flex;align-items:start;justify-content:space-between;gap:1.5rem;width:100%}@media (max-width:480px){.form-row{flex-direction:column}}.form-col{display:flex;flex-direction:column;gap:1rem;width:100%}.image-rounded,.large-image-rounded{border-radius:1rem;border:2px solid #ccc}.large-image-rounded{width:80px;height:80px}.plus-icon-large-image-rounded{position:absolute;margin-left:57px;margin-top:-12px;height:20px;width:20px}.autocomplete-form,.custome-date-picker,.input-form,.select-form,.textarea-form{background-color:#f9f9f9;color:#333;padding:.575rem 1rem;border:1px solid #e0e0e0;width:100%}.small-input{max-width:100px}.textarea-form{padding:0;overflow:hidden}.autocomplete-form,.select-form{padding:1.25rem 1rem}.custome-date-picker{padding:7px 12px}.error-form,.error-form:focus{border-color:#f87171}.error-form:focus{box-shadow:none}.container-bt-form{display:flex;align-items:center;gap:.75rem;margin-top:2rem;margin-bottom:.25rem}.btn-form-action,.btn-show-popup{border-radius:var(--border-radius-large);transition:background-color .2s ease}.btn-form-action{padding:8px 12px}.btn-form-action span,.btn-show-popup span{padding:0}.btn-show-popup{padding:8px 10px 8px 8px}.bt-submit,.btn-show-popup{color:var(--color-white);background-color:var(--background-color-button)}.bt-submit:hover,.btn-show-popup:hover{background-color:var(--background-color-hover-button)}@media (max-width:710px){.btn-show-popup{margin-bottom:1rem}}.bt-cancel{background-color:transparent;color:var(--secondary-text-color)}.bt-cancel:hover{background-color:#d6e4fb}.form-card .btn-close-popup{position:relative;top:12px;right:-98%}.comment-form{position:fixed;bottom:0;display:flex;flex-direction:column;background:#fff;padding:12px;border-top:1px solid #f0f0f0;width:100%}.comment-input-container{display:flex;align-items:center;gap:10px;background:#fff;padding:8px 12px;border-radius:20px;border:1px solid #ddd;transition:border-color .2s;width:30vw;min-width:250px;max-width:700px}.comment-input-container:focus-within{border-color:#007bff}.input-comment-form,.input-comment-form:focus{flex:1;border:none!important;outline:none!important;box-shadow:none!important;font-size:14px;background:transparent;padding:2px}.comment-submit-btn{background:#007bff;color:#fff;padding:6px 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.comment-submit-btn:hover{background:#0056b3}.comment-submit-btn:disabled{background:#ccc;cursor:not-allowed}.comment-editor-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:500px}.textarea-comment-form{width:100%;min-height:80px;padding:10px;border:1px solid #e0e0e0;transition:border .3s ease;resize:vertical}.textarea-comment-form:focus{box-shadow:none}.comment-editor-actions{display:flex;justify-content:flex-end;gap:10px}.comment-editor-actions button{padding:5px 8px;border-radius:5px;font-size:.9rem!important;transition:background .3s ease}.btn-save-comment{background:#007bff;color:#fff}.btn-save-comment:hover{background:#0056b3}.btn-cancel-comment{background:#ddd;color:#000}.btn-cancel-comment:hover{background:#bbb}.hidden-modal .modal{background-color:transparent}.court-types-section{margin-top:2rem;border-top:1px solid #f87171;display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.btn-add-court-type{color:var(--background-color-button)}.btn-add-court-type:hover{color:var(--background-color-hover-button)}