/* OrderBite universal image upload UI */
.restaurant-media-uploader{display:grid;gap:14px}.restaurant-media-uploader>span,.image-compress-note{font-size:11px;font-weight:900;letter-spacing:.08em}.restaurant-media-uploader>p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.restaurant-media-uploader h2{margin:0}.restaurant-image-drop{min-height:132px}.image-compress-note{display:block;color:var(--green);line-height:1.45}
.upload-progress,.ob-image-upload-meter{display:grid;gap:7px;margin:4px 0 8px}.upload-progress[hidden],.ob-image-upload-meter[hidden]{display:none!important}.upload-progress>div,.ob-image-upload-track{height:12px;border:2px solid var(--ink);border-radius:999px;background:var(--white);overflow:hidden}.upload-progress>div>i,.ob-image-upload-track>i{display:block;height:100%;width:0;background:var(--green);transition:width .18s ease}.upload-progress>span,.ob-image-upload-copy{font-size:12px;font-weight:800;color:var(--muted)}.ob-image-upload-copy{display:flex;justify-content:space-between;gap:12px;align-items:center}.ob-image-upload-copy b{color:var(--ink)}.ob-image-upload-meter.is-error .ob-image-upload-track>i{background:var(--red)}.ob-image-upload-meter.is-error .ob-image-upload-copy span{color:var(--red)}
.restaurant-media-uploader .library-dropzone{display:grid;place-items:center;text-align:center;border:2px dashed var(--ink);border-radius:16px;background:var(--paper);padding:18px;cursor:pointer;position:relative;overflow:hidden}.restaurant-media-uploader .library-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.restaurant-media-uploader .library-dropzone span{display:grid;gap:4px}.restaurant-media-uploader .library-dropzone b{font-size:14px}.restaurant-media-uploader .library-dropzone small{font-size:11px;color:var(--muted)}
@media(max-width:760px){.restaurant-media-uploader{order:-1}.ob-image-upload-copy{align-items:flex-start}.ob-image-upload-copy span{max-width:80%}}

/* Media Library first + verification workflow */
.media-picker>section{max-height:min(92vh,900px);overflow:auto}.media-picker header p{margin:5px 0 0;color:var(--muted);font-size:12px;max-width:640px}.media-picker-empty{margin:0 22px 16px;padding:26px;border:2px dashed var(--line);border-radius:16px;text-align:center;display:grid;gap:5px;color:var(--muted)}.media-picker-empty b{color:var(--ink);font-size:15px}.media-upload-fallback{margin:8px 22px 22px;border:2px solid var(--ink);border-radius:18px;background:var(--paper);padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;align-items:start}.media-upload-fallback>div>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--red)}.media-upload-fallback h3{margin:5px 0 7px;font-size:22px}.media-upload-fallback p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.media-upload-fallback .restaurant-media-uploader{background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:14px;box-shadow:4px 4px 0 var(--ink)}.media-submission-strip{margin:0 22px 20px;padding-top:4px}.media-submission-strip>b{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:9px}.media-submission-strip>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.media-submission-strip article{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:7px}.media-submission-strip img{width:56px;height:48px;object-fit:cover;border-radius:8px}.media-submission-strip span{min-width:0;font-size:11px;font-weight:850}.media-submission-strip small{display:block;margin-top:3px;font-size:9px;color:var(--muted);font-weight:800;white-space:normal}.media-submission-strip small:first-letter{text-transform:uppercase}

/* Restaurant problem reports */
.problem-heading{margin-bottom:18px}.problem-report-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}.problem-report-form{display:grid;gap:13px;position:sticky;top:18px}.problem-report-form>span,.problem-history>header>span,.problem-admin-reply>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:var(--red)}.problem-report-form h2,.problem-history h2{margin:0}.problem-report-form label{display:grid;gap:6px;font-size:11px;font-weight:850}.problem-screenshot small{color:var(--muted);font-weight:700}.problem-history{display:grid;gap:12px}.problem-history>header{display:flex;justify-content:space-between;align-items:end}.problem-ticket{display:grid;gap:12px}.problem-ticket>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.problem-ticket>header span{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.problem-ticket>header h3{margin:4px 0}.problem-ticket>header small{color:var(--muted)}.problem-ticket>header>b{border:2px solid var(--ink);border-radius:999px;padding:6px 9px;font-size:9px;white-space:nowrap}.problem-ticket.status-open>header>b{background:var(--yellow)}.problem-ticket.status-in_progress>header>b{background:#dbeafe}.problem-ticket.status-resolved>header>b{background:#dcfce7}.problem-ticket>p{margin:0;line-height:1.55;color:#433d37}.problem-shot-link{font-size:11px;font-weight:900;color:var(--red)}.problem-admin-reply{background:var(--paper);border-left:4px solid var(--green);padding:12px;border-radius:0 10px 10px 0}.problem-admin-reply>span{color:var(--green)}.problem-admin-reply p{margin:5px 0 0}

/* Platform image verification + problems */
.super-admin-ui .image-verification-grid,.super-admin-ui .problem-admin-list{display:grid;gap:12px}.super-admin-ui .image-verification-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:14px}.super-admin-ui .image-verification-preview{position:relative;border-radius:13px;overflow:hidden;background:#f4f1ea;min-height:190px}.super-admin-ui .image-verification-preview img{width:100%;height:100%;max-height:250px;object-fit:cover;display:block}.super-admin-ui .image-verification-preview span{position:absolute;left:8px;bottom:8px;background:rgba(20,20,18,.84);color:#fff;padding:5px 7px;border-radius:7px;font-size:9px;font-weight:800}.super-admin-ui .image-verification-body{display:grid;gap:12px}.super-admin-ui .image-verification-body header span,.super-admin-ui .problem-admin-card header span{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--sa-muted)}.super-admin-ui .image-verification-body h3,.super-admin-ui .problem-admin-card h3{margin:3px 0}.super-admin-ui .image-verification-body p,.super-admin-ui .problem-admin-card header p{margin:0;color:var(--sa-muted);font-size:11px}.super-admin-ui .image-review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.super-admin-ui .image-review-actions form{border:1px solid var(--sa-line);border-radius:11px;padding:10px;display:grid;gap:8px;background:#fff}.super-admin-ui .image-review-actions .image-replace-form{grid-column:1/-1}.super-admin-ui .image-review-actions label{display:grid;gap:5px;font-size:10px;font-weight:800}.super-admin-ui .image-review-actions input[type=file]{font-size:11px}.super-admin-ui .sa-danger-button{min-height:42px;border:0;border-radius:9px;background:#b42318;color:#fff;font-weight:850;cursor:pointer}.super-admin-ui .image-review-result{display:flex;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#f5f5f2}.super-admin-ui .image-review-result b{font-size:10px}.super-admin-ui .image-review-result span{font-size:11px;color:var(--sa-muted)}.super-admin-ui .problem-admin-card{padding:15px;display:grid;gap:13px}.super-admin-ui .problem-admin-card>header{display:flex;justify-content:space-between;gap:14px}.super-admin-ui .problem-admin-card>header>b{font-size:9px;border-radius:999px;background:#f4f2ec;padding:6px 8px;height:max-content}.super-admin-ui .problem-admin-message{border:1px solid var(--sa-line);background:#fff;padding:12px;border-radius:10px}.super-admin-ui .problem-admin-message p{margin:0;line-height:1.55}.super-admin-ui .problem-admin-message a{display:inline-block;margin-top:8px;font-size:10px;font-weight:850}.super-admin-ui .problem-admin-card>form{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:end}.super-admin-ui .problem-admin-card>form label{display:grid;gap:5px;font-size:10px;font-weight:800}.super-admin-ui .sa-plan-policy{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--sa-line);border-radius:10px;background:#faf9f6}.super-admin-ui .sa-plan-policy b{font-size:10px}.super-admin-ui .sa-plan-policy span{font-size:10px;color:var(--sa-muted)}
@media(max-width:900px){.media-upload-fallback,.problem-report-layout{grid-template-columns:1fr}.problem-report-form{position:static}.media-submission-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))}.super-admin-ui .image-verification-card{grid-template-columns:1fr}.super-admin-ui .problem-admin-card>form{grid-template-columns:1fr}}
@media(max-width:560px){.media-upload-fallback{margin:8px 12px 16px;padding:12px}.media-submission-strip{margin:0 12px 16px}.media-submission-strip>div{grid-template-columns:1fr}.problem-ticket>header{display:grid}.super-admin-ui .image-review-actions{grid-template-columns:1fr}.super-admin-ui .image-review-actions .image-replace-form{grid-column:auto}}

/* Platform Admin bulk media uploader */
.super-admin-ui .sa-media-upload>header p{margin:5px 0 0;color:var(--sa-muted);font-size:11px;line-height:1.5;max-width:560px}
.super-admin-ui .sa-media-upload .library-dropzone{min-height:150px;border:2px dashed var(--sa-ink);border-radius:14px;background:#faf8f2;display:grid;place-items:center;text-align:center;padding:22px;position:relative;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.super-admin-ui .sa-media-upload .library-dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.super-admin-ui .sa-media-upload .library-dropzone span{display:grid;gap:5px;pointer-events:none}.super-admin-ui .sa-media-upload .library-dropzone b{font-size:14px}.super-admin-ui .sa-media-upload .library-dropzone small{font-size:10px;color:var(--sa-muted);line-height:1.45}
.super-admin-ui .sa-media-upload .library-dropzone.is-dragging{background:#fff3c4;border-color:#d97706;transform:translateY(-2px)}
.super-admin-ui .bulk-media-selection{display:grid;gap:10px;border:1px solid var(--sa-line);border-radius:12px;background:#fff;padding:11px}.super-admin-ui .bulk-media-selection[hidden]{display:none!important}.super-admin-ui .bulk-media-selection>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.super-admin-ui .bulk-media-selection>header>div{display:flex;align-items:center;gap:8px}.super-admin-ui .bulk-media-selection>header span{font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--sa-muted)}.super-admin-ui .bulk-media-selection>header b{font-size:11px}.super-admin-ui .bulk-media-selection>header button{border:0;background:none;color:#b42318;font-size:10px;font-weight:850;cursor:pointer}
.super-admin-ui .bulk-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:360px;overflow:auto;padding-right:2px}.super-admin-ui .bulk-media-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 24px;gap:8px;align-items:center;border:1px solid var(--sa-line);border-radius:10px;padding:7px;background:#faf9f6;min-width:0}.super-admin-ui .bulk-media-card img{width:58px;height:52px;object-fit:cover;border-radius:7px;background:#eee}.super-admin-ui .bulk-media-card>div{display:grid;gap:2px;min-width:0}.super-admin-ui .bulk-media-card b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.super-admin-ui .bulk-media-card small{font-size:9px;color:var(--sa-muted)}.super-admin-ui .bulk-media-card span{font-size:9px;font-weight:850;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.super-admin-ui .bulk-media-card>button{width:22px;height:22px;border:0;border-radius:999px;background:#ece9df;color:#7a271a;font-size:16px;line-height:1;cursor:pointer}.super-admin-ui .bulk-media-card[data-state="optimizing"]{border-color:#f59e0b}.super-admin-ui .bulk-media-card[data-state="uploading"]{border-color:#2563eb}.super-admin-ui .bulk-media-card[data-state="done"]{border-color:#16a34a;background:#f0fdf4}.super-admin-ui .bulk-media-card[data-state="done"] span{color:#15803d}.super-admin-ui .bulk-media-card[data-state="error"]{border-color:#dc2626;background:#fff1f2}.super-admin-ui .bulk-media-card[data-state="error"] span{color:#b42318}
@media(max-width:1180px){.super-admin-ui .bulk-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.super-admin-ui .bulk-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.super-admin-ui .bulk-media-grid{grid-template-columns:1fr;max-height:420px}.super-admin-ui .sa-media-upload .library-dropzone{min-height:128px;padding:16px}}