/* URN Form Styles - Following MDC design patterns */

.urn-form {
    font-family: 'Consolas', monospace;
    font-size: 11px;
    color: #000;
    background: transparent;
    margin-top: -5px;
}

/* Dark/Night Mode Support */
body.dark-mode .urn-form,
body.night-mode .urn-form {
    color: var(--mdc-dark-text);
}

body.dark-mode .urn-label,
body.night-mode .urn-label {
    color: var(--mdc-dark-text);
}

body.dark-mode .urn-title,
body.night-mode .urn-title {
    color: var(--mdc-dark-text);
}

/* Input Fields */
.urn-input {
    border: none !important;
    background: #00a4c5 !important;
    color: #000 !important;
    font-family: 'Consolas', monospace !important;
    font-size: 11px !important;
    height: 18px !important;
    padding: 1px 3px !important;
}

.urn-input:focus {
    outline: none;
    background: #00bcd4 !important;
}

/* Field Size Classes */
.urn-input-small {
    width: 40px;
}

.urn-input-medium {
    width: 80px;
}

.urn-input-standard {
    width: 120px;
}

.urn-input-wide {
    width: 200px;
}

.urn-input-tiny {
    width: 25px;
}

/* Checkbox styling */
.urn-checkbox {
    width: 16px !important;
    height: 16px !important;
    background: #00a4c5 !important;
    border: none !important;
}

/* Form row layout */
.urn-form-row {
    margin-left: 2px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.urn-form-row.single-field {
    display: block;
}

.urn-form-row.indented {
    margin-left: 16px;
}

/* Label styling */
.urn-label {
    font-weight: bold;
    color: #000;
    white-space: nowrap;
}

/* Title styling */
.urn-title {
    font-weight: bold;
    margin-bottom: 8px;
    margin-left: 2px;
}