@media(max-width:880px){.dashboard-grid{grid-template-columns:1fr}.report-item{flex-wrap:nowrap}.report-item p{white-space:nowrap}.card-head h2{white-space:normal}.header-actions .profile{padding-inline:3px}.heading-actions{justify-content:flex-start}}
@media(max-width:700px){
 .attendance-table,.attendance-table tbody{display:block;width:100%;white-space:normal}
 .attendance-table thead{display:none}
 .attendance-table .attendance-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:16px;gap:12px;border-bottom:7px solid var(--bg)}
 .attendance-table td{border:0;padding:0;min-width:0}
 .attendance-table .a-check{position:absolute;left:20px;top:19px}
 .attendance-table .a-name{grid-column:1/-1;padding-inline-end:28px;margin-bottom:4px}
 .attendance-table .a-time{display:flex;flex-direction:column;gap:4px}
 .attendance-table .a-time:before{content:attr(data-label);font-size:.8rem;color:var(--muted)}
 .attendance-table .a-time input{min-width:0;width:100%;height:45px;text-align:center;font-size:1rem;padding-inline:9px}
 .attendance-table .a-options{grid-column:1/-1;display:flex;gap:23px;margin-top:2px}
 .attendance-table .a-calc{font-size:1rem;align-self:center}
 .attendance-table .a-status{grid-column:2;grid-row:5;align-self:center;text-align:left}
 .attendance-table .a-more{grid-column:1/-1;justify-self:end;margin-top:-4px}
 .attendance-table .a-more button{height:28px}
 .attendance-table .person-cell .avatar{width:36px;height:36px}
 .settings-grid .journal-line{grid-template-columns:1fr 1fr!important}
 .journal-line select{grid-column:1/-1}
 .report-section .card-head{gap:12px}
 .note{flex-wrap:wrap}
 .note>span{flex:1;min-width:180px}
}

.report-section>.card-head{flex-wrap:wrap;gap:12px}.template-controls{margin-inline-start:auto}.template-row-actions{gap:0}.line-inputs{grid-template-columns:2.4fr .8fr .7fr 1.4fr 78px}.template-gap{margin:18px 0}.template-preview{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.template-text{white-space:pre-wrap;overflow-wrap:anywhere}.template-edit-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr 36px;gap:10px;align-items:end;padding:14px 0;border-bottom:1px solid var(--line)}.template-edit-row label{font-size:.8rem}.template-edit-row input{display:block;width:100%;margin-top:6px}.template-manager .quality-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.template-manager .badge{margin-inline-start:12px}
@media(max-width:700px){.template-controls{width:100%;margin-inline-start:0}.template-controls .button{flex:1}.line-inputs,.template-edit-row{grid-template-columns:1fr 1fr}.template-edit-row .field:first-child{grid-column:1/-1}.template-row-actions{justify-self:end}}