/* MASTER Manager Kontraktów v0.8.4 — materials OCR pilot */
#masterTaskDetails .master-task-tabs button{min-width:0!important;flex:1 1 0;white-space:normal;font-size:12px;padding:10px 4px}
.mm-card{background:#f9fbfe;border:1px solid #d7e4ef;border-radius:11px;padding:15px;margin:14px 0}
.mm-card h4{margin:0 0 12px;font-size:16px}
.mm-source{display:flex!important;align-items:flex-start;gap:10px;margin:8px 0!important;padding:9px;border:1px solid #d7e2ed;border-radius:9px;background:#fff;font-weight:normal!important;cursor:pointer}
.mm-source input{width:18px;height:18px;flex:none;margin:0}
.mm-source span{min-width:0;overflow-wrap:anywhere;font-size:13px}
.mm-source small{color:#667b8f;font-size:12px;display:block;margin-top:4px}
.mm-scroll{overflow:auto;max-width:100%;border:1px solid #dce5ed;border-radius:8px;margin:10px 0}
.mm-scroll table{width:100%;min-width:900px;font-size:12px}
.mm-scroll td,.mm-scroll th{padding:7px 9px;vertical-align:middle}
.mm-scroll th{background:#eef4f9;color:#203c56;position:sticky;top:0;z-index:1}
.mm-scroll input{font-size:13px;min-width:85px;padding:8px}
.mm-scroll input[type=checkbox]{width:17px;min-width:17px;height:17px}
.mm-scroll .mm-material-name{min-width:245px}
.mm-scroll .mm-quantity,.mm-scroll .mm-price{max-width:140px}
.mm-scroll .mm-open-source{padding:6px 8px;margin-top:6px;white-space:nowrap;font-size:11px}
.mm-scroll button{padding:7px 9px;font-size:12px}
.mm-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px;background:#e9f4fd;border-radius:8px;color:#23455f}
.mm #mmProgress{width:100%;height:12px}
@media(max-width:720px){.mm-card{padding:10px}.mm-summary{font-size:13px}#masterTaskDetails .master-task-tabs button{font-size:11px}}

/* Long material descriptions must not be clipped to a narrow one-line input. */
.mm-scroll .mm-draft-name{display:block;width:100%;min-width:360px;box-sizing:border-box;min-height:54px;line-height:1.35;font-size:13px;resize:vertical;padding:6px 8px;white-space:pre-wrap}
#mmDraft .mm-scroll table{min-width:1140px}
#mmDraft .mm-scroll td:nth-child(2){width:44%;min-width:360px}
#mmDraft .mm-scroll td:nth-child(5){min-width:225px;overflow-wrap:anywhere}
#mmDraft .mm-scroll td:nth-child(3){min-width:110px}
#mmDraft .mm-scroll input[data-draft-qty]{min-width:110px;width:110px}

/* v0.8.4: Mobile-first review. Avoid horizontally scrolling a >1100px table
   inside a narrow full-screen modal. A separate readable card for each row. */
@media (max-width: 720px) {
 #masterTaskDetails #mmDraft .mm-scroll { overflow:visible; max-width:100%; border:0; margin:12px 0; }
 #masterTaskDetails #mmDraft .mm-scroll table,
 #masterTaskDetails #mmDraft .mm-scroll tbody { display:block; min-width:0!important; width:100%; border:0; }
 #masterTaskDetails #mmDraft .mm-scroll thead { display:none; }
 #masterTaskDetails #mmDraft .mm-scroll tr.mm-draft-card {
   display:grid; width:100%; min-width:0; box-sizing:border-box;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9px;
   margin:0 0 11px; padding:13px 11px;
   background:white; border:1px solid #cad9e7; border-radius:11px;
 }
 #masterTaskDetails #mmDraft .mm-scroll td {
   display:block; box-sizing:border-box; min-width:0!important; width:auto!important;
   padding:0; border:0; font-size:13px; overflow-wrap:anywhere;
 }
 #masterTaskDetails #mmDraft .mm-scroll td::before {
   content:attr(data-label); display:block; font-size:12px; font-weight:700;
   color:#405e76; margin:0 0 5px;
 }
 #masterTaskDetails #mmDraft .mm-scroll td.mm-draft-check,
 #masterTaskDetails #mmDraft .mm-scroll td:nth-child(2),
 #masterTaskDetails #mmDraft .mm-scroll td:nth-child(5) { grid-column:1/-1; }
 #masterTaskDetails #mmDraft .mm-scroll td.mm-draft-check { padding:0 0 8px; border-bottom:1px solid #e0e8ee; }
 #masterTaskDetails #mmDraft .mm-scroll td.mm-draft-check::before { display:none; }
 #masterTaskDetails #mmDraft .mm-scroll td.mm-draft-check label {
   display:flex; align-items:center; gap:9px; font-weight:700; color:#204e73;
 }
 #masterTaskDetails #mmDraft .mm-scroll td.mm-draft-check input { margin:0; flex:none; min-width:18px; width:18px; height:18px; }
 #masterTaskDetails #mmDraft .mm-scroll textarea.mm-draft-name,
 #masterTaskDetails #mmDraft .mm-scroll input[data-draft-qty],
 #masterTaskDetails #mmDraft .mm-scroll input[data-draft-unit] {
   display:block; box-sizing:border-box; min-width:0!important; max-width:none!important;
   width:100%!important; margin:0; font-size:14px;
 }
 #masterTaskDetails #mmDraft .mm-scroll textarea.mm-draft-name { min-height:82px; line-height:1.4; }
 #masterTaskDetails #mmDraft .mm-scroll td:nth-child(5) { border-top:1px solid #e3eaf0; padding-top:8px; font-size:12px; }
 #masterTaskDetails #mmDraft .mm-scroll td:nth-child(5)::before { font-size:11px; }
 #masterTaskDetails #mmDraft .mm-scroll td .hint { overflow-wrap:anywhere; }
}

/* v0.8.4: source-page shortcut and OCR uncertainty for review. */
#masterTaskDetails #mmDraft .mm-open-candidate{display:inline-flex;max-width:100%;margin-top:8px;white-space:normal;min-width:0;font-size:12px;padding:7px 10px}
#masterTaskDetails #mmDraft .mm-ocr-warning{margin:8px 0 2px;color:#80591b;background:#fff5df;border:1px solid #f0d9ad;border-radius:6px;padding:7px 9px;line-height:1.45}
