.tracker-web .tracker-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:15px}.tracker-web .tracker-toolbar label{display:grid;gap:5px;margin:0}.tracker-download{background:#216e52;color:#fff;padding:11px 15px;border-radius:8px;text-decoration:none}.tracker-web .tracker-dot{display:inline-block;width:8px;height:8px;margin-right:7px;background:#83928a;border-radius:50%}.tracker-web .tracker-dot.online{background:#2e9167}.tracker-web .tracker-detail{margin-top:22px;border:1px solid #dbe7df;border-radius:12px;padding:18px;background:#fff}.tracker-web .tracker-calendar{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:8px 0}.tracker-web .tracker-calendar button{flex:0 0 66px;padding:8px 5px}.tracker-web .tracker-calendar small{display:block;font-size:11px}.tracker-web [aria-pressed=true]{background:#e1f0e6;color:#195c3d;border-color:#448a65}.tracker-web .tracker-time{display:flex;flex-direction:column;gap:5px;margin:20px 0}.tracker-web .tracker-time strong{font-size:40px;font-weight:500;font-variant-numeric:tabular-nums}.tracker-web .tracker-time small,.tracker-web .tracker-time span{color:#6a8173}.tracker-web .tracker-axis{display:flex;justify-content:space-between;font-size:11px;color:#61796d}.tracker-web .tracker-timeline{display:block;width:100%;height:32px;background:#e8efeb;border-radius:4px;overflow:hidden;margin-bottom:25px}.tracker-web .tracker-work-minute{fill:#4d9670}.tracker-web .tracker-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.tracker-web figure{margin:0;border:1px solid #d8e5dc;border-radius:8px;overflow:hidden}.tracker-web figure img{display:block;width:100%;height:auto;background:#e8efeb}.tracker-web figcaption{padding:9px 12px;background:#e4f1e9;color:#205a3c;font-size:12px}.tracker-web figcaption small{display:block}.tracker-web figcaption.idle{background:#fff0c7;color:#835e12}.tracker-web [data-track-settings] form{display:grid;gap:12px;margin-top:18px}.tracker-web [data-track-settings] label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tracker-web [data-track-settings] input[type=checkbox]{width:auto}.tracker-web [data-track-settings] input[type=number]{max-width:140px}
@media(max-width:600px){.tracker-web .sectionhead{align-items:flex-start;gap:12px}.tracker-web .tracker-detail{padding:12px}.tracker-web .tracker-time strong{font-size:34px}.tracker-web .tracker-download{font-size:12px}}

.tracker-web .tracker-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;background:#fff;border:1px solid #dbe7df;border-radius:10px}.tracker-web .tracker-heading h1{font-size:25px;line-height:1.2;margin:0;white-space:nowrap}.tracker-web .tracker-toolbar{align-items:center;gap:8px;margin:0;flex:1}.tracker-web .tracker-toolbar .actions{display:flex;gap:6px;margin:0}.tracker-web .tracker-toolbar button,.tracker-web .tracker-toolbar input{height:40px;min-height:40px;margin:0}.tracker-web .tracker-toolbar input[type=date]{width:150px}.tracker-web .tracker-download{white-space:nowrap;margin-left:auto}.tracker-web [data-track-message]:empty{display:none}.tracker-web [data-track-settings-panel] form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-top:16px}.tracker-web [data-track-settings-panel] label{display:flex;flex-direction:column;gap:5px;margin:0}.tracker-web [data-track-settings-panel] h2,.tracker-web [data-track-settings-panel] .actions,.tracker-web .tracker-policy-note{grid-column:1/-1;margin:0}.tracker-web [data-track-settings-panel] input,.tracker-web [data-track-settings-panel] select{width:100%;min-height:42px}.tracker-web .tracker-notifications{border:1px solid #e6c47b;background:#fff8e7;border-radius:10px;padding:12px 14px;margin:0 0 14px}.tracker-web .tracker-notifications h3{margin:0 0 8px}.tracker-web .tracker-notifications>div{display:grid;gap:3px;padding:8px 0;border-top:1px solid #eddbb4}.tracker-web .tracker-notifications small{color:#806b40}.tracker-web .tracker-time .tracker-amount{font-size:19px;color:#235d43}@media(max-width:700px){.tracker-web .tracker-header{align-items:flex-start;gap:10px}.tracker-web .tracker-toolbar{order:3;flex:1 1 100%}.tracker-web .tracker-toolbar input[type=date]{max-width:145px}.tracker-web [data-track-settings-panel] form{grid-template-columns:1fr}.tracker-web .tracker-download{font-size:12px;padding:9px 10px}}

.tracker-web .tracker-photos img{aspect-ratio:16/9;object-fit:contain;overflow-anchor:none}.tracker-web .tracker-photos figure{min-width:0}

.tracker-web .tracker-rate-value{display:flex;align-items:center;gap:8px;white-space:nowrap}.tracker-web .tracker-rate-value button{padding:6px 10px;min-height:32px}.tracker-web [data-track-rate-form]{display:grid;gap:8px;min-width:230px;max-width:290px}.tracker-web .tracker-rate-inputs{display:flex;gap:8px}.tracker-web .tracker-rate-inputs label{display:grid;gap:4px;font-size:12px}.tracker-web .tracker-rate-inputs input{width:120px}.tracker-web .tracker-rate-inputs select{width:65px}.tracker-web [data-track-rate-form] input,.tracker-web [data-track-rate-form] select{margin:0;min-height:38px}.tracker-web [data-track-rate-form] .actions{display:flex;gap:6px;margin:0}.tracker-web [data-track-rate-form] small{font-size:11px;color:#60786e;white-space:normal}.tracker-web [data-track-rate-error]{font-size:12px;color:#a33628;white-space:normal}

/* Keep taka legible without scaling dollar amounts or their numbers. */
.tracker-web .tracker-taka{font-family:"Nirmala UI","Noto Sans Bengali",sans-serif;font-size:.9em;font-weight:400;line-height:1;vertical-align:baseline;margin-right:.04em}
.tracker-web select[name="currency"] option[value="BDT"]{font-size:inherit;font-weight:400;font-family:"Nirmala UI","Noto Sans Bengali",sans-serif}
.tracker-web select[name="currency"]:has(option[value="BDT"]:checked){font-size:inherit;font-weight:400;font-family:"Nirmala UI","Noto Sans Bengali",sans-serif}

.tracker-web .tracker-calendar{gap:2px;overflow-x:auto;overflow-y:hidden;padding:8px 2px}.tracker-web .tracker-calendar button{flex:1 0 60px;min-width:60px;min-height:63px;padding:3px 1px;border-radius:3px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.tracker-web .tracker-calendar .tracker-weekday{font-size:10px;font-weight:400;line-height:1.3}.tracker-web .tracker-calendar button>span{font-size:14px;line-height:1.8}.tracker-web .tracker-calendar .tracker-day-duration{display:block;font:10px/1.5 Consolas,"Courier New",monospace;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:0;color:#365f4d;margin-top:auto}.tracker-web .tracker-calendar [aria-pressed=true]{outline:2px solid #448a65;outline-offset:0}.tracker-web .tracker-axis{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));font-size:11px}.tracker-web .tracker-axis span{white-space:nowrap}@media(max-width:1000px){.tracker-web .tracker-calendar .tracker-weekday{font-size:8px}.tracker-web .tracker-calendar button>span{font-size:11px}.tracker-web .tracker-axis{font-size:9px}}@media(max-width:600px){.tracker-web .tracker-calendar .tracker-weekday{font-size:9px}.tracker-web .tracker-axis span:nth-child(2n){visibility:hidden}}