/* =========================================================
   IDS Core Backoffice CSS — Forms Layer v2.6
   Safe extraction: fields, labels, inputs, selects, textareas only.
   Current utp.css and inline critical shell remain active.
   ========================================================= */

.ids-utp .utp-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ids-utp .utp-label {
    font-size: var(--utp-font-sm);
    font-weight: 700;
    color: var(--utp-color-text);
}

.ids-utp .utp-input,
.ids-utp .utp-select,
.ids-utp .utp-textarea,
.ids-utp input[type="text"],
.ids-utp input[type="email"],
.ids-utp input[type="tel"],
.ids-utp input[type="number"],
.ids-utp input[type="date"],
.ids-utp input[type="search"],
.ids-utp select,
.ids-utp textarea {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: var(--utp-border-width) solid var(--utp-color-border);
    border-radius: var(--utp-radius-md);
    background: var(--utp-color-surface);
    color: var(--utp-color-text);
    font-size: var(--utp-font-sm);
    box-shadow: none;
    transition: var(--utp-transition);
}

.ids-utp .utp-textarea,
.ids-utp textarea {
    min-height: 110px;
    resize: vertical;
}

.ids-utp .utp-input:focus,
.ids-utp .utp-select:focus,
.ids-utp .utp-textarea:focus,
.ids-utp input:focus,
.ids-utp select:focus,
.ids-utp textarea:focus {
    border-color: var(--utp-color-primary);
    box-shadow: 0 0 0 3px rgba(255, 90, 61, 0.14);
    outline: none;
}

.ids-utp .utp-help-text {
    font-size: var(--utp-font-xs);
    color: var(--utp-color-muted);
}

.ids-utp form.ids-staff-search,
.ids-utp form.ids-backoffice-search,
.ids-utp form.ids-global-search,
.ids-utp .ids-staff-quick-search,
.ids-utp .ids-backoffice-search,
.ids-utp .ids-global-search {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin: 0 0 18px;
    width: 100%;
}

.ids-utp form.ids-staff-search input,
.ids-utp form.ids-backoffice-search input,
.ids-utp form.ids-global-search input,
.ids-utp .ids-staff-quick-search input,
.ids-utp .ids-backoffice-search input,
.ids-utp .ids-global-search input {
    flex: 1 1 auto;
}

.ids-utp input,
.ids-utp select,
.ids-utp textarea {
    border-radius: 12px !important;
}

.ids-utp button[type="submit"],
.ids-utp input[type="submit"] {
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(255, 94, 68, 0.24);
}

/* Primary buttons */

.ids-utp input[type="submit"],
.ids-utp button[type="submit"],
.ids-utp .utp-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 42px;
    padding: 0 18px;

    border: 1px solid var(--utp-color-primary);
    border-radius: 11px;

    background: var(--utp-color-primary);
    color: #ffffff;

    font-weight: 800;
    text-decoration: none;

    cursor: pointer;
    transition: var(--utp-transition);
}
/* UTP Search compact override */
.ids-utp .utp-search-panel{
    padding:16px !important;
}

.ids-utp .ids-bo-search-shell{
    padding:24px 28px !important;
    margin-bottom:0 !important;
    border-radius:20px !important;
}

.ids-utp .ids-bo-tabs{
    margin-bottom:14px !important;
    gap:10px !important;
}

.ids-utp .ids-bo-tabs button{
    padding:10px 18px !important;
    border-radius:10px !important;
}

.ids-utp .ids-bo-search-card{
    padding:20px 22px !important;
    border-radius:18px !important;
}

.ids-utp .ids-bo-search-subtitle{
    margin-bottom:16px !important;
}

.ids-utp .ids-bo-field label{
    margin-bottom:6px !important;
}

.ids-utp .ids-bo-search-btn{
    height:44px !important;
    border-radius:10px !important;
}

/* UTP V2 Forms Readability Lock */
.ids-utp .utp-input,
.ids-utp .utp-select,
.ids-utp .utp-textarea,
.ids-utp input[type="text"],
.ids-utp input[type="email"],
.ids-utp input[type="tel"],
.ids-utp input[type="number"],
.ids-utp input[type="date"],
.ids-utp input[type="search"],
.ids-utp input[type="url"],
.ids-utp input[type="password"],
.ids-utp select,
.ids-utp textarea {
    font-size: 15px !important;
}

.ids-utp input::placeholder,
.ids-utp textarea::placeholder {
    font-size: 14px !important;
}