/*======================================================================
MF-07

FORM FOUNDATION
Version : 3.0
======================================================================*/


.ms-form{

display:flex;

flex-direction:column;

gap:var(--ms-space-8);

width:100%;

}


.ms-form-group{

display:flex;

flex-direction:column;

gap:var(--ms-space-3);

width:100%;

}


.ms-label{

display:block;

font-family:var(--ms-font-body);

font-size:14px;

font-weight:var(--ms-fw-medium);

line-height:1.5;

color:var(--ms-white);

}


.ms-input,

.ms-select,

.ms-textarea{

width:100%;

min-height:52px;

padding:14px 18px;

background:var(--ms-surface);

border:1px solid var(--ms-border);

border-radius:var(--ms-radius-md);

font-family:var(--ms-font-body);

font-size:16px;

font-weight:var(--ms-fw-regular);

line-height:1.5;

color:var(--ms-white);

transition:

border-color var(--ms-motion-normal) var(--ms-ease-standard),

box-shadow var(--ms-motion-normal) var(--ms-ease-standard),

background-color var(--ms-motion-normal) var(--ms-ease-standard);

}


.ms-textarea{

min-height:140px;

resize:vertical;

}


.ms-input::placeholder,
.ms-textarea::placeholder{

color:var(--ms-text-soft);

opacity:.75;

}


.ms-input:hover,
.ms-select:hover,
.ms-textarea:hover{

border-color:rgba(197,165,114,.28);

}


.ms-input:focus,
.ms-select:focus,
.ms-textarea:focus{

outline:none;

border-color:var(--ms-gold);

box-shadow:0 0 0 3px rgba(197,165,114,.18);

background:rgba(255,255,255,.02);

}


.ms-input-sm,
.ms-select-sm{

min-height:42px;

padding:10px 14px;

font-size:14px;

}


.ms-input-md,
.ms-select-md{

min-height:52px;

padding:14px 18px;

font-size:16px;

}


.ms-input-lg,
.ms-select-lg{

min-height:60px;

padding:18px 22px;

font-size:18px;

}


.ms-help{

font-size:13px;

line-height:1.6;

color:var(--ms-text-soft);

}


.ms-error{

font-size:13px;

line-height:1.6;

color:#E57373;

}


.ms-input-error,
.ms-select-error,
.ms-textarea-error{

border-color:#E57373;

}


.ms-input-error:focus,
.ms-select-error:focus,
.ms-textarea-error:focus{

box-shadow:0 0 0 3px rgba(229,115,115,.18);

}


.ms-input-success,
.ms-select-success,
.ms-textarea-success{

border-color:#4CAF50;

}


.ms-input-success:focus,
.ms-select-success:focus,
.ms-textarea-success:focus{

box-shadow:0 0 0 3px rgba(76,175,80,.18);

}


.ms-checkbox{

display:flex;

align-items:center;

gap:12px;

cursor:pointer;

user-select:none;

}

.ms-checkbox input{

width:18px;

height:18px;

accent-color:var(--ms-gold);

cursor:pointer;

}


.ms-radio{

display:flex;

align-items:center;

gap:12px;

cursor:pointer;

user-select:none;

}

.ms-radio input{

width:18px;

height:18px;

accent-color:var(--ms-gold);

cursor:pointer;

}