/* V25.141 工作日誌畫面（只作用於 wl141- / att141- 元素與日誌表單） */
:root{--wl141-title:15px}
#wlModal{--wl141-title:16px}
/* 區塊標題列：標題靠左、紅底白字小膠囊靠右 */
#worklogBody .wl141-head,#wlModal .wl141-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;margin:0 0 10px!important}
#worklogBody .wl141-head>label,#wlModal .wl141-head>label{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:visible!important;margin:0!important;padding:0!important;font-size:var(--wl141-title)!important;font-weight:800!important;color:#123f68!important;line-height:1.4!important;white-space:nowrap;flex:1 1 auto!important;text-align:left!important;order:0!important}
body .wl141-head>.wl141-pill{order:1!important;margin-left:auto!important}
body .wl141-pill.manage118,body #workerManage.wl141-pill,body #maintenanceManage.wl141-pill{min-height:0!important;height:auto!important;padding:3px 12px!important;border-radius:999px!important;border:0!important;background:#c52b3d!important;color:#fff!important;font-size:var(--wl141-title)!important;font-weight:800!important;line-height:1.5!important;box-shadow:none!important;margin:0!important;width:auto!important}
/* 上班人員卡片 */
.att141{background:#fcfaf6;border:1px solid #e8e5df;border-radius:14px;padding:0 14px;margin:0 0 8px}
.att141-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 10px;border-bottom:1px solid #ebe7df}
.att141-n{font-size:16px;font-weight:800;color:#0d4f80}
#worklogBody .att141-pick{margin:0;padding:0;border:0;background:none;box-shadow:none;min-height:0;height:auto;font:inherit;font-size:14px;font-weight:800;color:#1468a6;cursor:pointer}
.att141-body{padding:12px 0}
.att141-empty{font-size:14px;color:#7d8fa0;font-weight:700}
#worklogBody .att141 #attendanceNotes108{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#worklogBody .att141 #attendanceNotes108>.att136-row{display:contents!important}
#worklogBody .att141 .attendance-chip116{margin:0!important;min-height:0!important;height:auto!important;padding:5px 12px!important;border-radius:999px!important;border:1px solid #d6e0ea!important;background:#fff!important;color:#153f63!important;font-size:14px!important;font-weight:800!important;line-height:1.5!important;max-width:100%;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
#worklogBody .att141 .attendance-chip116.att136-n{order:-1;background:#fff4e8!important;border-color:#f2c99a!important;color:#b5651d!important}
#worklogBody .att141 .attendance-chip116.att136-n small{font-size:14px!important;font-weight:800!important;color:#b5651d!important}
#worklogBody .att141 .attendance-chip116.att141-hid{display:none!important}
#worklogBody .att141 .att141-more{order:99;margin:0;min-height:0;height:auto;padding:5px 12px;border-radius:999px;border:1px solid #9bbfda;background:#e7f2fa;color:#1468a6;font:inherit;font-size:14px;font-weight:800;line-height:1.5;cursor:pointer;box-shadow:none}
#worklogBody .att141 .att141-more[hidden]{display:none}
#worklogBody .att141-tg{display:block;width:calc(100% + 28px);margin:0 -14px;padding:10px 0 12px;border:0;border-top:1px solid #ebe7df;border-radius:0;background:none;box-shadow:none;min-height:0;height:auto;font:inherit;font-size:14px;font-weight:800;color:#1468a6;cursor:pointer}
#worklogBody .att141-tg[hidden]{display:none}
#worklogBody .att141~.notes-toggle116,#worklogBody .att141 .notes-toggle116{display:none!important}
#worklogBody .att141~.mnr-staff-row #mnrStaffDropdown>summary,#worklogBody .att141+.mnr-staff-row #mnrStaffDropdown>summary{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;padding:0!important;border:0!important;margin:0!important}
#worklogBody .att141+.mnr-staff-row{margin:0!important;border:0!important;padding:0!important;min-height:0!important;background:none!important;box-shadow:none!important}
#worklogBody .att141+.mnr-staff-row>details:not([open]){border:0!important;padding:0!important;margin:0!important;min-height:0!important;height:0!important;overflow:hidden!important;box-shadow:none!important;background:none!important}
/* 保養表單分區塊 */
#wlModal .wl141-sec{background:#fff;border-radius:16px;padding:12px 14px 14px;margin:0 0 12px;box-shadow:0 4px 14px rgba(38,82,119,.06)}
#wlModal .wl141-sec>.sp-field,#wlModal .wl141-sec>.journal-pair{margin-bottom:10px!important}
#wlModal .wl141-sec>:last-child{margin-bottom:0!important}
#wlModal .wl141-st{font-size:var(--wl141-title);font-weight:800;color:#123f68;line-height:1.4;margin:0 0 10px}
#wlModal .wl141-kind{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#eef2f6}
#wlModal .wl141-kind button{margin:0;height:40px;min-height:0;border:0;border-radius:999px;background:transparent;color:#52718c;font:inherit;font-size:15px;font-weight:800;box-shadow:none;cursor:pointer}
#wlModal .wl141-kind button.on[data-k="normal"]{background:#1468a6;color:#fff}
#wlModal .wl141-kind button.on[data-k="fault"]{background:#c62a3a;color:#fff}
/* 取消下拉箭頭：故障表單換料、加班選擇人員 */
body #wlModal #wlFaultParts+.mnr-select-button::after,body #wlModal #wlOtPick135::after{display:none!important;content:none!important}
/* 灰字提示置中（輸入後文字仍靠左） */
body :is(#wlModal,#mnrOverlay) :is(input.sp-input,textarea)::placeholder{text-align:center}
body #wlModal#wlModal textarea.ph141-ta::placeholder,body #mnrOverlay#mnrOverlay textarea.ph141-ta::placeholder{color:transparent!important;opacity:0!important}
/* 日誌卡片：填單人左下、保養類型標籤右上 */
#worklogBody .record-card125 .wl-row-actions{display:flex!important;align-items:center!important}
#worklogBody .wl141-by{margin-right:auto;font-size:13px;font-weight:600;color:#8a9bab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#worklogBody .record-first130{position:relative}
#worklogBody .wl141-kc{margin-left:auto;align-self:center;flex:0 0 auto;font-size:12px;font-weight:800;line-height:22px;padding:0 9px;border-radius:999px;white-space:nowrap}
#worklogBody .wl141-kc.n{background:#edf5fc;color:#1468a6;border:1px solid #bad1e0}
#worklogBody .wl141-kc.f{background:#fdeef0;color:#c0202f;border:1px solid #f3b8bf}

/* ---------- V25.141 故障維修紀錄：快速日期、時間軸卡片、整張卡片選取 ---------- */
.rl141-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body #app .rl141-quick button{margin:0!important;height:38px!important;min-height:0!important;border-radius:999px!important;border:1px solid #bad1e0!important;background:#fff!important;color:#1468a6!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;line-height:1!important;box-shadow:none!important;cursor:pointer;padding:0 4px!important;white-space:nowrap;width:auto!important}
body #app .rl141-quick button.on{background:#155e96!important;border-color:#155e96!important;color:#fff!important}
.rl141-month{font-size:15px;font-weight:800;color:#153f63;margin:12px 2px 8px}
.rl141-month:first-child{margin-top:2px}
.rl141-tl{position:relative;padding-left:22px}
.rl141-tl::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:#d6e0ea;border-radius:2px}
.rl141-card{position:relative;display:block!important;background:#fcfaf6!important;border:1.5px solid #e8e5df!important;border-radius:14px!important;padding:11px 13px!important;margin:0 0 10px!important;cursor:pointer;color:#173049;box-shadow:none!important;outline:none}
.rl141-card:focus-visible{box-shadow:0 0 0 3px rgba(20,104,166,.25)!important}
.rl141-card.on{border-color:#1468a6!important;background:#f0f7fd!important}
.rl141-dot{position:absolute;left:-21px;top:15px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #c62828}
.rl141-ok{position:absolute;top:-9px;right:-7px;width:24px;height:24px;border-radius:50%;background:#1468a6;color:#fff;font-size:14px;font-weight:900;line-height:24px;text-align:center;border:2px solid #fff;display:none}
.rl141-card.on .rl141-ok{display:block}
.rl141-cb{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.rl141-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rl141-time{font-size:13px;font-weight:700;color:#52718c;min-width:0}
.rl141-dev{flex:0 0 auto;font-style:normal;font-size:12px;font-weight:800;line-height:22px;padding:0 9px;border-radius:999px;background:#fdeef0;color:#c0202f;border:1px solid #f3b8bf;white-space:nowrap}
.rl141-title{display:block;margin:5px 0 0;font-size:15px;font-weight:800;color:#0d4f80;line-height:1.45;overflow-wrap:anywhere}
.rl141-text{margin:4px 0 0;font-size:14px;line-height:1.55;color:#294a66;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rl141-foot{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:8px}
.rl141-src{margin-right:auto;font-size:12.5px;color:#7d8fa0;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st135-btn.rl141-del{border-color:#f3b8bf!important;background:#fdeef0!important;color:#c0202f!important}
#rlList:has(.rl141-tl){padding:4px 8px 0 0}

/* V25.165：「任意填寫」的輸入框跟上面的下拉框拉開，不要黏在一起（設備別、車號、故障車號都一樣） */
body #wlModal .sp-field :is(#wlMEqCustom,#wlMMachineCustom,#wlFaultMachineCustom).mnr-custom-input.sp-input:not([hidden]),
body #wlModal .sp-field .mnr-custom-input.sp-input:not([hidden]){margin-top:10px!important}
