#auto-publish-panel{margin:26px 0 32px;padding:24px;border:1px solid var(--line,#dce5dd);border-radius:14px;background:#fff}
.auto-publish-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.auto-publish-heading h2{margin:5px 0;font-size:22px}
.auto-publish-heading p,.auto-publish-caption{margin:6px 0;color:#718078;font-size:13px}
.auto-publish-toggle{display:flex;align-items:center;justify-content:center;gap:16px;min-width:260px;padding:17px 24px;border:2px solid #17634d;border-radius:13px;box-shadow:0 4px 14px #173f2412;text-align:left;flex:none}
.auto-publish-toggle.is-on{background:#17634d;color:#fff}.auto-publish-toggle.is-on:hover{background:#0c503b;border-color:#0c503b}.auto-publish-toggle.is-off{background:#fff;color:#17634d}.auto-publish-toggle.is-off:hover{background:#eff6ef}.auto-publish-toggle:focus-visible{outline:3px solid #8abc91;outline-offset:4px}.auto-publish-toggle:disabled{opacity:.65;cursor:wait}
.auto-publish-toggle-track{display:block;width:52px;height:30px;border-radius:20px;background:#d7e3d9;position:relative;flex:none}.auto-publish-toggle-track>span{position:absolute;left:4px;top:4px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.is-on .auto-publish-toggle-track{background:#67b78b}.is-on .auto-publish-toggle-track>span{transform:translateX(22px)}
.auto-publish-toggle-label strong{display:block;font-size:20px;font-weight:800;letter-spacing:.2px}.auto-publish-toggle-label small{display:block;font-size:11px;margin-top:2px;opacity:.8}
.auto-publish-mode{display:flex;align-items:flex-start;gap:14px;margin:0 0 22px;padding:17px 20px;border-radius:10px;border:1px solid #dde8dd;background:#f1f6ed}.auto-publish-mode.is-off{border-color:#e0e5e1;background:#f6f7f5}.auto-publish-mode-badge{display:inline-block;flex:none;background:#17634d;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;letter-spacing:.5px;font-weight:700}.is-off .auto-publish-mode-badge{background:#75827a}.auto-publish-mode strong{font-size:14px;line-height:1.6;color:#254c35}.auto-publish-mode.is-off strong{color:#53605a}.auto-publish-mode p{font-size:12px;line-height:1.8;color:#6c7c6e;margin:4px 0 0}
.auto-publish-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.auto-publish-site{border:1px solid #e1e8e2;border-radius:10px;padding:18px;background:#fafcf9}
.auto-publish-site.has-issue{border-color:#ecc4b8;background:#fffaf6}
.auto-publish-warning{margin:12px 0;padding:10px 12px;border:1px solid #eadbb4;border-radius:8px;background:#fff9e8;color:#77613c;font-size:12px;line-height:1.6}
.auto-publish-reservation{font-size:12px;color:#77613c;line-height:1.6;margin:10px 0}
.auto-publish-site-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.auto-publish-site h3{font-size:17px;margin:0}
.auto-publish-state{font-size:11px;padding:5px 8px;border-radius:30px;background:#e7ede6;color:#52624d;white-space:nowrap}
.auto-publish-state.issue{background:#ffe8db;color:#9b462d}
.auto-publish-progress{display:flex;align-items:baseline;gap:10px;margin:16px 0 7px}
.auto-publish-progress strong{font-size:32px;color:#244e3d}.auto-publish-progress small{font-size:15px;font-weight:500;color:#778778}
.auto-publish-progress>span{font-size:12px;color:#778778}
.auto-publish-site progress{display:block;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;accent-color:#33734e}
.auto-publish-site progress::-webkit-progress-bar{background:#e8eee7}.auto-publish-site progress::-webkit-progress-value{background:#33734e}
.auto-publish-site>p{margin:14px 0;min-height:38px;font-size:13px;line-height:1.55;color:#667166}
.auto-publish-queue{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e3e9e1;padding-top:12px;font-size:12px;color:#6c7c68;flex-wrap:wrap}
.auto-publish-queue button{font-size:11px;padding:6px 9px}.auto-publish-caption{margin-top:18px;line-height:1.6}
@media(max-width:1050px){.auto-publish-sites{grid-template-columns:1fr}.auto-publish-heading{align-items:flex-start;flex-direction:column}.auto-publish-site>p{min-height:0}}
@media(max-width:680px){.auto-publish-toggle{width:100%;min-width:0}.auto-publish-heading{align-items:stretch}.auto-publish-mode{padding:15px;gap:10px}.auto-publish-mode strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.auto-publish-toggle-track>span{transition:none}}

.auto-publish-schedule{padding:16px 18px;margin:0 0 22px;border:1px solid #e1e8e2;border-radius:10px;background:#fbfcfa}.auto-publish-schedule-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.auto-publish-schedule-heading>div>strong{display:block;font-size:14px;color:#365341}.auto-publish-schedule-heading>div>span{display:block;font-size:11px;color:#748477;margin-top:4px}.auto-publish-next{text-align:right}.auto-publish-next strong{font-size:15px!important;margin-top:4px}.auto-publish-next span{margin:0!important}.auto-publish-slot-list{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0}.auto-publish-slot{padding:4px 9px;border:1px solid #dce7dc;background:#f2f6ef;border-radius:6px;font-size:11px;color:#526b58;font-variant-numeric:tabular-nums}.auto-publish-schedule>p{font-size:11px;color:#7b887e;line-height:1.7;margin:12px 0 0}.auto-publish-site-next{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#718377;margin-bottom:14px}.auto-publish-site-next b{font-size:12px;color:#486451}@media(max-width:680px){.auto-publish-schedule-heading{flex-direction:column;gap:12px}.auto-publish-next{text-align:left}.auto-publish-schedule{padding:15px}}
.auto-publish-slot-caption{margin-top:14px;font-size:11px;color:#748477}.auto-publish-slot-caption+.auto-publish-slot-list{margin-top:6px}