.time-workspace .hrm-tabs a:first-child{border:0;color:#505050}.time-workspace .hrm-tabs a.active{border-bottom:4px solid #54ab83;color:#54ab83}.time-content{max-width:780px;margin-top:24px}.work-filter section{padding:18px 30px 30px}.work-filter section>label{font-size:12px;font-weight:400;color:#888}.work-filter form{display:flex}.work-filter form input{width:calc(100% - 32px);min-height:32px;height:32px;border:1px solid #ddd;border-radius:3px 0 0 3px;font-size:13px;padding:6px 12px}.work-filter form button{padding:0;min-height:32px;height:32px;width:32px;background:#54ab83;color:white;font-size:26px;border:0;line-height:32px}.work-references{padding:0;list-style:none;margin:0}.work-references li{display:flex;min-height:64px}.work-references li.active{background:#54ab83}.work-references li button{border:0;background:transparent;font-size:14px;min-height:64px;text-align:left;padding:18px 30px;color:#555}.work-references li.active button{color:white}.work-references li button:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.work-references li button:last-child{width:55px;padding:0 15px}.work-name{padding:0;background:transparent;border:0;font-size:16px;margin-bottom:14px;color:#444}.work-name span{font-size:19px}.work-name-edit{display:flex;gap:10px;margin-bottom:14px}.work-name-edit input{height:36px;border:1px solid #ddd;padding:8px 12px;min-width:0}.work-name-edit button{border:0;background:transparent;padding:0 6px;min-height:32px}.work-table-scroll{overflow:auto}.work-week{border-collapse:collapse;width:100%;font-size:13px;background:white;min-width:740px}.work-week th{background:#54ab83;color:white;font-size:12px;font-weight:400;text-align:left;height:62px;padding:16px 20px}.work-week td{height:66px;border-bottom:1px solid #e8e8e8;padding:16px}.work-week th:first-child{width:120px}.work-week th:nth-child(2){width:232px}.work-week th:nth-child(3){width:240px}.work-pair{display:flex;gap:1px;align-items:center}.work-clock{position:relative;display:inline-block;width:100px}.work-clock input{width:100%;min-height:32px;height:32px;padding:5px 23px 5px 11px;border:1px solid #ddd;border-radius:3px;font-size:12px;background:white}.work-clock svg{position:absolute;right:7px;top:7px;width:16px;height:16px;fill:none;stroke:#ccc;stroke-width:1.8;pointer-events:none}.work-break>input{width:15px;height:15px;min-height:0;margin:0 9px 0 0;accent-color:#54ab83}.work-break .work-clock{width:87px}.work-switch{width:44px;height:22px;min-height:22px;border:0;border-radius:16px;background:#ccc;padding:2px;position:relative}.work-switch span{display:block;width:18px;height:18px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.work-switch.on{background:#54ab83}.work-switch.on span{transform:translateX(22px)}.work-save{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.work-save button{min-height:40px;border:1px solid #ddd;padding:8px 20px;background:white}.work-save button.primary{background:#54ab83;color:white;border:0}.work-time-popup{position:fixed;z-index:2500;width:150px;background:white;border-radius:4px;box-shadow:0 2px 12px #0003}.work-time-popup>input{width:100%;height:34px;min-height:34px;border:0;border-bottom:1px solid #eee;padding:8px 12px;font-size:13px}.work-time-columns{display:flex;height:215px}.work-time-columns>div{width:50%;overflow:auto;border-right:1px solid #eee;scrollbar-width:thin}.work-time-columns button{display:block;width:100%;border:0;min-height:28px;padding:3px 12px;background:white;text-align:center;font-size:13px}.work-time-columns button:hover{background:#dfede3}.production-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.production-toolbar .work-name{margin:0;flex:1;text-align:left}.production-toolbar select{height:32px;border:1px solid #ddd;background:white;border-radius:3px;padding:4px 10px;color:#555}.production-toolbar>button:last-child{height:32px;min-height:32px;background:white;border:1px solid #ddd;border-radius:3px;padding:4px 10px;color:#555;font-size:13px}.production-months{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 36px;background:#f5f5f5;padding:20px}.production-months h4{font-size:13px;font-weight:600;text-align:center;margin:10px 0 16px;text-transform:capitalize}.production-months table{border-collapse:collapse;width:168px;height:200px;margin:auto;table-layout:fixed}.production-months th{font-size:12px;font-weight:400;padding:0;height:24px;text-align:center}.production-months td{padding:0;height:29px;text-align:center}.production-months td button{border:0;border-radius:2px;padding:0;min-height:24px;height:24px;width:24px;background:transparent;font-size:12px;color:#444}.production-months .other-month{color:#bbb}.production-months button:focus-visible{outline:2px solid #54ab83}.production-months button:hover{box-shadow:inset 0 0 0 1px #54ab83}#calendar-range-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:22px 0}#calendar-range-form>div{flex:1;min-width:145px}#calendar-range-form label{display:block;font-size:12px;color:#777;margin-bottom:6px}#calendar-range-form .date-field{display:block}#calendar-range-form .date-field input{min-height:40px;width:100%}#calendar-range-form>button{height:40px;min-height:40px;border:0;background:#54ab83;color:white;padding:8px 15px}#calendar-range-form>.structure-error{flex-basis:100%;padding:0}.holiday-type-fields{display:grid;grid-template-columns:1fr 1fr 95px 48px;gap:5px;align-items:end}.holiday-type-fields label{display:block;font-size:12px;color:#888;margin-bottom:6px}.holiday-type-fields input#holiday-name{height:32px;min-height:32px;width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:3px;font-size:13px}.holiday-type-fields .filter-select-control{min-height:32px}.holiday-type-fields .filter-select-values{min-height:28px}.holiday-type-fields .filter-select-values input{height:28px;min-height:28px}.holiday-type-fields .structure-plus{height:32px;min-height:32px;padding:0;background:#54ab83;color:white;font-size:25px;border:0;line-height:32px}.holiday-color-select{position:relative}.holiday-color-select>button{width:100%;height:32px;min-height:32px;padding:0 8px;border:1px solid #ddd;background:white;text-align:right;border-radius:3px}.holiday-colors{position:absolute;top:36px;width:95px;background:white;box-shadow:0 2px 8px #0003;padding:8px;z-index:6;display:grid;grid-template-columns:1fr 1fr;gap:10px}.holiday-colors[hidden]{display:none}.holiday-colors button{width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:3px}.holiday-swatch{display:inline-block;width:20px;height:20px;border-radius:4px;vertical-align:middle}.holiday-type-fields~.structure-error{margin-top:8px}@media(max-width:900px){.production-months{grid-template-columns:repeat(2,1fr);gap:25px 15px;padding:10px}.production-toolbar{flex-wrap:wrap}}@media(max-width:640px){.production-months{grid-template-columns:1fr}.holiday-type-fields{grid-template-columns:1fr 1fr;gap:12px}.production-toolbar .work-name{flex-basis:100%}}
.work-name svg,[data-holiday-types] svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;vertical-align:middle}