/* MasaNova v5 – Premium operations console. Scoped .mn5- selectors. */
:root{--mn5-ink:#172b3d;--mn5-muted:#7c8a97;--mn5-stroke:#e6edf2;--mn5-frost:#f8fafc;--mn5-blue:#405c7a;--mn5-soft:#f3f6f9}
body:has(.mn5-dashboard),body:has(.mn5-page){background:#f3f6fa;color:var(--mn5-ink)}
body:has(.mn5-dashboard) .shell,body:has(.mn5-page) .shell{min-height:100vh}
.side{background:linear-gradient(170deg,#111f31,#192d41 78%,#102437)!important;color:#fff!important;box-shadow:8px 0 25px #12243810;min-width:236px;}
.side .logo.mn5-logo{display:flex;align-items:center;gap:12px;padding:12px 9px 22px;margin:0 0 12px!important;border-bottom:1px solid #ffffff16;background:transparent!important;color:#fff!important;letter-spacing:0!important;line-height:1.22!important;min-width:0}
.mn5-logo img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#ffffff16;padding:4px;flex-shrink:0}
.mn5-logo-symbol{width:44px;height:44px;display:grid;place-items:center;font-size:23px;border-radius:13px;background:linear-gradient(135deg,#cda17e,#816b98);flex-shrink:0}
.mn5-logo b{display:block;font-size:16px;color:#fff!important;white-space:normal;overflow-wrap:anywhere}
.mn5-logo small{font-size:10px;font-weight:500;letter-spacing:1.4px;color:#a5b9cb;display:block;margin-top:5px}
.side .nav{display:grid;gap:2px}.side .nav a{border-radius:10px;color:#b5c4d0!important;text-decoration:none;font-size:12.8px;font-weight:570;padding:11px 14px;margin:0;transition:background .17s,color .17s}
.side .nav a.active,.side .nav a:hover{background:#ffffff1c!important;color:white!important;box-shadow:none!important}.side .nav a.active{border-left:3px solid #d7b08d}
.mn5-sidebar-footer{padding:18px 8px;margin-top:22px;border-top:1px solid #ffffff1c;display:grid;gap:8px}.mn5-sidebar-footer button{border:1px solid #ffffff35;background:#ffffff17;color:#fff;padding:12px 8px;font-size:12px;border-radius:11px;cursor:pointer}.mn5-sidebar-footer span{font-size:10px;text-align:center;color:#aec0cf}
.main{background:#f3f6fa!important;min-width:0;padding:28px!important}.mn5-dashboard,.mn5-page{max-width:1670px;margin:auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#1a2938}.mn5-dashboard *,.mn5-page *{box-sizing:border-box}
.mn5-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:5px 0 28px;flex-wrap:wrap}.mn5-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#7f92a2;display:flex;align-items:center;gap:9px}.mn5-eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28ad88;box-shadow:0 0 0 4px #28ad881f}.mn5-head-copy h1{font-size:clamp(25px,2.4vw,36px);line-height:1.15;font-weight:800;letter-spacing:-1.2px;color:#172b3c;margin:9px 0 8px}.mn5-head-copy h1 span{color:#8193a1;font-weight:400}.mn5-head-copy p{color:#8392a0;font-size:13px;margin:0}.mn5-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.mn5-ghost,.mn5-sound-btn{height:40px;padding:0 15px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid #e2eaf1;color:#2d4153;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.mn5-ghost:hover{border-color:#b6c5d1}.mn5-sound-btn{background:#172b3f;border-color:#172b3f;color:white}.mn5-sound-btn.is-active,[data-mn5-sound].is-active{background:#1b705c!important;border-color:#1b705c!important;color:white!important}
.mn5-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px}.mn5-metric{background:white;border-radius:17px;padding:22px 20px;min-height:126px;box-shadow:0 5px 28px #102a4310;border:1px solid #e9eef4;position:relative;overflow:hidden}.mn5-metric:before{position:absolute;content:'';left:0;top:19px;width:3px;height:32px;background:#a4b6c7;border-radius:2px}.mn5-metric-fin:before{background:#4ab49b}.mn5-metric-review:before,.mn5-metric-call:before{background:#d5a36a}.mn5-metric-bill:before{background:#7599cb}.mn5-metric-label{display:block;color:#83909e;font-size:11px;font-weight:700;margin-bottom:11px}.mn5-metric strong{font-size:clamp(21px,1.75vw,29px);color:#203347;display:block;white-space:nowrap;font-weight:800;letter-spacing:-.7px}.mn5-metric-symbol{position:absolute;right:18px;top:18px;font-size:27px;line-height:1;color:#d3dfe9;font-weight:700}
.mn5-section-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:18px;align-items:start}.mn5-box{background:#fff;border:1px solid #e5ecf2;box-shadow:0 5px 25px #172e3d0b;padding:23px;border-radius:18px;min-width:0}.mn5-wide{grid-column:1/-1}.mn5-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:21px}.mn5-section-head>div{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.mn5-section-head h2,.mn5-box>h2{margin:0;font-size:16px;letter-spacing:-.25px;font-weight:790;color:#203446}.mn5-section-head a{color:#54748f;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}.mn5-section-head a:hover{text-decoration:underline}.mn5-small-pill{background:#edf3f7;color:#5a7085;border-radius:10px;font-size:10px;font-weight:750;padding:5px 8px}
.mn5-zones{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:10px}.mn5-table-card{background:#f9fbfd;border:1px solid #e6edf3;border-radius:13px;padding:15px;min-height:137px}.mn5-table-card.active{background:#fff9f2;border-color:#f2dcc5}.mn5-table-card.off{opacity:.52}.mn5-table-card-title{display:flex;gap:7px;align-items:center}.mn5-table-card-title b{font-size:13px}.mn5-table-card-title .mn5-dot{margin-left:auto;background:#38ac86}.mn5-table-card.active .mn5-dot{background:#e5a34a}.mn5-table-card p{color:#99a6b0;font-size:11px;margin:8px 0 8px}.mn5-table-card strong{font-size:16px}.mn5-table-icon{font-size:19px;color:#839aab}.mn5-table-quick{margin-top:8px;display:flex;justify-content:flex-end}.mn5-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#adb4be;flex-shrink:0}.mn5-mini-btn,.mn5-tiny-btn{font-size:10.5px;font-weight:700;border:1px solid #d7e5ee;color:#3c667e;background:#eff6fb;cursor:pointer;border-radius:8px;padding:6px 10px;white-space:nowrap}.mn5-tiny-btn:hover,.mn5-mini-btn:hover{filter:brightness(.95)}.mn5-tiny-btn.mn5-danger{background:#fff1f2;border-color:#f2d6d8;color:#ab4458}.mn5-tiny-btn.mn5-success{background:#eaf9f0;border-color:#c6e7d6;color:#277754}.mn5-inline{display:inline;flex-shrink:0}.mn5-quick-create{margin-top:16px;border-top:1px solid #edf1f5;padding-top:12px;font-size:12px;color:#5d7991}.mn5-quick-create summary{cursor:pointer;font-weight:700}.mn5-form-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.mn5-form-row input{flex:1;min-width:130px}.mn5-form-row input,.mn5-payment-form input,.mn5-payment-form select,.mn5-form input{border:1px solid #dbe5ed;border-radius:9px;padding:10px 11px;font-size:12px;background:white;color:#183145}.mn5-form-row button,.mn5-payment-form button,.mn5-form button{background:#203e54;color:#fff;border:none;border-radius:9px;padding:11px 14px;cursor:pointer;font-size:11px;font-weight:750}
.mn5-line{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf1f4;min-width:0}.mn5-line:last-child{border-bottom:none}.mn5-line-body{flex:1;min-width:0}.mn5-line-body strong{display:block;font-size:12px;color:#284056;overflow-wrap:anywhere}.mn5-line-body small{display:block;margin-top:5px;font-size:10px;color:#92a0ad}.mn5-line>b{font-size:12px;white-space:nowrap}.mn5-round{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.mn5-round.mn5-blue{background:#ecf4fd;color:#6389b7}.mn5-round.mn5-amber{background:#fff5e7;color:#b98b50}.mn5-round.mn5-red{background:#fff0ef;color:#be6b64}.mn5-round.mn5-purple{background:#f2edfb;color:#8977b4}.mn5-round.mn5-green{background:#eaf7ef;color:#62aa83}.mn5-empty{color:#99a9b6;font-size:12px;padding:15px 6px}.mn5-empty a{color:#436b93}.mn5-note{font-size:10.5px;line-height:1.7;color:#8696a3}
.mn5-order-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mn5-order-col{background:#f6f9fc;border:1px solid #edf1f4;border-radius:13px;padding:11px;min-width:0}.mn5-column-title{font-weight:790;color:#50697d;font-size:12px;display:flex;align-items:center;gap:7px;margin:2px 5px 11px}.mn5-dot.mn5-amber{background:#e9b05f}.mn5-dot.mn5-blue{background:#6b9ac9}.mn5-dot.mn5-green{background:#4eb68c}.mn5-order{background:white;border:1px solid #e7eef3;padding:14px;border-radius:11px;margin:8px 0}.mn5-order>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px}.mn5-order b{font-size:12px;color:#243d52}.mn5-order span{font-size:10px;color:#9babb8}.mn5-order p{font-size:11px;color:#778a99;margin:10px 0;line-height:1.5;overflow-wrap:anywhere}.mn5-order-bottom{display:flex;gap:7px;align-items:center;justify-content:space-between}.mn5-order-bottom strong{font-size:12px;color:#314c61}
.mn5-payment{border-top:1px solid #edf2f5;padding:13px 0}.mn5-payment-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.mn5-payment-head strong{font-size:12px}.mn5-payment-head b{font-size:14px;color:#2c6a69}.mn5-payment p{font-size:10.5px;color:#94a3ae;margin:6px 0 9px}.mn5-payment-form{display:flex;gap:5px;flex-wrap:wrap}.mn5-payment-form input{max-width:110px;flex:1}.mn5-payment-form select{flex:1;min-width:105px}.mn5-payment-form button{white-space:nowrap}.mn5-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mn5-quick-links a{border:1px solid #e8eef3;border-radius:10px;padding:12px 8px;display:flex;gap:7px;font-size:11px;color:#54728b;text-decoration:none;align-items:center}.mn5-quick-links a span{flex:1;color:#334d61}.mn5-quick-links a:hover{background:#f4f8fb}.mn5-ops{display:grid;grid-template-columns:repeat(3,1fr);margin-top:19px;border-top:1px solid #edf2f6;padding-top:17px;gap:8px}.mn5-ops div{text-align:center}.mn5-ops small{display:block;color:#91a0ac;font-size:9px;min-height:30px}.mn5-ops strong{font-size:20px;color:#344e62}.mn5-board-footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9caab5;padding:18px 6px;flex-wrap:wrap}
.mn5-toast{position:fixed;bottom:26px;right:25px;z-index:99999;background:#19364b;color:white;border-radius:13px;padding:14px 17px;box-shadow:0 12px 40px #001b3970;font-size:13px;max-width:360px;display:flex;gap:10px;align-items:center}.mn5-toast.error{background:#8c3f4f}
.mn5-page{max-width:1020px;display:grid;gap:17px}.mn5-page-head h1{font-size:26px;margin:0 0 10px}.mn5-page-head p{color:#8597a3;margin:0}.mn5-page .mn5-box{display:grid;gap:10px}.mn5-page .mn5-box p{font-size:12px;color:#768b9b;line-height:1.7;margin:0}.mn5-page code{font-size:12px;background:#eef2f5;border-radius:5px;padding:5px}.mn5-inline-link{color:#32789a;text-decoration:none}.mn5-form{display:grid;gap:12px}.mn5-form label{font-size:12px;color:#627d90}.mn5-form button{justify-self:start}.mn5-domain-row{padding:13px 0;border-bottom:1px solid #eaf0f4;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
@media(max-width:1220px){.mn5-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mn5-section-grid{grid-template-columns:1fr}.mn5-wide{grid-column:1}.mn5-quick-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.main{padding:16px!important}.mn5-hero{margin:5px 0 17px}.mn5-metrics{gap:8px}.mn5-metric{padding:15px;min-height:105px;border-radius:12px}.mn5-metric strong{font-size:20px}.mn5-metric-label{font-size:10px}.mn5-metric-symbol{font-size:17px;top:15px;right:12px}.mn5-box{padding:16px;border-radius:13px}.mn5-section-grid{gap:12px}.mn5-order-columns{grid-template-columns:1fr}.mn5-zones{grid-template-columns:repeat(2,minmax(0,1fr))}.mn5-line{flex-wrap:wrap}.mn5-head-actions{width:100%}.mn5-head-actions>*{flex:1;justify-content:center}.mn5-payment-form input{max-width:none}}
@media print{.mn5-head-actions,.mn5-sidebar-footer,.side,.mn5-inline,.mn5-quick-create{display:none!important}.main{padding:0!important;background:white!important}.mn5-box{break-inside:avoid;box-shadow:none!important}.mn5-dashboard{width:100%}}

body:has(.mn5-dashboard) .main{max-width:none!important}
@media(max-width:850px){body:has(.mn5-dashboard) .side{min-width:0;width:100%}.side .nav{display:flex!important;overflow-x:auto;gap:6px;flex-wrap:nowrap!important;max-width:100%;padding:0 0 9px}.side .nav a{flex-shrink:0;white-space:nowrap}.mn5-sidebar-footer{max-width:260px;margin:10px 0 0;padding:8px}.mn5-logo{padding-bottom:10px!important}}

.mn5-seller{margin:11px 0}.mn5-seller>div{display:flex;justify-content:space-between;gap:6px;align-items:center}.mn5-seller b{font-size:12px;color:#40596e;font-weight:650}.mn5-seller span{font-size:10px;color:#8399aa}.mn5-seller i{display:block;width:100%;height:7px;border-radius:10px;background:#edf2f6;margin-top:8px;overflow:hidden}.mn5-seller em{display:block;height:100%;background:linear-gradient(90deg,#7aa7b9,#2f647e);border-radius:8px}.mn5-subtitle{font-size:13px;color:#577086;border-top:1px solid #e6edf3;padding-top:14px;margin:20px 0 12px}.mn5-methods{display:grid;gap:8px}.mn5-methods>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#72879a}.mn5-methods b{color:#264156}