/* seasonspark-admin.css - admin UI */
.seasonspark-wrap { max-width: 1180px; margin: 22px auto; background: #fff; padding: 22px; border-radius: 10px; box-shadow: 0 10px 30px rgba(11,22,39,0.05); }
.seasonspark-title { font-size: 24px; margin: 0 0 6px; font-weight: 600; }
.seasonspark-sub { color: #6b7280; margin-bottom: 18px; }
.seasonspark-effects-grid { display: grid; grid-template-columns: repeat(2, minmax(320px,1fr)); gap: 24px; }
.seasonspark-effect-card { border-radius: 12px; padding: 18px; background: #fff; border: 1px solid rgba(15,23,42,0.10); transition: transform .12s ease, box-shadow .12s ease; }
.seasonspark-effect-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(12,24,40,0.10); }
.seasonspark-effect-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.seasonspark-effect-header h3 { margin:0; font-size:16px; }
.seasonspark-switch { display:inline-block; position:relative; width:46px; height:28px; }
.seasonspark-switch input { display:none; }
.seasonspark-slider { position:absolute; inset:0; background:#e6eaf0; border-radius:28px; transition: all .18s ease; }
.seasonspark-slider:after { content:''; position:absolute; width:20px; height:20px; left:4px; top:4px; background:#fff; border-radius:50%; box-shadow:0 3px 8px rgba(37,44,63,0.12); transition: transform .18s ease; }
.seasonspark-switch input:checked + .seasonspark-slider { background: linear-gradient(90deg,#4f46e5,#06b6d4); }
.seasonspark-switch input:checked + .seasonspark-slider:after { transform: translateX(18px); }
.seasonspark-effect-body { margin-top:8px; display:flex; flex-direction:column; gap:8px; }
.seasonspark-date, .seasonspark-color, .seasonspark-row input[type="number"] { width:100%; padding:8px 10px; border-radius:8px; border:1px solid #e6e9ef; background:#fbfdff; }
.seasonspark-row { display:flex; gap:10px; }
.seasonspark-row label { flex:1; font-size:13px; color:#374151; display:flex; flex-direction:column; gap:6px; }
.seasonspark-note, .seasonspark-help { font-size:13px; color:#6b7280; margin:0; }
.seasonspark-grid-3 { display:grid; grid-template-columns: 30% 30% 1fr; gap:12px; align-items:center; }
.seasonspark-grid-3 .seasonspark-grid-label { display:block; font-size:13px; color:#374151; margin-bottom:6px; }
.seasonspark-grid-3 input[type="number"], .seasonspark-grid-3 .seasonspark-color { width:100%; padding:8px 10px; border-radius:8px; border:1px solid #e6e9ef; background:#fbfdff; }
.seasonspark-grid-3 .seasonspark-grid-color .seasonspark-color { max-width:160px; }
.seasonspark-effect-card.seasonspark-disabled { opacity:0.6; filter:grayscale(.15); }
.seasonspark-pro-tips { margin-top:18px; padding:12px; border-left:4px solid #4f46e5; background:#f8fafc; border-radius:6px; }
.seasonspark-toggle { cursor:pointer; }

.seasonspark-schedule-block {
    margin-top:8px;
    padding:10px;
    border-radius:10px;
    background: rgba(255,255,255,0.6);
    border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 6px 18px rgba(9,18,30,0.06);
    backdrop-filter: blur(6px) saturate(120%);
}
.seasonspark-schedule-dates { display:flex; gap:10px; align-items:center; }
.seasonspark-schedule-dates .seasonspark-date { flex:1; max-width:160px; width:auto; }
.seasonspark-schedule-help { margin-top:8px; font-size:12px; color:#4b5563; }
.seasonspark-schedule-switch { display:inline-flex; align-items:center; }
.seasonspark-schedule-label { font-size:13px; color:#374151; margin-left:8px; }

.seasonspark-row-inline { display:flex; align-items:center; gap:12px; margin-top:10px; justify-content:space-between; }
.seasonspark-inline-label { display:inline-flex; align-items:center; gap:10px; font-size:13px; color:#374151; }
.seasonspark-inline-label .seasonspark-switch { width:40px; height:24px; }
.seasonspark-inline-label .seasonspark-switch .seasonspark-slider:after { width:18px; height:18px; left:3px; top:3px; }

.seasonspark-save-btn { background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(240,246,255,0.6)); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 8px 24px rgba(15,23,42,0.06); padding:10px 16px; border-radius:12px; color:#0f172a; font-weight:600; }
.seasonspark-card-save { padding:6px 10px; border-radius:8px; background:transparent; border:1px solid rgba(15,23,42,0.06); box-shadow: 0 6px 18px rgba(9,20,36,0.04); }

.seasonspark-effect-card .seasonspark-schedule-block { transition: transform .12s ease, box-shadow .12s ease; }
.seasonspark-effect-card .seasonspark-schedule-block:where(:not([style*="display:none"])) { transform: translateY(-2px); }

.seasonspark-dev-tabs { margin-top: 12px; border-radius: 10px; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,0.7), rgba(246,247,249,0.6)); border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 8px 30px rgba(9,20,36,0.04); }
.seasonspark-tabnav { display:flex; gap:8px; padding:12px; background:transparent; }
.seasonspark-tab { background:transparent; border:0; padding:8px 14px; border-radius:8px; cursor:pointer; font-weight:600; color:#374151; transition: all .18s ease; }
.seasonspark-tab:hover { transform: translateY(-2px); }
.seasonspark-tab-active { background: linear-gradient(90deg,#eef2ff,#ecfeff); box-shadow: 0 6px 18px rgba(79,70,229,0.08); color:#0f172a; }
.seasonspark-tab-content { padding:18px; display:none; animation: seasonspark-fade .18s ease both; }
.seasonspark-tab-content.seasonspark-tab-active { display:block; }
.seasonspark-doc-inner { max-width:900px; }
.seasonspark-tab-content pre { background:#0f172a; color:#e6eef8; padding:12px; border-radius:8px; overflow:auto; }

@keyframes seasonspark-fade { from { opacity:0; transform: translateY(6px); } to { opacity:1; transform:none; } }

.seasonspark-header-banner { display:block; width:100%; height:auto; border-radius:8px; margin-bottom:25px; box-shadow: inset 0 -20px 40px rgba(0,0,0,0.08), 0 8px 20px rgba(9,20,36,0.04); transition: transform .18s ease, opacity .18s ease; }
.seasonspark-header-banner:hover { transform: translateY(-2px); }

.seasonspark-save-notice.notice-success { background: linear-gradient(180deg, rgba(236,253,245,0.85), rgba(235,255,245,0.7)); border-left: 4px solid #10b981; box-shadow: 0 8px 20px rgba(15,23,42,0.04); }
.seasonspark-save-notice p { margin: 0; color: #064e3b; font-weight:600; }

.seasonspark-row-1 { display:flex; align-items:center; gap:12px; justify-content:space-between; }
.seasonspark-col-50 { flex:1; }
.seasonspark-col-right { text-align:right; }
.seasonspark-switch-right { display:inline-flex; justify-content:flex-end; }
.seasonspark-effect-title { font-size:16px; margin:0; }
.seasonspark-row-2 input[type="number"] { padding:8px 10px; border-radius:8px; border:1px solid #e6e9ef; background:#fbfdff; }
.seasonspark-row-3 .seasonspark-inline-label { display:flex; align-items:center; gap:8px; }
.seasonspark-row-3 .seasonspark-color { min-width:140px; }
.seasonspark-row-4 { margin-top:10px; }

@media (max-width: 860px) {
    .seasonspark-effects-grid { grid-template-columns: 1fr; gap: 18px; }
    .seasonspark-schedule-dates .seasonspark-date { max-width: 100%; }
    .seasonspark-header-banner { height:90px; }
}