/* Roam Phase1 ur-tasks: 24px paper grid, 68px stub, 88px perforation,
   16px punch-outs, radius 20, 6/16 shadow. From the original .tix and PhaseTasks. */
body{background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}
.site-header{background-color:var(--paper)}
.results-panel,.history-page{background:transparent}
.report-row.roam-ticket{display:block;position:relative;isolation:isolate;width:100%;min-height:128px;margin:0 0 14px;padding:14px 37px 14px 102px;border:0;border-radius:20px;background:var(--white);box-shadow:0 6px 16px rgba(18,18,20,.12);text-align:left;color:var(--ink);overflow:visible;transition:transform 180ms cubic-bezier(.2,.8,.2,1),filter 180ms}
.report-row.roam-ticket.selected{background:var(--white);box-shadow:0 6px 16px rgba(18,18,20,.12)}
.report-row.roam-ticket.selected .ticket-open{background:var(--lime);color:var(--ink)}
.report-row.roam-ticket .report-thumb{position:absolute;left:10px;top:10px;bottom:10px;width:68px;height:calc(100% - 20px);border-radius:12px;object-fit:cover;background:var(--blueT)}
.ticket-perf{position:absolute;left:88px;top:12px;bottom:12px;border-left:2px dashed #DAD6CC}
.roam-ticket .report-info{display:flex;flex-direction:column;gap:0;min-width:0}
.roam-ticket .status{align-self:flex-start;display:inline-flex;background:var(--limeT);font-family:var(--font-mono);font-size:8px;font-weight:700;line-height:12px;letter-spacing:.3px;text-transform:uppercase;border:0;border-radius:999px;padding:3px 8px;margin:0 0 6px;gap:5px;color:var(--ink)}
.roam-ticket .status:before{width:5px;height:5px;background:currentColor;margin:0}
.roam-ticket .status.resolved{background:var(--blue);color:#fff}
.roam-ticket .report-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-display);font-size:20px;font-weight:400;line-height:24px;text-transform:uppercase;margin:0 0 3px}
.ticket-address{font-size:11px;line-height:15px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ticket-meta{font-size:10px;line-height:14px;color:var(--ink2);margin-top:8px}
.ticket-open{position:absolute;right:12px;bottom:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:15px}
.report-row.roam-ticket:focus-visible{outline:0;filter:drop-shadow(0 0 3px var(--blue));}
.map-card{position:absolute;background:#fff!important;border-radius:20px!important;box-shadow:0 6px 16px rgba(18,18,20,.12)!important}
.map-card:before,.map-card:after{content:"";position:absolute;left:108px;width:16px;height:16px;border-radius:50%;background:var(--paper)}
.map-card:before{top:-8px}.map-card:after{bottom:-8px}
.map-card>div{border-left:2px dashed #DAD6CC;padding-left:14px}
.map-card .report-thumb{width:78px;border-radius:12px}
.map-card h3{font-size:20px;line-height:24px}
.history-row{position:relative;background:#fff;border-radius:20px;border:0;margin-bottom:14px;padding:14px;box-shadow:0 6px 16px rgba(18,18,20,.12);gap:14px}
.history-row .report-thumb{border-radius:12px;width:68px;height:90px}
.history-row .report-info{padding-left:14px;border-left:2px dashed #DAD6CC}
.history-row:before,.history-row:after{content:"";position:absolute;left:88px;width:16px;height:16px;border-radius:50%;background:var(--paper)}
.history-row:before{top:-8px}.history-row:after{bottom:-8px}
.history-row .report-title{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:24px;text-transform:uppercase}
.form-page,.receipt-page,.page{background:transparent}
.complaint-card .flow-graphic{padding:6px 0 16px}.complaint-card .flow-graphic .icon{width:26px;height:26px}
.btn,.chip,.icon-button{transition:transform 140ms cubic-bezier(.2,.8,.2,1),background-color 180ms,color 180ms}
.btn:active,.chip:active,.icon-button:active{transform:scale(.96)}
.add-tile{transition:transform 180ms,border-color 180ms}
.add-tile:active{transform:scale(.98)}
@media(hover:hover){.report-row.roam-ticket:hover{transform:translateY(-3px) rotate(-.35deg)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}}
@media(max-width:700px){.results-panel{padding:28px 20px 120px}.report-row.roam-ticket{min-height:136px}.history-page{padding-left:20px;padding-right:20px}.history-row{padding:12px;gap:10px}.history-row:before,.history-row:after{left:80px}.history-row .report-info{padding-left:12px}.history-row .report-title{font-size:17px;line-height:21px}.history-row .btn.compact{padding:8px 10px}.map-card:before,.map-card:after{left:104px}}
@media(prefers-reduced-motion:reduce){.roam-ticket,.btn,.chip,.icon-button,.add-tile{transition:none!important;animation:none!important}.report-row.roam-ticket:hover,.btn:hover{transform:none}}

.report-row.roam-ticket:before,.report-row.roam-ticket:after{content:"";position:absolute;left:80px;width:16px;height:16px;border-radius:50%;background:var(--paper)}
.report-row.roam-ticket:before{top:-8px}.report-row.roam-ticket:after{bottom:-8px}

.private-spots{margin:14px 0 18px;padding-bottom:14px;border-bottom:1px dashed #c9c4b7}.private-spots-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.private-spots-heading>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#65635c}.private-spots-heading .icon{height:13px;width:13px}.private-count{font:11px monospace;background:#d6ff3d;padding:2px 5px;border-radius:8px}.private-report .report-title{font-size:19px;line-height:1.2}.private-spots .link-button{font-size:12px;margin-top:5px}.private-spots .roam-ticket{min-height:102px}