.sk228-panel{--sk228-bg:var(--sk207-surface,#fff);--sk228-ink:var(--sk207-ink,#182b45);--sk228-muted:var(--sk207-muted,#5b6f8b);--sk228-line:var(--sk207-border,#d8e2ee);background:var(--sk228-bg);color:var(--sk228-ink);border:1px solid var(--sk228-line);border-radius:20px;padding:20px;margin:18px 0;font-size:14px;line-height:1.5}
.sk228-panel *{box-sizing:border-box}.sk228-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.sk228-heading h2{font-size:1.35rem;margin:5px 0}.sk228-heading p,.sk228-hint,.sk228-footer,.sk228-action-note,.sk228-publish-card p{color:var(--sk228-muted);margin:6px 0}.sk228-eyebrow{color:var(--sk228-muted);font-size:.73rem;font-weight:750;letter-spacing:.06em}.sk228-period{border:1px solid var(--sk228-line);border-radius:12px;padding:8px 11px;font-weight:650;font-variant-numeric:tabular-nums}
.sk228-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.sk228-stats div{border:1px solid var(--sk228-line);border-radius:12px;padding:12px;min-width:0}.sk228-stats small{display:block;color:var(--sk228-muted);font-size:.78rem}.sk228-stats strong{display:block;font-size:1.55rem;font-variant-numeric:tabular-nums}
.sk228-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:16px 0}.sk228-day{min-width:0;border:1px solid var(--sk228-line);border-radius:14px;padding:10px;overflow-wrap:anywhere}.sk228-day.is-today{border-color:#3a82c3;box-shadow:inset 0 0 0 1px #3a82c3}.sk228-day>header{display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--sk228-line);font-size:.83rem}.sk228-day>header time{font-size:.75rem;color:var(--sk228-muted)}.sk228-no-day{font-size:.76rem;color:var(--sk228-muted)}
.sk228-action{border:1px solid var(--sk228-line);border-left:4px solid #6786a7;border-radius:9px;padding:10px;margin-top:9px;background:var(--sk228-bg)}.sk228-action.sk228-reported{border-left-color:#c18122}.sk228-action.sk228-confirmed{border-left-color:#21875c}.sk228-action.sk228-cancelled{opacity:.82;border-left-color:#7f8ca0}.sk228-action-top{display:grid;gap:5px}.sk228-action-top strong{font-size:.82rem;line-height:1.4}.sk228-state{color:var(--sk228-muted);font-size:.74rem;font-weight:650}.sk228-action-note{font-size:.77rem;overflow-wrap:anywhere}.sk228-form{display:grid;gap:9px;margin-top:12px}.sk228-form label{font-weight:600;font-size:.84rem;line-height:1.4}.sk228-form textarea,.sk228-form input[type=date]{display:block;margin-top:5px;width:100%;min-width:0;padding:10px;border:1px solid var(--sk228-line);border-radius:9px;background:var(--sk228-bg);color:var(--sk228-ink);font:inherit}.sk228-confirm{display:flex;align-items:flex-start;gap:8px}.sk228-confirm input{margin:3px 0 0;flex:none}.sk228-form button{min-height:42px;border-radius:9px;font:inherit;font-weight:750;cursor:pointer;padding:9px 12px;white-space:normal}.sk228-action-button,.sk228-primary{background:#2961a4;color:#fff;border:1px solid #2961a4}.sk228-subtle-button{background:transparent;border:1px solid var(--sk228-line);color:var(--sk228-ink)}.sk228-panel button:focus-visible,.sk228-panel a:focus-visible,.sk228-panel summary:focus-visible,.sk228-panel input:focus-visible,.sk228-panel textarea:focus-visible{outline:3px solid #c18122;outline-offset:3px}
.sk228-pending,.sk228-other{border:1px solid var(--sk228-line);border-radius:13px;padding:12px;margin-top:13px}.sk228-pending>summary,.sk228-other>summary{font-weight:750;cursor:pointer}.sk228-publish-card{border-top:1px solid var(--sk228-line);padding:13px 0;margin-top:10px}.sk228-publish-card h3{font-size:1rem;margin:0}.sk228-other-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:10px}.sk228-other-date{grid-column:1/-1;color:var(--sk228-muted);font-size:.8rem}.sk228-notice{padding:10px 12px;border:1px solid var(--sk228-line);border-radius:10px}.sk228-footer{font-size:.83rem;margin:15px 0 0}.sk228-footer a{color:inherit;text-decoration:underline;text-underline-offset:3px}
html[data-theme=dark] .sk228-panel,body.sk-dark .sk228-panel,body[data-theme=dark] .sk228-panel{--sk228-bg:var(--sk207-surface,#182b45);--sk228-ink:var(--sk207-ink,#f0f5ff);--sk228-muted:var(--sk207-muted,#c0cee0);--sk228-line:var(--sk207-border,#49627f)}
html[data-theme=dim] .sk228-panel,body.sk-dim .sk228-panel,body[data-theme=dim] .sk228-panel{--sk228-bg:var(--sk207-surface,#293244);--sk228-ink:var(--sk207-ink,#edf0f7);--sk228-muted:var(--sk207-muted,#cbd1df);--sk228-line:var(--sk207-border,#637185)}
@media(max-width:1280px){.sk228-days{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:780px){.sk228-days{grid-template-columns:repeat(2,minmax(0,1fr))}.sk228-other-list{grid-template-columns:minmax(0,1fr)}.sk228-stats{gap:6px}.sk228-stats div{padding:10px}}
@media(max-width:480px){.sk228-panel{padding:13px;border-radius:13px}.sk228-days{grid-template-columns:minmax(0,1fr)}.sk228-day>header{flex-wrap:nowrap}.sk228-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sk228-stats strong{font-size:1.22rem}.sk228-stats small{font-size:.66rem}.sk228-action{padding:12px}.sk228-period{width:100%;text-align:center}}
