.row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.coordinate-link{display:block;width:max-content;max-width:100%;margin-top:5px;color:var(--teal);font-size:9px;text-decoration:none}.coordinate-link:hover{text-decoration:underline}.badge.approved{color:#1d6f55;background:#dff4eb}.badge.rejected{color:#963a3a;background:#fde7e7}.supervision-heading{align-items:center}.supervision-heading .muted{margin:7px 0 0}.supervision-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:26px 0 18px}.supervision-stats>div{border:1px solid var(--line);border-radius:11px;background:#f7f9f9;padding:14px}.supervision-stats strong,.supervision-stats span{display:block}.supervision-stats strong{font-size:22px;color:var(--navy)}.supervision-stats span{margin-top:3px;color:var(--muted);font-size:9px}.filter-grid{display:grid;grid-template-columns:1.2fr repeat(5,minmax(110px,1fr)) auto auto;gap:10px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8fafa}.result-notice{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:#fff3df;color:#8c5b18;font-size:10px}.supervision-list{display:grid;gap:12px;margin-top:18px}.supervision-event{border:1px solid var(--line);border-radius:13px;padding:17px;background:#fff}.event-main{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(170px,.8fr) auto;align-items:center;gap:18px}.event-person{display:flex;align-items:center;gap:10px}.event-person strong,.event-person small,.event-type strong,.event-type time{display:block}.event-person strong,.event-type strong{font-size:12px}.event-person small,.event-type time{color:var(--muted);font-size:9px;margin-top:3px}.event-location{display:grid;grid-template-columns:1fr 1.2fr auto;gap:20px;align-items:center;margin-top:14px;padding:13px;border-radius:10px;background:#f5f8f8}.event-location span,.event-location strong,.event-location small{display:block}.event-location span{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.event-location strong{font-size:11px;margin-top:4px}.event-location small{font-size:9px;color:var(--muted);margin-top:3px}.map-button{background:var(--navy);color:#fff;text-decoration:none;white-space:nowrap}.review-record{margin:12px 0 0;color:#5e7077;font-size:9px}.event-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:13px}.event-footer>small{color:var(--muted);font-size:8px}.review-actions{display:flex;gap:7px}.error-text{color:var(--danger)}
@media(max-width:1250px){.filter-grid{grid-template-columns:repeat(4,1fr)}.supervision-stats{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.supervision-heading{align-items:flex-start;flex-direction:column}.supervision-heading .button{width:100%}.supervision-stats{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr}.event-main{grid-template-columns:1fr auto}.event-type{grid-column:1/-1}.event-location{grid-template-columns:1fr}.map-button{text-align:center}.event-footer{align-items:flex-start;flex-direction:column}.review-actions{width:100%}.review-actions .button{flex:1}}
@media(max-width:480px){.filter-grid{grid-template-columns:1fr}.supervision-stats{grid-template-columns:repeat(2,1fr)}}
.punch-note{max-width:530px;margin:13px auto 0}.punch-note input{padding:8px 10px;font-size:10px}.employee-note,.review-record{margin:12px 0 0;padding-left:4px;color:#5e7077;font-size:9px}.employee-note strong{color:var(--ink)}
.sync-status{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:#6e858d;font-size:9px}.sync-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#2fa77d}.sync-status.sync-error:before{background:var(--danger)}.version-label{display:block;text-align:right;color:var(--muted);font-size:8px;margin-top:5px}.mini-link{display:block;border:0;background:transparent;color:var(--teal);font-size:9px;padding:5px 0 0;cursor:pointer;text-decoration:underline}.requests-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-list{display:grid;gap:10px;margin-top:22px}.request-card{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:13px}.request-card strong,.request-card small{display:block}.request-card strong{font-size:11px}.request-card small{font-size:9px;color:var(--muted);margin-top:4px}.badge.pending{color:#9a6217;background:#fff2db}.report-filters{grid-template-columns:minmax(180px,1.4fr) repeat(2,minmax(140px,.8fr)) auto;margin-top:22px}.report-list{display:grid;gap:15px;margin-top:20px}.report-person{border:1px solid var(--line);border-radius:13px;overflow:hidden}.report-person-head{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:15px 17px;background:#f7f9f9}.report-person-head strong,.report-person-head small{display:block}.report-person-head strong{font-size:12px}.report-person-head small{margin-top:4px;color:var(--muted);font-size:9px}.balance{font-size:11px;font-weight:750}.balance.positive{color:#247b61}.balance.negative{color:var(--danger)}.report-days{display:grid}.report-day{display:grid;grid-template-columns:120px 1fr 110px auto;gap:12px;align-items:center;padding:10px 17px;border-top:1px solid #edf1f2;font-size:10px}.report-day time{font-weight:650}.report-day strong{text-align:right}.report-day em{font-style:normal;color:#9a6217;background:#fff2db;border-radius:20px;padding:4px 7px;font-size:8px}.report-day.incident{background:#fffafa}.app-dialog{width:min(680px,calc(100% - 30px));border:0;border-radius:17px;padding:25px;box-shadow:0 22px 70px #102a3650;color:var(--ink)}.app-dialog::backdrop{background:#102a3675;backdrop-filter:blur(2px)}textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #cfdadc;border-radius:9px;padding:10px 11px;color:var(--ink);font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}
@media(max-width:1000px){.requests-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.request-card{grid-template-columns:1fr auto}.request-card .row-actions{grid-column:1/-1}.report-day{grid-template-columns:100px 1fr auto}.report-day em{grid-column:2/-1;width:max-content}.mobile-nav{overflow-x:auto;grid-template-columns:repeat(8,minmax(64px,1fr))}}
@media(max-width:620px){.report-filters{grid-template-columns:1fr}.report-person-head{grid-template-columns:1fr auto}.report-person-head .button{grid-column:1/-1}.report-day{grid-template-columns:1fr auto}.report-day span{grid-column:1/-1}.report-day em{grid-column:1/-1}.request-card{grid-template-columns:1fr}.request-card .badge{width:max-content}.app-dialog{padding:20px 16px}}
@media print{.sidebar,.mobile-nav,.topbar .date-chip,.row-actions,.filter-grid,.review-actions,.map-button,.button,.sync-status,.version-label{display:none!important}.app-shell{display:block}.content{padding:0;max-width:none}.tab-panel{display:none!important}#tab-reports{display:block!important}.panel-page{border:0;box-shadow:none;padding:0}.report-person{break-inside:avoid}.report-day{font-size:9pt}}