/* Final layout corrections: constrain native iOS date controls at their container. */
*,*::before,*::after{box-sizing:border-box}
.performance-filters,.report-filters,.monthly-report-filters{min-width:0;max-width:100%}
.performance-filters>label,.report-filters>label,.monthly-report-filters>label{min-width:0;max-width:100%;overflow:hidden}
input[type=date],input[type=month]{appearance:none;-webkit-appearance:none;min-inline-size:0!important;inline-size:100%;max-inline-size:100%;height:46px;min-height:46px;font:inherit;padding:10px 12px;display:block}
input::-webkit-date-and-time-value{text-align:left;min-width:0}
input::-webkit-datetime-edit{display:inline-flex;min-width:0;max-width:100%;padding:0}
.foot{display:none!important}
.att .panel,.att .branch-tools{background:var(--card,#fff);border:1px solid var(--line,#ded8dc);border-radius:20px;overflow:hidden}
.att .selfie-hero{padding:28px;background:linear-gradient(135deg,var(--card,#fff),var(--raised,#f3edf2));border-top:3px solid var(--accent,#62445e)}
.att h2{font-size:24px;line-height:1.2;margin-bottom:12px}.att .eyebrow{font-size:10px;letter-spacing:.12em;color:var(--text-2,#765c70)}
.att label{display:grid;gap:8px;min-width:0}.att :is(input,select,textarea){width:100%;min-width:0;max-width:100%;padding:12px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--card,#fff);color:var(--text,#332932);font:inherit}
.att button{min-height:44px;padding:10px 16px;white-space:normal;height:auto}.att button:disabled{opacity:.55;cursor:default}.att #punch{margin:12px 0;width:100%}
.attendance-steps{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;font-size:12px}.attendance-steps span{padding:8px 12px;border:1px solid var(--line,#ddd);border-radius:30px}
.att .privacy-note{font-size:12px;line-height:1.6;color:var(--text-2,#666);margin:16px 0 0}.att .punch-row,.att .review-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line,#eee);overflow-wrap:anywhere}.att .punch-row:last-child,.att .review-row:last-child{border:0}.att small{font-size:12px;line-height:1.6;color:var(--text-2,#666)}.att .panel-head{flex-wrap:wrap;gap:12px}.att .location-list{padding:20px}.coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.selfie-punch-dialog{width:min(480px,calc(100% - 24px));max-height:90dvh;overflow:auto;padding:24px;border:1px solid var(--line,#ddd);border-radius:22px;background:var(--card,#fff);color:var(--text,#332932)}
.selfie-punch-dialog::backdrop{background:#231522aa;backdrop-filter:blur(6px)}.selfie-punch-dialog :is(video,canvas,.review-photo){width:100%;max-height:45dvh;object-fit:contain;border-radius:14px;background:#211b21}.selfie-punch-dialog [hidden]{display:none!important}.selfie-punch-dialog label{display:grid;gap:8px}.selfie-punch-dialog textarea{width:100%;max-width:100%;font:inherit}.selfie-punch-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.selfie-punch-actions button{flex:1 1 160px;min-height:44px;white-space:normal;height:auto;padding:12px}.selfie-punch-dialog p{font-size:14px;line-height:1.6}
@media(max-width:600px){
 .report-filters,.legacy-page .report-filters,.performance-filters,.performance-toolbar .performance-filters,.monthly-report-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%}
 .report-filters>*,.performance-filters>*,.monthly-report-filters>*{width:100%!important;min-width:0!important;grid-column:1!important}
 .legacy-page .page-heading,.head{flex-wrap:wrap;gap:16px}.legacy-page .heading-actions{flex-wrap:wrap;width:100%}.legacy-page .heading-actions button{flex:1 1 150px;white-space:normal}
 .topbar .icon-btn,.topbar .cmd-trigger{width:44px;min-width:44px;height:44px;flex-shrink:0}.topbar .top-logo{width:68px;min-width:0}.topbar{padding-left:12px;padding-right:12px;gap:0}.topbar .menu-btn{margin-left:0}.top-right{margin-right:0}
 .att .selfie-hero{padding:20px}.att .punch-row,.att .review-row{flex-wrap:wrap}.att .review-row>button{width:100%}.att .panel-head>label{width:100%}.coordinate-grid{grid-template-columns:minmax(0,1fr)}
 .btn,button{touch-action:manipulation}.panel-head .btn,.sec-head .btn{min-height:44px;height:auto;white-space:normal}.floating-assistant{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@media(max-width:359px){.topbar .top-logo{width:52px}.topbar .icon-btn,.topbar .cmd-trigger{width:42px;min-width:42px}}