/* operator-info page styles */
.op-row { display: flex; gap: 12px; margin-bottom: 14px; }
.op-label { width: 96px; flex-shrink: 0; font-size: 13px; color: #444; line-height: 32px; }
.op-ctl { flex: 1; min-width: 0; }
.op-in {
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    font-size: 13px;
    box-sizing: border-box;
    background: #fff;
}
.op-in:focus { border-color: #00897B; outline: none; }
.op-ta {
    width: 100%;
    padding: 10px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.7;
    box-sizing: border-box;
    font-family: inherit;
    resize: vertical;
    background: #fff;
}
.op-ta:focus { border-color: #00897B; outline: none; }
.op-multirow { display: flex; gap: 8px; align-items: center; margin-bottom: 8px; }

.op-imggrid { display: flex; flex-wrap: wrap; gap: 10px; }
.op-imgcell { width: 120px; }
.op-imgprev {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #eee;
    display: block;
}
.op-imgactions { display: flex; gap: 4px; margin-top: 6px; }
.op-imgactions .btn { flex: 1; padding: 2px 0; font-size: 11px; }
.op-addbox {
    width: 120px;
    height: 120px;
    border: 1px dashed #bbb;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 22px;
    cursor: pointer;
    text-align: center;
    line-height: 1.4;
    background: #fafafa;
}
.op-addbox:hover { border-color: #00897B; color: #00897B; }