/* Special Days & Appreciation Messages — shares the site's light blue/violet design language. */
#stg-islamic-occasions-app,
#stg-islamic-occasions-app * { box-sizing: border-box; }
#stg-islamic-occasions-app {
  --sda-ink: #233047; --sda-muted: #718096; --sda-line: #e5eaf3;
  --sda-blue: #4569e8; --sda-purple: #8765df; --sda-pale: #f4f7ff;
  width: 100%; max-width: 1180px; margin: 0 auto; color: var(--sda-ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px; line-height: 1.5; isolation: isolate;
}
#stg-islamic-occasions-app button,
#stg-islamic-occasions-app input,
#stg-islamic-occasions-app select,
#stg-islamic-occasions-app textarea { font: inherit; }
#stg-islamic-occasions-app button { cursor: pointer; }
#stg-islamic-occasions-app [hidden] { display: none !important; }
#stg-islamic-occasions-app button:focus-visible,
#stg-islamic-occasions-app input:focus-visible,
#stg-islamic-occasions-app select:focus-visible,
#stg-islamic-occasions-app textarea:focus-visible { outline: 3px solid rgba(69,105,232,.25); outline-offset: 2px; }
#stg-islamic-occasions-app .stg-sda-hero {
  position: relative; overflow: hidden; margin: 0 0 22px; padding: clamp(24px, 4vw, 46px);
  border: 1px solid #e2e8ff; border-radius: 26px;
  background: radial-gradient(circle at 92% 15%, rgba(190,207,255,.56), transparent 27%), linear-gradient(125deg, #f8faff 0%, #f2f5ff 58%, #fbf8ff 100%);
  text-align: left;
}
#stg-islamic-occasions-app .stg-sda-hero-pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 11px; border: 1px solid #dfe6ff; border-radius: 999px; color: #4f62b9; background: rgba(255,255,255,.8); font-size: 11px; font-weight: 800; letter-spacing: .09em; }
#stg-islamic-occasions-app .stg-sda-hero-pill span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #65c99b; box-shadow: 0 0 0 4px #e1f8ed; }
#stg-islamic-occasions-app .stg-sda-hero h1 { margin: 15px 0 8px; color: #202c45; font-size: clamp(30px, 4.2vw, 48px); line-height: 1.12; letter-spacing: -.04em; font-weight: 850; }
#stg-islamic-occasions-app .stg-sda-hero h2 { margin: 0 0 10px; color: #465674; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.35; font-weight: 750; letter-spacing: -.02em; }
#stg-islamic-occasions-app .stg-sda-hero-copy { display: grid; gap: 12px; max-width: 900px; margin-top: 15px; }
#stg-islamic-occasions-app .stg-sda-hero-copy p { margin: 0; color: #5d6a80; font-size: clamp(15px, 1.35vw, 16.5px); line-height: 1.78; }
#stg-islamic-occasions-app .stg-sda-hero-copy .stg-sda-intro { color: #4e5d75; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.72; }
#stg-islamic-occasions-app .stg-sda-hero-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 21px; }
#stg-islamic-occasions-app .stg-sda-hero-chips span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border: 1px solid #e5e9f7; border-radius: 9px; background: rgba(255,255,255,.78); color: #526078; font-size: 12px; font-weight: 650; }
#stg-islamic-occasions-app .stg-sda-panel { margin: 0 0 22px; padding: clamp(17px, 2.5vw, 29px); border: 1px solid var(--sda-line); border-radius: 22px; background: #fff; box-shadow: 0 8px 28px rgba(31,51,91,.045); }
#stg-islamic-occasions-app .stg-sda-section-heading { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 19px; }
#stg-islamic-occasions-app .stg-sda-step { display: inline-grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 11px; background: #eef2ff; color: #5267d5; font-size: 12px; font-weight: 850; }
#stg-islamic-occasions-app .stg-sda-section-heading h3 { margin: 3px 0 4px; color: #263249; font-size: clamp(19px, 2vw, 23px); line-height: 1.25; font-weight: 800; letter-spacing: -.025em; }
#stg-islamic-occasions-app .stg-sda-section-heading p { margin: 0; color: #7a879b; font-size: 13px; line-height: 1.65; }
#stg-islamic-occasions-app .stg-sda-featured { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; margin: 0 0 18px; }
#stg-islamic-occasions-app .stg-sda-featured-button { display: flex; align-items: center; justify-content: flex-start; gap: 9px; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #e3e8f4; border-radius: 12px; background: #fbfcff; color: #44536c; text-align: left; font-size: 13px; font-weight: 750; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
#stg-islamic-occasions-app .stg-sda-featured-button span { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 9px; background: #f0f3ff; font-size: 17px; }
#stg-islamic-occasions-app .stg-sda-featured-button:hover { border-color: #b6c3fb; transform: translateY(-1px); }
#stg-islamic-occasions-app .stg-sda-featured-button.is-active { border-color: #b7c4fb; color: #4f62b9; background: #f2f5ff; box-shadow: 0 4px 12px rgba(69,105,232,.06); }
#stg-islamic-occasions-app .stg-sda-controls { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(280px,1.2fr); gap: 12px; }
#stg-islamic-occasions-app .stg-sda-control { display: flex; flex-direction: column; gap: 7px; color: #56647c; font-size: 12px; font-weight: 800; }
#stg-islamic-occasions-app .stg-sda-control input,
#stg-islamic-occasions-app .stg-sda-control select { display: block; width: 100%; min-width: 0; min-height: 43px; padding: 10px 12px; border: 1px solid #dfe5f0; border-radius: 11px; color: #33415a; background: #fcfdff; font-size: 13px; font-weight: 500; }
#stg-islamic-occasions-app .stg-sda-control input::placeholder { color: #a0a9b9; }
#stg-islamic-occasions-app .stg-sda-current-category { display: flex; align-items: center; gap: 13px; margin-top: 17px; padding: 14px 15px; border: 1px solid #e6eafd; border-radius: 14px; background: linear-gradient(110deg,#f8faff,#fbf9ff); }
#stg-islamic-occasions-app .stg-sda-current-icon { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; border: 1px solid #e4e9fb; border-radius: 12px; background: #fff; font-size: 23px; }
#stg-islamic-occasions-app .stg-sda-current-copy { flex: 1; min-width: 0; }
#stg-islamic-occasions-app .stg-sda-current-copy h4 { margin: 0 0 3px; color: #29364e; font-size: 15px; font-weight: 850; }
#stg-islamic-occasions-app .stg-sda-current-copy p { margin: 0; color: #748198; font-size: 12px; line-height: 1.55; }
#stg-islamic-occasions-app .stg-sda-category-count { flex: 0 0 auto; padding: 5px 8px; border: 1px solid #e5e9f7; border-radius: 8px; background: #fff; color: #64739a; font-size: 11px; font-weight: 800; }
#stg-islamic-occasions-app .stg-sda-results-panel .stg-sda-section-heading { align-items: center; }
#stg-islamic-occasions-app .stg-sda-results-heading > div:nth-child(2) { flex: 1; min-width: 0; }
#stg-islamic-occasions-app .stg-sda-primary-button,
#stg-islamic-occasions-app .stg-sda-secondary-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 37px; padding: 9px 13px; border: 1px solid transparent; border-radius: 10px; font-size: 12px; font-weight: 800; line-height: 1.15; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
#stg-islamic-occasions-app .stg-sda-primary-button { color: #fff; background: linear-gradient(110deg,#4f6fe7,#8263dd); box-shadow: 0 5px 12px rgba(91,103,218,.18); }
#stg-islamic-occasions-app .stg-sda-primary-button:hover { box-shadow: 0 7px 16px rgba(91,103,218,.25); transform: translateY(-1px); }
#stg-islamic-occasions-app .stg-sda-secondary-button { border-color: #e1e7f2; color: #596780; background: #fff; }
#stg-islamic-occasions-app .stg-sda-secondary-button:hover { background: #f7f9ff; border-color: #cbd5ef; transform: translateY(-1px); }
#stg-islamic-occasions-app .stg-sda-results-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -4px 0 13px; color: #8792a6; font-size: 11px; }
#stg-islamic-occasions-app .stg-sda-results-meta #stg-sda-results-count { color: #64739a; font-weight: 800; }
#stg-islamic-occasions-app .stg-sda-message-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
#stg-islamic-occasions-app .stg-sda-message-card { display: flex; flex-direction: column; min-width: 0; padding: 16px; border: 1px solid #e6eaf3; border-radius: 15px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
#stg-islamic-occasions-app .stg-sda-message-card:hover { border-color: #d4dcfb; box-shadow: 0 8px 20px rgba(48,70,130,.06); transform: translateY(-1px); }
#stg-islamic-occasions-app .stg-sda-message-card p { flex: 1; margin: 0 0 15px; color: #3e4b62; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
#stg-islamic-occasions-app .stg-sda-message-card-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; border-top: 1px solid #f0f2f7; }
#stg-islamic-occasions-app .stg-sda-message-card-actions button { min-height: 33px; padding: 7px 10px; border-radius: 9px; font-size: 11px; font-weight: 800; }
#stg-islamic-occasions-app .stg-sda-copy-message { border: 1px solid #dfe6ff; color: #5067d6; background: #f4f6ff; }
#stg-islamic-occasions-app .stg-sda-copy-message:hover { background: #eaf0ff; }
#stg-islamic-occasions-app .stg-sda-edit-message { border: 1px solid #e4e9f2; color: #58667f; background: #fff; }
#stg-islamic-occasions-app .stg-sda-edit-message:hover { background: #f7f9ff; }
#stg-islamic-occasions-app .stg-sda-no-results { padding: 30px 15px; border: 1px dashed #dce2ee; border-radius: 13px; color: #7e8aa0; background: #fbfcff; text-align: center; font-size: 13px; }
#stg-islamic-occasions-app .stg-sda-load-row { display: flex; justify-content: center; margin-top: 16px; }
#stg-islamic-occasions-app .stg-sda-compose-label { display: block; margin: 0 0 8px; color: #56647c; font-size: 13px; font-weight: 800; }
#stg-islamic-occasions-app #stg-sda-editor { display: block; width: 100%; min-height: 118px; resize: vertical; padding: 14px 15px; border: 1px solid #dfe5f0; border-radius: 13px; color: #27344b; background: #fcfdff; font-size: 15px; line-height: 1.65; }
#stg-islamic-occasions-app #stg-sda-editor:focus { border-color: #8ba0f4; background: #fff; outline: 3px solid rgba(69,105,232,.09); }
#stg-islamic-occasions-app .stg-sda-compose-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; color: #909bad; font-size: 11px; }
#stg-islamic-occasions-app #stg-sda-char-count { padding: 5px 9px; border: 1px solid #e7ebf3; border-radius: 8px; color: #718098; background: #fafbfe; font-weight: 800; font-variant-numeric: tabular-nums; }
#stg-islamic-occasions-app .stg-sda-compose-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 13px; }
#stg-islamic-occasions-app .stg-sda-footer-note { margin: 0; padding: 0 5px 14px; color: #8390a4; font-size: 12px; line-height: 1.7; }
#stg-islamic-occasions-app .stg-sda-toast { position: sticky; bottom: 14px; z-index: 5; width: fit-content; max-width: 95%; margin: -2px auto 12px; padding: 10px 15px; border-radius: 11px; color: #fff; background: #2b3650; box-shadow: 0 8px 25px rgba(28,40,70,.18); font-size: 12px; font-weight: 750; opacity: 0; pointer-events: none; transform: translateY(7px); transition: opacity .18s ease, transform .18s ease; }
#stg-islamic-occasions-app .stg-sda-toast.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 850px) {
  #stg-islamic-occasions-app .stg-sda-featured { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #stg-islamic-occasions-app .stg-sda-message-grid { grid-template-columns: minmax(0,1fr); }
  #stg-islamic-occasions-app .stg-sda-results-heading { flex-wrap: wrap; }
  #stg-islamic-occasions-app .stg-sda-results-heading > .stg-sda-secondary-button { margin-left: 46px; }
}
@media (max-width: 600px) {
  #stg-islamic-occasions-app .stg-sda-hero { padding: 22px 18px; border-radius: 19px; }
  #stg-islamic-occasions-app .stg-sda-panel { padding: 17px 14px; border-radius: 17px; }
  #stg-islamic-occasions-app .stg-sda-featured { grid-template-columns: minmax(0,1fr); }
  #stg-islamic-occasions-app .stg-sda-controls { grid-template-columns: minmax(0,1fr); }
  #stg-islamic-occasions-app .stg-sda-current-category { align-items: flex-start; flex-wrap: wrap; }
  #stg-islamic-occasions-app .stg-sda-current-copy { flex-basis: calc(100% - 62px); }
  #stg-islamic-occasions-app .stg-sda-category-count { margin-left: 56px; }
  #stg-islamic-occasions-app .stg-sda-results-meta { align-items: flex-start; flex-direction: column; }
  #stg-islamic-occasions-app .stg-sda-results-heading { align-items: flex-start; }
  #stg-islamic-occasions-app .stg-sda-results-heading > .stg-sda-secondary-button { width: 100%; margin-left: 0; }
  #stg-islamic-occasions-app .stg-sda-compose-actions { flex-direction: column; }
  #stg-islamic-occasions-app .stg-sda-compose-actions button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #stg-islamic-occasions-app * { transition: none !important; scroll-behavior: auto !important; }
}

/* Message styling section; retains the existing light blue/violet palette. */
#stg-islamic-occasions-app .stg-sda-style-options { display:flex; flex-wrap:wrap; gap:9px; margin:2px 0 16px; }
#stg-islamic-occasions-app .stg-sda-style-button { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:9px 12px; border:1px solid #e1e7f2; border-radius:10px; color:#586780; background:#fff; font-size:12px; font-weight:800; line-height:1.25; transition:border-color .15s ease, background .15s ease, color .15s ease, transform .15s ease; }
#stg-islamic-occasions-app .stg-sda-style-button:hover { border-color:#cbd5f4; background:#f7f9ff; transform:translateY(-1px); }
#stg-islamic-occasions-app .stg-sda-style-button.is-active { border-color:#bfcaff; color:#4e61c8; background:#eff2ff; box-shadow:inset 0 0 0 1px rgba(91,103,218,.05); }
#stg-islamic-occasions-app .stg-sda-style-preview-wrap { padding:16px; border:1px solid #e5eaf4; border-radius:14px; background:#fbfcff; }
#stg-islamic-occasions-app .stg-sda-style-preview-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; color:#56647c; font-size:12px; }
#stg-islamic-occasions-app .stg-sda-style-preview-top strong { color:#34435e; font-size:13px; }
#stg-islamic-occasions-app .stg-sda-style-preview-top span { max-width:470px; color:#8a95a8; font-size:11px; text-align:right; }
#stg-islamic-occasions-app .stg-sda-style-preview { min-height:88px; padding:14px; border:1px solid #e4e9f3; border-radius:11px; color:#283750; background:#fff; font-size:17px; line-height:1.8; overflow-wrap:anywhere; white-space:pre-wrap; }
#stg-islamic-occasions-app .stg-sda-style-preview.is-placeholder { color:#98a2b4; font-size:13px; }
#stg-islamic-occasions-app .stg-sda-style-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:12px; }
#stg-islamic-occasions-app .stg-sda-style-note { margin:12px 0 0; color:#8792a6; font-size:11px; line-height:1.65; }
@media (max-width:600px) {
  #stg-islamic-occasions-app .stg-sda-style-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #stg-islamic-occasions-app .stg-sda-style-button { width:100%; }
  #stg-islamic-occasions-app .stg-sda-style-preview-top { flex-direction:column; }
  #stg-islamic-occasions-app .stg-sda-style-preview-top span { text-align:left; }
  #stg-islamic-occasions-app .stg-sda-style-actions { flex-direction:column; }
  #stg-islamic-occasions-app .stg-sda-style-actions button { width:100%; }
}


/* Small helper text for the restored shared fancy-text editor; reuse original generator palette. */
#mgn-style-generator .mgn-sda-full-style-intro { margin: -5px 0 18px; color: #68758b; font-size: 13px; line-height: 1.75; }
#mgn-style-generator .mgn-sda-sync-note { color: #8792a6; font-size: 12px; line-height: 1.5; }
#mgn-style-generator .mgn-sda-full-style-tool-note { margin: 12px 0 0; color: #8792a6; font-size: 11px; line-height: 1.65; }


/* Arabic and bilingual cards; same blue-purple visual system as other Stylish Name Studio tools. */
#stg-islamic-occasions-app .stg-ido-message-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#stg-islamic-occasions-app .stg-ido-message-card { display:flex; flex-direction:column; gap:9px; }
#stg-islamic-occasions-app .stg-ido-arabic { margin:0; padding:14px 15px; border:1px solid #e4e9fb; border-radius:12px; background:linear-gradient(110deg,#fbfcff,#faf8ff); direction:rtl; text-align:right; font-family:Tahoma,"Noto Naskh Arabic","Amiri",serif; font-size:clamp(21px,2.2vw,27px); line-height:1.85; color:#263249; overflow-wrap:anywhere; }
#stg-islamic-occasions-app .stg-ido-field-label { display:block; margin:2px 0 0; color:#596780; font-size:10px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
#stg-islamic-occasions-app .stg-ido-transliteration { margin:0; color:#586780; font-size:13px; line-height:1.7; }
#stg-islamic-occasions-app .stg-ido-meaning { margin:0; color:#35435b; font-size:14px; line-height:1.7; }
#stg-islamic-occasions-app .stg-ido-card-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:5px; }
#stg-islamic-occasions-app .stg-ido-copy-button { border:1px solid #dfe5f1; border-radius:9px; background:#fff; color:#4d5e7b; padding:8px 10px; font-size:11px; font-weight:800; cursor:pointer; }
#stg-islamic-occasions-app .stg-ido-copy-button:hover { border-color:#bac6f8; background:#f5f7ff; }
#stg-islamic-occasions-app .stg-ido-copy-button.is-primary { color:#fff; border-color:transparent; background:linear-gradient(110deg,#4f6fe7,#8263dd); }
#stg-islamic-occasions-app .stg-sda-compose-panel textarea { unicode-bidi:plaintext; }
#stg-islamic-occasions-app .stg-sda-compose-panel textarea:dir(rtl) { text-align:right; }
@media(max-width:760px){#stg-islamic-occasions-app .stg-ido-message-grid{grid-template-columns:1fr} #stg-islamic-occasions-app .stg-ido-card-actions{gap:6px} #stg-islamic-occasions-app .stg-ido-copy-button{flex:1 1 auto}}