.attendance-register-tools{align-items:center;gap:10px;display:flex}.attendance-date-inline{border-color:color-mix(in srgb,var(--blue) 20%,var(--line));background:var(--surface);min-width:174px;padding:7px 11px}.attendance-date-inline small{margin-bottom:3px;font-size:8px}.attendance-date-inline input{font-size:11px}.attendance-register-tools>button{border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));background:var(--green-soft);height:36px;color:var(--green);cursor:pointer;border-radius:9px;padding:0 11px;font-size:10px;font-weight:800}.attendance-register-tools>button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.attendance-register-head{flex-direction:column;align-items:stretch;gap:10px}.attendance-register-tools{flex-wrap:wrap;width:100%}.attendance-date-inline{flex:1;min-width:0}.attendance-register-tools>button{flex:1;min-width:145px}}.numeric-month-picker{min-width:230px}.numeric-month-picker>div{grid-template-columns:90px 1fr;gap:7px;display:grid}.numeric-month-picker label{gap:3px;display:grid}.numeric-month-picker label span{color:color-mix(in srgb,currentColor 72%,transparent);font-size:7px}.numeric-month-picker select{border:1px solid color-mix(in srgb,currentColor 28%,var(--line));background:var(--surface);width:100%;height:34px;color:inherit;border-radius:8px;outline:0;padding:0 8px;font-size:11px;font-weight:900}.numeric-date-picker{direction:rtl;grid-template-columns:72px 72px minmax(90px,1fr);gap:6px;display:grid}.numeric-date-picker>label{gap:3px!important;margin:0!important;display:grid!important}.numeric-date-picker>label>span{color:var(--muted)!important;font-size:7px!important}.numeric-date-picker select{border:1px solid var(--line);background:var(--surface);width:100%;height:34px;color:var(--text);border-radius:8px;outline:0;padding:0 7px;font-size:10px;font-weight:900}.attendance-date-inline{min-width:260px}.attendance-date-inline .numeric-date-picker{grid-template-columns:64px 64px 86px}@media (max-width:760px){.numeric-month-picker{min-width:0}.numeric-date-picker,.attendance-date-inline .numeric-date-picker{grid-template-columns:1fr 1fr 1.25fr}}