/* Beta 19.28: source module cards, one wide agenda and distinct planning controls. */
.cc2 .cc2-head{align-items:center;gap:20px;margin-bottom:20px}
.cc2 .cc2-head h1{font-size:clamp(34px,3.5vw,48px)!important;line-height:1.12;letter-spacing:-.035em;overflow-wrap:anywhere}
.cc2 .cc5-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.cc2 .cc8-edit-flow{display:inline-flex;gap:9px;align-items:center;padding:12px 18px;min-height:46px;border:1px solid color-mix(in srgb,var(--accent,#839fff) 50%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent,#839fff) 12%,var(--surface));color:var(--text);font-size:14px;font-weight:750;text-decoration:none}
.cc8-edit-flow svg{width:19px;height:19px;color:var(--accent,#839fff)}
.cc2 .cc5-workspace{display:block}
.cc2 .cc5-agenda{width:100%;min-width:0}
.cc2 .cc5-slot-content{min-width:0}
.cc2 .cc5-task-content{min-width:0}
.cc2 .cc8-sessions{margin:18px 0 0}
.cc8-sessions[hidden]{display:none!important}
.cc8-sessions>[data-cc-sessions]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:8px}
.cc8-zikr .zkh-grid{padding:0}
.cc8-zikr .zkh-row{margin:0;min-width:0}
.cc8-zikr .zkh-r-sum{min-height:90px}
.cc8-zikr .zkh-q{min-height:40px;min-width:82px}
.cc8-zikr .zkh-part{flex-wrap:wrap;gap:8px}
.cc8-zikr .zkh-part label{display:flex;align-items:center;gap:8px;font-size:12px}
.cc8-zikr .zkh-part input{width:76px;min-width:0;min-height:40px}
.cc8-zikr .zkh-part button{min-height:40px}
.cc8-zikr .zkh-r-meta{font-size:12px}
.cc8-zikr .zkh-habit{font-size:11px;line-height:1.5}
.cc8-zikr .zkh-r-body a{font-size:12px}
.cc2 .cc5-task-content:has(>.cc8-zikr){padding:12px}
.cc2 .cc8-sunnah{--sn:#3ec9a7;--sn-soft:rgba(62,201,167,.1);margin:8px 0;padding:14px;border-left:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);background:var(--surface2,#151920)}
.cc2 .cc8-sunnah.cc7-prayer-row{--sn:#b794f6;--sn-soft:rgba(183,148,246,.1);--cc-kind:#b794f6;border:1px solid color-mix(in srgb,var(--sn) 38%,var(--line));border-left:4px solid var(--sn);background:linear-gradient(100deg,var(--sn-soft),transparent 75%),var(--surface2,#151920)}
.cc8-sunnah .sn-check{width:44px;height:44px;min-height:44px}
.cc2 .cc8-sunnah>.sn-toggle,.cc2 .cc8-sunnah>.cc8-check-static{grid-column:1;grid-row:1;margin:0;justify-self:start}
.cc2 .cc8-sunnah>.sn-body{grid-column:2;grid-row:1}
.cc8-sunnah .sn-card-head h3::after{content:none!important}
.cc8-sunnah .sn-check:hover{background:var(--sn-soft)}
.cc8-sunnah .sn-check:focus-visible,.cc8-sunnah [data-cc-sunnah-open]:focus-visible{outline:2px solid var(--sn);outline-offset:3px}
.cc8-sunnah .cc8-check-static{color:var(--muted);cursor:default}
.cc8-sunnah .sn-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}
.cc8-sunnah .sn-card-head h3{min-width:0;flex:1;font-size:15px;line-height:1.4}
.cc8-sunnah [data-cc-sunnah-open]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;min-height:26px;text-align:left;background:none;border:0;border-radius:3px;font:inherit;font-weight:750;color:var(--text);cursor:pointer}
.cc8-sunnah .sn-sp{flex-shrink:0;font-size:11px;color:var(--sn);background:var(--sn-soft);white-space:nowrap}
.cc8-sunnah .sn-when{font-size:11px;line-height:1.5}
.cc8-sunnah .cc7-prayer-label{margin:0 0 4px;color:var(--sn);font-size:10px}
.cc8-sunnah:not(.is-open) .sn-content{display:none}
.cc8-sunnah.is-open .sn-content{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--line);margin-top:6px}
.cc8-disclosure{font-size:17px;color:var(--muted);flex-shrink:0}
.cc8-sunnah.is-open .cc8-disclosure{transform:rotate(180deg)}
.cc8-sunnah .cc7-earlier{font-size:11px}
.cc5-settings{max-width:1140px;margin-inline:auto;display:grid;gap:18px;min-width:0}
.cc5-settings>.pagehead{margin-bottom:8px;gap:18px}
.cc5-settings h1{font-size:clamp(28px,3vw,40px);line-height:1.2;overflow-wrap:anywhere}
.cc5-settings h2{font-size:24px;margin:5px 0 8px}
.cc8-section-head p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}
.cc8-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.cc-target-settings>form.cc8-sources{display:block}
.cc8-sources>.btn{margin:0 0 20px}
.cc8-source{display:grid!important;gap:14px;padding:18px;border:1px solid color-mix(in srgb,var(--cc-kind) 32%,var(--line));border-top:3px solid var(--cc-kind);border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--cc-kind) 7%,transparent),transparent),var(--surface)}
.cc8-source>span{display:flex;gap:10px;align-items:center;color:var(--cc-kind);font-size:16px}
.cc8-source svg{height:22px;width:22px}
.cc8-source select{width:100%;min-width:0;font-size:13px;min-height:46px;padding:10px}
.cc8-goal-modules{display:grid;gap:12px}
.cc8-goal-module{border:1px solid color-mix(in srgb,var(--cc-kind) 35%,var(--line));border-radius:17px;background:var(--surface);overflow:hidden}
.cc8-goal-module>summary,.cc5-settings .cc-plan>summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:18px;cursor:pointer;list-style:none}
.cc8-goal-module>summary::-webkit-details-marker,.cc-target-setting-item>summary::-webkit-details-marker,.cc5-settings .cc-plan>summary::-webkit-details-marker{display:none}
.cc8-goal-module>summary b{display:block;color:var(--cc-kind);font-size:16px}
.cc8-goal-module>summary small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.cc8-module-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--cc-kind);background:color-mix(in srgb,var(--cc-kind) 12%,transparent)}
.cc8-module-icon svg{width:22px;height:22px}
.cc8-goal-module[open]>summary{border-bottom:1px solid var(--line)}
.cc8-goal-module[open]>summary>.cc8-disclosure,.cc5-settings .cc-plan[open]>summary>.cc8-disclosure{transform:rotate(180deg)}
.cc8-goal-list{display:grid;gap:10px;padding:14px}
.cc-target-setting-item{padding:0!important;border:1px solid var(--line)!important;border-radius:12px;background:var(--surface2)}
.cc-target-setting-item>summary{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;list-style:none}
.cc-target-setting-item>summary b{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.cc-target-setting-item>summary small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.cc8-plan-status{flex-shrink:0;color:var(--cc-kind);background:color-mix(in srgb,var(--cc-kind) 10%,transparent);font-size:11px;padding:4px 8px;border-radius:7px}
.cc8-target-form{display:grid;gap:14px;padding:16px;min-width:0}
.cc8-target-form>.btn{justify-self:start}
.cc-target-schedule{min-width:0;border:0!important;padding:0!important;margin:0!important;display:grid;gap:14px}
.cc-target-schedule>legend{padding:0;margin:0 0 12px;font-size:13px;font-weight:750;color:var(--text)}
.cc8-visibility{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cc8-visibility>label{display:flex;gap:9px;align-items:start;padding:12px!important;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface)}
.cc8-visibility input,.cc-target-slot-options input,.cc-target-focus input{width:17px!important;height:17px;flex-shrink:0;accent-color:var(--cc-kind,var(--accent,#839fff));margin:2px 0 0}
.cc8-visibility b{display:block;font-size:13px;line-height:1.4}
.cc8-visibility small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:4px}
.cc8-visibility>label:has(input:checked){border-color:var(--cc-kind,var(--accent,#839fff));background:color-mix(in srgb,var(--cc-kind,var(--accent,#839fff)) 11%,var(--surface))}
.cc-target-slot-options{display:flex!important;flex-wrap:wrap;gap:8px!important}
.cc-target-slot-options>label{display:flex!important;align-items:center;gap:8px;padding:10px 13px!important;min-height:44px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:var(--surface);cursor:pointer}
.cc-target-slot-options>label:has(input:checked){border-color:var(--cc-kind,var(--accent,#839fff));background:color-mix(in srgb,var(--cc-kind,var(--accent,#839fff)) 13%,var(--surface));color:var(--text)}
@supports selector(:has(*)){.cc-target-schedule:not(:has(input[name="target_visibility"][value="slots"]:checked)) .cc-target-slot-options{display:none!important}}
.cc-target-focus{display:flex!important;gap:10px;align-items:start!important;padding:12px!important;border-radius:10px;background:var(--surface);font-size:13px!important;line-height:1.6}
.cc-target-focus small{display:block;font-size:11px;color:var(--muted)}
.cc-target-schedule>p{font-size:12px!important;line-height:1.6;margin:0!important;color:var(--muted)}
.cc5-settings .cc-plan{margin:0;padding:0!important;border:1px solid color-mix(in srgb,var(--cc-kind) 30%,var(--line));border-radius:16px;overflow:hidden}
.cc5-settings .cc-plan>summary b{font-size:16px;color:var(--cc-kind)}
.cc5-settings .cc-plan>form{padding:0 18px 18px}
.cc5-settings .cc-plan>form>p{font-size:13px;line-height:1.7}
.cc5-settings .cc-plan .btn{margin-top:12px}
.cc5-settings .cc-plan-orders{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.cc8-order-slot{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cc8-order-slot>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:750;cursor:pointer;list-style:none;background:var(--surface2)}
.cc8-order-slot>summary span{font-size:11px;font-weight:500;color:var(--muted)}
.cc5-settings .cc8-order-slot>fieldset{border:0;margin:0;padding:12px}
.cc8-empty{padding:6px;font-size:13px;color:var(--muted)}
html[data-scheme="light"] .cc8-sunnah{--sn:#17795f}
html[data-scheme="light"] .cc2 .cc8-sunnah.cc7-prayer-row{--sn:#7951b4;--cc-kind:#7951b4}
@media(max-width:900px){.cc8-source-grid{grid-template-columns:1fr}.cc8-source{grid-template-columns:1fr minmax(0,1.25fr);align-items:center}.cc8-source select{font-size:13px}}
@media(max-width:620px){
 .cc2 .cc2-head{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:18px}
 .cc2 .cc2-head h1{font-size:32px!important}
 .cc2 .cc5-head-actions{justify-content:flex-start;width:100%}
 .cc2 .cc8-edit-flow{padding:11px 15px;font-size:13px}
 .cc2 .cc5-task-content:has(>.cc8-zikr){padding:8px}
 .cc8-zikr .zkh-r-sum{padding:10px 9px 14px 12px;gap:8px;grid-template-columns:20px minmax(0,1fr) auto}
 .cc8-zikr .zkh-q{min-width:72px;padding-inline:10px;font-size:10px}
 .cc8-zikr .zkh-r-meta{font-size:11.5px}
 .cc8-zikr .zkh-habit{font-size:10.5px}
 .cc2 .cc8-sunnah{gap:10px;padding:12px;grid-template-columns:40px minmax(0,1fr)}
 .cc8-sunnah .sn-check{width:40px;height:40px;min-height:40px}
 .cc8-sunnah .sn-card-head{flex-wrap:wrap;gap:5px}
 .cc8-sunnah .sn-card-head h3{flex-basis:100%;font-size:14px}
 .cc8-sunnah .sn-sp{font-size:10px}
 .cc8-sunnah .sn-when{font-size:10.5px}
 .cc5-settings>.pagehead{display:grid;gap:12px}
 .cc5-settings h1{font-size:30px}
 .cc5-settings .cc-plan-orders{grid-template-columns:1fr}
 .cc8-source{padding:14px;gap:10px}
 .cc8-source>span{font-size:14px;gap:7px}
 .cc8-source select{font-size:12px}
 .cc8-goal-module>summary,.cc5-settings .cc-plan>summary{padding:14px;gap:10px}
 .cc8-goal-list{padding:8px}
 .cc-target-setting-item>summary{padding:12px;flex-wrap:wrap}
 .cc8-target-form{padding:12px}
 .cc8-visibility{grid-template-columns:1fr}
 .cc8-visibility>label{padding:10px!important}
 .cc8-visibility small{margin:0}
 .cc8-visibility>label>span{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
 .cc-target-slot-options>label{padding:9px 11px!important;flex:1 0 26%;justify-content:center}
 .cc5-settings .cc-plan>form{padding:0 14px 14px}
}
@media(max-width:360px){.cc2 .cc2-head h1{font-size:30px!important}.cc8-zikr .zkh-r-sum{grid-template-columns:16px minmax(0,1fr) auto;gap:6px}.cc8-zikr .zkh-q{min-width:60px;padding-inline:7px}.cc8-source{grid-template-columns:1fr}}

.cc-carry{padding:12px;margin-block:12px;border:1px solid color-mix(in srgb,var(--cc-kind,#8db9e8) 40%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--cc-kind,#8db9e8) 5%,transparent)}.cc-carry h3{font-size:14px;margin:0 0 12px}.cc-carry-water{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}.cc-carry-water span{font-variant-numeric:tabular-nums}.cc8-sunnah .sn-check{transition:none}.cc8-sunnah .sn-check[aria-pressed="true"]{background:var(--sn);border-color:var(--sn);color:#06120f}.cc8-sunnah .sn-check[aria-pressed="false"]{color:transparent}