/* ===== 教案備課卡「沉靜版」：單一底色、單一重點色、細線分段，取代彩色巢狀框 =====
   只覆寫視覺，不改文字與資料。範圍限定在 #lessonModal / #guideModal。 */
#lessonModal{--k-line:#EADFCB;--k-ink:#4A2E1A;--k-sub:#7A5C45;--k-accent:#B5442A}
#lessonModal .modal-box{background:#FFFDF8}

/* 1. 頂部工具列按鈕：統一成半透明描邊，不再三種顏色 */
#lessonModal .modal-box>.no-print.bg-stone-900{background:#4A2E1A}
#lessonModal .modal-box>.no-print.bg-stone-900 button{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3);color:#fff}
#lessonModal .modal-box>.no-print.bg-stone-900 button:hover{background:rgba(255,255,255,.22)!important}
#lessonModal .modal-box>.no-print.bg-stone-900 .text-amber-400{color:#FFE2A0}
#lessonModal #modalWeekBadge{background:#FFE2A0!important;color:#4A2E1A!important}

/* 2. 標籤列：三色小膠囊 → 同色純文字，以細分隔線區隔 */
#modalQuarterTag,#modalPurposeTag,#modalQuarterSongTag{background:none!important;color:var(--k-sub)!important;padding:0 10px 0 0!important;border-radius:0;font-weight:700}
#modalPurposeTag,#modalQuarterSongTag{border-left:1px solid var(--k-line);padding-left:10px!important}

/* 3. 破題框與金句框：去掉底色與外框，只留左側一條重點線 */
#lessonModal .border-amber-400{background:none!important;border:0!important;border-left:3px solid var(--k-accent)!important;border-radius:0!important;box-shadow:none!important;padding:2px 0 2px 16px!important}
#lessonModal .border-amber-400 h4,#lessonModal .border-amber-400 .text-amber-900{color:var(--k-accent)!important}
#lessonModal .border-amber-400 .pl-7{padding-left:0!important}
#lessonModal .border-amber-400 .text-xl{display:none}
#lessonModal .border-l-4.border-amber-500{background:none!important;border-left:3px solid var(--k-line)!important;border-radius:0!important;padding:4px 0 4px 16px!important}
#lessonModal .border-l-4 .text-amber-900,#lessonModal .border-l-4 .text-amber-800{color:var(--k-sub)!important}
#lessonModal .border-l-4 #modalScriptureText{color:var(--k-ink)}
#lessonModal .bg-stone-50.rounded-xl{background:none!important;border:0!important;padding:0!important}
#lessonModal .border-b-2.border-stone-200{border-color:var(--k-line)!important}

/* 4. 70 分鐘流程：每一步改成「上方細線＋純文字」，不再一步一個彩色框 */
#lessonModal #modalFlowSteps{gap:0}
#lessonModal #modalFlowSteps>div{background:none!important;border:0!important;border-top:1px solid var(--k-line)!important;border-radius:0!important;padding:18px 0!important;margin:0!important}
#lessonModal #modalFlowSteps>div:first-child{border-top:0!important}
#lessonModal #modalFlowSteps .bg-navy-900{background:none!important;color:var(--k-accent)!important;padding:0!important;font-weight:800}
#lessonModal #modalFlowSteps .rounded-full{background:none!important;border:0!important;padding:0!important;color:var(--k-sub)!important}
#lessonModal #modalFlowSteps>div>div.bg-white\/90{background:none!important;border:0!important;padding:0!important}
#lessonModal #modalFlowSteps h4,#lessonModal #modalFlowSteps p{color:var(--k-ink)}

/* 5. 流程內的 PIC 與深度手冊區：去掉色塊與框 */
#lessonModal #modalFlowSteps div[style*="border-radius:12px"]{background:none!important;border:0!important;padding:0!important;margin:12px 0!important}
#lessonModal .life-transformation>section{background:none!important;border:0!important;border-top:1px dashed var(--k-line)!important;border-radius:0!important;padding:14px 0 0!important}
#lessonModal .life-transformation>section:first-child{border-top:0!important;padding-top:0!important}
#lessonModal .life-transformation h5{color:var(--k-ink)}

/* 6. 常規週／舞團週切換：舞團週不再紫色 */
#lessonModal #btnFlowDance.bg-purple-600{background:var(--k-accent)!important;color:#fff!important}

/* 7. 計時助手：單色淡底、無雙層框 */
#lessonModal .bg-indigo-50.border-indigo-200{background:#FFF6E3!important;border:1px solid var(--k-line)!important;box-shadow:none}
#lessonModal .bg-indigo-50 .text-indigo-950,#lessonModal .bg-indigo-50 .text-indigo-900,#lessonModal .bg-indigo-50 .text-indigo-700{color:var(--k-ink)!important}
#lessonModal .bg-indigo-50 .bg-white\/80{background:none!important;border:0!important;padding:0!important}
#lessonModal #timerDisplay{background:none!important;border:0!important;color:var(--k-ink)!important}
#lessonModal #audioToggleBtn,#lessonModal #youtubeAudioBtnContainer{background:var(--k-accent)!important;box-shadow:none}
#lessonModal #audioToggleBtn.bg-rose-600{background:#4A2E1A!important}

/* 8. 家庭任務：綠色框 → 無框 */
#lessonModal .bg-emerald-50.border-emerald-200{background:none!important;border:0!important;border-top:1px solid var(--k-line)!important;border-radius:0!important;padding:18px 0 0!important}
#lessonModal .bg-emerald-50 h4,#lessonModal .bg-emerald-50 .text-emerald-800{color:var(--k-ink)!important}
#lessonModal .bg-emerald-50 .bg-emerald-200\/70{background:none!important;color:var(--k-sub)!important;padding:0!important}
#modalHomeTask{background:none!important;border:0!important;padding:0!important}

/* 9. LINE 週報：黑底黃框 → 淡色單層 */
#lessonModal .bg-stone-900.border-amber-500{background:none!important;color:var(--k-ink)!important;border:0!important;border-top:1px solid var(--k-line)!important;border-radius:0!important;box-shadow:none!important;padding:18px 0 0!important}
#lessonModal .bg-stone-900 h4{color:var(--k-ink)!important}
#lessonModal .bg-stone-900 .text-stone-300,#lessonModal .bg-stone-900 .text-stone-400{color:var(--k-sub)!important}
#lessonBox,#lessonWeeklyBox{}
#lessonModal #lineWeeklyBox{background:#fff!important;color:var(--k-ink)!important;border:1px solid var(--k-line)!important;font-family:inherit;line-height:1.7}
#lessonModal .bg-stone-900 button.bg-amber-500{background:var(--k-accent)!important;color:#fff!important;box-shadow:none}

/* 10. 底部關閉列 */
#lessonModal .modal-box>div.bg-stone-100{background:#FFFDF8!important;border-color:var(--k-line)!important}
#lessonModal .modal-box>div.bg-stone-100 button{background:var(--k-accent)!important}

/* 11. 其餘零散的彩色文字，一律回到深褐 */
#lessonModal .text-amber-950,#lessonModal .text-emerald-950,#lessonModal .text-blue-950{color:var(--k-ink)!important}

/* 分班指引視窗：同樣去彩色塊 */
#guideModal [class*="bg-amber-50"],#guideModal [class*="bg-blue-50"],#guideModal [class*="bg-emerald-50"],#guideModal [class*="bg-purple-50"],#guideModal [class*="bg-indigo-50"],#guideModal [class*="bg-rose-50"]{background:none!important;box-shadow:none!important}

/* 微調 */
#lessonModal #modalQuarterTag{margin-bottom:0}
#lessonModal .border-b-2.border-stone-200>div:first-child{margin-bottom:14px}
#lessonModal .border-amber-400{margin:0 0 20px!important}
#lessonModal #modalTitle{margin-top:4px}
#lessonModal .border-l-4.border-amber-500{margin-top:18px!important}
#lessonModal .bg-stone-50.rounded-xl{margin-top:18px!important}
#lessonModal .modal-box>.no-print.bg-stone-900 button:last-child{opacity:1;color:#fff}
#lessonModal .life-teacher-content p>strong:first-child,#lessonModal .life-teacher-content strong{color:var(--k-ink)!important}
#lessonModal .border-emerald-100,#lessonModal .border-emerald-200,#lessonModal [class*="border-emerald"]{border-color:var(--k-line)!important}
#lessonModal .text-emerald-700,#lessonModal .text-emerald-800,#lessonModal [class*="text-emerald"]{color:var(--k-accent)!important}
#lessonModal #modalHomeTask *{border-color:var(--k-line)!important}
@media (max-width:640px){#lessonModal #modalFlowSteps>div{padding:16px 0!important}}

/* 教案視窗：連到同一週的家長引導（單色、低調） */
.parent-link{display:inline-block;margin-top:.5rem;font-size:.95rem;font-weight:700;color:var(--rust,#B5442A);text-decoration:none;border-bottom:2px solid currentColor;padding:.25rem 0;min-height:44px;line-height:1.8}
.parent-link:hover{opacity:.8}
@media print{.parent-link{display:none}}

/* 教師帶領內容：「逐分鐘」清單不顯示數字，時間（如 0–2 分）已寫在每一行開頭，避免與數字列點混淆 */
.life-teacher-content ol,.life-teacher-content ul{list-style:none;padding-left:0}
.life-teacher-content ol>li{padding-left:0}

/* 生命探索小組：三大段落以淡底色＋左側色條明確區隔（不再用細線） */
#lessonModal .life-transformation{display:grid;gap:14px}
#lessonModal .life-transformation>section{border:0!important;border-top:0!important;border-radius:12px!important;padding:14px 16px 14px 18px!important;border-left:6px solid transparent!important}
#lessonModal .life-transformation>section:first-child{padding-top:14px!important}
#lessonModal .life-transformation>section:nth-child(1){background:#FFF4DB!important;border-left-color:#E0A526!important}
#lessonModal .life-transformation>section:nth-child(2){background:#E9F1F8!important;border-left-color:#5B8DB8!important}
#lessonModal .life-transformation>section:nth-child(3){background:#EAF4E4!important;border-left-color:#5E9B52!important}
#lessonModal .life-transformation h5{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08)}
@media print{#lessonModal .life-transformation>section{background:none!important}}

/* 綠色橫幅：文字靠左、按鈕靠右，撐滿整列（桌面） */
.wm-ban-row{width:100%;flex:1 1 auto}
.wm-ban-row>div:first-child{flex:1 1 auto;min-width:0}
.wm-ban-row>div:first-child h2,.wm-ban-row>div:first-child p{max-width:none}

/* 寬螢幕：老師教案頁加寬內容，週次卡片改三欄 */
@media(min-width:1500px){
  html body>main{max-width:min(1760px,calc(100vw - 340px))!important}
}
@media(min-width:1800px){
  #allCardsList{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1900px){
  html body>main{max-width:min(2240px,calc(100vw - 340px))!important}
}
@media(min-width:2400px){
  #allCardsList{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* 分班指引視窗：以「敬拜舞團」插畫當底圖，文字直接壓在上面（圖在視窗頂端，隨內容捲動並向下淡出） */
html body #guideModal > div{position:relative;background:#FFFDF8!important;isolation:isolate;overflow-x:hidden}
#guideModal > div::before{content:"";position:absolute;left:0;right:0;top:0;height:600px;z-index:-1;pointer-events:none;
  background:
    linear-gradient(to right,rgba(255,253,248,.9) 0,rgba(255,253,248,.7) 45%,rgba(255,253,248,0) 72%),
    url("../../assets/img/guide-worship-bg.jpg?v=1") right top/auto 600px no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%)}
#guideModal > div > div:first-child{border-bottom:0!important;padding-bottom:0!important;align-items:flex-start}
#guideModal > div > div:first-child h3{font-size:1.75rem;line-height:1.3;letter-spacing:.02em;color:var(--k-ink,#4A2E1A)}
#guideModal > div > div:first-child p{margin-top:6px;font-size:1rem;font-weight:700;color:#7A5C45}
/* 壓在圖上的前兩段：去掉白底卡片，只留文字 */
html body #guideModal > div .space-y-4>div.bg-amber-50,html body #guideModal > div .space-y-4>div.bg-purple-50{background:none!important;border:0!important;border-left:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html body #guideModal > div .space-y-4>div.bg-amber-50 .bg-white\/85{background:rgba(255,253,248,.55)!important;border:0!important;border-top:1px solid var(--k-line,#F0DDBF)!important;border-radius:0!important;padding:12px 0 0!important}
@media(min-width:641px){html body #guideModal > div .space-y-4>div.bg-amber-50,html body #guideModal > div .space-y-4>div.bg-purple-50{max-width:58%}
  #guideModal .space-y-4>div:nth-child(1){margin-top:6px}}
@media(max-width:640px){
  #guideModal > div::before{height:520px;background:
    linear-gradient(to right,rgba(255,253,248,.92) 0,rgba(255,253,248,.82) 60%,rgba(255,253,248,.35) 100%),
    url("../../assets/img/guide-worship-bg.jpg?v=1") 80% top/auto 520px no-repeat}
}
html body #guideModal > div .space-y-4>div.bg-purple-50{margin-top:26px!important}
html body #guideModal > div > div:first-child{border-bottom:0!important;padding-bottom:4px!important}

/* 分班指引：舞團 20 分鐘節奏，分鐘數已在每行開頭，去掉前面的 1.2.3.4. 避免重複 */
#guideModal .bg-emerald-50 ol{list-style:none!important;padding-left:0!important}
#guideModal .bg-emerald-50 ol>li{padding-left:0!important;margin-top:10px}

/* 分班指引視窗：統一字級階層（視窗標題 1.6 > 區塊標題 1.2 > 內文／表格 1 > 附註 .875） */
html body #guideModal > div > div:first-child h3{font-size:1.6rem!important;line-height:1.3}
html body #guideModal h4{font-size:1.2rem!important;line-height:1.5}
html body #guideModal .space-y-4 p,html body #guideModal .space-y-4 li,html body #guideModal .space-y-4 td,html body #guideModal .space-y-4 th{font-size:1rem!important;line-height:1.75!important}
html body #guideModal .space-y-4 td span.text-xs{font-size:.875rem!important;line-height:1.6!important}
html body #guideModal .space-y-4 .bg-white\/85,html body #guideModal .space-y-4 .bg-white\/85 p{font-size:1rem!important}
html body #guideModal .bg-emerald-50 h4{margin-bottom:8px!important}