.mn-portal{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f6fa!important;padding:26px!important}
.mn-portal header{position:sticky;top:10px;z-index:10;border:1px solid #e4eaf1!important;box-shadow:0 10px 30px rgba(15,23,42,.07)!important}
.mn-portal header strong{letter-spacing:-.02em}
.mn-portal nav a{padding:10px 14px!important;border-radius:9px!important}
.mn-portal main{max-width:1200px;margin:0 auto}
.mn-portal main>h1{font-size:30px!important;letter-spacing:-.035em}
.mn-portal .mn-table-wrap,.mn-portal .mn-portal-table{border:0!important;border-radius:14px!important;box-shadow:0 8px 28px rgba(15,23,42,.07)!important;background:#fff}
.mn-portal-table th{background:#f8fafc!important;color:#64748b!important;letter-spacing:.04em}
.mn-portal-table td{padding:17px 13px!important}
.mn-portal-table tr:last-child td{border-bottom:0}
.mn-portal-table td:first-child strong{font-size:15px}
.mn-portal-table td:last-child a{display:inline-flex;align-items:center;padding:8px 11px;background:#e8f2fb;border-radius:8px;color:#135e96!important;font-weight:650;text-decoration:none}
.mn-portal .mn-status{border:0!important;padding:6px 9px!important;font-size:11px!important;letter-spacing:.02em}
.mn-portal .mn-form{background:transparent}
.mn-portal .mn-grid section,.mn-portal .mn-material-section{border:0!important;border-radius:14px!important;box-shadow:0 6px 22px rgba(15,23,42,.06)!important}
.mn-portal .mn-fields input,.mn-portal .mn-fields select,.mn-portal .mn-fields textarea,.mn-portal .mn-material-row input,.mn-portal .mn-material-row select,.mn-portal .mn-product-row input,.mn-portal .mn-product-row select{border:1px solid #d7e0ea!important;border-radius:8px!important;padding:9px!important;box-sizing:border-box}
.mn-portal .button-primary{background:#135e96!important;border-color:#135e96!important;border-radius:8px!important;padding:9px 14px!important}
.mn-portal .mn-filters a{border:0!important;background:#eaf0f6!important;padding:8px 12px!important}
.mn-portal .mn-alerts{gap:12px!important}
.mn-portal .mn-alert{border-radius:12px!important;background:#fff!important;box-shadow:0 4px 16px rgba(15,23,42,.05)!important}
.mn-portal .mn-cards div{border:0!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(15,23,42,.05)!important}
@media(max-width:700px){.mn-portal{padding:10px!important;background:#f5f7fa!important}
.mn-portal header{position:static!important}
.mn-portal header strong{font-size:18px}
.mn-portal nav{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
.mn-portal nav a{font-size:13px;padding:10px 8px!important}
.mn-portal main>h1{font-size:24px!important;margin:20px 4px 14px!important}
.mn-portal-table{background:transparent!important;box-shadow:none!important;overflow:visible!important}
.mn-portal-table table,.mn-portal-table tbody,.mn-portal-table tr,.mn-portal-table td{display:block;min-width:0!important}
.mn-portal-table thead{display:none}
.mn-portal-table tr{background:#fff;border-radius:13px;margin:0 0 11px;padding:13px;box-shadow:0 4px 15px rgba(15,23,42,.07)}
.mn-portal-table td{border:0!important;padding:6px 0!important;display:flex!important;justify-content:space-between;gap:14px;text-align:right}
.mn-portal-table td:first-child{display:block!important;text-align:left;padding-bottom:10px!important;border-bottom:1px solid #edf1f5!important;margin-bottom:5px}
.mn-portal-table td:nth-child(2)::before{content:"Status"}
.mn-portal-table td:nth-child(3)::before{content:"Rok isporuke"}
.mn-portal-table td:nth-child(4)::before{content:"Naplaćeno"}
.mn-portal-table td:nth-child(5)::before{content:"Ostaje"}
.mn-portal-table td:nth-child(6)::before{content:"Zarada"}
.mn-portal-table td::before{color:#64748b;font-size:12px;font-weight:600;text-align:left}
.mn-portal-table td:last-child{display:block!important;text-align:left;padding-top:10px!important}
.mn-portal .mn-grid{grid-template-columns:1fr!important;gap:12px!important}
.mn-portal .mn-grid section,.mn-portal .mn-material-section{padding:16px!important}
.mn-portal .mn-fields{grid-template-columns:1fr!important}
.mn-portal .mn-product-row,.mn-portal .mn-material-row{grid-template-columns:1fr!important;gap:10px!important;padding:14px 0!important}
.mn-portal .mn-product-row button,.mn-portal .mn-material-row button{justify-self:start}
.mn-portal .mn-alerts,.mn-portal .mn-cards{grid-template-columns:1fr!important}
.mn-portal .mn-section-head{gap:10px;align-items:flex-start}
.mn-portal .mn-section-head .button{white-space:nowrap}
.mn-portal .mn-fields label,.mn-portal .mn-product-row label,.mn-portal .mn-material-row label{display:grid!important;grid-template-columns:minmax(108px,42%) minmax(0,1fr);align-items:center;column-gap:12px;row-gap:6px}
.mn-portal .mn-fields label input,.mn-portal .mn-fields label select,.mn-portal .mn-fields label textarea,.mn-portal .mn-product-row label input,.mn-portal .mn-product-row label select,.mn-portal .mn-material-row label input,.mn-portal .mn-material-row label select{grid-column:2;width:100%!important;min-width:0}
.mn-portal .mn-fields label textarea{align-self:stretch;min-height:92px}
.mn-portal .mn-fields label input[type="file"]{padding:7px!important;font-size:12px}
.mn-portal .mn-material-row label.mn-ordered input{justify-self:start;width:auto!important}
.mn-portal .mn-fields .mn-full{grid-column:1/-1!important}
}