/* #220: scope limited to private greetings and administrator date settings. */
.sc-dialog .sc-birthday { text-align:center; }
.sc-dialog h3 { margin:3px 0 7px; color:#0b5185; font-size:1rem; }
.sc-dialog p { margin:5px 0; line-height:1.45; font-size:.9rem; }
.sc-scene { --sc-a:#139eac; --sc-b:#e5af38; position:relative; height:185px; overflow:hidden;
    background:radial-gradient(ellipse,#f0faf9 0%,#fff 72%); border-radius:14px; }
.sc-palette-2 { --sc-a:#397ca8; --sc-b:#a8ddda; }
.sc-palette-3 { --sc-a:#60998c; --sc-b:#ecd08c; }
.sc-scene svg { width:240px; height:170px; display:block; margin:4px auto; overflow:visible; }
.sc-line { fill:none; stroke:#0e416b; stroke-width:2; stroke-linecap:round; }
.sc-ink { fill:#0e416b; }
.sc-ribbon { fill:none; stroke:var(--sc-a); stroke-width:7; stroke-linecap:round; }
.sc-candles { fill:none; stroke:#fff; stroke-width:7; stroke-linecap:round; }
.sc-pinata-left,.sc-pinata-right { transform-origin:120px 28px; }
.sc-pinata-left { animation:sc-burst-left .7s 1.1s both; }
.sc-pinata-right { animation:sc-burst-right .7s 1.1s both; }
.sc-gift-lid { transform-origin:120px 60px; animation:sc-lid 1s .6s both; }
.sc-gift-stars { animation:sc-rise 1s .7s both; }
.sc-flames { animation:sc-candle 1.2s 1s both; }
.sc-balloon { animation:sc-balloon 1.6s both; }
.sc-balloon-two { animation-delay:.15s; }.sc-balloon-three { animation-delay:.3s; }
.sc-star-main { transform-origin:120px 80px; animation:sc-star 1.4s both; }
.sc-star-small { animation:sc-rise 1.1s .3s both; }
.sc-particle { position:absolute; left:var(--x); top:60px; width:6px; height:9px; border-radius:2px;
    background:var(--sc-a); opacity:0; animation:sc-confetti 2s var(--delay) ease-out; }
.sc-particle:nth-child(even) { background:var(--sc-b); }
.sc-occasion { display:flex; gap:12px; padding:12px 0; border-top:1px solid #d5e4ef; }
.sc-occasion:first-child { border-top:0; }
.sc-occasion small { color:#5a7187; }
.sc-symbol { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; border-radius:50%;
    color:#0b5185; background:linear-gradient(135deg,#edf6ff,#f3faf7); border:1px solid #c7deeb; font-size:1.7rem; }
.sc-colleagues { padding-top:12px; margin-top:8px; border-top:1px solid #d5e4ef; }
.sc-colleagues ul { margin:6px 0; padding-left:18px; font-size:.85rem; }
.sc-colleagues li { overflow-wrap:anywhere; }
.sc-settings-list { display:grid; gap:8px; }
.sc-settings-row { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:10px;
    border:1px solid #c8ddeb; border-radius:11px; background:#fff; }
.sc-settings-row strong { display:block; font-size:.9rem; }
.sc-settings-row small { display:block; margin-top:3px; font-size:.76rem; color:#5a7187; }
.sc-status { display:inline-block; margin-right:5px; padding:2px 7px; border-radius:12px; border:1px solid #b6d9cb; background:#f1faf5; color:#285b48; font-size:.73rem; }
.sc-status.is-off { border-color:#d5deea; background:#f5f7fa; color:#5a7187; }
.sc-status.is-pending { border-color:#eed595; background:#fff9e8; color:#795817; }
.sc-settings-module .ic-heading { margin-bottom:12px; }
.sc-window { display:flex; gap:12px; flex-wrap:wrap; margin:12px 0; }
.sc-window label { flex:1 1 150px; }
.ic-dialog .sc-enable { display:flex; align-items:center; gap:8px; font-weight:700; }
.sc-occasion-scene { --sc-a:#139eac; --sc-b:#e5af38; height:155px; background:radial-gradient(ellipse,#f3f9fc,#fff 72%); border-radius:12px; }
.sc-occasion-scene svg { display:block; height:150px; width:220px; margin:auto; }
.sc-book-open { transform-origin:120px 125px; animation:sc-book 1s both; }
.sc-heart-rise,.sc-bubbles { animation:sc-rise 1.5s both; }
.sc-tree-grow { transform-origin:120px 142px; animation:sc-book 1.4s both; }
.sc-sun,.sc-circles { animation:sc-rise 1.2s both; }
.sc-orbit { transform-origin:120px 78px; animation:sc-orbit 3s both; }
@keyframes sc-burst-left { to { transform:translate(-20px,12px) rotate(14deg); } }
@keyframes sc-burst-right { to { transform:translate(20px,12px) rotate(-14deg); } }
@keyframes sc-lid { to { transform:translateY(-28px) rotate(-9deg); } }
@keyframes sc-rise { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(-5px); } }
@keyframes sc-candle { to { opacity:0; transform:translateY(-3px); } }
@keyframes sc-balloon { from { transform:translateY(110px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes sc-star { from { opacity:0; transform:scale(.4) rotate(-40deg); } to { opacity:1; transform:scale(1) rotate(0); } }
@keyframes sc-confetti { 15% { opacity:1; } to { opacity:0; transform:translateY(115px) rotate(var(--spin)); } }
@keyframes sc-book { from { opacity:0; transform:scaleY(.15); } to { opacity:1; transform:scaleY(1); } }
@keyframes sc-orbit { from { transform:rotate(-60deg); } to { transform:rotate(0); } }
@media(prefers-reduced-motion:reduce) { .sc-scene *,.sc-occasion-scene * { animation:none!important; } .sc-particle { display:none; } }
@media(max-width:480px) { .sc-settings-row { align-items:start; } .sc-settings-row .ic-button { flex-shrink:0; } .sc-scene { height:165px; } .sc-scene svg { height:155px; } }