.btn.success{background:var(--green);border-color:var(--green);color:#fff}
.btn.danger{background:#b42318;border-color:#b42318;color:#fff}
.spaced{margin-top:20px}
.work-sections{margin-top:20px}
.time-summary{background:#edf7ff;border:1px solid #b8ddfb;border-radius:10px;padding:14px;margin-top:18px;line-height:1.7}
.check{display:flex;gap:9px;align-items:center}
.check input{width:auto;margin:0}
.grid.three-col{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.7fr)}
.media-grid{display:grid;gap:9px}
.media-grid a{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}
.media-grid span{background:#e8f3ff;color:#0068ae;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;text-transform:uppercase;flex:0 0 auto}
.two-col{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.two-col>*{min-width:0}
.comparison-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-width:0;max-width:100%}
.comparison-column{min-width:0;border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:14px}
.comparison-column h3{margin:0 0 12px;text-align:center;color:var(--ink)}
.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,160px));gap:10px;min-width:0;max-width:100%;justify-content:start}
.media-thumbnail{position:relative;width:100%;max-width:160px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#e7edf4;aspect-ratio:4/3}
.media-thumbnail>a:not(.file-tile){display:block;width:100%;height:100%}
.media-thumbnail img,.media-thumbnail video{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;background:#15202b}
.media-thumbnail img{transition:transform .18s ease}
.media-thumbnail a:hover img{transform:scale(1.035)}
.file-tile{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;text-align:center;color:#0068ae;font-weight:800;text-decoration:none}
.empty-gallery{margin:0;padding:24px 8px;text-align:center;color:#66788a}
.other-files-heading{margin:22px 0 12px}
.other-files{grid-template-columns:repeat(auto-fill,minmax(110px,160px))}
.media-category{position:absolute;left:7px;bottom:7px;background:rgba(0,40,70,.82);color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;pointer-events:none}
.status.completed_review{background:#fff0c9;color:#795500}
input[type=file]{padding:10px;background:#f8fafc}
@media(max-width:700px){.work-sections{display:grid}.media-grid a{align-items:flex-start}.comparison-grid{grid-template-columns:1fr}.thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.media-thumbnail{max-width:none}.grid.three-col{grid-template-columns:1fr}}

/* Employee ticket: Materials -> Employee Comments -> Photos/Videos, full width */
.employee-work-stack{display:block!important;width:100%!important}
.employee-work-stack>.card{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
.employee-work-stack>.card+.card{margin-top:20px!important}
@media(max-width:700px){
  .employee-work-stack{display:block!important;grid-template-columns:1fr!important}
  .employee-work-stack>.card{width:100%!important;max-width:100%!important}
}