/* v20: matches the main landing page (DM Sans, teal-dark #1e96d4, ink #09326e, white cards, 16-20px radius) */
.up-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.up-sample img{max-height:260px;object-fit:contain}
.up-item{border:1px solid #cfe3f3;border-radius:20px;padding:20px;background:#fff;box-shadow:0 8px 24px rgba(30,150,212,.06);display:flex;flex-direction:column}
.up-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.up-name{font-weight:700;font-size:18px;color:#09326e;line-height:1.3}
.up-chip{border-radius:999px;padding:4px 12px;font-weight:700;font-size:14px;background:#fdf1f0;color:#b42318;border:1px solid #f3c7c2;white-space:nowrap}
.up-chip.ok{background:#dcfce7;color:#166534;border-color:#86efac}
.up-sample{position:relative;background:#e6f4fb;border:2px dashed #b8daf2;border-radius:16px;padding:12px;line-height:0}
.up-sample img{width:100%;height:auto;display:block;border-radius:10px}
.up-samptag{position:absolute;bottom:18px;right:18px;line-height:1.3;background:#09326e;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:2px 10px}
.up-help{margin:12px 0 0;color:#3d5274;font-size:16px}
.up-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;margin-top:16px;padding:0 24px;border-radius:12px;font-weight:700;font-size:19px;cursor:pointer;border:0;background:#1e96d4;color:#fff;text-align:center}
.up-btn:hover{background:#09326e}.up-btn:focus-within,.up-file:focus-within{outline:3px solid #23a6df;outline-offset:2px}
.up-file{display:block;text-align:center;margin-top:12px;color:#1e96d4;font-weight:700;font-size:17px;text-decoration:underline;cursor:pointer}
.up-msg{margin:10px 0 0;font-weight:700;min-height:1.2em;font-size:16px}.up-msg.good{color:#166534}.up-msg.bad{color:#b42318}
@media(max-width:560px){.up-list{grid-template-columns:1fr;gap:16px}.up-item{padding:16px}}
@media(min-width:561px){.up-item:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}}

.up-item.up-done{border-color:#86efac;background:#f3fcf5}
.up-item.up-done .up-sample{display:none}
.up-thumb{display:block;max-width:100%;max-height:160px;border-radius:10px;margin:12px 0 0;border:1px solid #cfe3f3}
.up-extra{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:#e6f7e9;border:2px solid #9fd4a8;color:#166534;font-weight:800;font-size:17px}

/* noins: front/back side by side, Photo ID centered below at the same width */
.up-item[data-t="photo_id"]{grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}
@media (max-width:560px){.up-item[data-t="photo_id"]{width:100%}}