.tow-hero{margin-bottom:20px}.tow-user-chip{display:inline-flex;margin-top:18px;padding:8px 12px;border:1px solid rgba(240,240,0,.55);border-radius:999px;color:#fff;font-weight:800;background:rgba(255,255,255,.08)}
.tow-kpis{margin:18px 0 26px}.tow-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) auto;gap:12px;align-items:end;margin-bottom:16px}.tow-filters button{height:44px}.tow-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tow-event-card{display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:18px;padding:19px;box-shadow:var(--shadow-sm)}.tow-event-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tow-event-head h3{margin:0;color:var(--navy);font-size:19px}.tow-event-head small{display:block;color:var(--muted);margin-top:4px}.tow-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tow-meta div{padding:10px;border-radius:11px;background:#f7f8fc;border:1px solid rgba(7,12,64,.08)}.tow-meta span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.tow-meta strong{display:block;color:var(--navy);margin-top:3px;overflow-wrap:anywhere}.tow-progress{display:grid;gap:7px}.tow-progress-bar{height:9px;border-radius:999px;background:#e8ebf3;overflow:hidden}.tow-progress-bar span{display:block;height:100%;background:var(--yellow);border-radius:inherit}.tow-card-actions{display:flex;justify-content:flex-end}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.tow-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}.tow-summary div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.tow-summary span{display:block;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.tow-summary strong{display:block;color:var(--navy);margin-top:4px;overflow-wrap:anywhere}.tow-note{padding:14px 16px;border-radius:14px;border:1px solid rgba(240,240,0,.8);background:#fffde9;color:var(--navy);margin-bottom:16px}.tow-checklist{display:grid;gap:16px}.tow-section{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.tow-section h3{margin:0;padding:14px 17px;background:var(--navy);color:#fff!important;font-size:16px}.tow-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,.65fr) minmax(180px,1fr) auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid #edf0f5}.tow-row:last-child{border-bottom:0}.tow-row .tow-label{font-weight:850;color:var(--navy)}.tow-row select,.tow-row input{padding:10px}.tow-updated{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:-4px}.tow-photos-card{margin-top:18px}.tow-photo-upload{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}.tow-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.tow-photo-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.tow-photo-preview{height:150px;background:#eef0f7;display:grid;place-items:center;cursor:pointer}.tow-photo-preview img{width:100%;height:100%;object-fit:cover}.tow-photo-body{padding:10px;display:grid;gap:6px}.tow-photo-body strong{font-size:12px;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tow-photo-body small{color:var(--muted)}.tow-complete-card{margin-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.tow-complete-card h3{margin:0 0 5px}.tow-complete-card p{margin:0;color:var(--muted)}.tow-complete-card.completed{border-color:#a8d9bc!important;background:#f2fbf5!important}.tow-dialog{border:0;padding:0;background:transparent;width:min(500px,calc(100% - 28px))}.tow-dialog::backdrop{background:rgba(3,8,54,.68);backdrop-filter:blur(3px)}.tow-dialog .dialog-card{display:grid;gap:14px}.tow-dialog .dialog-card h2{margin:0}.photo-viewer{position:fixed;inset:0;z-index:9999;background:rgba(3,8,54,.94);display:grid;place-items:center;padding:24px}.photo-viewer[hidden]{display:none}.photo-viewer img{max-width:96vw;max-height:92vh;object-fit:contain;border-radius:12px}.photo-close{position:fixed;right:18px;top:16px;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--navy);font-size:28px;padding:0}.tow-empty{padding:38px;text-align:center;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:18px}.tow-inline-message{margin-top:10px}.badge.tow-pending{background:#fff4cf;color:#806000}.badge.tow-progress{background:#e8efff;color:#24469a}.badge.tow-completed{background:#e5f6ec;color:#12683f}
@media(max-width:900px){.tow-event-grid{grid-template-columns:1fr}.tow-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tow-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tow-row{grid-template-columns:1fr 160px}.tow-row .tow-notes{grid-column:1/-1}.tow-row .save-tow-item{justify-self:start}}
@media(max-width:700px){.header-actions a:not(:first-child){display:none}.tow-filters,.tow-photo-upload{grid-template-columns:1fr}.tow-summary{grid-template-columns:1fr}.tow-meta{grid-template-columns:1fr}.tow-row{grid-template-columns:1fr}.tow-row .tow-notes{grid-column:auto}.tow-row .save-tow-item{width:100%}.tow-photo-grid{grid-template-columns:1fr}.tow-complete-card{align-items:stretch;flex-direction:column}.tow-complete-card button{width:100%}.detail-toolbar{align-items:stretch;flex-direction:column}.detail-toolbar button{width:100%}}
.tow-head-actions{display:flex;gap:10px;flex-wrap:wrap}.tow-link-note{margin-top:14px;padding:12px 14px;border-radius:12px;background:#eef1ff;border-left:4px solid var(--yellow);color:var(--navy)}
.tow-photo-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 18px}.tow-photo-position{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(140px,1fr) minmax(160px,1fr) auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:14px;background:#f8f9fc}.tow-photo-position.done{border-color:#a8d9bc;background:#f3fbf6}.tow-photo-position>div{align-self:center}.tow-photo-position strong,.tow-photo-position small{display:block}.tow-photo-position strong{color:var(--navy)}.tow-photo-position small{color:var(--muted);margin-top:3px}.tow-photo-position input[type=file]{padding:7px;background:#fff}.tow-photo-position input:not([type=file]){padding:10px}.tow-photo-body .badge{justify-self:start}.dialog-card textarea{resize:vertical;min-height:86px}
@media(max-width:900px){.tow-photo-position{grid-template-columns:1fr 1fr}.tow-photo-position>div{grid-column:1/-1}.tow-photo-position button{justify-self:start}}
@media(max-width:700px){.tow-head-actions{width:100%}.tow-head-actions button{flex:1}.tow-photo-positions{grid-template-columns:1fr}.tow-photo-position{grid-template-columns:1fr}.tow-photo-position>div{grid-column:auto}.tow-photo-position button{width:100%}}
.tow-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.tow-dialog{width:min(980px,calc(100% - 28px));max-height:92vh;overflow:auto}.tow-create-block{border:1px solid var(--line);border-radius:16px;padding:14px;background:#f9faff}.tow-create-title h3{margin:0;color:var(--navy)}.tow-create-title p{margin:5px 0 12px;color:var(--muted);font-size:13px}.tow-create-checklist{display:grid;gap:12px}.tow-create-section{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.tow-create-section h4{margin:0;padding:10px 12px;background:var(--navy);color:#fff}.tow-create-row{display:grid;grid-template-columns:minmax(180px,1.2fr) 180px minmax(180px,1fr);gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf0f5}.tow-create-row:last-child{border-bottom:0}.tow-create-row strong{color:var(--navy)}.tow-create-row select,.tow-create-row input{padding:9px 10px}.tow-create-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tow-create-photo-grid label{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.tow-create-photo-grid input[type=file]{padding:8px;background:#fff}.tow-create-photo-grid .span-2{grid-column:1/-1}@media(max-width:820px){.tow-kpis{grid-template-columns:1fr}.tow-create-row,.tow-create-photo-grid{grid-template-columns:1fr}.tow-create-photo-grid .span-2{grid-column:auto}}

/* V62 - evidências por item e captura câmera/galeria */
.tow-item-evidence{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px 14px;align-items:center;padding:12px;border:1px dashed rgba(7,12,64,.22);border-radius:12px;background:#f8f9fc}
.tow-item-evidence[hidden]{display:none!important}.tow-item-evidence>span{display:grid;gap:3px}.tow-item-evidence>span strong{color:var(--navy);font-size:13px}.tow-item-evidence>span small,.tow-evidence-count{color:var(--muted);font-size:12px}.tow-evidence-count{grid-column:1/-1}.tow-file-actions{display:flex;gap:8px;flex-wrap:wrap}.tow-file-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 12px!important;border-radius:11px!important;border:1px solid var(--navy)!important;background:var(--navy)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;cursor:pointer}.tow-file-button.outline-file{background:#fff!important;color:var(--navy)!important}.tow-answer-yes{background:#fffef0}.tow-create-photo-choice{display:grid;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.tow-create-photo-choice>strong{color:var(--navy)}
.tow-create-row{grid-template-columns:minmax(190px,1.2fr) 180px minmax(180px,1fr)}
.tow-create-row .tow-item-evidence{grid-column:1/-1}
.tow-photo-position .tow-file-actions{align-self:center}
@media(max-width:820px){.tow-item-evidence{grid-template-columns:1fr}.tow-evidence-count{grid-column:auto}.tow-file-actions{width:100%}.tow-file-button{flex:1}.tow-create-row{grid-template-columns:1fr}}

/* V70 - fechamento rápido do modal de novo reboque */
.tow-create-dialog-card{position:relative;padding-top:28px!important}
.tow-dialog-close{
  position:sticky;
  top:10px;
  justify-self:end;
  z-index:20;
  width:44px;
  height:44px;
  margin:-16px -8px -42px 0;
  padding:0;
  border:2px solid var(--yellow);
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:28px;
  line-height:1;
  box-shadow:0 8px 22px rgba(7,12,64,.22);
}
.tow-dialog-close:hover,.tow-dialog-close:focus-visible{background:var(--yellow);color:var(--navy)}
@media(max-width:700px){.tow-dialog-close{top:8px;right:8px;width:46px;height:46px;margin:-14px -4px -44px 0}}