/* Keep confirmation content together without an internal scrolling panel. */
body.modern-ui #transferConfirm{width:min(370px,calc(100vw - 24px));height:auto;max-height:none;overflow:visible;padding:12px;border-radius:11px;font-size:11px}
body.modern-ui #transferConfirm .invoice-dialog-head{margin-bottom:7px}
body.modern-ui #transferConfirm .invoice-dialog-head h2{font-size:14px;line-height:1.2}
body.modern-ui #transferConfirm .invoice-close{width:23px;height:23px;font-size:18px}
body.modern-ui #transferConfirm .invoice-date{padding:5px 7px;margin-bottom:7px;font-size:10px;gap:5px}
body.modern-ui #transferConfirm .invoice-parties{margin:6px 0;gap:3px;font-size:10px;line-height:1.25;overflow-wrap:anywhere}
body.modern-ui #transferConfirm .invoice-counts{gap:7px}
body.modern-ui #transferConfirm .invoice-counts>div{padding:6px 8px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:5px}
body.modern-ui #transferConfirm .invoice-counts strong{font-size:17px;line-height:1.2;margin:0}
body.modern-ui #transferConfirm .invoice-counts span{font-size:10px}
body.modern-ui #transferConfirm .damage-fields{gap:6px;margin-top:8px}
body.modern-ui #transferConfirm .damage-fields label{font-size:10px;gap:3px}
body.modern-ui #transferConfirm .damage-fields input{height:28px;min-height:0;padding:4px 7px;font-size:11px}
body.modern-ui #transferConfirm .damage-fields p{padding:5px 7px;font-size:10px}
body.modern-ui #transferConfirm .invoice-actions{gap:6px;margin-top:8px}
body.modern-ui #transferConfirm .invoice-actions button{min-height:28px;padding:5px 9px;font-size:10px;border-radius:6px}
body.modern-ui .shell .retail-welcome{padding:12px 14px;margin-bottom:14px;border-radius:12px}
body.modern-ui .shell .retail-welcome .welcome-heading{margin-bottom:9px;gap:8px}
body.modern-ui .shell .retail-welcome .welcome-title{gap:8px}
body.modern-ui .shell .retail-welcome .welcome-title h2{font-size:18px;line-height:1.2;letter-spacing:-.3px}
body.modern-ui .shell .retail-welcome .welcome-title time{font-size:9px;padding:3px 6px}
body.modern-ui .shell .retail-welcome .welcome-heading p{margin:3px 0 0;font-size:10px}
body.modern-ui .shell .retail-welcome .welcome-mark{width:28px;height:28px;font-size:14px;border-radius:8px}
body.modern-ui .shell .retail-welcome .retail-summary{gap:8px}
body.modern-ui .shell .retail-welcome .retail-stat{min-height:0;padding:8px;gap:7px;border-radius:8px}
body.modern-ui .shell .retail-welcome .retail-stat-icon{width:24px;height:24px;font-size:12px}
body.modern-ui .shell .retail-welcome .retail-stat strong{font-size:20px;line-height:1.15;margin:3px 0}
body.modern-ui .shell .retail-welcome .retail-stat span:not(.retail-stat-icon){font-size:9px}
body.modern-ui .shell .retail-welcome .retail-stat small{font-size:9px}
body.modern-ui .shell .invoice-bell{position:relative;overflow:visible}
.invoice-bell-count{position:absolute;right:-7px;top:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;border:2px solid #fff;background:#dc263f;color:white;font-size:9px;font-weight:700;line-height:13px;text-align:center}
.invoice-bell-count[hidden]{display:none}
body.modern-ui .shell .ochero-document-logo{background:transparent;flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:50%}
.ochero-document-logo img,.ochero-document-brand img{display:block;object-fit:contain;border-radius:50%;width:100%;height:100%}
body.modern-ui .shell .document-heading-copy .ochero-document-name{font-size:10px;line-height:1.3;margin:3px 0 0;color:#517064}
.ochero-document-brand{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:14px;color:#163e32}
.ochero-document-brand img{width:40px;height:40px}
@media(max-width:480px){body.modern-ui .shell .retail-welcome{padding:10px}body.modern-ui .shell .retail-welcome .welcome-title h2{font-size:16px}}
@media(max-height:400px){body.modern-ui #transferConfirm{padding:8px}body.modern-ui #transferConfirm .invoice-parties{margin:4px 0}body.modern-ui #transferConfirm .damage-fields{margin-top:5px}}