/* SIOV360 V21.345 · Configuraciones adicionales / Aprobaciones de OT */
.siov-extra-config-section-v345{margin-top:22px;padding-top:16px;border-top:1px solid #d8e2ea}
.siov-extra-config-title-v345{font-size:11px;font-weight:900;letter-spacing:.08em;color:#17345f;margin:0 0 10px;text-transform:uppercase}
.siov-extra-config-grid-v345{margin-top:0}
.siov-ot-approval-config-v345{margin-top:18px;background:#fff;border:1px solid #d8e2ea;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(15,38,62,.06)}
.siov-approval-head-v345{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid #e5edf3;padding-bottom:14px;margin-bottom:14px}
.siov-approval-head-v345 h3{margin:0;color:#17345f;font-size:15px;font-weight:900}
.siov-approval-head-v345 p{margin:5px 0 0;color:#64748b;font-size:10px;line-height:1.45;max-width:760px}
.siov-approval-head-v345>span{font-size:9px;font-weight:900;color:#2d7d32;background:#e9f7eb;border:1px solid #b7dfbd;border-radius:999px;padding:6px 9px;white-space:nowrap}
.siov-approval-block-v345{border:1px solid #dde7ef;border-radius:12px;padding:14px;margin-top:12px;background:#fbfdff}
.siov-approval-block-v345 h4{margin:0;color:#17345f;font-size:11px;font-weight:900}
.siov-approval-block-v345>p{margin:5px 0 12px;color:#64748b;font-size:9px;line-height:1.4}
.siov-approval-types-v345,.siov-approval-roles-v345{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.siov-approval-type-row-v345,.siov-approval-role-row-v345{display:flex;align-items:flex-start;gap:9px;border:1px solid #dbe6ee;background:#fff;border-radius:10px;padding:10px;cursor:pointer;min-height:54px}
.siov-approval-type-row-v345:hover,.siov-approval-role-row-v345:hover{border-color:#9ecdb0}
.siov-approval-type-row-v345 input,.siov-approval-role-row-v345 input{width:16px;height:16px;margin:1px 0 0;flex:0 0 auto}
.siov-approval-type-row-v345 span,.siov-approval-role-row-v345 span{display:flex;flex-direction:column;gap:3px;min-width:0}
.siov-approval-type-row-v345 b,.siov-approval-role-row-v345 b{font-size:10px;color:#17345f}
.siov-approval-type-row-v345 small,.siov-approval-role-row-v345 small{font-size:8.5px;color:#64748b;line-height:1.35}
.siov-approval-note-v345{margin-top:12px;border-left:4px solid #6b8aa3;background:#f4f8fb;padding:10px 12px;color:#536a7c;font-size:9px;font-weight:700}
.siov-approval-actions-v345{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.siov-approval-actions-v345 button{border:0;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:900;cursor:pointer}
.siov-approval-primary-v345{background:#2f8f45;color:#fff}.siov-approval-secondary-v345{background:#e8eef3;color:#29435a}
.siov-approval-empty-v345{grid-column:1/-1;padding:12px;border:1px dashed #cdd9e3;border-radius:10px;color:#64748b;font-size:9px}
.otm-approval-panel-v345{margin:12px 0 2px;border:1px solid #d8e2ea;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f8fbfd}
.otm-approval-panel-v345>div{display:flex;flex-direction:column;gap:2px;min-width:0}.otm-approval-panel-v345 small{font-size:8px;font-weight:900;color:#64748b}.otm-approval-panel-v345 b{font-size:11px;color:#17345f}.otm-approval-panel-v345 span{font-size:8.5px;color:#64748b;line-height:1.35}
.otm-approval-panel-v345.pending{border-color:#e4c96d;background:#fffbea}.otm-approval-panel-v345.approved{border-color:#98d2a5;background:#f0fbf2}.otm-approval-panel-v345.not-required{border-color:#d8e2ea;background:#f8fbfd}
.otm-approval-panel-v345 button{border:0;border-radius:8px;background:#2f8f45;color:#fff;font-size:9px;font-weight:900;padding:9px 12px;cursor:pointer;white-space:nowrap}
.otm-approval-noaccess-v345{max-width:240px;text-align:right;font-weight:800;color:#8a5a18!important}
@media(max-width:720px){.siov-approval-head-v345{flex-direction:column}.siov-approval-types-v345,.siov-approval-roles-v345{grid-template-columns:1fr}.otm-approval-panel-v345{align-items:stretch;flex-direction:column}.otm-approval-panel-v345 button{width:100%}.otm-approval-noaccess-v345{max-width:none;text-align:left}.siov-approval-actions-v345{flex-direction:column-reverse}.siov-approval-actions-v345 button{width:100%}}