/* designer-cetak_file.css — "Cetak File 3D" (partials/designers/cetak_file.php, assets/js/designer-cetak_file.js). */
.designer-cetak_file .pf-drop { position: relative; display: grid; justify-items: center; gap: 6px; padding: 22px 16px; text-align: center; cursor: pointer;
    border: 2px dashed var(--line); border-radius: 14px; background: var(--surface); transition: border-color .15s, background .15s; }
.designer-cetak_file .pf-drop:hover, .designer-cetak_file .pf-drop.is-over { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--surface)); }
.designer-cetak_file .pf-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.designer-cetak_file .pf-drop-ico .icon { width: 28px; height: 28px; color: var(--accent); }
.designer-cetak_file .pf-status { margin: 8px 0 0; color: var(--muted); }
.designer-cetak_file .pf-status.pf-bad { color: var(--danger, #c0392b); font-weight: 600; }
.designer-cetak_file .pf-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; margin: 10px 0 0; padding: 10px 12px; border-radius: 12px;
    background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.designer-cetak_file .pf-facts[hidden], .designer-cetak_file .pf-issue[hidden] { display: none; }
.designer-cetak_file .pf-facts dt { color: var(--muted); }
.designer-cetak_file .pf-facts dd { margin: 0; font-weight: 600; }
.designer-cetak_file .pf-issue { display: grid; gap: 8px; margin-top: 10px; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--warn, #e0a100);
    background: color-mix(in srgb, var(--warn, #e0a100) 10%, var(--surface)); }
.designer-cetak_file .pf-issue p { margin: 0; }