/* v584 · Revisión privada. Hereda los tokens y el tema de TrailLab. */
#ugcReviewScreen{position:fixed;inset:0;z-index:10030;overflow:auto;overscroll-behavior:contain;background:var(--tl-canvas);color:var(--tl-text,#f2f5f3);font-family:var(--tl-font-ui,Arial,sans-serif);font-size:15px;line-height:1.55;}
#ugcReviewScreen,#ugcReviewScreen *{box-sizing:border-box;}
#ugcReviewScreen .tl-review-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--tl-border);background:var(--tl-panel);}
#ugcReviewScreen h1{margin:0;font-family:var(--tl-font-display,Arial,sans-serif);font-size:28px;line-height:1.2;}
#ugcReviewScreen .tl-review-content{width:100%;max-width:848px;margin:auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom));}
#ugcReviewScreen h2{margin:24px 0 12px;font-size:20px;}
#ugcReviewScreen h3{margin:0;font-size:18px;line-height:1.4;}
#ugcReviewScreen .tl-review-card{display:grid;gap:12px;min-width:0;margin:0 0 16px;padding:16px;border:1px solid var(--tl-border-strong);border-radius:var(--tl-radius-lg,18px);background:var(--tl-panel);box-shadow:var(--tl-shadow-sm);overflow-wrap:anywhere;}
#ugcReviewScreen .tl-review-card p{margin:0;white-space:pre-wrap;}
#ugcReviewScreen .tl-review-card time{display:block;color:var(--tl-text-2,#b2c0bd);font-size:13px;}
#ugcReviewScreen a{display:block;width:fit-content;max-width:100%;color:var(--tl-teal,#31d6b3);text-decoration:underline;text-underline-offset:3px;}
html[data-theme="light"] #ugcReviewScreen a{color:#176b55;}
#ugcReviewScreen .tl-review-reason{display:grid;gap:8px;margin-top:4px;color:var(--tl-text-2,#b2c0bd);font-size:13px;}
#ugcReviewScreen .tl-review-input{display:block;width:100%;min-width:0;min-height:96px;resize:vertical;padding:12px;border:1px solid var(--tl-border-strong);border-radius:var(--tl-radius-md,12px);background:var(--tl-canvas-2);color:var(--tl-text,#f2f5f3);font:inherit;font-size:15px;line-height:1.5;}
#ugcReviewScreen .tl-review-actions{display:flex;flex-wrap:wrap;gap:8px;}
#ugcReviewScreen button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid var(--tl-border-strong);border-radius:var(--tl-radius-md,12px);background:var(--tl-panel-raised);color:var(--tl-text,#f2f5f3);font:inherit;font-size:14px;font-weight:700;line-height:1.4;white-space:normal;cursor:pointer;}
#ugcReviewScreen .tl-review-danger{border-color:var(--tl-danger,#ff6b6b);color:var(--tl-danger,#ff6b6b);background:var(--tl-panel);}
html[data-theme="light"] #ugcReviewScreen .tl-review-danger{border-color:#b42332;color:#b42332;}
#ugcReviewScreen button:disabled{opacity:.5;cursor:not-allowed;}
#ugcReviewScreen :is(button,a,textarea):focus-visible{outline:2px solid var(--tl-accent,#a6e82c);outline-offset:3px;}
#ugcReviewScreen #ugcReviewStatus:empty{display:none;}
#ugcReviewScreen #ugcReviewStatus{padding:12px;border-left:3px solid var(--tl-accent,#a6e82c);background:var(--tl-panel);}
@media(max-width:480px){#ugcReviewScreen .tl-review-actions button{flex:1 1 100%;}#ugcReviewScreen .tl-review-head button{flex:0 0 auto;padding:10px;}#ugcReviewScreen h1{font-size:24px;}}
