/*
 * ===================================
 * UTKRectField.uss
 * Unity RectField 래핑 스타일
 * ===================================
 */

/* ===================================
   Base Container
   =================================== */

.utk-rectfield {
    flex-direction: row;
    align-items: flex-start;
}

/* ===================================
   Label
   =================================== */

.utk-rectfield > .unity-label {
    min-width: 80px;
    font-size: var(--font-size-body2);
    color: var(--color-text-primary);
    padding-top: var(--space-xs);
}

/* ===================================
   Input Container
   =================================== */

.utk-rectfield > .unity-base-field__input {
    flex-direction: column;
    flex-grow: 1;
}

/* ===================================
   Vector2 Fields (X/Y, W/H rows)
   =================================== */

.utk-rectfield .unity-composite-field__field-spacer {
    flex-grow: 0;
}

.utk-rectfield .unity-vector2-field {
    margin-bottom: var(--space-xs);
}

.utk-rectfield .unity-vector2-field:last-child {
    margin-bottom: 0;
}

/* ===================================
   Individual Float Fields
   =================================== */

.utk-rectfield .unity-float-field {
    flex-grow: 1;
    margin-right: var(--space-xs);
}

.utk-rectfield .unity-float-field:last-child {
    margin-right: 0;
}

.utk-rectfield .unity-float-field > .unity-label {
    min-width: 14px;
    font-size: var(--font-size-body2);
    color: var(--color-text-secondary);
    -unity-text-align: middle-center;
}

.utk-rectfield .unity-float-field > .unity-base-text-field__input {
    background-color: var(--color-bg-input);
    border-width: var(--border-width);
    border-color: var(--color-border);
    border-radius: var(--radius-s);
    padding: var(--space-xs) var(--space-s);
    font-size: var(--font-size-body2);
    color: var(--color-text-primary);
    --unity-cursor-color: var(--color-text-primary);
}

.utk-rectfield .unity-float-field > .unity-base-text-field__input:focus {
    border-color: var(--color-btn-primary);
}

/* ===================================
   Disabled State
   =================================== */

.utk-rectfield--disabled > .unity-label {
    color: var(--color-text-disabled);
}

.utk-rectfield--disabled .unity-float-field > .unity-base-text-field__input {
    background-color: var(--color-btn-disabled);
    color: var(--color-text-disabled);
}