/* ITDA 2.0.7: title-side micro animations for Bible, Admin, and Settings sub screens. */
.itda-sub-mini{
  position:relative;z-index:2;width:48px;height:34px;margin-left:10px;
  display:inline-flex;align-items:center;justify-content:center;vertical-align:-.24em;
  pointer-events:none;opacity:0;transform:translateY(4px) scale(.94);
  filter:drop-shadow(0 5px 10px rgba(15,23,42,.08));
}
.itda-sub-mini.play{animation:itdaSubMiniIn .28s ease-out forwards}
.itda-sub-mini.leave{animation:itdaSubMiniOut .24s ease-in forwards}
.itda-sub-mini svg{width:100%;height:100%;overflow:visible}
.itda-sub-mini *{transform-box:fill-box}
@keyframes itdaSubMiniIn{to{opacity:1;transform:none}}
@keyframes itdaSubMiniOut{to{opacity:0;transform:translateY(-2px) scale(.97)}}

/* common draw language */
.itda-sub-mini .fx-check,.itda-sub-mini .fx-light,.itda-sub-mini .fx-underline,.itda-sub-mini .fx-heartline,
.itda-sub-mini .fx-cal-top,.itda-sub-mini .fx-axis,.itda-sub-mini .fx-wave,.itda-sub-mini .fx-connect,
.itda-sub-mini .fx-gift-line,.itda-sub-mini .fx-key,.itda-sub-mini .fx-clock-hand,.itda-sub-mini .fx-log-check{
  fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:140;stroke-dashoffset:140;
}
.itda-sub-mini.play .fx-check,.itda-sub-mini.play .fx-light,.itda-sub-mini.play .fx-underline,
.itda-sub-mini.play .fx-heartline,.itda-sub-mini.play .fx-cal-top,.itda-sub-mini.play .fx-axis,
.itda-sub-mini.play .fx-wave,.itda-sub-mini.play .fx-connect,.itda-sub-mini.play .fx-gift-line,
.itda-sub-mini.play .fx-key,.itda-sub-mini.play .fx-clock-hand,.itda-sub-mini.play .fx-log-check{
  animation:itdaSubDraw .55s ease-out forwards;
}
@keyframes itdaSubDraw{to{stroke-dashoffset:0}}

/* Bible dashboard: book opens */
.fx-book-l,.fx-book-r{fill:#eff6ff;stroke:#2563eb;stroke-width:2.4;transform-origin:center;opacity:0}
.fx-book-l{transform:scaleX(.25) translateX(8px)}.fx-book-r{transform:scaleX(.25) translateX(-8px)}
.itda-sub-mini-bible-dashboard.play .fx-book-l,.itda-sub-mini-bible-dashboard.play .fx-book-r{animation:itdaBookOpen .52s cubic-bezier(.2,.8,.2,1) .05s forwards}
.itda-sub-mini-bible-dashboard.play .fx-light{animation-delay:.32s;stroke:#eab308}
@keyframes itdaBookOpen{to{opacity:1;transform:scaleX(1) translateX(0)}}

/* calendar/check */
.fx-calendar{fill:#fff;stroke:#2563eb;stroke-width:2.3;opacity:0;transform:translateY(5px)}
.itda-sub-mini-bible-plan.play .fx-calendar,.itda-sub-mini-admin-events.play .fx-calendar{animation:itdaCalIn .36s ease-out forwards}
.itda-sub-mini-bible-plan.play .fx-cal-top,.itda-sub-mini-admin-events.play .fx-cal-top{animation-delay:.12s}
.itda-sub-mini-bible-plan.play .fx-check{animation-delay:.34s;stroke-width:4}
@keyframes itdaCalIn{to{opacity:1;transform:none}}

/* notes */
.fx-pencil{fill:#dbeafe;stroke:#2563eb;stroke-width:2;opacity:0;transform:translate(-8px,7px)}
.fx-pencil-tip{fill:#f8fafc;stroke:#2563eb;stroke-width:2;opacity:0;transform:translate(-8px,7px)}
.itda-sub-mini-bible-notes.play .fx-pencil,.itda-sub-mini-bible-notes.play .fx-pencil-tip{animation:itdaPencil .45s ease-out forwards}
.itda-sub-mini-bible-notes.play .fx-underline{animation-delay:.28s}
@keyframes itdaPencil{to{opacity:1;transform:none}}

/* sharing */
.fx-bubble{fill:#eff6ff;stroke:#2563eb;stroke-width:2;opacity:0;transform-origin:center;transform:scale(.45)}
.itda-sub-mini-bible-sharing.play .b1{animation:itdaPop .38s cubic-bezier(.2,.9,.25,1.2) forwards}
.itda-sub-mini-bible-sharing.play .b2{animation:itdaPop .38s cubic-bezier(.2,.9,.25,1.2) .20s forwards}
@keyframes itdaPop{to{opacity:1;transform:scale(1)}}

/* lifeline */
.fx-heartline{stroke:#ef4444!important;stroke-width:3.4!important;stroke-dasharray:180!important;stroke-dashoffset:180!important}
.itda-sub-mini-bible-lifeline.play .fx-heartline{animation:itdaSubDraw .72s cubic-bezier(.4,0,.2,1) .05s forwards!important}

/* Bible admin books */
.fx-book-stack{fill:#eff6ff;stroke:#2563eb;stroke-width:2;opacity:0;transform:translateY(8px)}
.itda-sub-mini-bible-admin.play .s1{animation:itdaBookStack .32s ease-out forwards}
.itda-sub-mini-bible-admin.play .s2{animation:itdaBookStack .32s ease-out .16s forwards}
.itda-sub-mini-bible-admin.play .s3{animation:itdaBookStack .32s ease-out .32s forwards}
@keyframes itdaBookStack{to{opacity:1;transform:none}}

/* event star */
.fx-star{fill:#fef3c7;stroke:#d97706;stroke-width:2;opacity:0;transform-origin:center;transform:scale(.35) rotate(-20deg)}
.itda-sub-mini-admin-events.play .fx-star{animation:itdaStar .44s cubic-bezier(.2,.9,.25,1.2) .28s forwards}
@keyframes itdaStar{to{opacity:1;transform:scale(1) rotate(0)}}

/* stats */
.fx-bar{fill:#dbeafe;stroke:#2563eb;stroke-width:1.8;transform-origin:center bottom;transform:scaleY(.08);opacity:0}
.itda-sub-mini-admin-stats.play .b1{animation:itdaBarUp .42s ease-out .04s forwards}
.itda-sub-mini-admin-stats.play .b2{animation:itdaBarUp .42s ease-out .18s forwards}
.itda-sub-mini-admin-stats.play .b3{animation:itdaBarUp .42s ease-out .32s forwards}
.itda-sub-mini-admin-stats.play .fx-axis{animation-delay:.04s}
@keyframes itdaBarUp{to{opacity:1;transform:scaleY(1)}}

/* settings gear */
.fx-gear{fill:#eff6ff;stroke:#2563eb;stroke-width:1.8;transform-origin:center;opacity:0;transform:rotate(-55deg) scale(.75)}
.fx-gear-dot{fill:#fff;stroke:#2563eb;stroke-width:2;opacity:0}
.itda-sub-mini-admin-settings.play .fx-gear{animation:itdaGear .64s cubic-bezier(.2,.8,.2,1) forwards}
.itda-sub-mini-admin-settings.play .fx-gear-dot{animation:itdaFade .25s ease-out .28s forwards}
@keyframes itdaGear{to{opacity:1;transform:rotate(24deg) scale(1)}}
@keyframes itdaFade{to{opacity:1}}

/* Settings fragments */
.fx-bell,.fx-pin,.fx-shield{fill:#eff6ff;stroke:#2563eb;stroke-width:2.3;opacity:0;transform-origin:center}
.fx-bell-clapper{fill:none;stroke:#2563eb;stroke-width:2.3;stroke-linecap:round;opacity:0}
.itda-sub-mini-settings-notice.play .fx-bell{animation:itdaBell .55s ease-out forwards}
.itda-sub-mini-settings-notice.play .fx-bell-clapper{animation:itdaFade .25s ease-out .20s forwards}
.itda-sub-mini-settings-notice.play .w1{animation-delay:.27s}.itda-sub-mini-settings-notice.play .w2{animation-delay:.43s}
@keyframes itdaBell{0%{opacity:0;transform:rotate(-12deg) scale(.8)}60%{opacity:1;transform:rotate(8deg) scale(1)}100%{opacity:1;transform:rotate(0)}}

.fx-gift{fill:#eff6ff;stroke:#2563eb;stroke-width:2.2;opacity:0;transform:translateY(7px) scale(.9)}
.itda-sub-mini-settings-birthday.play .fx-gift{animation:itdaGift .38s ease-out forwards}
.itda-sub-mini-settings-birthday.play .fx-gift-line{animation-delay:.18s}
@keyframes itdaGift{to{opacity:1;transform:none}}

.fx-pin{transform:translateY(-9px) scale(.9)}.fx-pin-dot{fill:#2563eb;opacity:0}
.itda-sub-mini-settings-visit.play .fx-pin{animation:itdaPin .48s cubic-bezier(.2,.9,.25,1.2) forwards}
.itda-sub-mini-settings-visit.play .fx-pin-dot{animation:itdaFade .2s ease-out .32s forwards}
@keyframes itdaPin{to{opacity:1;transform:none}}

.fx-user-head{fill:#dbeafe;stroke:#2563eb;stroke-width:2;opacity:0}.fx-user-body{fill:#eff6ff;stroke:#2563eb;stroke-width:2;opacity:0}.fx-badge{fill:#fff;stroke:#2563eb;stroke-width:2;opacity:0;transform-origin:center;transform:scale(.3)}
.itda-sub-mini-settings-pastor.play .fx-user-head,.itda-sub-mini-settings-pastor.play .fx-user-body{animation:itdaFade .35s ease-out forwards}
.itda-sub-mini-settings-pastor.play .fx-badge{animation:itdaPop .34s ease-out .25s forwards}
.itda-sub-mini-settings-pastor.play .fx-check{animation-delay:.38s}

.fx-key-ring{fill:#eff6ff;stroke:#2563eb;stroke-width:2.5;opacity:0;transform:translateX(-8px)}
.itda-sub-mini-settings-role.play .fx-key-ring{animation:itdaKeySlide .42s ease-out forwards}
.itda-sub-mini-settings-role.play .fx-key{animation-delay:.18s;stroke-width:3.2}
@keyframes itdaKeySlide{to{opacity:1;transform:none}}

.fx-shield{transform:scale(.65)}
.itda-sub-mini-settings-group.play .fx-shield{animation:itdaPop .40s ease-out forwards}
.itda-sub-mini-settings-group.play .fx-check{animation-delay:.25s;stroke-width:4}

.fx-chat{fill:#eff6ff;stroke:#2563eb;stroke-width:2;opacity:0;transform-origin:center;transform:scale(.55)}
.itda-sub-mini-settings-slack.play .c1{animation:itdaPop .36s ease-out forwards}.itda-sub-mini-settings-slack.play .c2{animation:itdaPop .36s ease-out .18s forwards}
.itda-sub-mini-settings-slack.play .fx-connect{animation-delay:.32s}

.fx-clock{fill:#fff;stroke:#2563eb;stroke-width:2.5;opacity:0;transform-origin:center;transform:scale(.7)}
.itda-sub-mini-settings-loginlog.play .fx-clock{animation:itdaPop .38s ease-out forwards}
.itda-sub-mini-settings-loginlog.play .fx-clock-hand{animation-delay:.18s}.itda-sub-mini-settings-loginlog.play .fx-log-check{animation-delay:.37s;stroke:#16a34a}

@media(max-width:760px){
  .itda-sub-mini{width:40px;height:28px;margin-left:7px;vertical-align:-.18em}
}
@media(prefers-reduced-motion:reduce){.itda-sub-mini{display:none!important}}
/* v2.0.8: page reveal starts on the first visible frame, together with the submenu micro effect. */
.page-shell.itda-submenu-page-enter{position:relative;animation:itdaSubmenuPageIn .46s cubic-bezier(.22,.61,.36,1) both}
@keyframes itdaSubmenuPageIn{from{opacity:.70;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.page-shell.itda-submenu-page-enter{animation:none!important}}


/* v2.0.9: management direct-page title micro effects */
.itda-sub-mini-settings-forms .fx-form-sheet,.itda-sub-mini-settings-forms .fx-form-fold,.itda-sub-mini-settings-forms .fx-form-line,.itda-sub-mini-settings-forms .fx-pencil,
.itda-sub-mini-settings-images .fx-image-frame,.itda-sub-mini-settings-images .fx-image-sun,.itda-sub-mini-settings-images .fx-image-mountain,.itda-sub-mini-settings-images .fx-image-spark,
.itda-sub-mini-settings-ai-learning .fx-ai-core,.itda-sub-mini-settings-ai-learning .fx-ai-node,.itda-sub-mini-settings-ai-learning .fx-ai-link,.itda-sub-mini-settings-ai-learning .fx-ai-star{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.itda-sub-mini-settings-forms.play .fx-form-sheet{animation:itdaFxDraw .45s ease both}
.itda-sub-mini-settings-forms.play .fx-form-line{animation:itdaFxDraw .38s ease .12s both}
.itda-sub-mini-settings-forms.play .fx-pencil{animation:itdaFormPencil .62s cubic-bezier(.2,.8,.2,1) both}
.itda-sub-mini-settings-images.play .fx-image-frame{animation:itdaFxDraw .42s ease both}
.itda-sub-mini-settings-images.play .fx-image-mountain{animation:itdaFxDraw .48s ease .08s both}
.itda-sub-mini-settings-images.play .fx-image-sun{animation:itdaImageSun .58s ease .12s both}
.itda-sub-mini-settings-images.play .fx-image-spark{animation:itdaImageSpark .55s ease .18s both}
.itda-sub-mini-settings-ai-learning.play .fx-ai-link{animation:itdaFxDraw .42s ease both}
.itda-sub-mini-settings-ai-learning.play .fx-ai-node{animation:itdaAiNode .52s ease both;transform-origin:center;transform-box:fill-box}
.itda-sub-mini-settings-ai-learning.play .fx-ai-node.n2{animation-delay:.06s}.itda-sub-mini-settings-ai-learning.play .fx-ai-node.n3{animation-delay:.12s}.itda-sub-mini-settings-ai-learning.play .fx-ai-node.n4{animation-delay:.18s}
.itda-sub-mini-settings-ai-learning.play .fx-ai-core{animation:itdaAiCore .7s ease both;transform-origin:center;transform-box:fill-box}
.itda-sub-mini-settings-ai-learning.play .fx-ai-star{animation:itdaAiStar .62s ease .12s both;transform-origin:center;transform-box:fill-box}
@keyframes itdaFxDraw{0%{opacity:0;stroke-dasharray:160;stroke-dashoffset:160}100%{opacity:1;stroke-dasharray:160;stroke-dashoffset:0}}
@keyframes itdaFormPencil{0%{opacity:0;transform:translate(8px,-8px)}55%{opacity:1;transform:translate(-2px,2px)}100%{opacity:1;transform:none}}
@keyframes itdaImageSun{0%{opacity:0;transform:scale(.35);transform-origin:64px 24px}70%{opacity:1;transform:scale(1.25);transform-origin:64px 24px}100%{transform:scale(1);transform-origin:64px 24px}}
@keyframes itdaImageSpark{0%{opacity:0;transform:scale(.2);transform-origin:23px 18px}60%{opacity:1;transform:scale(1.3);transform-origin:23px 18px}100%{transform:scale(1);transform-origin:23px 18px}}
@keyframes itdaAiNode{0%{opacity:0;transform:scale(.25)}70%{opacity:1;transform:scale(1.25)}100%{transform:scale(1)}}
@keyframes itdaAiCore{0%{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1.18)}100%{transform:scale(1)}}
@keyframes itdaAiStar{0%{opacity:0;transform:rotate(-45deg) scale(.3)}65%{opacity:1;transform:rotate(12deg) scale(1.25)}100%{transform:rotate(0) scale(1)}}
/* Membership pages share the existing draw/fade timing and theme palette. */
.itda-sub-mini-members.play .fx-user-head,.itda-sub-mini-members.play .fx-user-body,
.itda-sub-mini-volunteer.play .fx-user-head{animation:itdaFade .35s ease-out forwards}
.itda-sub-mini-members .fx-user-head,.itda-sub-mini-members .fx-user-body,
.itda-sub-mini-members .fx-check,.itda-sub-mini-evangelism .fx-heartline,
.itda-sub-mini-volunteer .fx-user-head,.itda-sub-mini-volunteer .fx-connect,
.itda-sub-mini-volunteer .fx-check{stroke:var(--primary,#2563eb)}