.sru-soft-wrapper{--sru-border:#1e293b;max-width:1080px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1e293b;box-sizing:border-box}
.sru-soft-wrapper *{box-sizing:border-box}
.sru-grid{display:grid;grid-template-columns:6fr 6fr;gap:16px;align-items:start}
.sru-card{background:#fff;border:2.5px solid var(--sru-border);border-radius:20px;padding:20px;box-shadow:4px 4px 0 var(--sru-border);margin-bottom:16px}
.sru-card-title{margin:0 0 6px;font-size:18px;font-weight:900}
.sru-sub{font-size:15.5px;font-weight:900;margin:16px 0 8px}
.sru-label{display:block;font-weight:800;font-size:13.5px;margin:11px 0 5px}
.sru-inp{width:100%;border:2px solid var(--sru-border);border-radius:12px;padding:9px 11px;font-size:15px;font-weight:700;background:#fffef5;font-variant-numeric:tabular-nums;font-family:inherit}
.sru-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.sru-opt{display:flex;gap:8px;align-items:center;font-weight:800;font-size:14px;margin-top:14px;cursor:pointer}
.sru-opt input{width:18px;height:18px;accent-color:#e04e1a}
.sru-warn{color:#b91c1c;font-weight:800;font-size:13.5px;min-height:18px;margin:8px 0 0}
.sru-room{border:2px dashed #94a3b8;border-radius:14px;padding:10px 12px;margin-bottom:9px;background:#f8fafc}
.sru-room-head{display:flex;gap:8px;align-items:center}
.sru-room-name{flex:1;border:2px solid var(--sru-border);border-radius:10px;padding:7px 10px;font-weight:800;font-size:14.5px;background:#fff}
.sru-del{border:2px solid var(--sru-border);background:#fee2e2;border-radius:9px;padding:5px 10px;font-weight:900;font-size:12px;cursor:pointer}
.sru-room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 8px}
.sru-room-grid .sru-label{font-size:12px;margin-top:8px}
.sru-room-grid .sru-inp{padding:7px 9px;font-size:14px}
.sru-add{border:2.5px solid var(--sru-border);background:#dcfce7;border-radius:12px;padding:8px 14px;font-weight:900;font-size:13.5px;cursor:pointer;box-shadow:2px 2px 0 var(--sru-border)}
.sru-calc{width:100%;margin-top:14px;border:3px solid var(--sru-border);background:#fdba74;border-radius:16px;padding:13px;font-weight:900;font-size:16.5px;cursor:pointer;box-shadow:3px 3px 0 var(--sru-border)}
.sru-calc:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--sru-border)}
.sru-error{color:#dc2626;font-weight:800;font-size:14px;min-height:19px;margin:10px 0 0}
.sru-note{font-size:13.5px;color:#64748b;line-height:1.55;margin:12px 0 0}
.sru-placeholder{border-style:dashed;background:#fffbeb;text-align:center}
.sru-ph-icon{font-size:38px}
.sru-ph-text{font-weight:700;color:#475569}
.sru-ph-list{text-align:left;font-size:14.5px;line-height:1.65;color:#334155;margin:8px 0 4px;padding-left:20px}
.sru-hero{background:linear-gradient(135deg,#fef9c3,#fde68a);border:2.5px solid var(--sru-border);border-radius:16px;padding:15px;box-shadow:3px 3px 0 var(--sru-border);text-align:center}
.sru-hero-cap{display:block;font-size:12.5px;font-weight:800;color:#92400e}
.sru-hero-val{display:block;font-size:31px;font-weight:900;margin-top:2px;font-variant-numeric:tabular-nums}
.sru-hero-sub{display:block;font-size:13.5px;font-weight:800;color:#15803d;margin-top:2px}
.sru-table-wrap{overflow-x:auto;margin-top:14px}
.sru-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.sru-table th,.sru-table td{border:1.6px solid #cbd5e1;padding:7px 8px;text-align:right;font-variant-numeric:tabular-nums}
.sru-table th{background:#fef9c3;font-weight:900;text-align:center}
.sru-table td:first-child{text-align:left;font-weight:800}
.sru-table tr.sru-total-row td{background:#f0fdf4;font-weight:900}
.sru-copy{width:100%;margin-top:13px;border:2.5px solid var(--sru-border);background:#bae6fd;border-radius:13px;padding:11px;font-weight:900;font-size:14.5px;cursor:pointer;box-shadow:3px 3px 0 var(--sru-border)}
@media (max-width:900px){.sru-grid{grid-template-columns:1fr}.sru-room-grid{grid-template-columns:1fr 1fr}}
.sru-details{margin-top:12px;border:2px dashed #94a3b8;border-radius:13px;padding:9px 13px;background:#f8fafc}
.sru-details summary{font-weight:900;font-size:14px;cursor:pointer;color:#0369a1}
.sru-details .sru-note{margin-top:7px}

/* — Mobile guard 2026-10-24: chống tràn ngang (grid/flex blowout) và chống zoom khi chạm ô nhập — */
.sru-soft-wrapper{overflow-x:clip}
.sru-soft-wrapper *{min-width:0}
.sru-soft-wrapper input,.sru-soft-wrapper select,.sru-soft-wrapper textarea{font-size:16px !important;max-width:100%}