.fr-time-picker{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);align-items:center;gap:6px;margin-top:7px;min-width:0;max-width:100%}.fr-time-picker>select{min-width:0;width:100%;max-width:100%;margin:0}.fr-time-picker>span{text-align:center}.fr-time-values.is-inactive .fr-time-picker{opacity:.45}.fr-time-row-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#time-detail{width:min(430px,calc(100vw - 32px));border:1px solid #56626b;border-radius:12px;padding:18px;max-height:calc(100dvh - 32px);overflow:auto}#time-detail::backdrop{background:rgb(0 0 0 / .6)}#time-detail h2{margin:0;font-size:18px}#time-detail dl{margin:16px 0 0}#time-detail dt{font-size:14px;color:#61747a;margin:12px 0 4px}#time-detail dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:700px), (orientation:landscape) and (max-width:1200px) and (max-height:700px) and (hover:none) and (pointer:coarse){
body.fr-time-mobile #time-view{display:grid;gap:12px}body.fr-time-mobile #time-view>.panel{margin:0;padding:16px;border-radius:12px}body.fr-time-mobile .heading{background:transparent;padding:0;min-height:44px;margin:0 0 12px}body.fr-time-mobile .heading h1{font-size:20px}#time-calendar .calendar-heading{margin:0 0 10px}#time-calendar .calendar-heading strong{font-size:18px}#time-calendar .calendar-grid{gap:3px}#time-calendar .calendar-day{min-height:42px;border-radius:6px}#time-calendar .weekday{background:transparent;color:#98b4c7;font-size:13px}.fr-time-form-card>h2{font-size:18px;line-height:1.4;margin-bottom:8px}.fr-time-form-card>p{font-size:15px;color:#b6c2c8;margin:0 0 16px}.fr-time-date-label{display:none}#time-form,#time-form .dates,#time-form .dates>div{min-width:0}#time-form .dates{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.fr-time-block{padding:12px;border:1px solid #40525b;border-radius:10px;background:#24343c}.fr-time-block .checkline{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:12px;margin:0;font-size:17px}.fr-time-block .checkline input{flex-shrink:0;margin:0}.fr-time-in .checkline input{accent-color:#43ae76}.fr-time-out .checkline input{accent-color:#d26776}.fr-time-values{font-size:14px;margin:10px 0 0}.fr-time-values .fr-time-picker select{font-size:18px;padding:10px;min-height:46px;border-radius:8px}.fr-time-in .fr-time-picker select:enabled{border-color:#458e74}.fr-time-out .fr-time-picker select:enabled{border-color:#a65b6b}#time-form textarea{min-height:96px}#time-form>.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}#time-save,#time-reload{grid-column:1/-1}#time-reset{grid-column:1/-1}#time-form>.actions button{border-radius:8px;min-height:46px}#time-form>p.small{font-size:14px;margin:12px 0 0}.fr-time-list-heading{align-items:center;margin-bottom:8px}.fr-time-list-heading h2{font-size:18px;margin:0}#time-count{background:#184c73;color:#dceeff;margin:0}#time-list .card{padding:12px 0}#time-list .card-top{gap:8px}.fr-time-entry-open{display:flex;align-items:center;gap:10px;background:transparent;color:inherit;padding:0;flex:1;min-width:0;min-height:44px;text-align:left}.fr-time-entry-open strong{font-size:18px}.fr-time-row-icon{display:grid;place-items:center;color:#90bed4}.fr-time-entry-arrow{font-size:28px;min-width:28px;min-height:44px;background:transparent;color:#8d9da7;padding:0}.fr-time-redundant-status,.fr-time-original-copy,.fr-time-entry-edit{display:none}.fr-time-row-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-left:34px}.fr-time-row-times>span{display:flex;gap:8px;align-items:center}.fr-time-row-times small{color:#b6c2c8;font-size:13px}.fr-time-row-times strong{font-size:16px}#time-list .actions:has(>.fr-time-entry-edit:only-child){display:none}#time-detail{background:#252a2e;color:#eee}#time-detail dt{color:#b6c2c8}
}

body.fr-time-mobile #time-filter-details{display:none}
.fr-time-block .checkline input[type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:38px;height:22px;min-width:38px;padding:0;border:0;border-radius:11px;background-color:#526066;background-image:radial-gradient(circle,#fff 0 7px,transparent 8px);background-repeat:no-repeat;background-size:16px 16px;background-position:3px center;cursor:pointer}
.fr-time-block .checkline input[type=checkbox]:checked{background-color:#43ae76;background-position:calc(100% - 3px) center}
.fr-time-out .checkline input[type=checkbox]:checked{background-color:#b64160}
.fr-time-picker>select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2381909a' stroke-width='1.8'/%3E%3C/svg%3E");background-size:14px 14px;background-position:right 10px center;background-repeat:no-repeat}
.fr-time-values .fr-time-picker select{padding-right:30px}

#time-calendar .calendar-day{position:relative;padding-bottom:13px}
.fr-time-calendar-dots{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:4px;height:6px;pointer-events:none}
.fr-time-calendar-dot{display:block;width:6px;height:6px;flex:0 0 6px;border-radius:50%}
.fr-time-calendar-dot.check_in{background:#36b04b}.fr-time-calendar-dot.check_out{background:#ff0000}
.fr-time-block .checkline input:disabled{cursor:default;opacity:.55}

.fr-time-row-times>span{min-width:0;flex-wrap:wrap}