/* Verzija 0.9: statusi, sortiranje i prozracniji desktop obrazac. */
.mn-status.mn-potvrdjena{background:#dbeafe;color:#1d4ed8}
.mn-status.mn-u_izradi{background:#ffedd5;color:#c2410c}
.mn-status.mn-spremna{background:#dcfce7;color:#15803d}
.mn-status.mn-isporucena{background:#166534;color:#fff}
.mn-status.mn-otkazana{background:#fee2e2;color:#b91c1c}
.mn-portal .mn-status.mn-potvrdjena{background:#dbeafe!important;color:#1d4ed8!important}
.mn-portal .mn-status.mn-u_izradi{background:#ffedd5!important;color:#c2410c!important}
.mn-portal .mn-status.mn-spremna{background:#dcfce7!important;color:#15803d!important}
.mn-portal .mn-status.mn-isporucena{background:#166534!important;color:#fff!important}
.mn-portal .mn-status.mn-otkazana{background:#fee2e2!important;color:#b91c1c!important}
.mn-portal .mn-deadline-sort{color:inherit;text-decoration:none;white-space:nowrap}
.mn-portal .mn-deadline-sort:hover{text-decoration:underline}
.mn-sortable-header{cursor:pointer;user-select:none}
.mn-sortable-header:hover{color:#135e96}
.mn-order-actions{margin:-3px 0 16px}
.mn-mobile-sort{display:none!important}
.mn-wrap .mn-cards span::after{content:":"}
.mn-wrap .mn-cards strong{margin-top:8px}
.mn-report-grid td:nth-child(2){max-width:360px;overflow-wrap:anywhere}
.mn-additional-cost-card{grid-template-columns:1fr!important;margin-top:14px}
.mn-fields>p.mn-full{display:none}
.mn-upload-help{margin:12px 0 0;color:#50575e}
.mn-attachments-section{margin-top:20px}
.mn-attachments-list{display:grid;gap:10px;margin-top:14px}
.mn-attachment-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px}
.mn-attachment-item a{overflow-wrap:anywhere}
.mn-attachment-item form{margin:0;flex:0 0 auto}
.mn-additional-cost-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:14px;align-items:end;margin:16px 0 24px;padding:20px;background:#fff;border:1px solid #dcdcde;border-radius:10px}
.mn-additional-cost-form label{display:flex;flex-direction:column;gap:8px;font-weight:600}
.mn-additional-cost-form input{min-height:42px;padding:10px 12px;box-sizing:border-box}
@media(min-width:701px){
  .mn-wrap .mn-form .mn-grid{gap:28px}
  .mn-wrap .mn-form .mn-grid section,.mn-wrap .mn-form .mn-material-section{padding:28px}
  .mn-wrap .mn-form .mn-fields{gap:24px 28px}
  .mn-wrap .mn-form .mn-fields label,.mn-wrap .mn-form .mn-material-row label,.mn-wrap .mn-form .mn-product-row label{gap:9px;line-height:1.35}
  .mn-wrap .mn-form .mn-fields input,.mn-wrap .mn-form .mn-fields select,.mn-wrap .mn-form .mn-fields textarea,.mn-wrap .mn-form .mn-material-row input,.mn-wrap .mn-form .mn-material-row select,.mn-wrap .mn-form .mn-product-row input,.mn-wrap .mn-form .mn-product-row select{box-sizing:border-box;min-height:42px;padding:10px 12px;margin-top:2px}
  .mn-wrap .mn-form .mn-fields textarea{min-height:116px}
  .mn-wrap .mn-form .mn-material-row,.mn-wrap .mn-form .mn-product-row{gap:16px;padding:18px 0}
}
@media(max-width:700px){
  .mn-mobile-sort{display:inline-flex!important;align-items:center;justify-content:center;background:#135e96!important;color:#fff!important;font-weight:650}
  .mn-portal-table td:first-child{display:flex!important;justify-content:space-between;text-align:right;padding-bottom:6px!important;border-bottom:0!important;margin-bottom:0!important}
  .mn-portal-table td:first-child::before{content:"Broj narudžbe"}
  .mn-portal-table td:nth-child(2){display:block!important;text-align:left;padding-bottom:10px!important;border-bottom:1px solid #edf1f5!important;margin-bottom:5px;max-width:none}
  .mn-portal-table td:nth-child(2)::before{content:""}
  .mn-portal-table td:nth-child(3)::before{content:"Status"}
  .mn-portal-table td:nth-child(4)::before{content:"Datum narudžbe"}
  .mn-portal-table td:nth-child(5)::before{content:"Avans"}
  .mn-portal-table td:nth-child(6)::before{content:"Ostatak naplate"}
  .mn-portal-table td:nth-child(7)::before{content:"Zarada"}
  .mn-attachment-item{align-items:flex-start;flex-direction:column;gap:8px}
  .mn-additional-cost-form{grid-template-columns:1fr;padding:16px}
}