/* Inventory Page 3 — individual physical stock detail. */
.mt-sd-page{display:grid;gap:16px;color:#10213b}
.mt-sd-page *{box-sizing:border-box}
.mt-sd-navrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mt-sd-navrow .mt-inv-back-button{margin:0}
.mt-sd-refresh{flex:0 0 auto}
.mt-sd-breadcrumbs{display:flex;align-items:center;gap:8px;color:#7a8797;font-size:11px}
.mt-sd-breadcrumbs button{border:0;background:transparent;padding:0;color:#1769ed;font:inherit;font-weight:850;cursor:pointer}
.mt-sd-breadcrumbs button:hover{text-decoration:underline;text-underline-offset:2px}
.mt-sd-breadcrumbs i{font-style:normal;color:#a2adba}
.mt-sd-breadcrumbs span{color:#6f7f94}
.mt-sd-page[dir="rtl"] .mt-sd-breadcrumbs i{transform:scaleX(-1)}
.mt-sd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:18px;box-shadow:0 14px 40px rgba(20,42,75,.055)}
.mt-sd-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mt-sd-head h1{margin:0;font-size:28px;letter-spacing:-.035em}
.mt-sd-head p{margin:5px 0 0;color:#718096;font-size:12px}
.mt-sd-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef2f6;color:#5d6c7f;font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.mt-sd-status.available{background:#e8f7ee;color:#187348}
.mt-sd-status.reserved{background:#fff4dc;color:#8a6113}
.mt-sd-status.hold,.mt-sd-status.quarantine{background:#fff1df;color:#935d17}
.mt-sd-status.damaged,.mt-sd-status.wastage{background:#fdefee;color:#a13c34}
.mt-sd-status.ready-for-delivery{background:#eaf2ff;color:#235fb9}
.mt-sd-status.transformed,.mt-sd-status.consumed,.mt-sd-status.delivered{background:#edf0f4;color:#667385}
.mt-sd-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:700px}
.mt-sd-actions .btn{white-space:nowrap}
.mt-sd-actions .mt-sd-danger{color:#9b342c;border-color:#efcecb;background:#fff}
.mt-sd-actions .mt-sd-history-btn{background:#f7f9fc}
.mt-sd-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mt-sd-summary>div{background:#fff;border:1px solid #e0e7f0;border-radius:15px;padding:14px 15px;box-shadow:0 11px 30px rgba(20,42,75,.045)}
.mt-sd-summary span{display:block;color:#7a879a;font-size:9px;text-transform:uppercase;letter-spacing:.065em}
.mt-sd-summary b{display:block;margin-top:5px;font-size:14px;line-height:1.35}
.mt-sd-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:12px;align-items:start}
.mt-sd-card{background:#fff;border:1px solid #e0e7f0;border-radius:17px;padding:17px;box-shadow:0 14px 40px rgba(20,42,75,.055);min-width:0}
.mt-sd-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.mt-sd-card-head h2{font-size:14px;margin:0}
.mt-sd-card-head p{font-size:10px;color:#7b899b;margin:3px 0 0;line-height:1.45}
.mt-sd-details{grid-row:span 2}
.mt-sd-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.mt-sd-kv>div{padding:11px 0;border-bottom:1px solid #edf1f6}
.mt-sd-kv>div.wide{grid-column:1/-1}
.mt-sd-kv span{display:block;color:#7b899a;font-size:8px;text-transform:uppercase;letter-spacing:.065em}
.mt-sd-kv b{display:block;margin-top:4px;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.mt-sd-timeline{display:grid;gap:0}
.mt-sd-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:8px;position:relative;padding:0 0 14px}
.mt-sd-timeline>div:not(:last-child):before{content:"";position:absolute;left:4px;top:10px;bottom:0;width:1px;background:#dfe7f1}
.mt-sd-page[dir="rtl"] .mt-sd-timeline>div:not(:last-child):before{left:auto;right:4px}
.mt-sd-timeline i{width:9px;height:9px;border-radius:50%;background:#b9c4d2;margin-top:3px;z-index:1}
.mt-sd-timeline i.active{background:#1769ed;box-shadow:0 0 0 4px #eaf2ff}
.mt-sd-timeline b{display:block;font-size:11px}
.mt-sd-timeline span{display:block;margin-top:2px;color:#7b899b;font-size:9px;line-height:1.45}
.mt-sd-text-button{border:0;background:transparent;color:#1769ed;padding:2px 0;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
.mt-sd-source-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mt-sd-source-box>div{background:#f8fafc;border:1px solid #e6ebf2;border-radius:11px;padding:10px}
.mt-sd-source-box span{display:block;color:#7b899b;font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.mt-sd-source-box b{display:block;margin-top:4px;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.mt-sd-related-list{display:grid;gap:7px}
.mt-sd-related-list button{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) 18px;gap:9px;align-items:center;text-align:start;border:1px solid #e4eaf2;background:#fbfcfe;border-radius:11px;padding:9px 10px;cursor:pointer;color:#17304f}
.mt-sd-related-list button:hover{border-color:#b9d2f7;background:#f6faff}
.mt-sd-related-list button:focus-visible{outline:2px solid #8bb7f0;outline-offset:2px}
.mt-sd-related-list button>span{font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#1769ed;font-weight:900}
.mt-sd-related-list b{display:block;font-size:10px}
.mt-sd-related-list small{display:block;margin-top:2px;color:#7c899b;font-size:8px}
.mt-sd-related-list i{font-style:normal;color:#1769ed;font-weight:900}
.mt-sd-page[dir="rtl"] .mt-sd-related-list i{transform:scaleX(-1)}
.mt-sd-empty-card{border:1px dashed #ccd8e6;background:#f9fbfd;border-radius:12px;padding:14px}
.mt-sd-empty-card b{display:block;font-size:10px}
.mt-sd-empty-card span{display:block;margin-top:3px;color:#7a8798;font-size:9px;line-height:1.45}
.mt-sd-photo-card{grid-column:2}
.mt-sd-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.mt-sd-photo{display:block;text-decoration:none;color:#17304f;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fbfcfe}
.mt-sd-photo.primary{grid-column:1/-1}
.mt-sd-photo img{display:block;width:100%;height:110px;object-fit:cover;background:#eef3f8}
.mt-sd-photo.primary img{height:190px}
.mt-sd-photo>div{padding:9px 10px}
.mt-sd-photo b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mt-sd-photo span{display:block;margin-top:2px;font-size:8px;color:#7b899b}
.mt-sd-photo:hover{border-color:#b9d2f7}
.mt-sd-photo:focus-visible{outline:2px solid #8bb7f0;outline-offset:2px}
.mt-sd-photo-empty{border:1px dashed #cad6e4;background:#f8fafc;border-radius:13px;padding:18px;text-align:center;display:grid;justify-items:center;gap:5px}
.mt-sd-photo-empty>div{width:34px;height:34px;border-radius:10px;background:#edf3fb;display:grid;place-items:center;color:#1769ed;font-size:16px}
.mt-sd-photo-empty b{font-size:10px}
.mt-sd-photo-empty span{max-width:310px;color:#7a8799;font-size:9px;line-height:1.5}
@media(max-width:1100px){
  .mt-sd-head{flex-direction:column}
  .mt-sd-actions{justify-content:flex-start;max-width:none}
  .mt-sd-grid{grid-template-columns:1fr}
  .mt-sd-details{grid-row:auto}
  .mt-sd-photo-card{grid-column:auto}
}
@media(max-width:780px){
  .mt-sd-navrow{align-items:stretch;flex-direction:column}
  .mt-sd-refresh{width:100%}
  .mt-sd-summary,.mt-sd-kv,.mt-sd-source-box{grid-template-columns:1fr}
  .mt-sd-kv>div.wide{grid-column:auto}
  .mt-sd-actions{width:100%}
  .mt-sd-actions .btn{flex:1 1 calc(50% - 8px)}
  .mt-sd-head h1{font-size:24px}
}
@media(max-width:540px){
  .mt-sd-actions .btn{flex-basis:100%}
  .mt-sd-photo-grid{grid-template-columns:1fr}
  .mt-sd-photo.primary{grid-column:auto}
  .mt-sd-photo img,.mt-sd-photo.primary img{height:180px}
}