:root{--primary:#1f5f8b;--bg:#f2f5f8;--text:#263238}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);padding-bottom:84px}.topbar{background:linear-gradient(135deg,#173b57,#2879a8);color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #0002}.brand{font-size:1.25rem;font-weight:700}.brand i{margin-right:8px}.profile{color:#fff}.app-container{padding:22px}.card-app{background:#fff;border:0;border-radius:18px;box-shadow:0 5px 18px #21354712;margin-bottom:20px}.card-app .card-header{background:transparent;border:0;font-weight:700;padding:18px 20px 8px}.stat{padding:18px;border-radius:18px;color:#fff;min-height:120px;box-shadow:0 5px 18px #0001}.stat i{font-size:2rem;opacity:.8}.stat .n{font-size:2rem;font-weight:800}.s1{background:#2879a8}.s2{background:#338b6c}.s3{background:#7655a6}.s4{background:#bd7132}.btn{border-radius:10px}.form-control{border-radius:10px;min-height:42px}.select2-container .select2-selection--single{height:42px;border:1px solid #ced4da;border-radius:10px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:40px}.bottom-nav{position:fixed;z-index:1040;left:0;right:0;bottom:0;background:#fff;display:flex;justify-content:space-around;padding:9px 4px 8px;box-shadow:0 -3px 18px #0002}.bottom-nav a{color:#60717d;text-align:center;font-size:.72rem;min-width:62px}.bottom-nav i{display:block;font-size:1.25rem;margin-bottom:3px}.bottom-nav a:hover{color:#1f5f8b;text-decoration:none}.badge-online{background:#dff5e9;color:#147443}.badge-offline{background:#fde5e5;color:#a82828}.secret{font-family:monospace}.timeline-item{border-left:3px solid #2879a8;padding:0 0 18px 18px;margin-left:8px;position:relative}.timeline-item:before{content:'';width:13px;height:13px;background:#2879a8;border-radius:50%;position:absolute;left:-8px;top:3px}@media(max-width:576px){.topbar{padding:13px}.topbar small{display:none}.profile{font-size:0}.profile i{font-size:1.2rem}.app-container{padding:14px}.table{font-size:.88rem}}

.tool-result {
    min-height: 280px;
    word-break: break-word;
}

.tool-result code {
    white-space: normal;
}


/* Modales */
.modal-header {
    align-items: center;
}

.modal-header .close {
    margin: -1rem -1rem -1rem auto;
    padding: 1rem;
    font-size: 1.7rem;
    line-height: 1;
}

.modal-footer .btn i,
.btn i {
    margin-right: 5px;
}
