/* Header timer save dialog; self-contained and independent of the active page. */
#timerSaveModal { padding:20px;overflow-y:auto;align-items:center; }
#timerSaveModal.is-hidden { display:none !important; }
#timerSaveModal .project-modal-card { position:relative;width:min(510px,100%);max-width:510px;min-height:0;height:auto;max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px;border:1px solid #d4e0f0;border-radius:20px;background:#fff;box-shadow:0 24px 75px #152e5529; }
#timerSaveModal .add-time-manual-head { display:flex;align-items:center;gap:13px;margin:0 0 25px;padding:0 0 22px;padding-inline-end:26px;background:transparent;border-bottom:1px solid #e6edf6;border-radius:0;box-shadow:none; }
#timerSaveModal .add-time-manual-head::before,#timerSaveModal .add-time-manual-head::after { display:none; }
#timerSaveModal .add-time-manual-icon { display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:#e3f4ec;color:#218563;border:1px solid #c9e7d8; }
#timerSaveModal .add-time-manual-icon svg { width:24px;height:24px; }
#timerSaveModal .add-time-manual-head h2 { font-size:21px;font-weight:600;color:#2c466b;margin:0 0 7px; }
#timerSaveModal .add-time-manual-head p { font-size:12px;color:#7b91af;line-height:1.9;margin:0; }
#timerSaveModal > .project-modal-card > .add-time-manual-close { position:absolute;top:17px;inset-inline-end:17px;width:29px;height:29px;border:1px solid #e0e8f4;border-radius:8px;background:#f7faff;color:#7e95b5;font-size:21px;padding:0;box-shadow:none; }
#timerSaveModal .field { display:block;margin:0 0 20px;min-width:0; }
#timerSaveModal .field > label { display:block;margin-bottom:9px;font-size:13px;font-weight:500;color:#4e6b91; }
#timerSaveModal .ts-optional { font-size:10px;font-weight:400;color:#97a9c0;margin-inline-start:5px; }
#timerSaveModal .timer-save-project-picker { position:relative;width:100%;z-index:auto; }
#timerSaveModal .timer-save-project-picker .project-picker-trigger,#timerSaveModal #timerSaveDescription { display:flex;align-items:center;width:100%;min-height:47px;height:auto;padding:12px 14px;border:1px solid #ceddf1;border-radius:10px;background:#fafcff;color:#3b5b85;font:inherit;font-size:13px;box-shadow:none; }
#timerSaveModal #timerSaveDescription::placeholder { font-size:12px;color:#9aaec7; }
#timerSaveModal .timer-save-project-picker .project-picker-menu { position:static !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;width:100% !important;max-height:280px !important;transform:none !important;margin-top:8px;padding:7px;border:1px solid #cbd8e8;border-radius:10px;background:#f5f8fc;box-shadow:0 5px 14px #263b5610;display:flex;flex-direction:column;overflow:hidden; }
#timerSaveModal .timer-save-project-search-wrap { position:relative;flex:none;padding:0 0 7px;border-bottom:1px solid #dce5ef; }
#timerSaveModal .timer-save-project-search { display:block;width:100%;height:39px;padding:8px 36px 8px 11px;border:1px solid #c5d2e2;border-radius:8px;background:#fff;color:#2d435e;font:inherit;font-size:13px;outline:none; }
#timerSaveModal .timer-save-project-search::placeholder { color:#687d98; }
#timerSaveModal .timer-save-project-search:focus { border-color:#6c91c8;box-shadow:0 0 0 3px #477bd51c; }
#timerSaveModal .timer-save-project-search-wrap > span { position:absolute;top:7px;inset-inline-end:10px;color:#5e7593;font-size:20px;line-height:20px; }
#timerSaveModal .timer-save-project-options { min-height:0;overflow-y:auto;overscroll-behavior:contain; }
#timerSaveModal [data-project-picker-option="timerSaveProjectSelect"][hidden] { display:none !important; }
#timerSaveModal .timer-save-project-no-results { padding:14px 9px;color:#536b88;text-align:center;font-size:13px; }
#timerSaveModal .project-picker-menu.is-hidden { display:none !important; }
#timerSaveModal .timer-save-project-picker .project-picker-option { display:flex;align-items:center;width:100%;min-height:41px;margin-top:2px;padding:9px 11px;border:1px solid transparent;border-radius:7px;background:#fff;color:#344b68;font:inherit;font-size:13px;text-align:start; }
#timerSaveModal .timer-save-project-picker .project-picker-option :is(strong,span) { color:inherit;font-size:13px;font-weight:500; }
#timerSaveModal .timer-save-project-picker .project-picker-option:hover { background:#e9f0f8;color:#254b78; }
#timerSaveModal .timer-save-project-picker .project-picker-option.is-selected { border-color:#b8d7ca;background:#e7f3ed;color:#176348; }
#timerSaveModal #timerSaveMessage:empty { display:none; }
#timerSaveModal #timerSaveMessage { display:block;color:#a34e59;font-size:12px;line-height:1.9;margin-bottom:14px; }
#timerSaveModal .project-form-actions { display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:5px 0 0;padding-top:19px;border-top:1px solid #e7edf6; }
#timerSaveModal #timerSaveConfirmBtn { min-height:43px;padding:11px 24px;border:1px solid #197e61;border-radius:9px;background:#188669;color:#fff;font:inherit;font-size:13px;font-weight:500;box-shadow:none; }
#timerSaveModal #timerSaveConfirmBtn:hover { background:#107057; }
#timerSaveModal .ts-cancel { min-height:43px;padding:10px 16px;border:1px solid #d9e3f2;border-radius:9px;background:#fff;color:#778eae;font:inherit;font-size:12px; }
#timerSaveModal :is(button,input):focus-visible { outline:2px solid #8aade5;outline-offset:3px; }
#timerSaveModal button:disabled { opacity:.55;cursor:wait; }
@media(max-width:600px) { #timerSaveModal { padding:12px; } #timerSaveModal .project-modal-card { padding:23px 20px;max-height:calc(100dvh - 24px);border-radius:17px; } #timerSaveModal .add-time-manual-head h2 { font-size:19px; } #timerSaveModal .add-time-manual-head p { font-size:11px; } #timerSaveModal .project-form-actions #timerSaveConfirmBtn { flex:1; } }