/* NEXT615 — Listo site-wide confirmation modal. */
.listo-confirm-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.listo-confirm-modal[hidden]{display:none!important}
.listo-confirm-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,32,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.listo-confirm-modal__dialog{position:relative;width:min(100%,480px);box-sizing:border-box;background:#fff;border:1px solid #e2e8ed;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,32,.22);padding:30px 30px 26px;display:flex;gap:18px;outline:none;animation:listo-confirm-in .16s ease-out}
.listo-confirm-modal__icon{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf5ff;color:#2196f3;font-size:18px;font-weight:800;line-height:1}
.listo-confirm-modal__content{min-width:0;flex:1}
.listo-confirm-modal__content h2{margin:1px 0 8px;color:#17212b;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.listo-confirm-modal__content p{margin:0;color:#5d6b76;font-size:14px;line-height:1.55;white-space:pre-line}
.listo-confirm-modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}
.listo-confirm-modal__actions button[hidden]{display:none!important}
.listo-confirm-modal__actions button{min-height:46px;padding:0 17px;border-radius:12px;border:1px solid #d8e0e6;background:#fff;color:#35424d;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}
.listo-confirm-modal__actions button:active{transform:translateY(1px)}
.listo-confirm-modal__cancel:hover{background:#f7f9fa;border-color:#cbd5dc}
.listo-confirm-modal__confirm{border-color:#2196f3!important;background:#2196f3!important;color:#fff!important;box-shadow:0 5px 12px rgba(33,150,243,.18)}
.listo-confirm-modal__confirm:hover{background:#1689e6!important;border-color:#1689e6!important}
.listo-confirm-modal[data-tone="warning"] .listo-confirm-modal__icon{background:#fff3e8;color:#e85d00}
.listo-confirm-modal[data-tone="warning"] .listo-confirm-modal__confirm{background:#e85d00!important;border-color:#e85d00!important;box-shadow:0 5px 12px rgba(232,93,0,.18)}
.listo-confirm-modal[data-tone="warning"] .listo-confirm-modal__confirm:hover{background:#d95100!important;border-color:#d95100!important}
.listo-confirm-modal[data-tone="danger"] .listo-confirm-modal__icon{background:#fff0f0;color:#c43d3d}
.listo-confirm-modal[data-tone="danger"] .listo-confirm-modal__confirm{background:#c43d3d!important;border-color:#c43d3d!important;box-shadow:0 5px 12px rgba(196,61,61,.16)}
.listo-confirm-modal[data-tone="danger"] .listo-confirm-modal__confirm:hover{background:#b73535!important;border-color:#b73535!important}
body.listo-confirm-modal-open{overflow:hidden}
@keyframes listo-confirm-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){
 .listo-confirm-modal{padding:16px}
 .listo-confirm-modal__dialog{width:100%;max-width:460px;border-radius:18px;padding:22px 20px 18px;gap:12px}
 .listo-confirm-modal__icon{flex-basis:34px;width:34px;height:34px;font-size:16px}
 .listo-confirm-modal__content h2{font-size:18px;margin-top:0}
 .listo-confirm-modal__content p{font-size:13.5px}
 .listo-confirm-modal__actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr}
 .listo-confirm-modal__actions button{width:100%;min-height:46px}
}
@media(max-width:380px){
 .listo-confirm-modal__dialog{padding:20px 16px 16px}
 .listo-confirm-modal__actions{gap:8px}
 .listo-confirm-modal__actions button{padding:0 10px;font-size:12.5px}
}

/* NEXT798 — unified Guest/Host system-message polish */
.listo-confirm-modal__dialog{overflow:hidden;box-shadow:0 28px 80px rgba(15,23,32,.28);border-color:#dfe7ed}
.listo-confirm-modal__icon{box-shadow:0 0 0 6px rgba(33,150,243,.06)}
.listo-confirm-modal[data-tone=warning] .listo-confirm-modal__icon{box-shadow:0 0 0 6px rgba(232,93,0,.06)}
.listo-confirm-modal[data-tone=danger] .listo-confirm-modal__icon{box-shadow:0 0 0 6px rgba(196,61,61,.06)}
.listo-confirm-modal__actions button:focus-visible{outline:3px solid rgba(33,150,243,.22);outline-offset:2px}
@media (max-width:520px){
 .listo-confirm-modal{padding:12px}
 .listo-confirm-modal__dialog{max-width:100%;padding:22px 18px 16px;border-radius:18px;gap:11px}
 .listo-confirm-modal__actions{grid-template-columns:1fr 1.2fr;gap:8px;margin-top:20px}
 .listo-confirm-modal__actions button{min-height:48px;font-size:13px}
}