
#dialog.approval-modal401{width:min(680px,calc(100vw - 32px));max-width:680px;max-height:90vh;padding:0;overflow:hidden;border:1px solid #c7d6e8;border-radius:6px;background:#fff;color:#173c60}
#dialog.approval-modal401>#dialog-body{padding:0;margin:0}#dialog.approval-modal401>button,#dialog.approval-modal401>form{display:none!important}
.approval-card401{display:flex;flex-direction:column;max-height:90vh}.approval-card401>header{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#173c60;color:#fff;flex-shrink:0}.approval-card401>header svg{width:24px;height:24px}#dialog .approval-card401 h2{flex:1;margin:0;color:white;font:inherit;font-size:19px;font-weight:700}.approval-card401>header button{background:transparent;border:0;color:white;font-size:28px;padding:0 4px;min-height:30px}
#approval-form{display:flex;flex-direction:column;min-height:0;margin:0;padding:0;overflow:hidden}.approval-content401{padding:20px;overflow-y:auto;min-height:0}.approval-person401{padding:16px;background:#edf3fa;border-radius:5px;margin-bottom:18px}.approval-person401 strong{display:block;font-size:19px}.approval-person401 small{display:block;margin-top:6px;color:#526d88;font-size:13px}#approval-form label{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;font-weight:600}#approval-form select{min-height:42px;width:100%;box-sizing:border-box;padding-right:34px;font:inherit;border:1px solid #b8cbe0}
.approval-recipient401{padding:12px;background:#f0f3f7;display:flex;flex-direction:column;gap:5px;font-size:13px;overflow-wrap:anywhere}.approval-message401{border:1px solid #c7d6e8;border-radius:5px;margin-top:16px;padding:14px}.approval-message401 h3{margin:0 0 12px;font-size:14px;color:#173c60}.approval-message401 p{font-size:13px;line-height:1.5}.approval-body401{white-space:pre-wrap}.approval-status401{font-size:12px;color:#526d88;background:#edf3fa;padding:12px;line-height:1.5;margin:14px 0 0}#approval-error:empty{display:none}
#approval-form>footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 20px;background:#f0f3f7;border-top:1px solid #c7d6e8;flex-shrink:0;margin:0}#approval-form>footer button{height:44px;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:20px}#approval-form>footer button[type=button]{background:#e1e6ee;color:#173c60;border:1px solid #cbd6e3}#approval-form>footer .primary{background:#2b609a;color:white;border:1px solid #2b609a}

#dialog.approval-modal401{width:min(900px,calc(100vw - 32px));max-width:900px}
.approval-card401>header{padding:14px 20px}
#dialog.approval-modal401 .approval-content401{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:16px 20px;align-items:start}
.approval-person401{grid-column:1/-1;padding:12px 14px;margin:0}
#approval-form .approval-content401>label{margin:0;gap:8px}
#approval-preview401{display:contents}
.approval-recipient401{padding:10px 12px;gap:4px;min-height:68px;box-sizing:border-box}
.approval-message401{grid-column:1/-1;margin:0;padding:12px 14px}
.approval-message401 h3{margin:0 0 8px;font-weight:700}
.approval-message401 p{margin:6px 0;font-size:13px;line-height:1.4}
.approval-status401,#approval-error{grid-column:1/-1;margin:0}
#dialog.approval-modal401 #approval-form>footer{align-items:center;padding:12px 20px}
#dialog.approval-modal401 #approval-form>footer>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;max-height:44px;padding:10px 16px;margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:20px}
@media(max-width:650px){#dialog.approval-modal401 .approval-content401{grid-template-columns:1fr}.approval-person401,.approval-message401{grid-column:1}}
