/* Clockify-inspired time entry workspace. Scoped entirely to Time Tracking. */
#time-section.time-hub{display:flex;flex-direction:column;gap:19px;min-width:0}
#time-section .time-tracker-card{
 background:var(--panel,#181818);border:1px solid #383838;border-radius:14px;
 padding:18px 20px;min-width:0
}
#time-section .time-entry-composer{
 display:grid;grid-template-columns:minmax(230px,1.65fr) minmax(165px,1fr)
 minmax(165px,1fr) minmax(100px,auto) auto;
 align-items:end;gap:11px;min-width:0
}
#time-section .time-entry-composer label{
 display:grid;gap:7px;min-width:0;color:#bfbfbf;
 font:650 11px/1.45 Manrope,Arial,sans-serif
}
#time-section .time-entry-composer label>span{white-space:nowrap}
#time-section .time-entry-composer input,
#time-section .time-entry-composer select{
 display:block;width:100%;min-width:0;height:45px;
 border:1px solid #424242;background:#282828;color:#f6f6f6;
 border-radius:9px;padding:9px 12px;
 font:600 12px/1.5 Manrope,Arial,sans-serif
}
#time-section .time-entry-composer input::placeholder{color:#999;font-weight:500}
#time-section .time-entry-composer .axle-select-trigger{
 display:flex;align-items:center;min-width:0;width:100%;max-width:none;height:45px;
 border:1px solid #424242;border-radius:9px;background:#282828;color:#fff;padding:9px 12px;
 font:600 12px/1.5 Manrope,Arial,sans-serif
}
#time-section .time-entry-composer .axle-select-trigger[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
#time-section .time-composer-clock{
 min-width:116px;min-height:45px;display:flex;align-items:center;justify-content:center;
 padding:0 5px;color:#fff;white-space:nowrap
}
#time-section .time-composer-clock>strong{
 font:750 20px/1.2 Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.4px
}
#time-section #start-timer{
 min-width:112px;min-height:45px;padding:10px 14px;
 border-radius:9px;font:750 12px Manrope,Arial,sans-serif
}
#time-section .time-required{color:#dcb85b;font-weight:800}
#time-section #stop-timer{
 min-width:112px;min-height:45px;padding:10px 14px;
 border-radius:9px;font:750 12px Manrope,Arial,sans-serif
}
#time-section #time-link-status{
 margin:9px 0 0;color:#b7b7b7;font:500 11px/1.5 Manrope,Arial,sans-serif
}
#time-section .time-manual-disclosure{
 display:block;width:100%;min-width:0;position:relative;margin:0
}
#time-section .time-manual-disclosure>summary{
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 min-height:40px;padding:8px 13px;border:1px solid #3f3f3f;border-radius:9px;
 list-style:none;background:#272727;color:#f5f5f5;cursor:pointer;
 font:700 12px/1.4 Manrope,Arial,sans-serif
}
#time-section .time-manual-disclosure>summary::-webkit-details-marker{display:none}
#time-section .time-manual-disclosure[open]>summary{border-radius:9px 9px 0 0}
#time-section .time-manual-inner{
 padding:20px;border:1px solid #3f3f3f;border-top:0;
 border-radius:0 0 11px 11px;background:#1b1b1b;
 width:100%;min-width:0
}
#time-section .time-manual-inner .form-stack{
 display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;min-width:0
}
#time-section .time-manual-link{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end
}
#time-section .time-manual-fields{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end
}
#time-section .time-manual-inner label{
 display:flex;flex-direction:column;gap:7px;min-width:0;width:100%;
 color:#bfbfbf;font:650 11px/1.45 Manrope,Arial,sans-serif
}
#time-section .time-manual-label{
 display:inline-flex;align-items:center;gap:4px;min-height:16px
}
#time-section .time-manual-inner input,
#time-section .time-manual-inner select{
 width:100%;min-width:0;height:44px;min-height:44px;
 border-radius:9px;border:1px solid #424242;
 color:#fff;background:#282828;padding:9px 12px;
 font:600 12px/1.5 Manrope,Arial,sans-serif
}
#time-section .time-manual-inner .axle-select-trigger{
 box-sizing:border-box;width:100%;max-width:none;min-width:0;
 height:44px;min-height:44px;border-radius:9px;
 border:1px solid #424242;background:#282828;color:#fff;
 font:600 12px/1.5 Manrope,Arial,sans-serif
}
#time-section .time-manual-inner .axle-date-control,
#time-section .time-manual-inner .axle-time-control{
 height:44px;min-width:0;width:100%
}
#time-section .time-manual-inner .axle-date-input{
 width:100%;height:44px;min-height:44px;min-width:0;
 border-radius:9px 0 0 9px;background:#282828;color:#fff
}
#time-section .time-manual-inner .axle-calendar-trigger{
 flex:0 0 44px;width:44px;min-height:44px;height:44px;
 border-radius:0 9px 9px 0;background:#282828;
}
#time-section .time-manual-inner .formactions{display:flex;justify-content:flex-end;margin:0}
#time-section #manual-time-save{min-height:42px;padding:9px 19px;border-radius:9px}
#time-section .time-manual-hint{
 margin:0;color:#ababab;font:500 11px/1.55 Manrope,Arial,sans-serif
}
#time-section .time-history{min-width:0}
#time-section .time-history-heading{
 display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;
 padding:0 1px 12px
}
#time-section .time-history-heading h2{font-size:16px;margin:0;color:#f8f8f8}
#time-section .time-history-heading span{color:#a7a7a7;font:500 11px/1.5 Manrope,Arial,sans-serif}
#time-section .time-entry-list{
 display:flex;flex-direction:column;gap:13px;min-width:0;max-height:none!important;
 overflow:visible!important;padding:0;margin:0
}
#time-section .time-day-group{
 border:1px solid #333;border-radius:13px;background:#181818;overflow:hidden;min-width:0
}
#time-section .time-day-head{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 padding:13px 18px;background:#202020;border-bottom:1px solid #333
}
#time-section .time-day-head>strong{font:750 12px/1.5 Manrope,Arial,sans-serif;color:#eee}
#time-section .time-day-head>span{font:700 12px/1.5 Manrope,Arial,sans-serif;color:#c6c6c6;font-variant-numeric:tabular-nums}
#time-section .time-log-entry{
 display:flex;align-items:center;gap:15px;justify-content:space-between;
 padding:14px 18px;border-bottom:1px solid #2e2e2e;flex-wrap:wrap;min-width:0
}
#time-section .time-log-entry:last-child{border-bottom:0}
#time-section .time-log-info{display:grid;gap:4px;min-width:0;flex:1 1 250px}
#time-section .time-log-info>strong{color:#f4f4f4;font:700 12px/1.5 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
#time-section .time-log-info>span{color:#ababab;font:500 11px/1.5 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
#time-section .time-log-right{display:flex;align-items:center;justify-content:flex-end;gap:13px;flex:0 0 auto}
#time-section .time-log-clock{color:#b5b5b5;font:600 11px/1.5 Manrope,Arial,sans-serif;white-space:nowrap}
#time-section .time-log-duration{color:#f5f5f5;font:750 14px/1.5 Manrope,Arial,sans-serif;
 font-variant-numeric:tabular-nums;min-width:58px;text-align:right}
#time-section .time-log-entry .time-log-delete{
 background:#282828;color:#d2d2d2;border:1px solid #3f3f3f;
 border-radius:8px;padding:7px 9px;font:650 11px Manrope,Arial,sans-serif;white-space:nowrap
}
#time-section .time-log-entry .time-log-delete:hover{background:#333;color:#fff}
#time-section .time-log-running{color:#e7b96a}
#time-section .time-entry-list>.empty{
 border:1px solid #333;border-radius:12px;padding:21px;background:#181818
}
@media(max-width:1250px){
 #time-section .time-entry-composer{grid-template-columns:minmax(220px,1.3fr) minmax(165px,1fr) minmax(165px,1fr)}
 #time-section .time-composer-clock{justify-content:flex-start}
 #time-section #start-timer,#time-section #stop-timer{justify-self:stretch}
}
@media(max-width:780px){
 #time-section .time-entry-composer{grid-template-columns:repeat(2,minmax(0,1fr))}
 #time-section .time-composer-description{grid-column:1/-1}
 #time-section .time-tracker-card{padding:15px}
 #time-section .time-composer-clock{min-width:0}
 #time-section .time-manual-link,#time-section .time-manual-fields{gap:12px}
 #time-section .time-manual-inner{padding:17px}
}
@media(max-width:460px){
 #time-section .time-entry-composer{grid-template-columns:minmax(0,1fr)}
 #time-section .time-composer-description{grid-column:auto}
 #time-section .time-manual-link,#time-section .time-manual-fields{grid-template-columns:minmax(0,1fr)}
 #time-section .time-composer-clock{justify-content:center}
 #time-section .time-log-right{justify-content:space-between;width:100%}
 #time-section .time-day-head,#time-section .time-log-entry{padding-inline:13px}
}