/* 261012-03: Single Edit backgrounds inherit the central program styles. */
/* ===========================================================
   ITEM SINGLE EDIT – legacy MVC look, SPA-adapted
   =========================================================== */

/* ===========================================================
   Items view – reset layout body spacing
   =========================================================== */

body.items-view {
    padding: 0;
    margin: 0;
    background: transparent;
}

/* Root container */
#single-line-edit {
    padding-bottom: 10px;
}

/* Section wrapper */
#single-line-edit .item-group {
    position: relative;
    border: 1px solid var(--border-color, #000);
    margin-bottom: 16px;
    padding: 10px;
    background-color: var(--panel-bg, var(--main-bg-color));
}

/* Section title (floating legend style) */
    #single-line-edit .section-title {
        position: absolute;
        left: 16px;
        top: -9px;
        padding: 0 6px;
        font-size: var(--font-size);
        font-weight: normal;
        white-space: nowrap;
        background-color: var(--panel-bg, var(--main-bg-color));
        color: var(--text-color, #000);
    }

/* Compact table layout inside sections */
#single-line-edit table {
    border-collapse: collapse;
}

#single-line-edit td {
    padding: 4px;
    vertical-align: middle;
}

/* Inputs – compact desktop style */
#single-line-edit input,
#single-line-edit select,
#single-line-edit textarea {
    height: 24px;
    padding: 2px 4px;
    font-size: var(--font-size);
    box-sizing: border-box;
}

/* Labels */
    #single-line-edit label {
        font-size: var(--font-size);
        white-space: nowrap;
    }

/* Collapsed state (used by itemCodes.expand/collapse) */
#single-line-edit .item-group.collapsed {
    padding-bottom: 4px;
}

/* Prevent SPA/global form styles from leaking in */
#single-line-edit input[type="checkbox"],
#single-line-edit input[type="radio"] {
    height: auto;
}

#footContainer .code-panel-header table {
    position: static;
    width: 100%;
}
#footContainer .item-group {
    position: relative;
    padding-top: inherit;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
#footContainer .section-title {
    position: absolute;
    left: 16px;
    top: -9px;
    padding: 0 6px;
    font-size: var(--font-size);
    font-weight: normal;
    white-space: nowrap;
    background-color: var(--color-medium-gray);
    color: var(--text-color, #000);
}
#footContainer .item-group {
    position: relative;
}
#footContainer .code-panel-content {
    padding-top: 2px;
    padding-bottom: 2px;
}
#footContainer input,
#footContainer select {
    height: 24px;
    padding: 2px 4px;
    font-size: var(--font-size);
}
#footContainer table {
    margin: 0;
}

#footContainer td {
    padding-top: 2px;
    padding-bottom: 2px;
}


[collapse-button],
[expand-button] {
    position: absolute;
    top: 0px;
    right: 8px;
    padding: 2px 4px;
}

#footContainer [collapse-button],
#footContainer [expand-button] {
    right: -2px;
}

#footContainer .item-group {
    border: 1px solid #000;
}
/* sw_combobox must control its own sizing */
#single-line-edit .sw_combobox input,
#single-line-edit .sw_combobox select {
    height: auto;
    padding: 0;
    box-sizing: border-box;
}