.lr-vto-form { margin:20px 0 28px; padding:22px; border:1px solid var(--border-color,#c6e3ef); border-radius:18px; background:var(--card-bg,rgba(240,249,253,.55)); }
.lr-vto-form__top { display:grid; grid-template-columns:1fr 1fr auto; gap:18px; align-items:end; }
.lr-vto-form__top .lr-field { display:flex; flex-direction:column; gap:9px; min-width:0; }
.lr-vto-form__top input:not([type=checkbox]), .lr-vto-form__top select, #vtoSupervisorSearch { min-height:44px; box-sizing:border-box; width:100%; padding:10px 14px; border:1px solid #c6dfea; border-radius:12px; background:var(--input-bg,#fff); color:var(--text-color,#17354a); font:inherit; }
.lr-vto-active,.lr-vto-check { display:flex; align-items:center; gap:10px; }
.lr-vto-active { min-height:44px; padding:0 10px; white-space:nowrap; }
.lr-vto-scope-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:20px; margin:22px 0 18px; }
.lr-vto-scope-grid fieldset { min-width:0; padding:16px; border:1px solid #c6e3ef; border-radius:14px; }
.lr-vto-scope-grid legend { font-size:12px; font-weight:800; color:#1678a6; letter-spacing:.7px; padding:0 6px; }
.lr-vto-checklist { max-height:255px; min-height:90px; overflow:auto; padding:5px 0; margin-top:10px; scrollbar-gutter:stable; }
.lr-vto-check { padding:9px 8px; border-radius:8px; line-height:1.4; font-size:13px; cursor:pointer; }
.lr-vto-check[hidden] { display:none; }
.lr-vto-form__top .lr-custom-select__trigger { height:44px; min-height:44px; }
.lr-vto-check:hover { background:rgba(31,155,199,.08); }
.lr-vto-check input,.lr-vto-active input { width:16px; height:16px; flex:0 0 auto; accent-color:#149cc5; }
.lr-vto-checklist--disabled { opacity:.5; }
.lr-vto-form__actions,.lr-vto-mail__actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; }
.lr-vto-form__actions .lr-btn { width:auto; min-width:165px; }
.lr-vto-directory-head { display:flex; align-items:center; justify-content:space-between; margin:18px 0 12px; gap:16px; }
.lr-vto-directory-head h4,.lr-vto-mail h4 { margin:0; font-size:16px; color:#1678a6; }
.lr-vto-directory-head>span,#vtoMailStatus { color:var(--text-muted,#627e91); font-size:13px; }
.lr-vto .lr-data-table td { vertical-align:top; }
.lr-vto .lr-data-table details { font-size:12px; min-width:130px; }
.lr-vto .lr-data-table details summary { cursor:pointer; color:#1678a6; font-weight:700; }
.lr-vto .lr-data-table details ul { text-align:left; margin:10px 0 0; padding-left:17px; }
.lr-vto-mail { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:20px; margin-top:22px; border:1px solid #c6e3ef; border-radius:14px; }
html[data-theme=dark] .lr-vto-form { background:rgba(19,42,57,.6); border-color:#2a5365; }
html[data-theme=dark] .lr-vto-scope-grid fieldset,html[data-theme=dark] .lr-vto-mail { border-color:#2a5365; }
html[data-theme=dark] .lr-vto-form__top input:not([type=checkbox]),html[data-theme=dark] #vtoSupervisorSearch { color:#e4eef5; background:#142c3b; border-color:#2a5365; }
@media(max-width:900px) { .lr-vto-form__top { grid-template-columns:1fr 1fr; } .lr-vto-active { grid-column:1/-1; } .lr-vto-mail { align-items:flex-start; flex-direction:column; } }
@media(max-width:640px) { .lr-vto-form { padding:14px; } .lr-vto-form__top,.lr-vto-scope-grid { grid-template-columns:1fr; } .lr-vto-form__actions { justify-content:flex-start; } .lr-vto-directory-head { align-items:flex-start; flex-direction:column; } }